@ecan-bi/tools 1.0.1 → 1.0.2

package/index.ts

@@ -1,6 +1,22 @@
 // 指标库相关内容
 import indicators from './src/indicator'
+// 通用函数
+import runCode from './src/utils/runCode'
+// 工作台专用
+import useTransformChartDataByAttrKey from './src/hooks/useTransformChartDataByAttrKey'
+import useTransformChartDataByAttrValue from './src/hooks/useTransformChartDataByAttrValue'
+import useValueFormatter from './src/hooks/useValueFormatter'
+import useVariablesInText from './src/hooks/useVariablesInText'
+import transformProps from './src/utils/transformProps'
+import { getIndicatorParams } from './src/utils/util'
 
 export default {
-  ...indicators
+  ...indicators,
+  runCode,
+  useTransformChartDataByAttrKey,
+  useTransformChartDataByAttrValue,
+  useValueFormatter,
+  useVariablesInText,
+  transformProps,
+  getIndicatorParams
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecan-bi/tools",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "General tools",
   "main": "index.ts",
   "scripts": {
@@ -14,5 +14,8 @@
   "dependencies": {
     "dayjs": "^1.11.13",
     "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "vue": "3.3.8"
   }
 }

package/src/hooks/useTransformChartDataByAttrKey.ts

@@ -0,0 +1,77 @@
+interface DataItem {
+  name: string | number
+  value: string | number
+  type?: string
+}
+
+export type Data = DataItem []
+
+export interface KeyTypeDataFieldNames {
+  name: string
+  types: {
+    label: string
+    value: string
+  } []
+}
+
+/**
+ * 图形转化数据
+ * @param data 数据
+ * @param dataFieldNames 字段映射
+ */
+export const useTransformChartDataByAttrKey = (data: Data = [], dataFieldNames: KeyTypeDataFieldNames) => {
+  let { name = 'name', types = [] } = dataFieldNames || {}
+  name = name?.trim() || name
+  const set = new Set()
+  const map = new Map<string, any []>()
+  const dataLen = data.length
+  const typesLen = types.length
+  // 只有一条记录
+  if (dataLen === 1) {
+    const vs: any = []
+    // data 为一个值取第一个
+    for (let i = 0; i < typesLen; i++) {
+      const type = types[i]
+      const { label, value } = type
+      const v = { ...data[0], value: data[0][value] }
+      set.add(label)
+      // 值列表
+      vs.push(v)
+    }
+    const n = data[0][name] || ''
+    map.set(n, vs)
+  } else {
+    for (let i = 0; i < dataLen; i++) {
+      const item = data[i]
+      const x = item[name]
+      set.add(x)
+      for (let j = 0; j < typesLen; j++) {
+        const type = types[j]
+        const { label, value } = type
+        const v = { ...item, value: item[value] }
+        if (map.has(label)) {
+          const m: any = map.get(label)
+          m.push(v)
+          map.set(label, m)
+        } else {
+          map.set(label, [v])
+        }
+      }
+    }
+  }
+
+  const dimensions = Array.from(set)
+  const dataset: { [key:string]:any } [] = []
+  for (const [name, data] of map) {
+    dataset.push({
+      name,
+      data
+    })
+  }
+  return {
+    dimensions,
+    dataset
+  }
+}
+
+export default useTransformChartDataByAttrKey

package/src/hooks/useTransformChartDataByAttrValue.ts

@@ -0,0 +1,61 @@
+interface DataItem {
+  name: string | number
+  value: string | number
+  type?: string
+}
+
+export type Data = DataItem []
+
+export interface ValueTypeDataFieldNames {
+  name: string
+  value: string
+  type: string
+}
+
+/**
+ * 图形转化数据
+ * @param data 数据
+ * @param dataFieldNames 字段映射
+ */
+export const useTransformChartDataByAttrValue = (data: Data, dataFieldNames?: ValueTypeDataFieldNames) => {
+  let { name = 'name', value = 'value', type = 'type' } = dataFieldNames || {}
+  // 处去字符串
+  name = name?.trim()
+  value = value?.trim()
+  type = type?.trim()
+  const set = new Set()
+  const map = new Map()
+  const len = data.length
+  for (let i = 0; i < len; i++) {
+    const item = data[i]
+    // x轴
+    const x = item[name] || ''
+    // y轴
+    const y = item[value] || ''
+    // 系列（类型）
+    const t = item[type] || ''
+    set.add(x)
+    if (map.has(t)) {
+      const arr = map.get(t)
+      // @ts-ignore
+      arr.push({ name: x, value: y, ...item })
+      map.set(t, arr)
+    } else {
+      // @ts-ignore
+      map.set(t, [{ name: x, value: y, ...item }])
+    }
+  }
+  const dimensions = Array.from(set)
+  const dataset: { [key:string]:any } [] = []
+  for (const [name, data] of map) {
+    dataset.push({
+      name,
+      data
+    })
+  }
+  return {
+    dimensions,
+    dataset
+  }
+}
+export default useTransformChartDataByAttrValue

package/src/hooks/useValueFormatter.ts

@@ -0,0 +1,27 @@
+import runCode from '../utils/runCode'
+export const useValueFormatter = (formatter: string, value:string) => {
+  if (formatter == null) return value
+  const variables = (formatter).match(/\{.*\}/g)
+  if (variables == null || variables.length === 0) {
+    return value
+  }
+  const len = variables.length
+  for (let i = 0; i < len; i++) {
+    const variable = variables[i]
+    if (variable == null || variable === '') break
+    let statement = variable.slice(1, -1)?.trim()
+    statement = statement?.replace(/value/g, value)
+    try {
+      let result = statement
+      if ((/\(.*\)/g).test(statement) || (/[+/\\*]/g).test(statement)) {
+        result = runCode(statement)
+      }
+      formatter = formatter.replace(variable, result)
+    } catch (e) {
+      formatter = formatter.replace(variable, statement)
+    }
+  }
+  return formatter
+}
+
+export default useValueFormatter

package/src/hooks/useVariablesInText.ts

@@ -0,0 +1,44 @@
+import runCode from '../utils/runCode'
+export const useVariablesInText = (
+  formatter: string = '',
+  { textData, codeData }: { textData?: { [key:string]: any }, codeData?: { [key:string]: any } } = {},
+  { useNewline = false, useSpace = false } = {}
+) => {
+  // 引入全局变量
+  const data = { ...textData }
+  const variables = (formatter || '').match(/\{(.+?)\}/g)
+  if (variables == null || variables.length === 0) {
+    return formatter
+  }
+  for (let i = 0; i < variables.length; i++) {
+    const variable = variables[i]
+    let statement = variable.slice(1, -1).trim()
+    const reg = /[\u4e00-\u9fa5a-z-_A-Z0-9]*/g
+    const textVariables: any = statement.match(reg)
+    for (let j = 0; j < textVariables.length; j++) {
+      const textVariable = textVariables[j]
+      const usedVariable = data[textVariable]
+      if (usedVariable != null) {
+        // 使用的变量
+        statement = statement.replace(textVariable, usedVariable)
+      }
+    }
+    if ((/\(.*\)/g).test(statement) || (/[+/\\*]/g).test(statement)) {
+      statement = runCode(statement, codeData)
+    }
+    formatter = formatter.replace(variable, statement)
+  }
+  // 替换换行
+  if (useNewline) {
+    formatter = formatter?.replace(/\n|\\n/g, '<br/>')
+  }
+  // 替换空格
+  if (useSpace) {
+    formatter = formatter?.replace(/\s{2,}?/g, '&nbsp;&nbsp;')
+  }
+  // 千分位格式化
+  formatter = formatter.replace(/Qfw\((.*?)\)/, (res, str) => textData?.Qfw ? textData?.Qfw(str) : str)
+  return formatter
+}
+
+export default useVariablesInText

package/src/indicator.ts

@@ -1,7 +1,8 @@
+import { unref } from 'vue'
 import dayjs from 'dayjs'
 import { cloneDeep } from 'lodash-es'
-import { hasOwn, lowerCaseIncludes, getConditions, getFormatStep, unref } from './utils'
-import { MODEL_KEY_LIST } from './constant'
+import { hasOwn, lowerCaseIncludes, getConditions, getFormatStep } from './utils/util'
+import { MODEL_KEY_LIST } from './utils/constant'
 
 let modelValue = new Map()
 const excludeAttr = [

package/src/utils/runCode.ts

@@ -0,0 +1,26 @@
+import dayjs from 'dayjs'
+const runCode = (code: string, data?: { [key:string]: any }) => {
+  const useFn = {
+    dayjs,
+    ...data
+  }
+  let paramsStr = ''
+  const params: any = []
+  for (const key in useFn) {
+    paramsStr += `${key},`
+    params.push(useFn[key])
+  }
+  paramsStr = paramsStr.replace(/,$/, '')
+  const runFn = `function (${paramsStr}){return ${code}}`
+  let result
+  try {
+    // eslint-disable-next-line no-new-func
+    result = Function(`"use strict";return (${runFn})`)()(...params)
+  } catch (e) {
+    // console.error()
+    return code
+  }
+  return result
+}
+
+export default runCode