cnhis-design-vue 3.1.0 → 3.1.3

package/{packages/big-table/src/utils.ts → es/packages/big-table/src/utils2.mjs}

@@ -1,705 +1,597 @@
-import { nextTick } from 'vue';
-import vexutils from '@/utils/vexutils.js';
-import xb_small from './assets/img/xb_small.png';
-
-const isJSON = (str: any) => {
-  if (typeof str == "string") {
-    try {
-      const obj = JSON.parse(str);
-      if (typeof obj == "object" && obj) {
-        return true;
-      } else {
-        return false;
-      }
-    } catch (e) {
-      return false;
-    }
-  }
-  return false;
-};
-
-/** 评价组件 */
-export const getEvaluate = (row: any, item: any) => {
-  let str = row[item.columnName];
-  if (isJSON(str)) {
-    let obj = JSON.parse(str);
-    return obj.star ? `${obj.star}星` : "";
-  }
-  return str;
-};
-
-export const getMapVal = (row: any, item: any) => {
-  let str = row[item.columnName];
-  if (isJSON(str)) {
-    let obj = JSON.parse(str);
-    return obj.address || "";
-  }
-  return str;
-};
-
-/** 年龄 json 解析 */
-export const getageShowType = (row: any, item: any) => {
-  /**
-   * 3个月以下了显示到天，3个月到1岁只显示到月，1岁到3岁显示几岁几月，3岁以上的只显示岁
-   */
-  let objStr = row[item.columnName];
-  if (isJSON(objStr)) {
-    let obj = JSON.parse(objStr);
-    let days = obj.days || 0;
-    if (days > 0) {
-      if (days < 91) {
-        return `${days} 天`;
-      } else if (90 < days && days < 365) {
-        return `${Math.floor(days / 30)} 个月`;
-      } else if (365 < days && days < 1095) {
-        return `${obj.year} 岁 ${obj.month} 月`;
-      } else if (1095 < days) {
-        return `${obj.year}岁`;
-      }
-    } else {
-      return "";
-    }
-  }
-  return objStr || "";
-};
-
-// 格式化设置搜索条件参数
-const getConObj = (arr: any, state: any) => {
-  // this.quickSearch
-  if (!Array.isArray(arr)) {
-    return [];
-  }
-  let conObj = [];
-  for (let i = 0; i < arr.length; i++) {
-    let item: any = arr[i];
-    let value = 0;
-    let limit_date = "";
-    if (item.EQ || item.CL) {
-      value = item.EQ || item.CL;
-      if (item.settingObj?.attr === "PERCENTAGE") {
-        value = Number(value) / 100;
-      }
-      if (item.EVALUATEAttr) {
-        value = item.selecteds.join("|#|");
-      }
-    } else if (!vexutils.isEmpty(item.QUOTE)) {
-      value = item.QUOTE.join("|#|");
-    } else if (!vexutils.isEmpty(item.CONVERT)) {
-      value = item.CONVERT.map((item: any) => JSON.parse(item));
-    } else if (item.DATE) {
-      if (item.DATE.start_val || item.DATE.end_val) {
-        item.DATE.con = "IN";
-      }
-      item.tempCon = item.DATE.con;
-      item.start_val = item.DATE.start_val ? item.DATE.start_val.format("YYYY-MM-DD HH:mm:ss") : "";
-      item.end_val = item.DATE.end_val ? item.DATE.end_val.format("YYYY-MM-DD HH:mm:ss") : "";
-    } else if (item.BIRTHDAY) {
-      // 生日
-      let isChange = false;
-      if (item.BIRTHDAY.limit_date.length > 0 || item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
-        item.BIRTHDAY.con = "IN";
-      }
-      item.tempCon = item.BIRTHDAY.con;
-      // 因为年龄下拉有个默认值, 当输入框中有值时才取下拉值
-      if (item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
-        isChange = true;
-      } else {
-        isChange = false;
-      }
-
-      // 校验
-      if (item.BIRTHDAY.start_val) {
-        let res = vexutils.validateBirthday(
-          item.BIRTHDAY.start_val,
-          item.title,
-          item.BIRTHDAY.unit
-        );
-        if (!res) return;
-      }
-      if (item.BIRTHDAY.end_val) {
-        let res = vexutils.validateBirthday(
-          item.BIRTHDAY.end_val,
-          item.title,
-          item.BIRTHDAY.unit
-        );
-        if (!res) return;
-      }
-      if (+item.BIRTHDAY.start_val > +item.BIRTHDAY.end_val) {
-        (window as any).$message.warning(`${item.title}请输入有效范围`, 2);
-        return;
-      }
-
-      limit_date = state.limit_date || "";
-      item.unit = isChange ? item.BIRTHDAY.unit || "" : "";
-      item.start_val = item.BIRTHDAY.start_val || "";
-      item.end_val = item.BIRTHDAY.end_val || "";
-    } else if (item.LABELAttr) {
-      let valList: any = [];
-      item.labelSelectList.forEach((v: any) => {
-        valList.push(v.labelName);
-      });
-      value = valList.join("|#|");
-    } else if (item.EVALUATEAttr) {
-      value = item.selecteds.join("|#|");
-    }
-    let temp = {
-      field_key: item.columnName, // 一级value
-      con: item.DATE || item.BIRTHDAY ? item.tempCon : item.con, // 二级选择项value
-      value: value, // input输入值
-      limit_date: limit_date || "", // 生日
-      start_val: item.start_val || "", // 开始时间
-      end_val: item.end_val || "", // 结束时间
-      unit: item.unit || "", // 年龄
-    };
-    conObj.push(temp);
-  }
-  // let dateCons = this.dateTeam.map(item => item.con);
-  let res = conObj.filter(
-    item => item.value || item.limit_date || item.start_val || item.end_val
-    // dateCons.includes(item.con)
-  );
-  return res;
-};
-
-export const reScrollFilterWrap = () => {
-  let filterWrapEl = document.querySelectorAll(".big-table-filter-wrap");
-  let checkboxWrapEl: any =
-    filterWrapEl[filterWrapEl.length - 1].querySelector(".js-checkbox-wrap");
-
-  let tableScrollTop = checkboxWrapEl.scrollTop;
-
-  nextTick(() => {
-    checkboxWrapEl.scrollTop = tableScrollTop;
-  });
-};
-
-export const showFilter = (field: any, columnName: any, event: any, props: any, state: any) => {
-  if (props.isInlineOperating) return false;
-  let target = event.target;
-  const FILTER_BOX_WIDTH = 400;
-  const FILTER_BOX_TOP_OFFSET = 20;
-
-  let transformWrap = document.body;
-  let {
-    left: btnRectLeft,
-    right: btnRectRight,
-    top: btnRectTop,
-    width: btnWidth,
-  } = target.getBoundingClientRect();
-
-  field.left = "initial";
-  field.right = "initial";
-  field.top = "initial";
-
-  let transformWrapWidth = transformWrap.clientWidth;
-  if (btnRectLeft + FILTER_BOX_WIDTH > transformWrapWidth) {
-    let transformWrapRight = transformWrap?.getBoundingClientRect().right || 0;
-    field.right = transformWrapRight - btnRectRight - btnWidth / 2 + "px";
-  } else {
-    field.left = btnRectLeft + "px";
-  }
-
-  field.top = (btnRectTop + FILTER_BOX_TOP_OFFSET) + (props.filterTopOffset || 0) + "px";
-
-  field.visible = !field.visible;
-
-  let len = state.filterFields[columnName]?.CONVERT.length;
-  field.checkAll = len === field.setting.showSetting.length;
-  field.indeterminate = !!len && len !== field.setting.showSetting.length;
-  field.searchFilterText = "";
-};
-
-// 处理分组columns
-const handleRowColumns = (rowColumns: any, columns: any, key: any) => {
-  rowColumns.map((item: any) => {
-    let children: any = [];
-    let spliceIndex = -1;
-    let indexArr: any = [];
-    item.list?.length &&
-      item.list.forEach((v: any) => {
-        let matchItem = columns?.find((column: any) => column[key] === v);
-        if (matchItem) {
-          let matchIndex = columns.findIndex((column: any) => column[key] === v);
-          indexArr.push(matchIndex);
-          delete matchItem.fixed;
-          children.push(matchItem);
-          columns.splice(matchIndex, 1);
-        }
-      });
-    let obj = {
-      title: item.title,
-      align: "center",
-      children,
-    };
-    spliceIndex = Math.min.apply(Math, indexArr);
-    spliceIndex > -1 && columns.splice(spliceIndex, 0, obj);
-  });
-};
-// 分组表头处理
-export const handleGroupColums = (columns: any, props: any) => {
-  let { rowGroupSetting } = props;
-  if (!rowGroupSetting || !Object.keys(rowGroupSetting).length) return columns;
-  let { firstRowGroup, secondRowGroup } = rowGroupSetting;
-  if (!firstRowGroup || !firstRowGroup.length) return columns;
-  handleRowColumns(firstRowGroup, columns, "columnName");
-  if (!secondRowGroup || !secondRowGroup.length) return columns;
-  handleRowColumns(secondRowGroup, columns, "title");
-  return columns;
-};
-
-export const handlerInitSearchItem = (arr: any) => {
-  if (!Array.isArray(arr)) return;
-  arr.forEach(el => {
-    if (el.setting) {
-      // el.seting 可能是 string / object
-      el.setting = typeof el.setting == "string" ? JSON.parse(el.setting) : el.setting;
-      if (!vexutils.isEmpty(el.setting.wordbook)) {
-        el["con"] = "QUOTE";
-        el["dataSource"] = [];
-        el["QUOTE"] = [];
-        return;
-      } else if (el.setting.showSetting && el.setting.showSetting.length > 0) {
-        el["con"] = "CONVERT";
-        el.setting.showSetting.forEach((set: any) => {
-          set["label"] = set.change_text;
-          set["value"] = JSON.stringify(set.filter);
-        });
-        el["CONVERT"] = [];
-        return;
-      }
-    }
-    if (el.fieldType.includes("DATE")) {
-      if (el.settingObj && el.settingObj.attr == "BIRTHDAY") {
-        el["con"] = "BIRTHDAY";
-        el["showDate"] = false;
-        el["marginx"] = "ml";
-        // el['BIRTHDAY'] = initBirthdayParams();
-      } else {
-        el["con"] = "DATE";
-        el["showDate"] = false;
-        el["marginx"] = "ml";
-        el["DATE"] = {
-          con: null,
-          start_val: null,
-          end_val: null,
-        };
-      }
-    } else if (el.fieldType == "TEXT") {
-      el["con"] = "CL";
-      el["CL"] = "";
-    } else if (el.fieldType == "NUMBER") {
-      el["con"] = "EQ";
-      el["EQ"] = "";
-    } else if (el.fieldType == "JSONB") {
-      el["con"] = "EQ";
-      el["EQ"] = "";
-    }
-    if (el.setting.attr === "LABEL") {
-      el["con"] = "EQ";
-      el["LABELAttr"] = true;
-      el["labelSelectList"] = [];
-      // handleSetLabelOptions(el.setting.labelType, el);
-    }
-    if (el.setting.attr === "EVALUATE") {
-      el["con"] = "CL";
-      el["selecteds"] = [];
-      el["EVALUATEAttr"] = true;
-    }
-  });
-};
-
-export const generateEditRender = (fieldItem: any) => {
-  if (fieldItem.columnName === "operatorColumn") {
-    return undefined;
-  }
-
-  return {
-    name: "EditInput",
-    enabled: fieldItem.isEdit == 1,
-  };
-};
-
-const footerFieldSum = (list: any, field: any, conObj: any[] = [], props: any) => {
-  let sum = 0,
-    count = 0;
-  let { fieldList = [] } = props.columnConfig;
-  list.forEach((i: any) => {
-    DFS(i, (node: any) => {
-      if (!node.childrenList || !node.childrenList.length) {
-        let isShow = true;
-        // conObj 过滤单条数据 是否显示
-        if (conObj.length) {
-          let paramObj = {
-            table: node,
-            form: {},
-            sys: props?.userInfo?.map?.sysParams || {},
-          };
-          isShow = vexutils.parseCondition(conObj, paramObj, fieldList);
-        }
-        if (isShow) {
-          let value = node[field] || 0;
-          sum += Number(value);
-          ++count;
-        }
-      }
-    });
-  });
-  return { sum, count };
-};
-
-export const getFooterGroup = (columns: any, data: any, props: any) => {
-  let { groupCountMap } = props;
-  let res: any = [];
-  props.groupCountFields.forEach((item: any) => {
-    let tips = item.tips;
-    let color = item.color || "#000";
-    // 全部页
-    let value;
-    if (item.range == "all") {
-      value = groupCountMap[item.key];
-    } else if (item.range == "page") {
-      // 当前页
-      // avg 平均值 sum 合计 count 数量
-      let { sum = 0, count = 0 } = footerFieldSum(data, item.field, item.conObj, props);
-      value = count;
-      if (item.method == "avg") {
-        value = sum / count || 0;
-      } else if (item.method == "sum") {
-        value = sum;
-      }
-    }
-    // 保留四位小数
-    value = vexutils.round(value, 4);
-    res.push(`<span style="color: ${color}">${tips}：${value}</span>`);
-  });
-  return res.join("、");
-};
-
-// 深度遍历tree
-const DFS = (node: any, fn: Function) => {
-  if (!node) return;
-  const stack = [node];
-  while (stack.length > 0) {
-    const first = stack.shift();
-    if (first) {
-      fn(first);
-    }
-    first.childrenList &&
-      first.childrenList.reverse().forEach((child: any) => {
-        stack.unshift(child);
-      });
-  }
-};
-
-export const checkMethod = ({ row }: { row: any }) => {
-  return !row.forbiddenBatchSelect;
-};
-
-/**
- * 单选行数据 树结构 扁平化处理
- */
-export const flattenRow = (row: any, newRow: any, newTheUniqueKeyArr: any, handleRowId: any) => {
-  newRow.push(row);
-  newTheUniqueKeyArr.push(row[handleRowId]);
-  if (row.childrenList && row.childrenList.length) {
-    row.childrenList.forEach((item: any) => {
-      if (item.childrenList && item.childrenList.length) {
-        flattenRow(item, newRow, newTheUniqueKeyArr, handleRowId);
-      } else {
-        newTheUniqueKeyArr.push(item[handleRowId]);
-        newRow.push(item);
-      }
-    });
-  }
-}
-
-/**
- * 树结构 选中交集
- */
-export const intersectRow = (checkedRow: any, newTheUniqueKeyArr: any, handleRowId: any) => {
-  let theUniqueKeyArr: any = [];
-  if (!checkedRow.length) return 1;
-  checkedRow.forEach((item: any) => theUniqueKeyArr.push(item[handleRowId]));
-  if (!theUniqueKeyArr.length) return 1;
-  if (theUniqueKeyArr.length !== newTheUniqueKeyArr.length) return 1;
-  let res = theUniqueKeyArr.filter((x: any) => {
-    newTheUniqueKeyArr.includes(x);
-  });
-  return res.length;
-}
-
-// 清除已选择的禁用多选项
-export const removeCheckedDisabledRows = (state: any) => {
-  // 禁用多选的项可单选，判断是否符合条件并移除
-  if (state.checkedRows.length == 1 && !checkMethod({ row: state.checkedRows[0] })) {
-    state.checkedRows.pop();
-  }
-}
-
-export const setFilterStatus = (state: any, props: any) => {
-  // 表头没有过滤字段 不需要设置
-  if (!state.filterFields || !Object.keys(state.filterFields).length) return;
-  let val = props.quickSearchConfig;
-
-  if (!val || !val.length) {
-    let keys = Object.keys(state.filterFields);
-    keys.forEach(key => {
-      state.filterFields[key]["CONVERT"] = [];
-    });
-    return false;
-  }
-  // 修复 val长度和this.filterFields个数对不上 会少清空选中项
-  for (let key in state.filterFields) {
-    let item = state.filterFields[key];
-    item && (item["CONVERT"] = []);
-  }
-
-  val.forEach((item: any) => {
-    let itemKey = item.field_key;
-    // 参与搜索的字段必须在 filterFields中
-    if (itemKey in state.filterFields) {
-      if (!state.filterFields[item.field_key]) {
-        state.filterFields[item.field_key]["CONVERT"] = [];
-        return false;
-      }
-
-      let value = item.value.map((item: any) => JSON.stringify(item));
-      state.filterFields[item.field_key]["CONVERT"] = value;
-    }
-  });
-};
-
-// 设置 行样式
-export const getRowStyle = ({ row }: any) => {
-  if (row.rowColor) {
-    let rowRGBA = vexutils.hexToRGBA(row.rowColor, 0.2);
-    let rowBg = `rgba(${rowRGBA.r}, ${rowRGBA.g}, ${rowRGBA.b}, ${rowRGBA.a})`;
-    return `background-color:${rowBg}`;
-  }
-  // return demo();
-  return null;
-};
-
-export const handleTableHeight = (state: any, props: any) => {
-  if (!props.isNestTable) return props.height;
-  // 嵌套子表需要根据行数设置高
-  let tableHeight = props.styleSetting?.tableHeight || "table-simple";
-  let dataLen = props.data?.length || 1;
-  let height = state.checkWidth[tableHeight] * dataLen + 90;
-  return `${height}px`;
-};
-
-export const handleName = (item: any, key = "name") => {
-  return item.alias || item[key];
-};
-
-const formatField = (value: any) => {
-  if (value && typeof value == "string" && value.startsWith("###")) {
-    value = value.slice(3);
-    value = JSON.parse(value);
-    value = value.tooltip || value.value;
-  }
-  return value;
-};
-
-export const handleImgArr = (imgs: any, type: any, imgs2imgArr: Function) => {
-  // 当表格属性为头像时，该列中没有头像情况下，使用小标头像
-  if (type === "HEADPORTRAIT") {
-    if (!imgs) imgs = xb_small;
-  }
-  return imgs2imgArr(imgs);
-};
-
-export const handleImgSrc = (curSrc: any, imageArr: any, type: any) => {
-  if (!imageArr || !imageArr.length) return curSrc;
-  let matchItem = imageArr.find((item: any) => item.type === type);
-  if (!matchItem) return curSrc;
-  if (matchItem.suffix) return curSrc + matchItem.suffix;
-  let h = matchItem.h;
-  let w = matchItem.w;
-  if (matchItem.h === "adaptive" && matchItem.w != "adaptive") {
-    h = matchItem.w;
-  }
-  if (matchItem.w === "adaptive" && matchItem.h != "adaptive") {
-    h = matchItem.h;
-  }
-  let size = `_${h}x${w}`;
-  return curSrc + size;
-};
-
-// 图片放大
-export const modalDetailImage = (imageArr: any, type: any, defaultHeight: any) => {
-  if (!imageArr || !imageArr.length)
-    return {
-      display: "inline-block",
-      maxWidth: "100%",
-      maxheight: defaultHeight,
-    };
-  const matchItem = imageArr.find((item: any) => item.type === type);
-  if (!matchItem) {
-    return { display: "inline-block", height: defaultHeight };
-  }
-  const res = vexutils.handleImageSize(matchItem, defaultHeight);
-  return res;
-};
-
-/** 选人组件数据解析 */
-export const getCandidateComponents = (row: any, item: any) => {
-  /**
-   * 一人展示名字，多人展示数量 => 方晶晶(产品)
-   */
-  let str = row[item.columnName];
-  if (vexutils.isJSON(str)) {
-    let hasNameField = str.includes('user_name');
-    let obj = JSON.parse(str);
-    if (Array.isArray(obj)) {
-      let len = obj.length;
-      if (len > 1) {
-        return `已选${len}人`;
-      } else if (len === 1) {
-        return (hasNameField && obj[0]?.user_name) || `已选${len}人`;
-      }
-    }
-  }
-};
-
-export const handleQrCodeContent = (row: any, field: any) => {
-  let { settingObj = {}, fieldSetting = {} } = field;
-  let { mergedFeildExpression } = fieldSetting;
-  let content = row[field.field];
-  // 合并字段
-  if (mergedFeildExpression) {
-    const regexp = /#{(.+?)\}/g;
-    let formatHtml = mergedFeildExpression.replace(regexp, (match: any, $1: any) => {
-      let value = row[$1] || "";
-      return value;
-    });
-    content = formatHtml;
-  }
-  let params = {
-    content,
-  };
-  let btnObj = {
-    btnName: settingObj?.qrCode?.name,
-    trigger_id: settingObj?.qrCode?.id,
-    params,
-  };
-  return btnObj;
-};
-
-export const getInlineEditBtn = (row: any, btnListKey: any) => {
-  if (!row[btnListKey]?.length) return [];
-
-  return row[btnListKey].filter((item: any) => {
-    return item.settingObj[0].trigger_type === "EDIT_ROW";
-  });
-};
-
-// 判断是否复制
-export const isCopy = (item: any, row: any) => {
-  return row[item.columnName] && item.fieldSetting && item.fieldSetting.fontContentCopy == 1;
-};
-
-// 设置 domPropsInnerHTML中富文本 img样式
-export const handleTableImageSize = (imageArr: any, type: any, defaultHeight: any) => {
-  if (!imageArr || imageArr.length === 0) {
-    document.body.style.setProperty('--tableImageHeight', defaultHeight);
-    document.body.style.setProperty('--tableImageWidth', 'auto');
-    return;
-  }
-  const matchItem = imageArr.find((item: any) => item.type === type);
-  if (!matchItem) {
-    document.body.style.setProperty('--tableImageHeight', defaultHeight);
-    document.body.style.setProperty('--tableImageWidth', 'auto');
-    return;
-  }
-  let height = defaultHeight,
-    width = 'auto';
-  if (matchItem.h) {
-    height = matchItem.h === 'adaptive' ? 'auto' : matchItem.h + 'px';
-  }
-  if (matchItem.w) {
-    width = matchItem.w === 'adaptive' ? 'auto' : matchItem.w + 'px';
-  }
-  document.body.style.setProperty('--tableImageHeight', height);
-  document.body.style.setProperty('--tableImageWidth', width);
-}
-
-export const setDefaultFormData = (property: any, fieldItem: any, originalRow: any = {}) => {
-  let defaultValue = originalRow[property];
-
-  return {
-    [fieldItem.name]: formatField(defaultValue),
-  };
-};
-
-export const hideFilterWrap = (state: any, props: any) => {
-  let values = Object.values(state.filterFields);
-  values.forEach((item: any) => {
-    item.visible = false;
-  });
-
-  setFilterStatus(state, props);
-};
-
-export const mergeConObjFn = (state: any, props: any) => {
-  let fields = Object.values(state.filterFields);
-  let fieldkeys = Object.keys(state.filterFields);
-  let conObj: any = getConObj(fields, state);
-  let mergeConObj = [...conObj];
-  let qqConObj = props.tableParams.qqConObj ? JSON.parse(props.tableParams.qqConObj) : [];
-
-  qqConObj.forEach((i: any) => {
-    if (!fieldkeys.includes(i.field_key)) {
-      mergeConObj.push(i);
-    }
-  });
-
-  return mergeConObj;
-};
-
-// 判断是否链接字段
-export const isLink = (props: any, item: any, row: any) => {
-  return (
-    item.clickFieldKey == item.columnName ||
-    (props.relatedItems.triggerMethodPc == "field" &&
-      item.columnName == props.relatedItems.triggerMethodField) ||
-    (item.isbtnLink && row.btnLinks && row.btnLinks?.includes(item.columnName))
-  );
-};
-
-export const setTableConfig = (config: any, state: any) => {
-  state.showButtonTop = config.showButtonTop;
-  state.isTree = config.isTree;
-  state.openOnly = config.openOnly;
-  state.isExpand = config.spreadAllBtn;
-  state.levelLazyLoadSetting = Object.assign({}, config.levelLazyLoadSetting);
-};
-
-export const setTreeGroupTitle = (formatList: any, key: any, GROUP_TITLE_KEY: any) => {
-  formatList.forEach((row: any) => {
-    if (vexutils.has(row, "childrenList")) {
-      setTreeGroupTitle(row["childrenList"], key, GROUP_TITLE_KEY);
-    }
-
-    if (!vexutils.has(row, GROUP_TITLE_KEY)) return;
-    row[key] = row[GROUP_TITLE_KEY];
-  });
-};
-
-export const setVisibleCheckAllWrap = (state: any, props: any, currentCheckedKeys: any) => {
-  if (props.isNestTable) return;
-  if (state.isTree == 1) {
-    state.visibleCheckAllWrap = false;
-    return false;
-  }
-
-  state.visibleCheckAllWrap = currentCheckedKeys.length > 1;
-
-  let len = currentCheckedKeys.length;
-  let isLargerOrEqualPageSize = len >= state.curAbleCheckedLen;
-  let isShowAllTable = props.pageVO.pageSize === props.pageVO.total;
-  let isSpreadSelected = currentCheckedKeys.length > state.currentPageSelectedLength;
-
-  state.visibleCheckAllWrapMore = isSpreadSelected || (isLargerOrEqualPageSize && !isShowAllTable);
-}
+import { nextTick } from 'vue';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import xb_small from 'cnhis-design-vue/es/src/assets/img/xb_small.png';
+
+const isJSON = (str) => {
+  if (typeof str == "string") {
+    try {
+      const obj = JSON.parse(str);
+      return !!(typeof obj == "object" && obj);
+    } catch (e) {
+      return false;
+    }
+  }
+  return false;
+};
+const getEvaluate = (row, item) => {
+  let str = row[item.columnName];
+  if (isJSON(str)) {
+    let obj = JSON.parse(str);
+    return obj.star ? `${obj.star}\u661F` : "";
+  }
+  return str;
+};
+const getMapVal = (row, item) => {
+  let str = row[item.columnName];
+  if (isJSON(str)) {
+    let obj = JSON.parse(str);
+    return obj.address || "";
+  }
+  return str;
+};
+const getageShowType = (row, item) => {
+  let objStr = row[item.columnName];
+  if (isJSON(objStr)) {
+    let obj = JSON.parse(objStr);
+    let days = obj.days || 0;
+    if (days > 0) {
+      if (days < 91) {
+        return `${days} \u5929`;
+      } else if (90 < days && days < 365) {
+        return `${Math.floor(days / 30)} \u4E2A\u6708`;
+      } else if (365 < days && days < 1095) {
+        return `${obj.year} \u5C81 ${obj.month} \u6708`;
+      } else if (1095 < days) {
+        return `${obj.year}\u5C81`;
+      }
+    } else {
+      return "";
+    }
+  }
+  return objStr || "";
+};
+const getConObj = (arr, state) => {
+  if (!Array.isArray(arr)) {
+    return [];
+  }
+  let conObj = [];
+  for (let i = 0; i < arr.length; i++) {
+    let item = arr[i];
+    let value = 0;
+    let limit_date = "";
+    if (item.EQ || item.CL) {
+      value = item.EQ || item.CL;
+      if (item.settingObj?.attr === "PERCENTAGE") {
+        value = Number(value) / 100;
+      }
+      if (item.EVALUATEAttr) {
+        value = item.selecteds.join("|#|");
+      }
+    } else if (!vexutils.isEmpty(item.QUOTE)) {
+      value = item.QUOTE.join("|#|");
+    } else if (!vexutils.isEmpty(item.CONVERT)) {
+      value = item.CONVERT.map((item2) => JSON.parse(item2));
+    } else if (item.DATE) {
+      if (item.DATE.start_val || item.DATE.end_val) {
+        item.DATE.con = "IN";
+      }
+      item.tempCon = item.DATE.con;
+      item.start_val = item.DATE.start_val ? item.DATE.start_val.format("YYYY-MM-DD HH:mm:ss") : "";
+      item.end_val = item.DATE.end_val ? item.DATE.end_val.format("YYYY-MM-DD HH:mm:ss") : "";
+    } else if (item.BIRTHDAY) {
+      let isChange = false;
+      if (item.BIRTHDAY.limit_date.length > 0 || item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
+        item.BIRTHDAY.con = "IN";
+      }
+      item.tempCon = item.BIRTHDAY.con;
+      if (item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
+        isChange = true;
+      } else {
+        isChange = false;
+      }
+      if (item.BIRTHDAY.start_val) {
+        let res2 = vexutils.validateBirthday(item.BIRTHDAY.start_val, item.title, item.BIRTHDAY.unit);
+        if (!res2)
+          return;
+      }
+      if (item.BIRTHDAY.end_val) {
+        let res2 = vexutils.validateBirthday(item.BIRTHDAY.end_val, item.title, item.BIRTHDAY.unit);
+        if (!res2)
+          return;
+      }
+      if (+item.BIRTHDAY.start_val > +item.BIRTHDAY.end_val) {
+        window.$message.warning(`${item.title}\u8BF7\u8F93\u5165\u6709\u6548\u8303\u56F4`, 2);
+        return;
+      }
+      limit_date = state.limit_date || "";
+      item.unit = isChange ? item.BIRTHDAY.unit || "" : "";
+      item.start_val = item.BIRTHDAY.start_val || "";
+      item.end_val = item.BIRTHDAY.end_val || "";
+    } else if (item.LABELAttr) {
+      let valList = [];
+      item.labelSelectList.forEach((v) => {
+        valList.push(v.labelName);
+      });
+      value = valList.join("|#|");
+    } else if (item.EVALUATEAttr) {
+      value = item.selecteds.join("|#|");
+    }
+    let temp = {
+      field_key: item.columnName,
+      con: item.DATE || item.BIRTHDAY ? item.tempCon : item.con,
+      value,
+      limit_date: limit_date || "",
+      start_val: item.start_val || "",
+      end_val: item.end_val || "",
+      unit: item.unit || ""
+    };
+    conObj.push(temp);
+  }
+  let res = conObj.filter((item) => item.value || item.limit_date || item.start_val || item.end_val);
+  return res;
+};
+const reScrollFilterWrap = () => {
+  let filterWrapEl = document.querySelectorAll(".big-table-filter-wrap");
+  let checkboxWrapEl = filterWrapEl[filterWrapEl.length - 1].querySelector(".js-checkbox-wrap");
+  let tableScrollTop = checkboxWrapEl.scrollTop;
+  nextTick(() => {
+    checkboxWrapEl.scrollTop = tableScrollTop;
+  });
+};
+const showFilter = (field, columnName, event, props, state) => {
+  if (props.isInlineOperating)
+    return false;
+  let target = event.target;
+  const FILTER_BOX_WIDTH = 400;
+  const FILTER_BOX_TOP_OFFSET = 20;
+  let transformWrap = document.body;
+  let {
+    left: btnRectLeft,
+    right: btnRectRight,
+    top: btnRectTop,
+    width: btnWidth
+  } = target.getBoundingClientRect();
+  field.left = "initial";
+  field.right = "initial";
+  field.top = "initial";
+  let transformWrapWidth = transformWrap.clientWidth;
+  if (btnRectLeft + FILTER_BOX_WIDTH > transformWrapWidth) {
+    let transformWrapRight = transformWrap?.getBoundingClientRect().right || 0;
+    field.right = transformWrapRight - btnRectRight - btnWidth / 2 + "px";
+  } else {
+    field.left = btnRectLeft + "px";
+  }
+  field.top = btnRectTop + FILTER_BOX_TOP_OFFSET + (props.filterTopOffset || 0) + "px";
+  field.visible = !field.visible;
+  let len = state.filterFields[columnName]?.CONVERT.length;
+  field.checkAll = len === field.setting.showSetting.length;
+  field.indeterminate = !!len && len !== field.setting.showSetting.length;
+  field.searchFilterText = "";
+};
+const handleRowColumns = (rowColumns, columns, key) => {
+  rowColumns.map((item) => {
+    let children = [];
+    let spliceIndex = -1;
+    let indexArr = [];
+    item.list?.length && item.list.forEach((v) => {
+      let matchItem = columns?.find((column) => column[key] === v);
+      if (matchItem) {
+        let matchIndex = columns.findIndex((column) => column[key] === v);
+        indexArr.push(matchIndex);
+        delete matchItem.fixed;
+        children.push(matchItem);
+        columns.splice(matchIndex, 1);
+      }
+    });
+    let obj = {
+      title: item.title,
+      align: "center",
+      children
+    };
+    spliceIndex = Math.min.apply(Math, indexArr);
+    spliceIndex > -1 && columns.splice(spliceIndex, 0, obj);
+  });
+};
+const handleGroupColums = (columns, props) => {
+  let { rowGroupSetting } = props;
+  if (!rowGroupSetting || !Object.keys(rowGroupSetting).length)
+    return columns;
+  let { firstRowGroup, secondRowGroup } = rowGroupSetting;
+  if (!firstRowGroup || !firstRowGroup.length)
+    return columns;
+  handleRowColumns(firstRowGroup, columns, "columnName");
+  if (!secondRowGroup || !secondRowGroup.length)
+    return columns;
+  handleRowColumns(secondRowGroup, columns, "title");
+  return columns;
+};
+const handlerInitSearchItem = (arr) => {
+  if (!Array.isArray(arr))
+    return;
+  arr.forEach((el) => {
+    if (el.setting) {
+      el.setting = typeof el.setting == "string" ? JSON.parse(el.setting) : el.setting;
+      if (!vexutils.isEmpty(el.setting.wordbook)) {
+        el["con"] = "QUOTE";
+        el["dataSource"] = [];
+        el["QUOTE"] = [];
+        return;
+      } else if (el.setting.showSetting && el.setting.showSetting.length > 0) {
+        el["con"] = "CONVERT";
+        el.setting.showSetting.forEach((set) => {
+          set["label"] = set.change_text;
+          set["value"] = JSON.stringify(set.filter);
+        });
+        el["CONVERT"] = [];
+        return;
+      }
+    }
+    if (el.fieldType.includes("DATE")) {
+      if (el.settingObj && el.settingObj.attr == "BIRTHDAY") {
+        el["con"] = "BIRTHDAY";
+        el["showDate"] = false;
+        el["marginx"] = "ml";
+      } else {
+        el["con"] = "DATE";
+        el["showDate"] = false;
+        el["marginx"] = "ml";
+        el["DATE"] = {
+          con: null,
+          start_val: null,
+          end_val: null
+        };
+      }
+    } else if (el.fieldType == "TEXT") {
+      el["con"] = "CL";
+      el["CL"] = "";
+    } else if (el.fieldType == "NUMBER") {
+      el["con"] = "EQ";
+      el["EQ"] = "";
+    } else if (el.fieldType == "JSONB") {
+      el["con"] = "EQ";
+      el["EQ"] = "";
+    }
+    if (el.setting.attr === "LABEL") {
+      el["con"] = "EQ";
+      el["LABELAttr"] = true;
+      el["labelSelectList"] = [];
+    }
+    if (el.setting.attr === "EVALUATE") {
+      el["con"] = "CL";
+      el["selecteds"] = [];
+      el["EVALUATEAttr"] = true;
+    }
+  });
+};
+const generateEditRender = (fieldItem) => {
+  if (fieldItem.columnName === "operatorColumn") {
+    return void 0;
+  }
+  return {
+    name: "EditInput",
+    enabled: fieldItem.isEdit == 1
+  };
+};
+const footerFieldSum = (list, field, conObj = [], props) => {
+  let sum = 0, count = 0;
+  let { fieldList = [] } = props.columnConfig;
+  list.forEach((i) => {
+    DFS(i, (node) => {
+      if (!node.childrenList || !node.childrenList.length) {
+        let isShow = true;
+        if (conObj.length) {
+          let paramObj = {
+            table: node,
+            form: {},
+            sys: props?.userInfo?.map?.sysParams || {}
+          };
+          isShow = vexutils.parseCondition(conObj, paramObj, fieldList);
+        }
+        if (isShow) {
+          let value = node[field] || 0;
+          sum += Number(value);
+          ++count;
+        }
+      }
+    });
+  });
+  return { sum, count };
+};
+const getFooterGroup = (columns, data, props) => {
+  let { groupCountMap } = props;
+  let res = [];
+  props.groupCountFields.forEach((item) => {
+    let tips = item.tips;
+    let color = item.color || "#000";
+    let value;
+    if (item.range == "all") {
+      value = groupCountMap[item.key];
+    } else if (item.range == "page") {
+      let { sum = 0, count = 0 } = footerFieldSum(data, item.field, item.conObj, props);
+      value = count;
+      if (item.method == "avg") {
+        value = sum / count || 0;
+      } else if (item.method == "sum") {
+        value = sum;
+      }
+    }
+    value = vexutils.round(value, 4);
+    res.push(`<span style="color: ${color}">${tips}\uFF1A${value}</span>`);
+  });
+  return res.join("\u3001");
+};
+const DFS = (node, fn) => {
+  if (!node)
+    return;
+  const stack = [node];
+  while (stack.length > 0) {
+    const first = stack.shift();
+    if (first) {
+      fn(first);
+    }
+    first.childrenList && first.childrenList.reverse().forEach((child) => {
+      stack.unshift(child);
+    });
+  }
+};
+const checkMethod = ({ row }) => {
+  return !row.forbiddenBatchSelect;
+};
+const flattenRow = (row, newRow, newTheUniqueKeyArr, handleRowId) => {
+  newRow.push(row);
+  newTheUniqueKeyArr.push(row[handleRowId]);
+  if (row.childrenList && row.childrenList.length) {
+    row.childrenList.forEach((item) => {
+      if (item.childrenList && item.childrenList.length) {
+        flattenRow(item, newRow, newTheUniqueKeyArr, handleRowId);
+      } else {
+        newTheUniqueKeyArr.push(item[handleRowId]);
+        newRow.push(item);
+      }
+    });
+  }
+};
+const intersectRow = (checkedRow, newTheUniqueKeyArr, handleRowId) => {
+  let theUniqueKeyArr = [];
+  if (!checkedRow.length)
+    return 1;
+  checkedRow.forEach((item) => theUniqueKeyArr.push(item[handleRowId]));
+  if (!theUniqueKeyArr.length)
+    return 1;
+  if (theUniqueKeyArr.length !== newTheUniqueKeyArr.length)
+    return 1;
+  let res = theUniqueKeyArr.filter((x) => {
+    newTheUniqueKeyArr.includes(x);
+  });
+  return res.length;
+};
+const removeCheckedDisabledRows = (state) => {
+  if (state.checkedRows.length == 1 && !checkMethod({ row: state.checkedRows[0] })) {
+    state.checkedRows.pop();
+  }
+};
+const setFilterStatus = (state, props) => {
+  if (!state.filterFields || !Object.keys(state.filterFields).length)
+    return;
+  let val = props.quickSearchConfig;
+  if (!val || !val.length) {
+    let keys = Object.keys(state.filterFields);
+    keys.forEach((key) => {
+      state.filterFields[key]["CONVERT"] = [];
+    });
+    return false;
+  }
+  for (let key in state.filterFields) {
+    let item = state.filterFields[key];
+    item && (item["CONVERT"] = []);
+  }
+  val.forEach((item) => {
+    let itemKey = item.field_key;
+    if (itemKey in state.filterFields) {
+      if (!state.filterFields[item.field_key]) {
+        state.filterFields[item.field_key]["CONVERT"] = [];
+        return false;
+      }
+      let value = item.value.map((item2) => JSON.stringify(item2));
+      state.filterFields[item.field_key]["CONVERT"] = value;
+    }
+  });
+};
+const getRowStyle = ({ row }) => {
+  if (row.rowColor) {
+    let rowRGBA = vexutils.hexToRGBA(row.rowColor, 0.2);
+    let rowBg = `rgba(${rowRGBA.r}, ${rowRGBA.g}, ${rowRGBA.b}, ${rowRGBA.a})`;
+    return `background-color:${rowBg}`;
+  }
+  return null;
+};
+const handleTableHeight = (state, props) => {
+  if (!props.isNestTable)
+    return props.height;
+  let tableHeight = props.styleSetting?.tableHeight || "table-simple";
+  let dataLen = props.data?.length || 1;
+  let height = state.checkWidth[tableHeight] * dataLen + 90;
+  return `${height}px`;
+};
+const handleName = (item, key = "name") => {
+  return item.alias || item[key];
+};
+const formatField = (value) => {
+  if (value && typeof value == "string" && value.startsWith("###")) {
+    value = value.slice(3);
+    value = JSON.parse(value);
+    value = value.tooltip || value.value;
+  }
+  return value;
+};
+const handleImgArr = (imgs, type, imgs2imgArr) => {
+  if (type === "HEADPORTRAIT") {
+    if (!imgs)
+      imgs = xb_small;
+  }
+  return imgs2imgArr(imgs);
+};
+const handleImgSrc = (curSrc, imageArr, type) => {
+  if (!imageArr || !imageArr.length)
+    return curSrc;
+  let matchItem = imageArr.find((item) => item.type === type);
+  if (!matchItem)
+    return curSrc;
+  if (matchItem.suffix)
+    return curSrc + matchItem.suffix;
+  let h = matchItem.h;
+  let w = matchItem.w;
+  if (matchItem.h === "adaptive" && matchItem.w != "adaptive") {
+    h = matchItem.w;
+  }
+  if (matchItem.w === "adaptive" && matchItem.h != "adaptive") {
+    h = matchItem.h;
+  }
+  let size = `_${h}x${w}`;
+  return curSrc + size;
+};
+const modalDetailImage = (imageArr, type, defaultHeight) => {
+  if (!imageArr || !imageArr.length)
+    return {
+      display: "inline-block",
+      maxWidth: "100%",
+      maxheight: defaultHeight
+    };
+  const matchItem = imageArr.find((item) => item.type === type);
+  if (!matchItem) {
+    return { display: "inline-block", height: defaultHeight };
+  }
+  const res = vexutils.handleImageSize(matchItem, defaultHeight);
+  return res;
+};
+const getCandidateComponents = (row, item) => {
+  let str = row[item.columnName];
+  if (vexutils.isJSON(str)) {
+    let hasNameField = str.includes("user_name");
+    let obj = JSON.parse(str);
+    if (Array.isArray(obj)) {
+      let len = obj.length;
+      if (len > 1) {
+        return `\u5DF2\u9009${len}\u4EBA`;
+      } else if (len === 1) {
+        return hasNameField && obj[0]?.user_name || `\u5DF2\u9009${len}\u4EBA`;
+      }
+    }
+  }
+};
+const handleQrCodeContent = (row, field) => {
+  let { settingObj = {}, fieldSetting = {} } = field;
+  let { mergedFeildExpression } = fieldSetting;
+  let content = row[field.field];
+  if (mergedFeildExpression) {
+    const regexp = /#{(.+?)\}/g;
+    let formatHtml = mergedFeildExpression.replace(regexp, (match, $1) => {
+      let value = row[$1] || "";
+      return value;
+    });
+    content = formatHtml;
+  }
+  let params = {
+    content
+  };
+  let btnObj = {
+    btnName: settingObj?.qrCode?.name,
+    trigger_id: settingObj?.qrCode?.id,
+    params
+  };
+  return btnObj;
+};
+const getInlineEditBtn = (row, btnListKey) => {
+  if (!row[btnListKey]?.length)
+    return [];
+  return row[btnListKey].filter((item) => {
+    return item.settingObj[0].trigger_type === "EDIT_ROW";
+  });
+};
+const isCopy = (item, row) => {
+  return row[item.columnName] && item.fieldSetting && item.fieldSetting.fontContentCopy == 1;
+};
+const handleTableImageSize = (imageArr, type, defaultHeight) => {
+  if (!imageArr || imageArr.length === 0) {
+    document.body.style.setProperty("--tableImageHeight", defaultHeight);
+    document.body.style.setProperty("--tableImageWidth", "auto");
+    return;
+  }
+  const matchItem = imageArr.find((item) => item.type === type);
+  if (!matchItem) {
+    document.body.style.setProperty("--tableImageHeight", defaultHeight);
+    document.body.style.setProperty("--tableImageWidth", "auto");
+    return;
+  }
+  let height = defaultHeight, width = "auto";
+  if (matchItem.h) {
+    height = matchItem.h === "adaptive" ? "auto" : matchItem.h + "px";
+  }
+  if (matchItem.w) {
+    width = matchItem.w === "adaptive" ? "auto" : matchItem.w + "px";
+  }
+  document.body.style.setProperty("--tableImageHeight", height);
+  document.body.style.setProperty("--tableImageWidth", width);
+};
+const setDefaultFormData = (property, fieldItem, originalRow = {}) => {
+  let defaultValue = originalRow[property];
+  return {
+    [fieldItem.name]: formatField(defaultValue)
+  };
+};
+const hideFilterWrap = (state, props) => {
+  let values = Object.values(state.filterFields);
+  values.forEach((item) => {
+    item.visible = false;
+  });
+  setFilterStatus(state, props);
+};
+const mergeConObjFn = (state, props) => {
+  let fields = Object.values(state.filterFields);
+  let fieldkeys = Object.keys(state.filterFields);
+  let conObj = getConObj(fields, state);
+  let mergeConObj = [...conObj];
+  let qqConObj = props.tableParams.qqConObj ? JSON.parse(props.tableParams.qqConObj) : [];
+  qqConObj.forEach((i) => {
+    if (!fieldkeys.includes(i.field_key)) {
+      mergeConObj.push(i);
+    }
+  });
+  return mergeConObj;
+};
+const isLink = (props, item, row) => {
+  return item.clickFieldKey == item.columnName || props.relatedItems.triggerMethodPc == "field" && item.columnName == props.relatedItems.triggerMethodField || item.isbtnLink && row.btnLinks && row.btnLinks?.includes(item.columnName);
+};
+const setTableConfig = (config, state) => {
+  state.showButtonTop = config.showButtonTop;
+  state.isTree = config.isTree;
+  state.openOnly = config.openOnly;
+  state.isExpand = config.spreadAllBtn;
+  state.levelLazyLoadSetting = Object.assign({}, config.levelLazyLoadSetting);
+};
+const setTreeGroupTitle = (formatList, key, GROUP_TITLE_KEY) => {
+  formatList.forEach((row) => {
+    if (vexutils.has(row, "childrenList")) {
+      setTreeGroupTitle(row["childrenList"], key, GROUP_TITLE_KEY);
+    }
+    if (!vexutils.has(row, GROUP_TITLE_KEY))
+      return;
+    row[key] = row[GROUP_TITLE_KEY];
+  });
+};
+const setVisibleCheckAllWrap = (state, props, currentCheckedKeys) => {
+  if (props.isNestTable)
+    return;
+  if (state.isTree == 1) {
+    state.visibleCheckAllWrap = false;
+    return false;
+  }
+  state.visibleCheckAllWrap = currentCheckedKeys.length > 1;
+  let len = currentCheckedKeys.length;
+  let isLargerOrEqualPageSize = len >= state.curAbleCheckedLen;
+  let isShowAllTable = props.pageVO.pageSize === props.pageVO.total;
+  let isSpreadSelected = currentCheckedKeys.length > state.currentPageSelectedLength;
+  state.visibleCheckAllWrapMore = isSpreadSelected || isLargerOrEqualPageSize && !isShowAllTable;
+};
+
+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 };