cnhis-design-vue 3.1.40-release.5 → 3.1.40

package/es/components/big-table/src/hooks/useSeparateRow.js

@@ -1,177 +0,0 @@
-import { getStringWidth } from '../../../../shared/utils/index.js';
-import { isFunction, isNumber, isArray, cloneDeep, isString } from 'lodash-es';
-import { ref, computed, provide, watch, nextTick } from 'vue';
-import { InjectionSeparateHandle } from '../constants/index.js';
-
-class SeparateHandle {
-  constructor() {
-    this.callbacks = /* @__PURE__ */ new Set();
-  }
-  add(cb) {
-    this.callbacks.add(cb);
-  }
-  remove(cb) {
-    this.callbacks.delete(cb);
-  }
-  clear() {
-    this.callbacks.clear();
-  }
-  trigger() {
-    this.callbacks.forEach((cb) => cb());
-  }
-}
-const separateDataMap = ref(
-  /* @__PURE__ */ new WeakMap()
-);
-function useSeparateMap() {
-  function getRowData(row) {
-    return separateDataMap.value.get(row);
-  }
-  return { separateDataMap, getRowData };
-}
-function useSeparateRow(getColumnConfig, spanMethod, getFieldItem, $VXETable) {
-  const needSeparateColumn = computed(() => {
-    return getColumnConfig().filter((column) => column.formType === "separate");
-  });
-  const columnWidthCacheMap = /* @__PURE__ */ new Map();
-  async function separate(data, rawData) {
-    var _a, _b;
-    if (!needSeparateColumn.value.length) {
-      return data;
-    }
-    columnWidthCacheMap.clear();
-    const visibleColumn = (_b = (_a = $VXETable.value) == null ? void 0 : _a.getColumns()) != null ? _b : [];
-    return data.reduce(async (res, row, dataIndex) => {
-      const parsedRowData = [];
-      for (const column of needSeparateColumn.value) {
-        const { width, colspan } = await getColumnRenderWidth(column, row, dataIndex);
-        parsedRowData.push({
-          columnName: column.columnName,
-          colspan,
-          data: contentSeparate(row[column.columnName], column.columnName, width)
-        });
-      }
-      const separateColspans = visibleColumn.reduce((res2, column) => {
-        res2[column.field] = getColspanInfo(column.field, row, dataIndex).colspan;
-        return res2;
-      }, {});
-      (await res).push(
-        ...Array.from({ length: getColumnInfoMaxLength(parsedRowData) }).map((_, index) => {
-          const separateData = getSeparateRowData(parsedRowData, index);
-          if (index === 0) {
-            separateDataMap.value.set(row, {
-              row,
-              rawRow: rawData[dataIndex],
-              index: dataIndex,
-              separateData,
-              colspans: separateColspans
-            });
-            row.$__SEPARATE_DATA = [separateData];
-            return row;
-          }
-          const data2 = { $__SEPARATE: true };
-          separateDataMap.value.set(data2, {
-            row: data2,
-            rawRow: rawData[dataIndex],
-            index: dataIndex,
-            separateData
-          });
-          row.$__SEPARATE_DATA.push(separateData);
-          return data2;
-        })
-      );
-      return res;
-    }, Promise.resolve([]));
-    function getSeparateRowData(parsedRowData, index) {
-      return parsedRowData.reduce((res, info) => {
-        res[info.columnName] = info.data[index];
-        return res;
-      }, {});
-    }
-  }
-  function getColumnInfoMaxLength(parsedRowData) {
-    return Math.max(...parsedRowData.map((r) => r.data.length), 1);
-  }
-  function getColspanInfo(field, row, rowIndex) {
-    if (!$VXETable.value)
-      return { colspan: 1, columnIndex: 0 };
-    const columnInfo = $VXETable.value.getColumnByField(field);
-    const columnIndex = $VXETable.value.getColumnIndex(columnInfo);
-    const visibleColumn = $VXETable.value.getColumns() || [];
-    const _columnIndex = visibleColumn.findIndex((column) => column.field === field);
-    const { colspan = 1 } = spanMethod({
-      column: columnInfo,
-      row,
-      rowIndex,
-      $rowIndex: rowIndex,
-      _rowIndex: rowIndex,
-      columnIndex,
-      $columnIndex: columnIndex,
-      _columnIndex
-    }) || {};
-    return { colspan, columnIndex, _columnIndex };
-  }
-  async function getColumnRenderWidth(column, row, rowIndex) {
-    if (!isFunction(spanMethod) || !$VXETable.value)
-      return { width: await getWidth(column), colspan: 1 };
-    const { colspan, _columnIndex, columnIndex } = getColspanInfo(column.columnName, row, rowIndex);
-    const colIndex = _columnIndex != null ? _columnIndex : columnIndex;
-    const width = colspan <= 0 ? 0 : colspan === 1 ? await getWidth(column) : await $VXETable.value.getColumns().slice(colIndex, colIndex + colspan).reduce(async (res, columnInfo) => {
-      return await res + await getWidth({ columnName: columnInfo.field });
-    }, Promise.resolve(0));
-    return { width, colspan };
-    async function getWidth(column2) {
-      let width2 = columnWidthCacheMap.get(column2.columnName);
-      if (width2)
-        return width2;
-      const prev = getRenderWidth();
-      if (!prev) {
-        await nextTick();
-      }
-      width2 = getRenderWidth() || getColumnWidth();
-      columnWidthCacheMap.set(column2.columnName, width2);
-      return width2;
-      function getRenderWidth() {
-        var _a, _b;
-        return (_b = (_a = $VXETable.value) == null ? void 0 : _a.getColumnByField(column2.columnName)) == null ? void 0 : _b.renderWidth;
-      }
-      function getColumnWidth() {
-        return isNumber(column2.width) ? column2.width : 64;
-      }
-    }
-  }
-  function contentSeparate(value, columnName, width) {
-    if (isArray(value)) {
-      return value.map((row) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = getFieldItem(columnName)) == null ? void 0 : _a.separateFormatter) == null ? void 0 : _b.call(_a, cloneDeep(row))) != null ? _c : row;
-      });
-    }
-    if (!isString(value) || !isNumber(width))
-      return [value];
-    width -= 24;
-    return [...value].reduce(
-      (res, char) => {
-        const latestString = res[res.length - 1];
-        if (getStringWidth(latestString + char) > width) {
-          res.push(char);
-        } else {
-          res[res.length - 1] = latestString + char;
-        }
-        return res;
-      },
-      [""]
-    );
-  }
-  const onColumnResize = ({ column }) => {
-    if (needSeparateColumn.value.some((separateColumn) => separateColumn.columnName === column.field)) {
-      separateHandle.trigger();
-    }
-  };
-  const separateHandle = new SeparateHandle();
-  provide(InjectionSeparateHandle, separateHandle);
-  watch(needSeparateColumn, separateHandle.trigger.bind(separateHandle));
-  return { onColumnResize, needSeparateColumn, separate, separateHandle, separateDataMap };
-}
-
-export { SeparateHandle, useSeparateMap, useSeparateRow };

package/es/components/big-table/src/hooks/useTableParse.js

@@ -1,142 +0,0 @@
-import XEUtils from 'xe-utils';
-import 'moment';
-
-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) => {
-    var _a, _b;
-    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 ((_a = field.settingObj) == null ? void 0 : _a.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: []
-          })[0];
-          return formatText(tableData[p1]);
-        }
-        return formatText(row[p1]);
-      });
-      const pass = passList.every((b) => b);
-      if (!pass) {
-        return html;
-      }
-      const originColumnNameColorList = ((_b = findField(field.columnName, fieldList)) == null ? void 0 : _b.colorAndIcon) || [];
-      const findC = originColumnNameColorList.find(
-        (c) => XEUtils.parseCondition(
-          c.condition,
-          {
-            form: {},
-            table: {
-              ...row
-            },
-            sys: {}
-          },
-          fieldList
-        )
-      );
-      const originColumnNameColor = (findC == null ? void 0 : 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 (XEUtils.isString(html) && (html == null ? void 0 : html.startsWith("###{")) && (html == null ? void 0 : html.includes("change_text"))) {
-      return XEUtils.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 };