@jzt-packages/components 1.0.0

package/src/utils/index.ts

@@ -0,0 +1,107 @@
+import { FieldNamesProps } from '../JztQueryTable/interface/index'
+import { isEmpty, formatMoneyPrecision, formatNumPrecision, isNumber } from '@jzt-spd/utils'
+/**
+ * @description 生成唯一 uuid
+ * @returns {String}
+ */
+export function generateUUID() {
+  let uuid = ''
+  for (let i = 0; i < 32; i++) {
+    let random = (Math.random() * 16) | 0
+    if (i === 8 || i === 12 || i === 16 || i === 20) uuid += '-'
+    uuid += (i === 12 ? 4 : i === 16 ? (random & 3) | 8 : random).toString(16)
+  }
+  return uuid
+}
+
+/**
+ * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+ * @param {String} prop 当前 prop
+ * @returns {String}
+ * */
+export function handleProp(prop: string) {
+  const propArr = prop.split('.')
+  if (propArr.length == 1) return prop
+  return propArr[propArr.length - 1]
+}
+
+/**
+ * @description 处理 prop 为多级嵌套的情况，返回的数据 (列如: prop: user.name)
+ * @param {Object} row 当前行数据
+ * @param {String} prop 当前 prop
+ * @returns {*}
+ * */
+export function handleRowAccordingToProp(row: { [key: string]: any }, prop: string) {
+  if (!prop.includes('.')) return row[prop] ?? '-'
+  prop.split('.').forEach(item => (row = row[item] ?? '-'))
+  return row
+}
+
+/**
+ * @description 处理 ProTable 值为数组 || 无数据
+ * @param {*} callValue 需要处理的值
+ * @returns {String}
+ * */
+export function formatCellValue(callValue: any) {
+  // 如果当前值为数组，使用 / 拼接（根据需求自定义）
+  if (Array.isArray(callValue)) return callValue.length ? callValue.join(' / ') : '-'
+  return callValue
+}
+/**
+ * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+ * @param {String} callValue 当前单元格值
+ * @param {Array} enumData 字典列表
+ * @param {Array} fieldNames label && value && children 的 key 值
+ * @param {String} type 过滤类型（目前只有 tag）
+ * @returns {String}
+ * */
+export function filterEnum(callValue: any, enumData?: any, fieldNames?: FieldNamesProps, type?: 'tag') {
+  const value = fieldNames?.value ?? 'value'
+  const label = fieldNames?.label ?? 'label'
+  const children = fieldNames?.children ?? 'children'
+  let filterData: { [key: string]: any } = {}
+  // 判断 enumData 是否为数组
+  if (Array.isArray(enumData)) filterData = findItemNested(enumData, callValue, value, children)
+  // 判断是否输出的结果为 tag 类型
+  if (type == 'tag') {
+    return filterData?.tagType ? filterData.tagType : ''
+  } else {
+    return filterData ? filterData[label] : '-'
+  }
+}
+
+/**
+ * @description 递归查找 callValue 对应的 enum 值
+ * */
+export function findItemNested(enumData: any, callValue: any, value: string, children: string) {
+  return enumData.reduce((accumulator: any, current: any) => {
+    if (accumulator) return accumulator
+    if (current[value] === callValue) return current
+    if (current[children]) return findItemNested(current[children], callValue, value, children)
+  }, null)
+}
+/**
+ * @description 处理 数字小数点
+ * @param {*} callValue 需要处理的值
+ * @param {Object} options 配置项
+ * @param {number | 'moneyDecimal' | 'countDecimal'} options.decimal 小数位配置：
+ *   - 数字：直接按指定位数格式化
+ *   - 'moneyDecimal'：按金额精度格式化
+ *   - 'countDecimal'：按数量精度格式化
+ * @returns {String}
+ * */
+export function formatNumberValue(
+  callValue: any,
+  { decimal = 4 }: { decimal?: number | 'moneyDecimal' | 'countDecimal' } = {}
+) {
+  try {
+    if (isEmpty(callValue)) return '-'
+    if (callValue == '0') return 0
+    if (isNumber(decimal)) return Number(callValue).toFixed(decimal)
+    if (decimal === 'moneyDecimal') return formatMoneyPrecision(callValue)
+    if (decimal === 'countDecimal') return formatNumPrecision(callValue)
+    return callValue
+  } catch {
+    return callValue
+  }
+}

package/src/utils/tree.ts

@@ -0,0 +1,57 @@
+// 非固定长度的树形结构禁用节点，
+// 场景： 医疗机构->仓库->科室，只允许选择科室，但是没有科室的医疗机构仓库 会正常返回，此时就不允许选择 第一层，第二层
+export function disableRootNodesByDepth(treeData, targetDepth) {
+  // 计算单个节点的深度（从该节点到最深子节点的层级数）
+  function getNodeDepth(node) {
+    if (!node.children || node.children.length === 0) {
+      return 1 // 没有子节点，深度为1
+    }
+
+    let maxChildDepth = 0
+    for (const child of node.children) {
+      const childDepth = getNodeDepth(child)
+      maxChildDepth = Math.max(maxChildDepth, childDepth)
+    }
+    return maxChildDepth + 1
+  }
+
+  // 递归禁用节点及其所有子节点
+  function disableNodeAndChildren(node) {
+    node.disabled = true
+    if (node.children && node.children.length > 0) {
+      for (const child of node.children) {
+        disableNodeAndChildren(child)
+      }
+    }
+  }
+
+  // 遍历所有根节点
+  for (const node of treeData) {
+    const nodeDepth = getNodeDepth(node)
+    // 如果根节点的深度小于目标深度，递归禁用该节点及其所有子节点
+    if (nodeDepth < targetDepth) {
+      disableNodeAndChildren(node)
+    }
+  }
+  return treeData
+}
+
+// 获取能够选择的节点集合（仅子节点）
+export function getEnabledChildValues(treeData: any[], valueKey: string): any[] {
+  const result: any[] = []
+  //   const valueKey = fieldNames.value.value as string
+  function traverse(nodes: any[], isRootLevel = true) {
+    for (const node of nodes) {
+      // 如果不是根层级、不是禁用状态，且没有children属性或children为空，则收集
+      if (!isRootLevel && !node.disabled && !node.children) {
+        result.push(node[valueKey])
+      }
+      // 如果有子节点，递归遍历
+      if (node.children && node.children.length > 0) {
+        traverse(node.children, false)
+      }
+    }
+  }
+  traverse(treeData, true)
+  return result
+}

package/tsconfig.json

@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "types": ["vite/client", "element-plus/global"],
+
+    /* Strict Type-Checking Options */
+    "strict": true /* Enable all strict type-checking options. */,
+    "noImplicitAny": false /* Raise error on expressions and declarations with an implied 'any' type. */,
+    // "strictNullChecks": true,              /* Enable strict null checks. */
+    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
+    // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
+    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
+    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
+    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
+
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "baseUrl": "./",
+    "paths": {
+      "@": ["src"],
+      "@/*": ["src/*"],
+      "@c": ["src/components"],
+      "@c/*": ["src/components/*"]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "build/**/*.ts",
+    "build/**/*.d.ts",
+    "vite.config.ts",
+    "auto-imports.d.ts"
+  ],
+  "exclude": ["node_modules", "dist", "**/*.js"]
+}