useDataSensitive

Introduction

敏感数据进行脱敏处理

Basic Usage

import { useDataSensitive } from '@flypeng/tool/browser';

// 默认
useDataSensitive({ sensitiveSource: '123456789' });

// 自定义
useDataSensitive({
  sensitiveSource: '123456789',
  startIndex: 2,
  endIndex: 5,
  replaceSource: '#',
});

Online Demo

useDataSensitive

敏感数据进行脱敏处理

默认：123456789：******789

自定义：123456789：12####789

<script lang="ts" setup>
import { useDataSensitive } from '@flypeng/tool/browser';

const defaultSource = '123456789';
</script>

<template>
  <div>
    <span>默认：{{ defaultSource }}：</span>
    <span>{{ useDataSensitive({ sensitiveSource: defaultSource }) }}</span>
  </div>
  <div>
    <span>自定义：{{ defaultSource }}：</span>
    <span>{{
      useDataSensitive({
        sensitiveSource: defaultSource,
        startIndex: 2,
        endIndex: 5,
        replaceSource: '#',
      })
    }}</span>
  </div>
</template>

Type Declaration

interface DataSensitiveOptions {
  sensitiveSource: string; // 脱敏源
  startIndex?: number; // 开始下标
  endIndex?: number; // 结束下标（包括）
  replaceSource?: string; // 脱敏符号
}
/**
 * 敏感数据进行脱敏处理
 * @param options
 * @returns
 */
declare function useDataSensitive(options: DataSensitiveOptions): string | undefined;