字符代碼工具函數

在項目開發中經常需要進行數據字典的轉化，例如下拉框，或者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;
}