字符代码工具函数

在项目开发中经常需要进行数据字典的转化，例如下拉框，或者table中后端返回的代码需要前端转为文字。我们可以定义数据字典的格式如下：

// code.js 文件
export default {
  'taskStatus': {
    'items': [
      {
        'label': '全部任务',
        'value': 'all'
      },
      {
        'label': '未开始',
        'value': '0',
        'badge': 'default'
      },
      {
        'label': '进行中',
        'value': '1',
        'badge': 'processing'
      },
      {
        'label': '已完成',
        'value': '2',
        'badge': 'success'
      }
    ],
    'name': '任务状态'
  }
 }

我们定义以下操作数据字典的函数dictCode.js

/**
 * @description 数据字典操作库
 * @author connie
 * @createtime 2019-3-26
 */
import { isEmpty } from './utils';

/**
 * @description 根据codeName及codeVal查询对应的label值
 * @param {String} codeName 数据字典分类名称
 * @param {String} codeVal 数据项中某一项的val值
 * @return {String} 如果存在val值对应的label，则返回label名称，如果不存在，直接返回val
 */
export function getLabelByCode(codes, codeName, codeVal) {
  const items = getCodeItems(codes, codeName)

  if (isEmpty(codeVal)) {
    return '';
  }

  for (let i = 0; i < items.length; i += 1) {
    const value = items[i].value.split(',');

    if (value.includes(codeVal)) {
      return items[i].label;
    }
  }

  return codeVal;
}

/**
 * @description 根据codeName及codeVal查询对应的label值
 * @param {String} codeName 数据字典分类名称
 * @param {String} label 数据项中某一项的label值
 * @return {String} 如果存在label对应的val，则返回val值，如果不存在，直接返回''
 */
export function getCodeByLabel(codes, codeName, label) {
  const items = getCodeItems(codes, codeName)

  if (isEmpty(label)) {
    return '';
  }

  for (let i = 0; i < items.length; i += 1) {
    if (label === items[i].label) {
      return items[i].value;
    }
  }

  return '';
}

/**
 * @description 根据codeName及codeVal查询对应的badge值
 * @param {String} codeName 数据字典分类名称
 * @param {String} codeVal 数据项中某一项的val值
 * @return {String} 如果存在val值对应的badge，则返回badge名称，如果不存在，则返回默认值
 */
export function getBadgeByCode(codes, codeName, codeVal) {
  const items = getCodeItems(codes, codeName)
  const defaultVal = 'default';

  if (isEmpty(codeVal)) {
    return defaultVal;
  }

  for (let i = 0; i < items.length; i += 1) {
    const value = items[i].value.split(',');

    if (value.includes(codeVal)) {
      return items[i].badge ? items[i].badge : defaultVal;
    }
  }

  return defaultVal;
}

/**
 * @description 根据codeName获取所有的items值
 * @param {String} codeName 数据字典分类名称
 * @return {Array} items
 */
export function getCodeItems(codes, codeName) {
  const code = codes[codeName]
  if (Array.isArray(code)) return code
  return code ? code.items : []
}

/**
 * @description 根据codeName获取该分类名称的对象
 * @param {String} codeName 数据字典分类名称
 * @return {Object}
 */
export function getCode(codes, codeName) {
  return codes[codeName];
}

如果是在typescript的环境中使用，可以增加dictCode.d.ts

export function getLabelByCode(codes: Codes, codeName: string, codeVal: string): string
export function getCodeByLabel(codes: Codes, codeName: string, label: string): string
export function getBadgeByCode(codes: Codes, codeName: string, codeVal: string): badgeType
export function getCodeItems(codes: Codes, codeName: string): CodeItem[]
export function getCode(codes: Codes, codeName: string): Code

type badgeType = 'success' | 'processing' | 'default' | 'error' | 'warning';

export interface Codes {
  [propName: string]: Code | CodeItem[]
}

export interface CodeItem {
  label: string;
  value: string;
  [propName: string]: string
}
export interface Code {
  item: CodeItem[];
  name: string;
  badge?: badgeType;
}