cnhis-design-vue 3.1.0 → 3.1.3

package/es/packages/big-table/src/hooks/useNestTable.d.ts

@@ -0,0 +1,8 @@
+export declare const useNestTable: (props: any, state: any, emit: any) => {
+    isAboutNestTable: import("vue").ComputedRef<any>;
+    isExpandTable: import("vue").ComputedRef<boolean>;
+    handleRowId: import("vue").ComputedRef<any>;
+    toggleExpandMethod: ({ expanded, row }: any) => boolean;
+    loadExpandMethod: ({ row, rowIndex }: any) => Promise<void>;
+    nestHandleClickRow: (table: any, data: any) => void;
+};

package/es/packages/big-table/src/hooks/useNestTable.mjs

@@ -0,0 +1 @@
+export { useNestTable } from './useNestTable2.mjs';

package/{packages/big-table/src/hooks/useNestTable.ts → es/packages/big-table/src/hooks/useNestTable2.mjs}

@@ -1,109 +1,84 @@
-import { computed, ref, reactive, watch, onMounted } from 'vue'
-import vexutils from '@/utils/vexutils.js';
-
-export const useNestTable = (props: any, state: any, emit: any) => {
-
-  const isAboutNestTable = computed(() => {
-    return props.showNestTable || props.isNestTable;
-  })
-
-  const isExpandTable = computed(() => {
-    let { isBatchSelect } = props.columnConfig || {};
-    return !props.isNestTable && isBatchSelect == 1;
-  })
-
-  const handleRowId = computed(() => {
-    if (state.isTree == 2 || state.isTree == 3) {
-      return 'theUniqueKey';
-    }
-    return props.primaryKey || 'theUniqueKey';
-  })
-
-  /**
-     * 子表expand事件
-     * @param {*} param0
-     * @returns
-     */
-  const toggleExpandMethod = ({ expanded, row }: any) => {
-    return true;
-  }
-  /**
-     * 子表expand懒加载
-     * @param {*} param0
-     * @returns
-     */
-   const loadExpandMethod = async ({ row, rowIndex }: any) => {
-    try {
-      // 子表有数据不再重复请求
-      if (row.expandList?.length) {
-        return Promise.resolve();
-      }
-      // 请求数据
-      let res = await props.nestTableDataRequest(rowIndex);
-      console.log(res, 'loadExpandMethod---res');
-      if (!res || !res.status) {
-        row.expandList = [];
-        row.__emptyItems__ = { noDataTip: res?.data?.resultMsg || "暂无数据" };
-        return Promise.reject([])
-      }
-      let data = res.data || {};
-      console.log(data, 'loadExpandMethod---data');
-      if (!data) {
-        row.expandList = [];
-        row.__emptyItems__ = { noDataTip: res?.data?.resultMsg || "暂无数据" };
-        return Promise.reject([])
-      }
-      // 判断结果 { list, oldtableData } or list
-      let list, oldtableData;
-      if (vexutils.isArray(data)) {
-        list = data;
-        oldtableData = data;
-      } else {
-        list = data.list;
-        oldtableData = data.oldtableData || data.list;
-      }
-
-      row.expandList = list;
-      row.oldtableData = oldtableData;
-      let key = row[handleRowId.value];
-      emit("setNestOriginTableMap", key, oldtableData);
-      return Promise.resolve();
-    } catch (err: any) {
-      console.log(err, 'loadExpandMethod---err');
-      row.expandList = [];
-      row.__emptyItems__ = { noDataTip: err?.data?.resultMsg || "请求错误" };
-      return Promise.reject([]);
-    }
-  }
-  /**
-     * 子表行单击事件
-     * @param {*} table
-     * @param {*} data
-     */
-  const nestHandleClickRow = (table: any, data: any) => {
-    let checked = table.isCheckedByCheckboxRow(data.row);
-    checked = !checked;
-    state.checkedRows = []
-    table?.setCheckboxRow([data.row], checked);
-    // 是否触发子表行单击
-    emit("setNestTableClick", checked);
-    // 子表行单击 数据
-    emit("nestSetSelectRowObj", data.row[handleRowId.value], checked);
-    let clickObj = {
-      isNestTableTrigger: true,
-      checked,
-      primaryValue: data.row[handleRowId.value]
-    };
-    // 行单击事件
-    emit("handlerClickRow", data?.row, data.$rowIndex, clickObj);
-  }
-
-  return {
-    isAboutNestTable,
-    isExpandTable,
-    handleRowId,
-    toggleExpandMethod,
-    loadExpandMethod,
-    nestHandleClickRow
-  };
-}
+import { computed } from 'vue';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+const useNestTable = (props, state, emit) => {
+  const isAboutNestTable = computed(() => {
+    return props.showNestTable || props.isNestTable;
+  });
+  const isExpandTable = computed(() => {
+    let { isBatchSelect } = props.columnConfig || {};
+    return !props.isNestTable && isBatchSelect == 1;
+  });
+  const handleRowId = computed(() => {
+    if (state.isTree == 2 || state.isTree == 3) {
+      return "theUniqueKey";
+    }
+    return props.primaryKey || "theUniqueKey";
+  });
+  const toggleExpandMethod = ({ expanded, row }) => {
+    return true;
+  };
+  const loadExpandMethod = async ({ row, rowIndex }) => {
+    try {
+      if (row.expandList?.length) {
+        return Promise.resolve();
+      }
+      let res = await props.nestTableDataRequest(rowIndex);
+      console.log(res, "loadExpandMethod---res");
+      if (!res || !res.status) {
+        row.expandList = [];
+        row.__emptyItems__ = { noDataTip: res?.data?.resultMsg || "\u6682\u65E0\u6570\u636E" };
+        return Promise.reject([]);
+      }
+      let data = res.data || {};
+      console.log(data, "loadExpandMethod---data");
+      if (!data) {
+        row.expandList = [];
+        row.__emptyItems__ = { noDataTip: res?.data?.resultMsg || "\u6682\u65E0\u6570\u636E" };
+        return Promise.reject([]);
+      }
+      let list, oldtableData;
+      if (vexutils.isArray(data)) {
+        list = data;
+        oldtableData = data;
+      } else {
+        list = data.list;
+        oldtableData = data.oldtableData || data.list;
+      }
+      row.expandList = list;
+      row.oldtableData = oldtableData;
+      let key = row[handleRowId.value];
+      emit("setNestOriginTableMap", key, oldtableData);
+      return Promise.resolve();
+    } catch (err) {
+      console.log(err, "loadExpandMethod---err");
+      row.expandList = [];
+      row.__emptyItems__ = { noDataTip: err?.data?.resultMsg || "\u8BF7\u6C42\u9519\u8BEF" };
+      return Promise.reject([]);
+    }
+  };
+  const nestHandleClickRow = (table, data) => {
+    let checked = table.isCheckedByCheckboxRow(data.row);
+    checked = !checked;
+    state.checkedRows = [];
+    table?.setCheckboxRow([data.row], checked);
+    emit("setNestTableClick", checked);
+    emit("nestSetSelectRowObj", data.row[handleRowId.value], checked);
+    let clickObj = {
+      isNestTableTrigger: true,
+      checked,
+      primaryValue: data.row[handleRowId.value]
+    };
+    emit("handlerClickRow", data?.row, data.$rowIndex, clickObj);
+  };
+  return {
+    isAboutNestTable,
+    isExpandTable,
+    handleRowId,
+    toggleExpandMethod,
+    loadExpandMethod,
+    nestHandleClickRow
+  };
+};
+
+export { useNestTable };

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

@@ -0,0 +1,6 @@
+export declare const useTableParse: (formatData: Function) => {
+    parseDurationValue: (v: any, duration: any) => string | undefined;
+    parseCombinationValue: (value: any, setting: any) => any;
+    formatFieldText: (row: any, field: any, fieldList: any, fieldListOriginal: any, isTimeAxisRenderNew?: any, isTimeAxisExpand?: any) => any;
+    imgs2imgArr: (imgs: any) => any;
+};

package/es/packages/big-table/src/hooks/useTableParse.mjs

@@ -0,0 +1 @@
+export { useTableParse } from './useTableParse2.mjs';

package/es/packages/big-table/src/hooks/useTableParse2.mjs

@@ -0,0 +1,135 @@
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+const useTableParse = (formatData) => {
+  const parseDurationValue = (v, duration) => {
+    if (!v && v !== 0)
+      return;
+    const unitList = {
+      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}\u79D2`;
+    }
+    const hu = mu * 60;
+    if (value < hu) {
+      return `${Math.floor(value / 60)}\u5206`;
+    }
+    const du = hu * 24;
+    if (value < du) {
+      const v2 = Math.floor(value / 60) % 60;
+      return `${Math.floor(value / hu)}\u5C0F\u65F6${v2 ? v2 + "\u5206" : ""}`;
+    }
+    const MU = du * 30;
+    if (value < MU) {
+      const v2 = Math.floor(value / hu) % 24;
+      return `${Math.floor(value / du)}\u5929${v2 ? v2 + "\u5C0F\u65F6" : ""}`;
+    }
+    const yu = du * 365;
+    if (value < yu) {
+      const unit2 = 30;
+      const v1 = Math.floor(value / du / unit2);
+      const v2 = Math.floor((value - v1 * unit2 * du) / du);
+      return `${v1}\u4E2A\u6708${v2 ? v2 + "\u5929" : ""}`;
+    }
+    return `${Math.floor(value / du / 365)}\u5E74`;
+  };
+  const parseCombinationValue = (value, setting) => {
+    let data = value ? JSON.parse(value) : [];
+    if (!Array.isArray(data)) {
+      data = [data];
+    }
+    const { combinationField: key } = setting;
+    if (!key)
+      return value;
+    return data.reduce((str, item) => {
+      const v = item[key];
+      typeof v !== "undefined" && (str += `,${v}`);
+      return str;
+    }, "").slice(1);
+  };
+  const formatFieldText = (row, field, fieldList, fieldListOriginal, isTimeAxisRenderNew, isTimeAxisExpand) => {
+    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) => text ? text : String(text) === "0" ? "0" : "";
+    const haveValue = (val) => {
+      return val !== void 0 && val !== "";
+    };
+    const findField = (columnName, fieldList2) => {
+      return fieldList2.find((item) => item.columnName === columnName);
+    };
+    const html = formatText(row[field.columnName]);
+    if (!haveValue(html)) {
+      return "";
+    }
+    if (field.settingObj?.mergedFeildExpression) {
+      const { mergedFeildExpression } = field.settingObj;
+      const passList = [];
+      const regexp = /#{(.+?)\}/g;
+      let formatHtml = mergedFeildExpression.replace(regexp, (match, p1) => {
+        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) => b);
+      if (!pass) {
+        return html;
+      }
+      const originColumnNameColorList = findField(field.columnName, fieldList)?.colorAndIcon || [];
+      const findC = originColumnNameColorList.find((c) => vexutils.parseCondition(c.condition, {
+        form: {},
+        table: {
+          ...row
+        },
+        sys: {}
+      }, fieldList));
+      const originColumnNameColor = findC?.color || "inherit";
+      const regexp2 = /color(:|;)(.+?)(;|")/g;
+      formatHtml = formatHtml.replace(regexp2, (match, p1, p2, p3 = "") => {
+        return p3;
+      });
+      formatHtml = `<span style="color: ${originColumnNameColor};">${formatHtml}</span>`;
+      return formatHtml;
+    }
+    if (vexutils.isString(html) && html?.startsWith("###{") && html?.includes("change_text")) {
+      return vexutils.stringToValue(html, "change_text");
+    }
+    return html;
+  };
+  const imgs2imgArr = (imgs) => {
+    if (!imgs)
+      return [];
+    return imgs.replace(/(,)(data|http)/g, (match, p1, p2) => {
+      return `|${p2}`;
+    }).split("|");
+  };
+  return {
+    parseDurationValue,
+    parseCombinationValue,
+    formatFieldText,
+    imgs2imgArr
+  };
+};
+
+export { useTableParse };

package/es/packages/big-table/src/utils.d.ts

@@ -0,0 +1,54 @@
+/** 评价组件 */
+export declare const getEvaluate: (row: any, item: any) => any;
+export declare const getMapVal: (row: any, item: any) => any;
+/** 年龄 json 解析 */
+export declare const getageShowType: (row: any, item: any) => any;
+export declare const reScrollFilterWrap: () => void;
+export declare const showFilter: (field: any, columnName: any, event: any, props: any, state: any) => false | undefined;
+export declare const handleGroupColums: (columns: any, props: any) => any;
+export declare const handlerInitSearchItem: (arr: any) => void;
+export declare const generateEditRender: (fieldItem: any) => {
+    name: string;
+    enabled: boolean;
+} | undefined;
+export declare const getFooterGroup: (columns: any, data: any, props: any) => any;
+export declare const checkMethod: ({ row }: {
+    row: any;
+}) => boolean;
+/**
+ * 单选行数据 树结构 扁平化处理
+ */
+export declare const flattenRow: (row: any, newRow: any, newTheUniqueKeyArr: any, handleRowId: any) => void;
+/**
+ * 树结构 选中交集
+ */
+export declare const intersectRow: (checkedRow: any, newTheUniqueKeyArr: any, handleRowId: any) => any;
+export declare const removeCheckedDisabledRows: (state: any) => void;
+export declare const setFilterStatus: (state: any, props: any) => false | undefined;
+export declare const getRowStyle: ({ row }: any) => string | null;
+export declare const handleTableHeight: (state: any, props: any) => any;
+export declare const handleName: (item: any, key?: string) => any;
+export declare const handleImgArr: (imgs: any, type: any, imgs2imgArr: Function) => any;
+export declare const handleImgSrc: (curSrc: any, imageArr: any, type: any) => any;
+export declare const modalDetailImage: (imageArr: any, type: any, defaultHeight: any) => any;
+/** 选人组件数据解析 */
+export declare const getCandidateComponents: (row: any, item: any) => any;
+export declare const handleQrCodeContent: (row: any, field: any) => {
+    btnName: any;
+    trigger_id: any;
+    params: {
+        content: any;
+    };
+};
+export declare const getInlineEditBtn: (row: any, btnListKey: any) => any;
+export declare const isCopy: (item: any, row: any) => any;
+export declare const handleTableImageSize: (imageArr: any, type: any, defaultHeight: any) => void;
+export declare const setDefaultFormData: (property: any, fieldItem: any, originalRow?: any) => {
+    [x: number]: any;
+};
+export declare const hideFilterWrap: (state: any, props: any) => void;
+export declare const mergeConObjFn: (state: any, props: any) => any[];
+export declare const isLink: (props: any, item: any, row: any) => any;
+export declare const setTableConfig: (config: any, state: any) => void;
+export declare const setTreeGroupTitle: (formatList: any, key: any, GROUP_TITLE_KEY: any) => void;
+export declare const setVisibleCheckAllWrap: (state: any, props: any, currentCheckedKeys: any) => false | undefined;

package/es/packages/big-table/src/utils.mjs

@@ -0,0 +1 @@
+export { checkMethod, flattenRow, generateEditRender, getCandidateComponents, getEvaluate, getFooterGroup, getInlineEditBtn, getMapVal, getRowStyle, getageShowType, handleGroupColums, handleImgArr, handleImgSrc, handleName, handleQrCodeContent, handleTableHeight, handleTableImageSize, handlerInitSearchItem, hideFilterWrap, intersectRow, isCopy, isLink, mergeConObjFn, modalDetailImage, reScrollFilterWrap, removeCheckedDisabledRows, setDefaultFormData, setFilterStatus, setTableConfig, setTreeGroupTitle, setVisibleCheckAllWrap, showFilter } from './utils2.mjs';