cnhis-design-vue 3.1.1 → 3.1.4-beta.1

package/packages/big-table/src/hooks/useEdit.ts

@@ -1,131 +0,0 @@
-import { computed, ref, reactive, watch, onMounted } from 'vue'
-import EditInput from '../components/edit-form/edit-input.vue'
-import EditSelect from '../components/edit-form/edit-select.vue'
-import EditDate from '../components/edit-form/edit-date.vue'
-
-
-export const comps = {
-  'input': EditInput,
-  'number': EditInput,
-  'select': EditSelect,
-  'date': EditDate
-}
-
-export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
-
-  const initEditTable = async () => {
-    const { isEdit, fieldList = [] } = props.columnConfig
-    if (!isEdit) return
-    const hasSelectTable = fieldList.find((v: any) => v.formType === 'selectTable')
-    if (!hasSelectTable) return
-    const record: any = {
-      initRow: true
-    }
-    props.columnConfig.fieldList.forEach((col: any) => {
-      if (col.columnName !== 'operatorColumn') {
-        record[col.columnName] = undefined
-      }
-    })
-    await xGrid.value.insertAt(record, -1)
-  }
-
-  const deleteRow = (row: any, col: any, index: number) => {
-    xGrid.value.remove(row)
-    emit('clickBtn', { row, column: col, index })
-  }
-
-  const activeMethod = ({ row, rowIndex, column, columnIndex }: { row: any, rowIndex: number, column: any, columnIndex: number }) => {
-    const { isEdit, fieldList } = props.columnConfig
-    if (isEdit) {
-      // const selectTableObj = fieldList.find((v: any) => v.formType === 'selectTable')
-      const isEditCol = fieldList.find((v: any) => v.columnName === column.field)?.isEdit || false
-      // if (selectTableObj) {
-      //   // const isOtherEditCol = Object.keys(row).some(v => v !== selectTableObj.columnName && v !== 'checked' && !!row[v])
-      //   if (isEditCol && ((column.field === selectTableObj.columnName && !row[column.field]) || (column.field !== selectTableObj.columnName && !row.initRow))) {
-      //     return true
-      //   } else {
-      //     return false
-      //   }
-      // } else {
-      //   if (isEditCol) {
-      //     return true
-      //   } else {
-      //     return false
-      //   }
-      // }
-      if (isEditCol) {
-        return true
-      } else {
-        return false
-      }
-    } else {
-      return false
-    }
-  }
-  
-  const onClickSelectTable = async (row: any) => {
-    emit('clickSelectTable', { row })
-    const record: any = {
-      initRow: false,
-      row: JSON.parse(JSON.stringify(row))
-    }
-    props.columnConfig.fieldList.forEach((col: any) => {
-      if (col.columnName !== 'operatorColumn') {
-        record[col.columnName] = undefined
-        if (Object.keys(row).includes(col.columnName)) {
-          record[col.columnName] = row[col.columnName]
-        }
-      }
-    })
-    const getInsertRecords = xGrid.value.getInsertRecords()
-    const { row: newRow } = await xGrid.value.insertAt(record, getInsertRecords.at(-1))
-    xGrid.value.clearActived()
-  }
-
-  const getLabel = (opts: any[], value: any): any => {
-    return opts.find((opt: any) => opt.value === value)?.label || '';
-  };
-
-  const onFormChange = ({ value, row, column, index }: {value: number | string | null, row: any, column: any, index: number}) => {
-    let oldValue: any = row[column.columnName]    
-    if ((column?.formType === 'input' || column?.formType === 'number') && props.columnConfig?.formValidate) {
-      row[column.columnName] = props.columnConfig?.formValidate({row, column, current: value, old: row[column.columnName]})
-    } else if (column?.formatMap) {
-      oldValue = {
-        label: row[column.formatMap.label],
-        value: row[column.formatMap.value]
-      }
-      row[column.formatMap.label] = getLabel(row[column.columnName+'_options'] || [], value)
-      row[column.formatMap.value] = value
-    } else {
-      row[column.columnName] = value
-    }
-    emit('formChange', { value, row, column, index, oldValue })
-  }
-
-  const getDefaultValue = (params: any, item: any) => {
-    const value = params.row[item.columnName]
-    if (item.formType === 'select') {
-      if( item.formatMap ) {
-        return params.row[item.formatMap.label]
-      }
-      if (item.options) {
-        return item.options.find((v: any) => v.value == value)?.label || ''
-      }
-      if (item.queryOptions) {
-        return (params.row[`${item.columnName}_options`]?.find((v: any) => v.value === value)?.label) || ''
-      }
-      return value
-    } 
-    return value
-  }
-  
-  return {
-    initEditTable,
-    activeMethod,
-    deleteRow,
-    onClickSelectTable,
-    onFormChange,
-    getDefaultValue
-  }
-}

package/packages/big-table/src/hooks/useTableParse.ts

@@ -1,169 +0,0 @@
-import vexutils from '@/utils/vexutils.js';
-
-export const useTableParse = (formatData: Function) => {
-  // DURATION - 解析时长类型
-  const parseDurationValue = (v: any, duration: any) => {
-    // < 1 分钟 显示 X秒;< 60 分钟 显示 X分钟;< 24 * 60 分钟 显示 X 小时 X 分钟;< 30 * 24 * 60 分钟 显示X天X小时;< 365 * 24 * 60 显示 X个月X天
-    if (!v && v !== 0) return;
-    const unitList: any = {
-      day: 86400,
-      minute: 60,
-      hour: 3600,
-      second: 1,
-    };
-    const unit = (duration && unitList[duration]) || 1;
-    const value = v * unit || 0;
-    const mu = 60;
-    if (value < mu) {
-      return `${value}秒`;
-    }
-    const hu = mu * 60;
-    if (value < hu) {
-      return `${Math.floor(value / 60)}分`;
-    }
-    const du = hu * 24;
-    if (value < du) {
-      const v2 = Math.floor(value / 60) % 60;
-      return `${Math.floor(value / hu)}小时${v2 ? v2 + "分" : ""}`;
-    }
-    const MU = du * 30;
-    if (value < MU) {
-      const v2 = Math.floor(value / hu) % 24;
-      return `${Math.floor(value / du)}天${v2 ? v2 + "小时" : ""}`;
-    }
-    const yu = du * 365;
-    if (value < yu) {
-      const unit = 30;
-      const v1 = Math.floor(value / du / unit);
-      const v2 = Math.floor((value - v1 * unit * du) / du);
-      return `${v1}个月${v2 ? v2 + "天" : ""}`;
-    }
-    return `${Math.floor(value / du / 365)}年`;
-  };
-
-  // COMBINATION - 解析组合组件value
-  const parseCombinationValue = (value: any, setting: any) => {
-    let data = value ? JSON.parse(value) : [];
-    if (!Array.isArray(data)) {
-      data = [data];
-    }
-    const { combinationField: key } = setting;
-    if (!key) return value; // <- 如果没有解析字段则直接返回原值
-    return data
-      .reduce((str: string, item: any) => {
-        const v = item[key];
-        typeof v !== "undefined" && (str += `,${v}`);
-        return str;
-      }, "")
-      .slice(1);
-  };
-
-  // 格式化renderItem
-  const formatFieldText = (
-    row: any,
-    field: any,
-    fieldList: any,
-    fieldListOriginal: any,
-    isTimeAxisRenderNew?: any,
-    isTimeAxisExpand?: any
-  ) => {
-    // 轨迹组件需要重新处理 时间显示
-    if (isTimeAxisRenderNew && field.fieldType.includes("DATE")) {
-      let key = field.columnName;
-      if (!isTimeAxisExpand) {
-        key = field.columnName + "_fold";
-      }
-      const text = row[key];
-      return text;
-    }
-    const formatText = (text: string | null) => (text ? text : String(text) === "0" ? "0" : "");
-    const haveValue = (val: string | null) => {
-      return val !== undefined && val !== "";
-    };
-    const findField = (columnName: string, fieldList: any) => {
-      return fieldList.find((item: any) => item.columnName === columnName);
-    };
-    const html = formatText(row[field.columnName]);
-
-    // 主字段没有值，则不展示
-    if (!haveValue(html)) {
-      return "";
-    }
-
-    if (field.settingObj?.mergedFeildExpression) {
-      const { mergedFeildExpression } = field.settingObj
-      const passList: any = [];
-
-      // 合并字段
-      const regexp = /#{(.+?)\}/g;
-      let formatHtml = mergedFeildExpression.replace(regexp, (match: any, p1: any) => {
-        const findFieldItem = findField(p1, fieldListOriginal);
-        passList.push(haveValue(row[p1]) && findFieldItem);
-        // 格式化匹配到的合并字段对应的数据项
-        if (findFieldItem && formatData) {
-          const cloneRow = JSON.parse(JSON.stringify(row));
-          const tableData = formatData({
-            tableList: [cloneRow],
-            fieldList: [findFieldItem],
-            btnList: [],
-            oldtableData: [row],
-          })[0];
-          return formatText(tableData[p1]);
-        }
-        return formatText(row[p1]);
-      });
-
-      const pass = passList.every((b: any) => b);
-      /* 如果任意次字段值为空 || 无字段权限
-        => 只展示主字段的值 */
-      if (!pass) {
-        return html;
-      }
-
-      // 赋值原字段样式
-      const originColumnNameColorList = findField(field.columnName, fieldList)?.colorAndIcon || [];
-      const findC = originColumnNameColorList.find((c: any) =>
-        vexutils.parseCondition(
-          c.condition,
-          {
-            form: {},
-            table: {
-              ...row,
-            },
-            sys: {},
-          },
-          fieldList
-        )
-      );
-
-      const originColumnNameColor = findC?.color || "inherit";
-      const regexp2 = /color(:|;)(.+?)(;|")/g;
-      formatHtml = formatHtml.replace(regexp2, (match: any, p1: any, p2: any, p3 = "") => {
-        return p3;
-      });
-
-      formatHtml = `<span style="color: ${originColumnNameColor};">${formatHtml}</span>`;
-      return formatHtml;
-    }
-
-    return html;
-  };
-
-  // imgs => imgArr
-  const imgs2imgArr = (imgs: any) => {
-    if (!imgs) return [];
-
-    return imgs
-      .replace(/(,)(data|http)/g, (match: any, p1: any, p2: any) => {
-        return `|${p2}`;
-      })
-      .split("|");
-  };
-
-  return {
-    parseDurationValue,
-    parseCombinationValue,
-    formatFieldText,
-    imgs2imgArr,
-  };
-};

package/packages/button-print/index.ts

@@ -1,15 +0,0 @@
-import type { App } from "vue";
-// 导入组件
-import ButtonPrint from "./src/ButtonPrint.vue"
-
-// type SFCWithInstall<T> = T & { install(app: App): void }; // vue 安装
-
-// 为组件提供 install 安装方法，供按需引入
-ButtonPrint.install = function(app: App) {
-  app.component(ButtonPrint.name, ButtonPrint);
-};
-
-// const CButtonPrint: SFCWithInstall<typeof ButtonPrint> = ButtonPrint; // 增加类型
-
-// 默认导出组件
-export default ButtonPrint;