cnhis-design-vue 3.1.1 → 3.1.4

package/es/packages/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,2315 @@
+import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, createTextVNode, isVNode, nextTick, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createCommentVNode, withDirectives, toDisplayString, unref, vShow, Fragment, mergeProps, withCtx, createBlock, renderSlot } from 'vue';
+import bigTableState from './bigTableState2.mjs';
+import bigTableProps from './bigTableProps2.mjs';
+import bigTableEmits from './bigTableEmits2.mjs';
+import { useFormat } from './hooks/useFormat2.mjs';
+import { useTableParse } from './hooks/useTableParse2.mjs';
+import { useBatchEditing } from './hooks/useBatchEditing2.mjs';
+import { useNestTable } from './hooks/useNestTable2.mjs';
+import { useEdit, comps } from './hooks/useEdit2.mjs';
+import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
+import './components/NoData2.mjs';
+import './components/TextOverTooltip2.mjs';
+import './components/SvgIcon2.mjs';
+import { useMessage, NIcon, NTooltip, NPopconfirm, NButton, NInputGroup, NInput, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
+import CGrid from 'cnhis-design-vue/es/packages/grid';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import { handleTableHeight, setTableConfig, handleGroupColums, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, setFilterStatus, handleTableImageSize, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils2.mjs';
+import xb_big from 'cnhis-design-vue/es/src/assets/img/xb_big.png';
+import qr from 'cnhis-design-vue/es/src/assets/img/qr.png';
+import script$1 from './components/TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';
+import script$2 from './components/SvgIcon.vue_vue_type_script_setup_true_lang.mjs';
+import script$3 from './components/NoData.vue_vue_type_script_setup_true_lang.mjs';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "check-wrap"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "\u7CFB\u7EDF\u68C0\u6D4B\u5230\u6709\u6570\u636E\u66F4\u65B0,", -1);
+const _hoisted_3 = {
+  class: "check-wrap"
+};
+const _hoisted_4 = {
+  class: "check-wrap-title"
+};
+const _hoisted_5 = {
+  key: 0
+};
+const _hoisted_6 = {
+  key: 1
+};
+const _hoisted_7 = {
+  class: "check-wrap"
+};
+const _hoisted_8 = {
+  class: "check-wrap-title"
+};
+const _hoisted_9 = {
+  key: 0
+};
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("i", {
+  class: "disabled-checked-tips"
+}, null, -1);
+const _hoisted_11 = ["innerHTML"];
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = {
+  class: "refresh-row"
+};
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var script = /* @__PURE__ */ defineComponent({
+  name: "BigTable",
+  props: bigTableProps,
+  emits: bigTableEmits,
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    let _hideAllWrap = null;
+    let _beforeSearchConvert = [];
+    let addInlineEditPrimaryKey = "";
+    const GROUP_TITLE_KEY = "group-show-title";
+    useMessage();
+    const xGrid = ref(null);
+    const copyState = vexutils.clone(bigTableState, true);
+    const state = reactive(copyState);
+    const {
+      formatData,
+      htmlToText,
+      getBtnStyle
+    } = useFormat(state);
+    const {
+      imgs2imgArr,
+      parseDurationValue,
+      parseCombinationValue,
+      formatFieldText
+    } = useTableParse(formatData);
+    const {
+      allSelectedLength,
+      checkOperateCurrentTable,
+      setRowStatus,
+      resetBatchOperationRowStatus,
+      checkListFormUnionSettingParamsList,
+      handleClickCancelBtnByInline,
+      setAllRowInlineStatus,
+      hideSelectCloumns,
+      handleEditFormLength,
+      resetOperationRowStatus,
+      recordClickBtnInfo,
+      getInlineOpreateRow
+    } = useBatchEditing(props, state, emit, xGrid);
+    const {
+      initEditTable,
+      activeMethod,
+      deleteRow,
+      onClickSelectTable,
+      onFormChange,
+      getDefaultValue
+    } = useEdit(props, state, emit, xGrid);
+    const {
+      isAboutNestTable,
+      isExpandTable,
+      handleRowId,
+      toggleExpandMethod,
+      loadExpandMethod,
+      nestHandleClickRow
+    } = useNestTable(props, state, emit);
+    const attr = useAttrs();
+    const currentCheckedKeys = computed(() => {
+      return state.checkedRows?.map((row) => row[props.primaryKey]) || [];
+    });
+    const visibleCancelCheckAllBtn = computed(() => {
+      let isCurrentPageAllCheck = state.currentPageSelectedLength === state.curAbleCheckedLen;
+      let isMaxChecked = currentCheckedKeys.value.length === props.maxCheckSize;
+      let isCheckedTotal = currentCheckedKeys.value.length === props.pageVO.total;
+      return isMaxChecked || !isCurrentPageAllCheck || isCheckedTotal;
+    });
+    const singleCheckedKey = computed(() => {
+      const checkedKeys = currentCheckedKeys.value || [];
+      return checkedKeys.length == 1 ? checkedKeys[0] : "";
+    });
+    const tableNoSetting = computed(() => {
+      let {
+        noSetting
+      } = getOtherConfigInit() || {};
+      return noSetting || props.showSettings?.hideSettingBtn == 1;
+    });
+    const isScanMultiTable = computed(() => {
+      return props.columnConfig?.isScanMultiTable;
+    });
+    const configuration = computed(() => {
+      return {
+        userInfo: props.userInfo || {},
+        sysImageSize: props.sysImageSize || {}
+      };
+    });
+    const handlePrimaryKey = computed(() => {
+      return state.isTree > 0 ? props.primaryKey || "theUniqueKey" : "theUniqueKey";
+    });
+    const handleSeqConfig = computed(() => {
+      if (props.isNestTable)
+        return {
+          startIndex: 0
+        };
+      if (props.isBatchEditing) {
+        return {
+          startIndex: 0
+        };
+      }
+      let startIndex = (props.pageVO.pageIndex - 1) * props.pageVO.pageSize;
+      return {
+        startIndex: startIndex < 0 ? 0 : startIndex
+      };
+    });
+    const treeConfig = computed(() => {
+      let result = null;
+      switch (Number(state.isTree)) {
+        case 1:
+        case 3:
+          result = {
+            children: "childrenList",
+            accordion: state.openOnly > 0,
+            reserve: true
+          };
+          break;
+        case 2:
+          result = {
+            lazy: true,
+            reserve: true,
+            children: "childrenList",
+            hasChild: "hasChildren",
+            loadMethod: loadChildrenMethod,
+            accordion: state.openOnly > 0
+          };
+          break;
+      }
+      return result;
+    });
+    const hideAllWrap = (e) => {
+      const path = e.path || e.composedPath && e.composedPath();
+      const noWrap = (className) => {
+        return !path.some((p) => {
+          return p.className && p.className.includes && p.className.includes(className);
+        });
+      };
+      let notFilterWrap = noWrap("big-table-filter-wrap");
+      if (notFilterWrap) {
+        hideFilterWrap(state, props);
+      }
+    };
+    const bindDocumentClick = () => {
+      _hideAllWrap = hideAllWrap.bind(this);
+      window.document.addEventListener("click", _hideAllWrap, true);
+    };
+    const unBindDocumentClick = () => {
+      window.document.removeEventListener("click", _hideAllWrap, true);
+    };
+    onMounted(() => {
+      bindDocumentClick();
+      state.tableHeight = handleTableHeight(state, props) || "auto";
+      if (!props.isNestTable)
+        return;
+      loadColumn(props.columnConfig);
+      loadData(props.data);
+    });
+    onUnmounted(() => {
+      unBindDocumentClick();
+    });
+    onActivated(() => {
+      removeInsert();
+    });
+    const removeInsert = async () => {
+      if (state.isTree != 0)
+        return false;
+      const vxeTable = xGrid.value;
+      let {
+        tableData
+      } = vxeTable.getTableData();
+      if (tableData && tableData.length) {
+        tableData.forEach((row) => {
+          if (row?.__isInsertRow) {
+            vxeTable.remove(row);
+          }
+        });
+      }
+      if (!state.originFormatList?.length)
+        return;
+      await vxeTable.loadData(state.originFormatList);
+      resetBatchOperationRowStatus();
+    };
+    const loadColumn = (config) => {
+      setTableConfig(config, state);
+      let columns = formatColumns(config);
+      columns = handleGroupColums(columns, props);
+      xGrid.value && xGrid.value.reloadColumn(columns);
+      setGroupTreeExpand();
+      resetTableInlineEditStatus();
+    };
+    const loadData = async (data) => {
+      state.isShowEmpty = !data?.length;
+      const list = JSON.parse(JSON.stringify(data));
+      let table = xGrid.value;
+      if (!table)
+        return;
+      state.checkedRows = [];
+      let formatList = setChecklist(list);
+      state.originFormatList = formatList;
+      setGroupTitleToFristColumnFieldData(formatList);
+      state.curAbleCheckedLen = list.filter((item) => checkMethod({
+        row: item
+      })).length;
+      if (!props.isNestTable) {
+        await handleFormTheUniqueKey();
+      }
+      formatList = formatList.map((v) => {
+        return {
+          ...v,
+          selectTableShow: false,
+          selectTableDisable: false
+        };
+      });
+      await table.loadData(formatList);
+      table.setCurrentRow({});
+      setCurrentPageRowChecked();
+      setGroupTreeExpand();
+      resetTableInlineEditStatus();
+    };
+    const setGroupTitleToFristColumnFieldData = (formatList) => {
+      if (state.isTree != 3)
+        return;
+      let table = xGrid.value;
+      let key = table.getTableColumn().tableColumn?.find((column) => {
+        return !!column.property;
+      }).property;
+      setTreeGroupTitle(formatList, key, GROUP_TITLE_KEY);
+    };
+    const setCurrentPageRowChecked = () => {
+      let table = xGrid.value;
+      if (!table)
+        return;
+      let currentPageTableData = table.getTableData()?.tableData;
+      let currentPageSelectedRows = currentPageTableData.filter((row) => {
+        if (props.primaryKey) {
+          return currentCheckedKeys.value.includes(row[props.primaryKey]);
+        }
+        return row.checked;
+      });
+      setCurrentCheckedLength();
+      if (!currentPageSelectedRows || !currentPageSelectedRows.length) {
+        table.setAllCheckboxRow(false);
+        return;
+      }
+      table.setCheckboxRow(currentPageSelectedRows, true);
+    };
+    const setCurrentCheckedLength = () => {
+      let table = xGrid.value;
+      let currentPageTableData = table.getTableData().fullData;
+      let currentPageSelectedRows = currentPageTableData.filter((row) => {
+        return currentCheckedKeys.value.includes(row[props.primaryKey]) || row.checked;
+      });
+      state.currentPageSelectedLength = currentPageSelectedRows.length;
+    };
+    const formatColumns = (map) => {
+      let {
+        selectType
+      } = getOtherConfigInit() || {};
+      let {
+        isBatchSelect,
+        fieldList = [],
+        showButtonTop,
+        isScanMultiTable: isScanMultiTable2,
+        isEdit = false,
+        editConfig = {}
+      } = map;
+      if (isEdit) {
+        state.editConfig = Object.assign(state.editConfig, editConfig, {});
+      }
+      if (selectType) {
+        isBatchSelect = 1;
+      }
+      selectType = selectType || "checkbox";
+      let {
+        listType
+      } = props.tableOptions;
+      if (listType == "scanList") {
+        selectType = "radio";
+      }
+      state.selectType = selectType;
+      let tableHeight = props.styleSetting?.tableHeight || "table-simple";
+      let checkMinWidth = state.checkWidth[tableHeight] || "30";
+      const checkboxSlot = {
+        default: (data) => {
+          return checkMethod(data) ? null : createVNode(NTooltip, {
+            "placement": "right",
+            "trigger": "hover"
+          }, {
+            default: () => data.row.forbiddenBatchSelectReason,
+            trigger: () => createVNode("i", {
+              "class": "disabled-checked-tips"
+            }, null)
+          });
+        }
+      };
+      let checkVisible = isBatchSelect == 1 && !props.isNestTable && !isScanMultiTable2 || false;
+      let columns = [{
+        fixed: "left",
+        align: "center",
+        visible: isScanMultiTable2 || false,
+        width: "60",
+        slots: {
+          header: () => "\u64CD\u4F5C",
+          default: scanMultiOperate
+        }
+      }, {
+        type: "seq",
+        fixed: props.isNestTable ? "" : "left",
+        align: "center",
+        resizable: true,
+        width: "34",
+        showOverflow: true,
+        slots: {
+          header: () => {
+            return [tableNoSetting.value ? null : createVNode(NIcon, {
+              "size": "14",
+              "color": "#777",
+              "component": SettingsSharp,
+              "onClick": () => showDrawer()
+            }, null)];
+          }
+        }
+      }, {
+        type: selectType,
+        fixed: props.isNestTable ? "" : "left",
+        align: "center",
+        visible: checkVisible,
+        resizable: false,
+        width: checkMinWidth,
+        slots: selectType === "checkbox" ? checkboxSlot : null,
+        showOverflow: true
+      }];
+      const currentColumns = fieldList.map((item, index) => {
+        let filterField = item?.fieldSetting?.mapping?.type === "manual" && item.isMerge != 1;
+        let notParticipatingSort = item?.fieldSetting?.notParticipatingSort || "";
+        let fixed = isAboutNestTable.value ? "" : item.isFixed ? item.isFixed == 1 ? "left" : "right" : "";
+        let sortable = props.isNestTable ? false : !filterField && item.isSort == 1 && notParticipatingSort != 1 && item.isMerge != 1;
+        let treeNode = props.isNestTable ? false : state.isTree != 0 ? index === 0 : false;
+        let type = index === 0 && props.showNestTable ? "expand" : "";
+        if (isScanMultiTable2) {
+          fixed = "";
+          sortable = false;
+          treeNode = false;
+          type = "";
+        }
+        const col = Object.assign(item, {
+          visible: item.columnName == "operatorColumn" ? showButtonTop == 0 : item.isShow == 1,
+          field: item.columnName,
+          title: handleName(item, "title"),
+          minWidth: item.colWidth,
+          fixed,
+          sortable,
+          headerClassName: "mycolumn",
+          showOverflow: "title",
+          treeNode,
+          type,
+          slots: {
+            edit: (params) => {
+              if (isEdit && item.isEdit && item.columnName !== "operatorColumn") {
+                return formatterEdit(params, item);
+              } else {
+                return createVNode("span", null, [params.row[item.columnName]]);
+              }
+            },
+            default: (params) => {
+              if (!isEdit || item.columnName === "operatorColumn" || !item.isEdit) {
+                return formatter(params, item);
+              } else if (isEdit && item.isEdit && item.checkEditStatus && item.checkEditStatus(params)) {
+                return formatterEdit(params, item);
+              } else {
+                return createVNode("span", null, [getDefaultValue(params, item)]);
+              }
+            }
+          },
+          editRender: isEdit ? {} : generateEditRender(item)
+        });
+        if (filterField && !props.isNestTable && !isScanMultiTable2) {
+          state.filterFields[item.columnName] = Object.assign({}, vexutils.clone(item, true), {
+            visible: false,
+            left: "initial",
+            right: "initial",
+            top: "initial",
+            indeterminate: false,
+            checkAll: false,
+            searchFilterText: "",
+            searchFilterCONVERT: [],
+            filterSort: ""
+          });
+          let field = state.filterFields[item.columnName];
+          handlerInitSearchItem([field]);
+          col.slots.header = formatterHeader(item);
+        } else {
+          col.slots.header = toolTipTitle(item);
+        }
+        if (!isScanMultiTable2) {
+          col.slots.footer = "tooltip_footer";
+        }
+        if (props.showNestTable && state.isTree == 0 && props.curNestColumnConfig?.isTree == 0) {
+          col.slots.content = "nest_table_content";
+        }
+        return col;
+      });
+      columns.push(...currentColumns);
+      state.columnLen = currentColumns.filter((item) => item.visible).length;
+      return columns;
+    };
+    const formatterEdit = (params, col) => {
+      let {
+        row,
+        column,
+        $rowIndex,
+        rowIndex
+      } = params;
+      let formType = column.formType || col.formType || "";
+      let formatMap = column.formatMap || col.formatMap || null;
+      if (!formType)
+        return null;
+      if (formType === "custom") {
+        return col.slotFn(params);
+      }
+      const Comp = comps[formType] || "";
+      if (!Comp)
+        return null;
+      const propsData = {
+        col,
+        row,
+        index: $rowIndex,
+        type: formType,
+        onFormChange
+      };
+      if (formType === "date") {
+        propsData.formattedValue = row[col.columnName];
+      } else if (formatMap) {
+        propsData.value = row[formatMap.value];
+      } else {
+        propsData.value = row[col.columnName];
+      }
+      if (formType === "select") {
+        propsData.onSetOptions = (options) => row[`${col.columnName}_options`] = options;
+      }
+      return h(Comp, propsData);
+    };
+    const getEditBtn = (row, col, index) => {
+      return col.tileBtnList?.map((btn) => {
+        if (btn.settingObj[0].trigger_type === "DELETE") {
+          return createVNode(NPopconfirm, {
+            "onPositiveClick": () => deleteRow(row, col, index)
+          }, {
+            trigger: () => createVNode(NButton, {
+              "color": btn.settingObj[0].color || "#999",
+              "text": true
+            }, {
+              default: () => [btn.name]
+            }),
+            default: () => "\u662F\u5426\u786E\u8BA4\u5220\u9664\uFF1F"
+          });
+        } else {
+          return null;
+        }
+      });
+    };
+    const formatter = (params, col) => {
+      let {
+        row,
+        column,
+        $rowIndex
+      } = params;
+      let own = column?._own || column?.own || col;
+      let attrType = own?.attrType || "";
+      let formUnionItem = showEditForm(row, column, $rowIndex);
+      if (formUnionItem) {
+        let dynamicProps = initBatchDynamicProps(formUnionItem, row, column);
+        if (dynamicProps) {
+          emit("setWaitEditKeys", column.property);
+          return null;
+        }
+      }
+      if (vexutils.has(row, GROUP_TITLE_KEY)) {
+        return row[GROUP_TITLE_KEY];
+      }
+      if (attrType == "PICTURE" || attrType == "HEADPORTRAIT") {
+        return getPicture(row, own, attrType);
+      }
+      if (attrType == "COLOR") {
+        return getColor(row, own);
+      }
+      if (attrType == "EVALUATE") {
+        return getEvaluate(row, own);
+      }
+      if (attrType == "MAP") {
+        return getMapVal(row, own);
+      }
+      if (attrType == "DATE" || attrType == "TASKDATE") {
+        return getDate(row, own);
+      }
+      if (attrType == "PERCENTAGE") {
+        return getPercentage(row, own);
+      }
+      if (attrType == "VIDEO") {
+        return getvideoList(row, own);
+      }
+      if (attrType == "CANDIDATE_COMPONENTS") {
+        return getCandidateComponents(row, own);
+      }
+      if (attrType == "AGE") {
+        return getageShowType(row, own);
+      }
+      if (attrType === "COUNTDOWN") {
+        return createVNode(NTooltip, null, {
+          trigger: () => createVNode("span", {
+            "innerHTML": row[own.columnName + "_countdown"] || ""
+          }, null),
+          default: () => row[own.columnName + "_countdownTip"]
+        });
+      }
+      if (attrType === "DURATION") {
+        const value = row[own.columnName];
+        const duration = own?.fieldSetting?.duration;
+        return parseDurationValue(value, duration);
+      }
+      if (attrType === "COMBINATION") {
+        const value = row[own.columnName];
+        const params2 = own.fieldSetting || {};
+        const data = parseCombinationValue(value, params2);
+        return data ? [createVNode("span", {
+          "title": data
+        }, [data])] : "";
+      }
+      if (attrType === "PASSWORD") {
+        const value = row[own.columnName];
+        return [createVNode(resolveComponent("password-com"), {
+          "value": value,
+          "styleSetting": props.styleSetting
+        }, null)];
+      }
+      if (attrType === "QR_CODE") {
+        return getOrCode(row, own);
+      }
+      if (column.property === "operatorColumn") {
+        if (props.columnConfig.isEdit && !row.initRow) {
+          return getEditBtn(row, col, $rowIndex);
+        }
+        if (state.showButtonTop != 0 || props.isBatchEditing)
+          return;
+        const inlineBtnList = generateInlineBtnList(row);
+        const tileBtnList = getTileBtnList(row, $rowIndex);
+        const foldBtnList = getFoldBtnList(row, $rowIndex);
+        return [createVNode("span", null, [tileBtnList, foldBtnList, inlineBtnList])];
+      }
+      if (isLink(props, own, row) && !isScanMultiTable.value) {
+        if (own.btnLinkSwitch) {
+          let disabled = false;
+          let curBtn = row.btnList?.find((v) => v.name == own.columnName);
+          if (curBtn && "authorizedMark" in curBtn) {
+            if (!curBtn.authorizedMark) {
+              disabled = true;
+            }
+          }
+          return getBtnLinkSwitch(row, own, disabled, $rowIndex);
+        } else {
+          return getField(row, own, $rowIndex, true);
+        }
+      } else {
+        return getField(row, own, $rowIndex, false);
+      }
+    };
+    const formatterHeader = (item) => {
+      let field = state.filterFields[item.columnName];
+      return () => {
+        let _slot, _slot2;
+        return [createVNode("div", {
+          "class": "filter-box"
+        }, [toolTipTitle(item, "format"), createVNode("i", {
+          "class": ["vxe-filter--icon", "vxe-filter--btn", "vxe-icon--funnel", {
+            active: field.visible || field.filterSort
+          }, {
+            checked: field.CONVERT?.length
+          }],
+          "onClick": (event) => showFilter(field, item.columnName, event, props, state)
+        }, null), field.visible ? createVNode(resolveComponent("teleport"), {
+          "to": props.filterDomPortal
+        }, {
+          default: () => [createVNode("div", {
+            "class": "big-table-filter-wrap",
+            "style": {
+              left: field.left,
+              right: field.right,
+              top: field.top,
+              width: state.filterWidth + state.distance + "px"
+            }
+          }, [createVNode("div", {
+            "class": "sort-list",
+            "style": {
+              display: field.isSort ? "block" : "none"
+            }
+          }, [createVNode("div", {
+            "class": ["sort-item", {
+              active: field.filterSort === "asc"
+            }],
+            "onClick": () => handlefilterBoxClickSort("asc", field)
+          }, [createVNode("i", {
+            "class": "sort-icon sort-icon-asc"
+          }, null), createVNode("span", {
+            "class": "sort-text"
+          }, [createTextVNode("\u5347\u5E8F A to Z")])]), createVNode("div", {
+            "class": ["sort-item", {
+              active: field.filterSort === "desc"
+            }],
+            "onClick": () => handlefilterBoxClickSort("desc", field)
+          }, [createVNode("i", {
+            "class": "sort-icon sort-icon-asc"
+          }, null), createVNode("span", {
+            "class": "sort-text"
+          }, [createTextVNode("\u964D\u5E8F Z to A")])])]), createVNode("div", {
+            "class": "filter-header"
+          }, [createVNode("i", {
+            "class": "filter-header-icon vxe-filter--btn vxe-icon--funnel"
+          }, null), createVNode("span", {
+            "class": "filter-header-text"
+          }, [createTextVNode("\u7B5B\u9009")])]), field.setting.showSetting.length > 5 ? createVNode("div", {
+            "class": "checkbox-wrap checkbox-wrap--search"
+          }, [createVNode("div", {
+            "class": "check-search-wrap"
+          }, [createVNode(NInputGroup, null, {
+            default: () => [createVNode(NInput, {
+              "style": {
+                width: "50%"
+              },
+              "placeholder": "\u5B57\u6BB5\u641C\u7D22",
+              "class": "check-seach-input"
+            }, null), createVNode(NButton, {
+              "type": "primary",
+              "onClick": (val) => {
+                handleFilterSeach(val, field);
+              }
+            }, {
+              default: () => [createTextVNode("\u641C\u7D22")]
+            })]
+          })])]) : "", createVNode("div", {
+            "class": "checkbox-box"
+          }, [createVNode("div", {
+            "class": "checkbox-wrap js-checkbox-wrap",
+            "style": {
+              height: state.filterHeight + state.distance + "px"
+            }
+          }, [!field.searchFilterText ? createVNode("div", {
+            "class": "ant-checkbox-group"
+          }, [createVNode(NCheckbox, {
+            "indeterminate": field.indeterminate,
+            "checked": field.checkAll,
+            "onUpdateChecked": (val) => {
+              handleFilterChangeAll(val, field);
+            }
+          }, {
+            default: () => [createTextVNode("\u5168\u9009")]
+          })]) : "", !field.searchFilterText ? createVNode(NCheckboxGroup, {
+            "value": field.CONVERT,
+            "onUpdateValue": (val) => handleFilterChange(val, item.columnName, field)
+          }, {
+            default: () => [createVNode(NSpace, {
+              "item-style": "display: flex;"
+            }, _isSlot(_slot = field.setting.showSetting.map((item2) => {
+              return createVNode(NCheckbox, {
+                "value": item2.value,
+                "label": item2.label
+              }, null);
+            })) ? _slot : {
+              default: () => [_slot]
+            })]
+          }) : createVNode(NCheckboxGroup, {
+            "value": field.searchFilterCONVERT,
+            "onUpdateValue": (val) => handleFilterSearchChange(val, item.columnName, field)
+          }, {
+            default: () => [createVNode(NSpace, {
+              "item-style": "display: flex;"
+            }, _isSlot(_slot2 = field.setting.showSetting.filter((item2) => {
+              if (!field.searchFilterText)
+                return item2;
+              let reg = new RegExp(field.searchFilterText);
+              return reg.test(item2.label);
+            }).map((item2) => {
+              return createVNode(NCheckbox, {
+                "value": item2.value,
+                "label": item2.label
+              }, null);
+            })) ? _slot2 : {
+              default: () => [_slot2]
+            })]
+          })])]), createVNode("div", {
+            "class": "checkbox-btn-wrap",
+            "style": {
+              justifyContent: field.CONVERT.length ? "space-between" : "flex-end"
+            }
+          }, [field.CONVERT.length ? createVNode("div", {
+            "class": "checkbox-btn-status"
+          }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u62E9"), field.CONVERT.length, createTextVNode("\u9879")]), createVNode(NButton, {
+            "class": "checkbox-btn checkbox-btn-clear",
+            "text": true,
+            "onClick": () => handleFilterClearAll(field)
+          }, {
+            default: () => [createTextVNode("\u6E05\u7A7A")]
+          })]) : null, createVNode("div", null, [createVNode(NButton, {
+            "class": "checkbox-btn",
+            "onClick": () => handleCancelFilter()
+          }, {
+            default: () => [createTextVNode("\u53D6\u6D88")]
+          }), createVNode(NButton, {
+            "class": "checkbox-btn",
+            "type": "primary",
+            "onClick": () => handleFilter(field)
+          }, {
+            default: () => [createTextVNode("\u786E\u5B9A")]
+          })])]), createVNode("div", {
+            "class": "arrows-icon"
+          }, null)])]
+        }) : ""])];
+      };
+    };
+    const handlefilterBoxClickSort = (sort, field) => {
+      if (field.filterSort === sort) {
+        sort = null;
+      } else {
+        xGrid.value.clearSort();
+      }
+      field.filterSort = sort;
+      emit("sortChange", {
+        prop: field.columnName,
+        order: sort
+      });
+    };
+    const handleFilterSeach = (val, field) => {
+      field.searchFilterText = val;
+      if (val === "") {
+        field.checkAll = field.CONVERT.length === field.setting.showSetting.length;
+        field.indeterminate = !!field.CONVERT.length && field.CONVERT.length !== field.setting.showSetting.length;
+        return;
+      }
+      field.searchFilterCONVERT = field.setting.showSetting.filter((item) => {
+        return field.searchFilterText === item.label && field.CONVERT.includes(item.value);
+      }).map((item) => item.value);
+      _beforeSearchConvert = field.searchFilterCONVERT;
+    };
+    const handleFilterChangeAll = (e, field) => {
+      reScrollFilterWrap();
+      let checked = e.target.checked;
+      field.indeterminate = false;
+      field.checkAll = checked;
+      state.filterFields[field.columnName].CONVERT = checked ? field.setting.showSetting.map((item) => {
+        return item.value;
+      }) : [];
+    };
+    const handleFilterChange = (value, name, field) => {
+      reScrollFilterWrap();
+      state.filterFields[name].CONVERT = value;
+      field.checkAll = value.length === field.setting.showSetting.length;
+      field.indeterminate = !!value.length && value.length !== field.setting.showSetting.length;
+    };
+    const handleFilterSearchChange = (value, columnName, field) => {
+      reScrollFilterWrap();
+      let isAdd = _beforeSearchConvert.length < value.length;
+      if (isAdd) {
+        let addItems = value.filter((item) => {
+          return !_beforeSearchConvert.includes(item);
+        });
+        state.filterFields[columnName].CONVERT.push(...addItems);
+      } else {
+        let removeItems = _beforeSearchConvert.filter((item) => {
+          return !value.includes(item);
+        });
+        state.filterFields[columnName].CONVERT = state.filterFields[columnName].CONVERT.filter((item) => {
+          return !removeItems.includes(item);
+        });
+      }
+      field.searchFilterCONVERT = value;
+      _beforeSearchConvert = vexutils.clone(value, true);
+    };
+    const handleFilterClearAll = (field) => {
+      field.indeterminate = false;
+      field.checkAll = false;
+      state.filterFields[field.columnName].CONVERT = [];
+      if (field.searchFilterCONVERT) {
+        state.filterFields[field.columnName].searchFilterCONVERT = [];
+      }
+      handleFilter(field);
+    };
+    const handleCancelFilter = () => {
+      hideFilterWrap(state, props);
+    };
+    const handleFilter = (field) => {
+      let conObj = mergeConObjFn(state, props);
+      emit("onSave", conObj, false, [], [], {
+        isBigTable: true
+      });
+      field.visible = false;
+    };
+    const setGroupTreeExpand = () => {
+      let isExpand = state.isTree == 1 && state.isExpand == 1 && state.total < 1001;
+      if (state.isTree == 3 || isExpand) {
+        let table = xGrid.value;
+        nextTick(() => {
+          table.setAllTreeExpand(true);
+        });
+      }
+    };
+    const resetTableInlineEditStatus = () => {
+      if (!checkOperateCurrentTable())
+        return false;
+      handleClickCancelBtnByInline();
+    };
+    const toolTipTitle = (item, type) => {
+      let name = item.formTitle || item.alias || item.title;
+      let tooltipTitle = item.alias;
+      let isAlias = false;
+      if (props.tableOptions?.dataSourceType == "guage") {
+        tooltipTitle = item.alias || item.title;
+      }
+      if (name && tooltipTitle && name !== tooltipTitle) {
+        isAlias = !!tooltipTitle;
+      }
+      if (type === "format")
+        return createVNode(script$1, {
+          "tooltipTitle": tooltipTitle,
+          "content": name,
+          "isAlias": isAlias
+        }, null);
+      return () => {
+        return [createVNode(script$1, {
+          "tooltipTitle": tooltipTitle,
+          "content": name,
+          "isAlias": isAlias
+        }, {
+          default: () => [item.treeNode && state.isTree == 1 ? createVNode(NIcon, {
+            "component": state.isExpand && state.total < 1001 ? CaretDown : CaretForward,
+            "onClick": (e) => triggerExpand(e, state.isExpand)
+          }, null) : ""]
+        })];
+      };
+    };
+    const triggerExpand = (e, isExpand) => {
+      e.preventDefault();
+      e.stopPropagation();
+      let table = xGrid.value;
+      if (state.total > 1e3) {
+        window.$message.warning("\u5F53\u524D\u6570\u636E\u91CF\u8D85\u8FC71000\u6761\uFF0C\u65E0\u6CD5\u5168\u90E8\u5C55\u5F00\uFF01");
+      } else {
+        state.isExpand = !isExpand;
+        if (isExpand) {
+          table.clearTreeExpand();
+        } else {
+          emit("triggerSpinning", true);
+          setTimeout(() => {
+            table.setAllTreeExpand(true).then(() => {
+              emit("triggerSpinning", false);
+            });
+          }, 100);
+        }
+      }
+    };
+    const getOtherConfigInit = () => {
+      let tableOptions = attr?.tableOptions || props.tableOptions || {};
+      const config = tableOptions?.config || {};
+      return config || void 0;
+    };
+    const refreshTable = () => {
+      state.hasRefresh = false;
+      emit("refreshTable");
+    };
+    const handleCheckAll = () => {
+      if (props.pageVO.total > props.maxCheckSize) {
+        let text = `\u5F53\u524D\u5217\u8868\u5171${props.pageVO.total}\u6761\u6570\u636E\uFF0C\u4E3A\u4E86\u786E\u4FDD\u7CFB\u7EDF\u5B89\u5168\uFF0C\u53EA\u80FD\u5355\u6B21\u64CD\u4F5C${props.maxCheckSize}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u518D\u6B21\u5C1D\u8BD5`;
+        window.$message.warning(text);
+      }
+      emit("selectionChangeAll");
+    };
+    const handleCancelAllCheck = () => {
+      emit("selectionChangeAllCancel");
+    };
+    const getRowClassName = () => {
+      return state.selectType === "checkbox" ? ({
+        row
+      }) => {
+        const k = singleCheckedKey.value;
+        return k && k === row[props.primaryKey] ? "single--checked" : "";
+      } : () => {
+      };
+    };
+    const footerMethod = ({
+      columns,
+      data
+    }) => {
+      if (!props.groupCountFields || !props.groupCountFields.length) {
+        return [columns.map((column, index) => {
+          if (index === 0) {
+            return null;
+          }
+          return null;
+        })];
+      }
+      let groupText = getFooterGroup(columns, data, props);
+      let groupColumns = columns.map((column, index) => {
+        if (index === 0) {
+          return null;
+        } else if (index === 1) {
+          return groupText;
+        }
+        return null;
+      });
+      emit("setGroupText", groupText);
+      state.groupText = groupText;
+      return [groupColumns];
+    };
+    const loadChildrenMethod = ({
+      row
+    }) => {
+      const fixCheckedStatus = (children) => {
+        const needFix = state.selectType == "checkbox" && row.checked && children.findIndex((item) => !checkMethod({
+          row: item
+        })) >= 0;
+        if (needFix) {
+          needFix && (row.checked = false);
+          setTimeout(() => {
+            xGrid.value?.setCheckboxRow(row, true);
+          }, 0);
+        }
+      };
+      if (state.isTree == 2) {
+        const {
+          tableId,
+          page,
+          pageSize,
+          autograph,
+          isTreeOrList
+        } = props.tableParams;
+        ({
+          levelLazyLoadPrimaryKeyValue: row[props.primaryKey],
+          tableId,
+          page,
+          pageSize,
+          autograph,
+          isTreeOrList
+        });
+        return getAsyncTableData().then(({
+          data
+        }) => {
+          if (data.result == "SUCCESS") {
+            let cloneRows = JSON.parse(JSON.stringify(data.map.rows));
+            let {
+              fieldList,
+              btnList,
+              showButtonTop
+            } = props.columnConfig;
+            let rowNodes = formatData({
+              tableList: data.map.rows,
+              fieldList,
+              btnList,
+              oldtableData: cloneRows,
+              showButtonTop
+            });
+            rowNodes = setChecklist(rowNodes);
+            emit("refreshOldTableData", cloneRows);
+            fixCheckedStatus(rowNodes);
+            return rowNodes;
+          }
+        });
+      } else {
+        fixCheckedStatus(row.childrenList);
+        return Promise.resolve(row.childrenList);
+      }
+    };
+    const getAsyncTableData = (params) => {
+      return Promise.resolve();
+    };
+    const setChecklist = (list) => {
+      return list.map((i) => {
+        i["checked"] = i.checked || false;
+        if (state.isTree == 2) {
+          const treeNodeKey = state.levelLazyLoadSetting.childCountKey;
+          const {
+            isTreeOrList = ""
+          } = props.tableParams;
+          if (treeNodeKey && Number(i[treeNodeKey]) > 0) {
+            isTreeOrList != "LIST" && (i["hasChildren"] = true);
+          }
+        }
+        if (i.childrenList && i.childrenList.length) {
+          i.childrenList = setChecklist(i.childrenList);
+        }
+        Object.keys(i).map((item) => {
+          if (i[item] && typeof i[item] == "string" && i[item].indexOf("<p") !== -1 && item.indexOf("_temp_" + i.id) === -1) {
+            i[item + "_temp_" + i.id] = i[item] || "";
+            i[item] = htmlToText(i[item]);
+          }
+        });
+        i.checked && state.checkedRows.push(i);
+        return {
+          ...i
+        };
+      });
+    };
+    const colspanMethod = ({
+      row,
+      column,
+      _rowIndex,
+      _columnIndex
+    }) => {
+      if (state.isTree != 3) {
+        return {
+          rowspan: 1,
+          colspan: 1
+        };
+      }
+      let xTree = xGrid.value;
+      let fristKeyIndex = xTree.getTableColumn().tableColumn.findIndex((column2) => {
+        return !!column2.property;
+      });
+      let colspan = xTree.getTableColumn().tableColumn.length - fristKeyIndex;
+      if (row.childrenList && row.childrenList.length && xTree) {
+        if (column.treeNode) {
+          return {
+            rowspan: 1,
+            colspan
+          };
+        } else if (!column.property) {
+          return {
+            rowspan: 1,
+            colspan: 1
+          };
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0
+          };
+        }
+      }
+    };
+    const footerRowspanMethod = (obj) => {
+      if (!props.groupCountFields || !props.groupCountFields.length)
+        return {
+          rowspan: 1,
+          colspan: 1
+        };
+      let {
+        $rowIndex,
+        _columnIndex,
+        column
+      } = obj;
+      let len = state.columnLen || 99;
+      let {
+        isBatchSelect
+      } = props.columnConfig;
+      if ($rowIndex === 0) {
+        if (isBatchSelect == 1) {
+          if (_columnIndex === 0) {
+            return {
+              rowspan: 1,
+              colspan: 2
+            };
+          } else if (_columnIndex === 1) {
+            return {
+              rowspan: 1,
+              colspan: 0
+            };
+          } else if (_columnIndex === 2) {
+            return {
+              rowspan: 1,
+              colspan: len
+            };
+          }
+          return {
+            rowspan: 1,
+            colspan: 0
+          };
+        }
+        if (_columnIndex === 0) {
+          return {
+            rowspan: 1,
+            colspan: 1
+          };
+        } else if (_columnIndex === 1) {
+          return {
+            rowspan: 1,
+            colspan: len
+          };
+        }
+        return {
+          rowspan: 1,
+          colspan: 0
+        };
+      }
+    };
+    const rowdblclick = ({
+      row,
+      column
+    }) => {
+      if (isScanMultiTable.value || !!props.isInlineOperating)
+        return false;
+      if (vexutils.has(row, GROUP_TITLE_KEY))
+        return false;
+      emit("setNestTableClick", props.isNestTable);
+      emit("rowdblclick", row, column, true, true);
+    };
+    const pubCheckChange = (rows = []) => {
+      state.treeTableLength = rows.filter((item) => {
+        let isGroupRow = vexutils.has(item, GROUP_TITLE_KEY);
+        return !isGroupRow;
+      }).length;
+      state.visibleTreeCheck = rows.length > 1;
+      emit("selectionChange", rows);
+    };
+    const updateAddCheckedRows = (rows, isTree = false) => {
+      let obj = {
+        isUpdate: true,
+        updateRows: rows,
+        isTree
+      };
+      if (isTree) {
+        Object.assign(obj, {
+          isTree,
+          isCheckedChange: true,
+          checkedRows: state.checkedRows
+        });
+      }
+      emit("selectionChangeLocal", obj);
+    };
+    const removeCheckedRows = (rows, isCheckedChange) => {
+      removeCheckedDisabledRows(state);
+      let checkedRows = state.checkedRows;
+      let needRemoveIndexs = [];
+      for (let i = 0; i < rows.length; i++) {
+        let row = rows[i];
+        let removeIndex = currentCheckedKeys.value.findIndex((item) => {
+          return item === row[props.primaryKey];
+        });
+        removeIndex >= 0 && needRemoveIndexs.push(removeIndex);
+      }
+      needRemoveIndexs.sort((a, b) => b - a);
+      emit("selectionChangeLocal", {
+        isAdd: false,
+        isCheckedChange,
+        needRemoveIndexs,
+        newCheckedRows: [],
+        checkedRows
+      });
+    };
+    const setCheckedMehod = (setChecked, row) => {
+      if (setChecked) {
+        updateAddCheckedRows(row);
+        return;
+      }
+      if (props.pageVO.pageIndex != state.lastPageIndex) {
+        updateAddCheckedRows(row);
+        return;
+      }
+      if (currentCheckedKeys.value.includes(row[props.primaryKey])) {
+        removeCheckedRows([row]);
+        return;
+      }
+      updateAddCheckedRows(row);
+    };
+    const handlerClickRow = (data) => {
+      if (isScanMultiTable.value || props.isInlineOperating)
+        return false;
+      if (vexutils.has(data?.row, GROUP_TITLE_KEY))
+        return false;
+      if (state.isTriggerSelectionChange && state.isTree == 0)
+        return false;
+      let table = xGrid.value;
+      isAboutNestTable.value && emit("resetNestLastClickTable", table);
+      let {
+        row,
+        $event = {},
+        $rowIndex
+      } = data;
+      let {
+        className
+      } = $event.target || {};
+      if (className && vexutils.isString(className) && className.includes("vxe-table--expand-btn"))
+        return;
+      isAboutNestTable.value && emit("setNestLastClickTable", table, props.isNestTable, row[handleRowId.value], row);
+      emit("setNestTableClick", false);
+      if (props.isNestTable) {
+        table?.setAllCheckboxRow(false);
+        nestHandleClickRow(table, data);
+        return;
+      }
+      let forbiddenBatchSelect = !checkMethod(data);
+      if (state.selectType == "checkbox" && forbiddenBatchSelect) {
+        table?.setAllCheckboxRow(false);
+        const value = getRowClassName()({
+          row
+        }) == "single--checked" ? [] : [row];
+        state.checkedRows = value;
+        pubCheckChange(value);
+        emit("handlerClickRow", row, $rowIndex);
+        return;
+      }
+      state.visibleCheckAllWrap = false;
+      state.visibleCheckAllWrapMore = false;
+      let checked = false;
+      if (state.selectType == "radio") {
+        checked = table.isCheckedByRadioRow(row);
+      } else {
+        checked = table.isCheckedByCheckboxRow(row);
+      }
+      if (state.isradioChange) {
+        checked = false;
+        state.isradioChange = false;
+      }
+      let checkedRow = table.getCheckboxRecords();
+      let rowLen = state.checkedRows.filter((item) => !vexutils.has(item, GROUP_TITLE_KEY)).length;
+      let newRow = [];
+      if (state.isTree != 0) {
+        let {
+          className: className2
+        } = $event.target || {};
+        if (className2 && className2.includes("vxe-tree--node-btn"))
+          return;
+        if (state.selectType === "checkbox") {
+          let rowVal = {};
+          if (!state.isTriggerSelectionChange) {
+            table.setAllCheckboxRow(false);
+            state.checkedRows = [row];
+            pubCheckChange([row]);
+            rowVal = row;
+          } else {
+            if (checkedRow.length > 1)
+              return false;
+            rowVal = checked || checkedRow.length === 1 && !checked ? checkedRow[0] : {};
+            state.checkedRows = [rowVal];
+          }
+          updateAddCheckedRows(rowVal, true);
+          emit("handlerClickRow", rowVal);
+          return;
+        }
+        let newTheUniqueKeyArr = [];
+        flattenRow(row, newRow, newTheUniqueKeyArr, handleRowId.value);
+        let res = intersectRow(checkedRow, newTheUniqueKeyArr, handleRowId.value);
+        if (!res) {
+          rowLen = 1;
+        } else {
+          rowLen = checkedRow.filter((item) => !vexutils.has(item, GROUP_TITLE_KEY)).length;
+        }
+      }
+      table.setAllCheckboxRow(false);
+      let setChecked = checked;
+      if (rowLen > 1) {
+        state.selectType != "radio" && table.setCheckboxRow([row], true);
+        state.isTree != 0 && state.selectType != "radio" && pubCheckChange(newRow);
+        state.selectType != "radio" && emit("handlerClickRow", row, $rowIndex);
+      } else {
+        setChecked = !setChecked;
+        if (!setChecked) {
+          table.clearCurrentRow();
+          state.selectType == "radio" && table.clearRadioRow();
+          state.isTree != 0 && state.selectType != "radio" && pubCheckChange([]);
+        } else {
+          state.selectType == "radio" && table.setRadioRow(row);
+          state.isTree != 0 && state.selectType != "radio" && pubCheckChange(newRow);
+        }
+        state.selectType != "radio" && table.setCheckboxRow([row], setChecked);
+      }
+      if (state.isTree != 0) {
+        setChecked && emit("handlerClickRow", row, $rowIndex);
+        return;
+      }
+      setCheckedMehod(setChecked, row);
+      if (setChecked || rowLen > 1 || !rowLen) {
+        state.checkedRows = [row];
+      }
+      if (!setChecked && rowLen === 1) {
+        state.checkedRows = [];
+      }
+      setCurrentCheckedLength();
+      state.lastPageIndex = props.pageVO.pageIndex;
+      setChecked && emit("handlerClickRow", row, $rowIndex);
+    };
+    const addCheckedRows = (rows) => {
+      removeCheckedDisabledRows(state);
+      let checkedRows = state.checkedRows;
+      if (currentCheckedKeys.value.length + rows.length > props.maxCheckSize) {
+        window.$message.warning(`\u4E3A\u4E86\u4FDD\u8BC1\u7CFB\u7EDF\u5B89\u5168\uFF0C\u5355\u6B21\u64CD\u4F5C\u6570\u636E\u91CF\u9650\u989D\u4E3A${props.maxCheckSize}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u540E\u518D\u6B21\u5C1D\u8BD5`);
+        return false;
+      }
+      let newCheckedRows = rows.filter((row) => {
+        return !currentCheckedKeys.value.includes(row[props.primaryKey]);
+      });
+      checkedRows.push(...newCheckedRows);
+      emit("selectionChangeLocal", {
+        isAdd: true,
+        isCheckedChange: true,
+        newCheckedRows,
+        checkedRows
+      });
+    };
+    const treeTableSelectionChange = (records) => {
+      if (state.isTree == 0) {
+        return false;
+      }
+      pubCheckChange(records);
+      return true;
+    };
+    const selectionChange = ({
+      checked,
+      row,
+      records
+    }) => {
+      let table = xGrid.value;
+      table.clearCurrentRow();
+      state.isTriggerSelectionChange = true;
+      setTimeout(() => {
+        state.isTriggerSelectionChange = false;
+      }, 0);
+      if (treeTableSelectionChange(records))
+        return;
+      if (checked) {
+        addCheckedRows([row]);
+      } else {
+        removeCheckedRows([row], true);
+      }
+      setCurrentCheckedLength();
+    };
+    const selectionChangeAll = ({
+      checked,
+      records
+    }) => {
+      if (treeTableSelectionChange(records))
+        return;
+      if (checked) {
+        addCheckedRows(records);
+      } else {
+        removeCheckedRows(props.data);
+      }
+      setCurrentCheckedLength();
+    };
+    const radioOnChange = (rowData = {}) => {
+      let {
+        data,
+        row,
+        $rowIndex
+      } = rowData;
+      emit("selectionChange", [{
+        ...row
+      }]);
+    };
+    const sortChange = ({
+      property,
+      order
+    }) => {
+      if (props.isInlineOperating)
+        return false;
+      Object.values(state.filterFields).forEach((item) => item.filterSort = null);
+      emit("sortChange", {
+        prop: property,
+        order
+      });
+    };
+    const showDrawer = () => {
+      const theads = xGrid.value.$el.childNodes[0].childNodes[1].childNodes[0].getElementsByClassName("mycolumn");
+      emit("setNestTableClickSetting", props.isNestTable);
+      emit("showDrawer", theads);
+    };
+    let scrollEvent = (params) => {
+      emit("scroll", params);
+    };
+    const initScroll = () => {
+      const {
+        throttle = false,
+        throttleTime = 800,
+        throttleOptions = {}
+      } = props.columnConfig?.scrollConfig || {};
+      if (throttle) {
+        scrollEvent = vexutils.throttle(scrollEvent, throttleTime, throttleOptions);
+      }
+    };
+    initScroll();
+    const handlerScroll = (params) => {
+      if (params.isX) {
+        hideFilterWrap(state, props);
+      }
+      scrollEvent(params);
+    };
+    const handleCellMouseenter = ({
+      column,
+      $event
+    }) => {
+      if (column.showOverflow === "title") {
+        const target = $event?.currentTarget;
+        const cls = target?.className;
+        const bodyCls = " vxe-body--column ";
+        if (cls && ` ${cls} `.includes(bodyCls) && target && target.hasAttribute("title")) {
+          const cellElem = target.querySelector(".vxe-cell");
+          if (cellElem && cellElem.hasAttribute("title")) {
+            cellElem.removeAttribute("title");
+          }
+          if (props.isInlineOperating) {
+            if (target && target.hasAttribute("title")) {
+              target.removeAttribute("title");
+            }
+          }
+        }
+      }
+    };
+    const getFooterTooltipTitle = (column) => {
+      let t = "";
+      if (vexutils.has(props.sumData, column.property)) {
+        t += `<p class="table-footer-tooltip-label-wrap">
+      <span class="table-footer-tooltip-label">\u6C42\u548C\uFF1A</span>
+      ${vexutils.round(Number(props.sumData[column.property]), 4)}
+    </p>`;
+      }
+      if (vexutils.has(props.avgData, column.property)) {
+        t += `<p class="table-footer-tooltip-label-wrap">
+      <span class="table-footer-tooltip-label">\u5E73\u5747\u503C\uFF1A</span>
+      ${vexutils.round(Number(props.avgData[column.property]), 4)}</p>`;
+      }
+      return t;
+    };
+    const getFooterTitle = (column) => {
+      if (vexutils.has(props.sumData, column.property)) {
+        return vexutils.round(Number(props.sumData[column.property]), 2);
+      }
+      if (vexutils.has(props.avgData, column.property)) {
+        return vexutils.round(Number(props.avgData[column.property]), 2);
+      }
+    };
+    const hanldeClickRefresh = () => {
+      emit("pubTableRefresh");
+    };
+    const confirmScanMulti = (params) => {
+      let {
+        row,
+        $rowIndex
+      } = params || {};
+      if (!row)
+        return;
+      emit("scanMultiRemove", $rowIndex, params);
+      let vxeTable = xGrid.value;
+      vxeTable.remove(row);
+    };
+    const scanMultiOperate = (params) => {
+      return createVNode(NPopconfirm, {
+        "onPositiveClick": () => confirmScanMulti(params)
+      }, {
+        trigger: () => createVNode(script$2, {
+          "class": "scan-multi-delete",
+          "iconClass": "shanchu"
+        }, null),
+        default: () => "\u662F\u5426\u786E\u8BA4\u5220\u9664\uFF1F"
+      });
+    };
+    const showEditForm = (row, column, $rowIndex) => {
+      if (!props.isMatchComponent || props.isNestTable || isScanMultiTable.value)
+        return false;
+      if (props.isBatchEditing || props.isInlineEditing || props.isInlineAdding) {
+        let matchObj = state.editColumnMap[column.property];
+        if (!matchObj || !matchObj.matchItem || !matchObj.fieldItem)
+          return false;
+        if (props.isBatchEditing && !props.isEditAllRow) {
+          let matchIndex = state.checkedRows.findIndex((v) => v[props.primaryKey] == row[props.primaryKey]);
+          if (matchIndex < 0)
+            return false;
+        }
+        if (props.isInlineEditing || props.isInlineAdding) {
+          if ($rowIndex !== 0)
+            return false;
+        }
+        return matchObj.matchItem;
+      }
+      return false;
+    };
+    const initBatchDynamicProps = (unionItem, row, column, $rowIndex) => {
+      let id = row[props.primaryKey];
+      let dynamicPropsCache = props.batchDynamicPropsCache[id];
+      if (dynamicPropsCache && dynamicPropsCache[unionItem.tableField]) {
+        return dynamicPropsCache[unionItem.tableField];
+      }
+      let matchObj = state.editColumnMap[column.property];
+      let {
+        fieldItem = {}
+      } = matchObj || {};
+      let defaultCombinationForm = {};
+      if (!props.isInlineAdding) {
+        let originalRow = props.pageIndexOldtableData.find((item) => item[props.primaryKey] == row[props.primaryKey]);
+        defaultCombinationForm = setDefaultFormData(column.property, fieldItem, originalRow);
+      }
+      let tempFieldItem = JSON.parse(JSON.stringify(fieldItem));
+      let defaultForm = {
+        fieldList: [tempFieldItem],
+        defaultCombinationForm
+      };
+      let dynamicProps = {
+        props: {
+          formPrimaryKey: id,
+          defaultForm,
+          banRequest: true,
+          propsFormBtn: true,
+          propsDelSetting: true,
+          parentConfig: {
+            is_edit: "1"
+          },
+          configuration: configuration.value,
+          isPure: true,
+          isOpenShortcut: false,
+          cacheUniqueKey: state.cacheUniqueKey,
+          styleSetting: {}
+        },
+        on: {
+          handleSubmit: handleSubmitEditForm,
+          banSubmit
+        }
+      };
+      emit("setBatchDynamicPropsCache", {
+        primaryKey: row[props.primaryKey],
+        tableField: unionItem.tableField,
+        dynamicProps
+      });
+      return dynamicProps;
+    };
+    const handleSubmitEditForm = (obj = {}) => {
+      if (props.isInlineEditing || props.isInlineAdding) {
+        emit("submitEditFormSuccess", obj);
+        return;
+      }
+      if (props.isBatchEditing) {
+        emit("submitEditFormSuccessBatch", obj);
+        return;
+      }
+    };
+    const banSubmit = (obj) => {
+      if (props.isInlineEditing || props.isInlineAdding) {
+        emit("submitEditFormError");
+        return;
+      }
+      if (props.isBatchEditing) {
+        emit("submitEditFormErrorBatch", obj);
+        return;
+      }
+    };
+    const handleFormTheUniqueKey = async () => {
+      emit("initInlineEditFormConfig", {
+        listFormUnionSetting: props.listFormUnionSetting,
+        inlineEditFormConfig: props.inlineEditFormConfig
+      });
+      let hasEditRow = props.btnList?.find((item) => {
+        let trigger_type = item.settingObj && item.settingObj[0]?.trigger_type;
+        if (item.isShow == 1 && trigger_type == "EDIT_ROW")
+          return true;
+        return false;
+      });
+      if (!hasEditRow)
+        return;
+    };
+    const handlePreView = (data, i, e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!data)
+        data = xb_big;
+      emit("handlePreView", data, i);
+    };
+    const getPicture = (row, item, type) => {
+      return [createVNode("div", {
+        "class": ["img-wrap", type === "HEADPORTRAIT" ? "img-circle" : ""]
+      }, [handleImgArr(row[item.columnName], type, imgs2imgArr).map((v, i) => createVNode("img", {
+        "key": i,
+        "src": handleImgSrc(v, props.sysImageSize, "LIST_FIELD_SMALL"),
+        "style": modalDetailImage(props.sysImageSize, "LIST_FIELD_SMALL", "36px"),
+        "onClick": (e) => handlePreView(row[item.columnName], i, e)
+      }, null))])];
+    };
+    const getColor = (row, item) => {
+      let color = row[item.columnName];
+      if (color?.includes("-")) {
+        let colorName = color.split("-")[1];
+        color = vexutils.oldColorMap(colorName);
+      }
+      return [createVNode("div", {
+        "class": "color-wrap",
+        "style": "height: 100%; padding: 4px;"
+      }, [createVNode("div", {
+        "style": {
+          background: color,
+          height: "100%"
+        }
+      }, null)])];
+    };
+    const getDate = (row, item) => {
+      let obj = row[item.columnName] || "";
+      if (!vexutils.isEmpty(obj)) {
+        if (vexutils.isObject(obj) && "tooltip" in obj) {
+          return [createVNode(resolveComponent("n-tooltip"), null, {
+            default: () => [{
+              trigger: () => createVNode("span", null, [obj.value])
+            }, createVNode("span", {
+              "innerHTML": obj.tooltip
+            }, null)]
+          })];
+        }
+      }
+      return [createVNode("span", {
+        "innerHTML": obj
+      }, null)];
+    };
+    const getPercentage = (row, item) => {
+      let value = row[item.columnName];
+      if (!value && value !== 0)
+        return;
+      let percentValue = value;
+      let SPANTAG_REGEXP = /<\/?span.*?>/g;
+      if (SPANTAG_REGEXP.test(value)) {
+        let d = document.createElement("span");
+        d.innerHTML = value;
+        value = d.textContent;
+        percentValue = value;
+      }
+      if (value && vexutils.isString(value) && value.includes("%")) {
+        percentValue = Number(value.replace("%", ""));
+      }
+      let strokeColor = "#52c41a";
+      if (percentValue < 15) {
+        strokeColor = "#ff5500";
+      } else if (percentValue < 50) {
+        strokeColor = "#ff8b01";
+      } else if (percentValue < 90) {
+        strokeColor = "#1890ff";
+      }
+      if (percentValue > 100) {
+        percentValue = 100;
+      } else if (percentValue < 0) {
+        percentValue = 0;
+      }
+      return [createVNode("div", {
+        "class": "percent-wrap"
+      }, [createVNode("span", {
+        "class": "percent-value"
+      }, [percentValue, createTextVNode("%")]), createVNode(NProgress, {
+        "percentage": percentValue,
+        "showIndicator": false,
+        "color": strokeColor
+      }, null)])];
+    };
+    const getvideoList = (row, item) => {
+      let res = row[item.columnName];
+      if (Array.isArray(res)) {
+        res = JSON.stringify(res);
+      }
+      return null;
+    };
+    const getOrCode = (row, item, type) => {
+      let src = qr;
+      return [createVNode("span", {
+        "class": "bigTable-qr-span",
+        "onClick": (e) => qrCodeEvent(e, row, item)
+      }, [createVNode("img", {
+        "class": "bigTable-qr-img",
+        "src": src
+      }, null), createVNode("span", null, [createVNode(script$2, {
+        "iconClass": "fangda"
+      }, null)])])];
+    };
+    const qrCodeEvent = (e, row, item) => {
+      e.preventDefault();
+      e.stopPropagation();
+      let data = handleQrCodeContent(row, item);
+      emit("qrCodeEvent", data);
+    };
+    const generateInlineBtnList = (row, index) => {
+      if (props.isNestTable)
+        return;
+      let inlineEditBtnList = [];
+      inlineEditBtnList.push(...getInlineEditBtn(row, "tileBtnList"));
+      inlineEditBtnList.push(...getInlineEditBtn(row, "foldBtnList"));
+      if (!inlineEditBtnList?.length)
+        return;
+      return [createVNode("span", null, [createVNode(NButton, {
+        "style": {
+          display: row.__isInlineEditing ? "inline-block" : "none"
+        },
+        "onClick": (e) => {
+          e.stopPropagation();
+          emit("SET_SAVE_ROW_STATUS", true);
+        },
+        "class": "btn-custom-class row-btn",
+        "size": "small",
+        "text": true
+      }, {
+        default: () => "\u4FDD\u5B58"
+      }), createVNode(NButton, {
+        "style": {
+          display: row.__isInlineEditing ? "inline-block" : "none"
+        },
+        "onClick": (e) => {
+          e.stopPropagation();
+          emit("SET_CANCEL_ROW_STATUS", true);
+        },
+        "class": "btn-custom-class row-btn",
+        "size": "small",
+        "text": true
+      }, {
+        default: () => "\u53D6\u6D88"
+      })])];
+    };
+    const getTileBtnList = (row, index) => {
+      return [row.tileBtnList?.length && row.tileBtnList.map((btn, j) => {
+        return btn.isShow == "1" && btn.type != "LINK" && createVNode(NButton, {
+          "key": btn.sid,
+          "onClick": (e) => clickBtn(row, btn, index, e),
+          "class": "btn-custom-class row-btn",
+          "style": {
+            ...getBtnStyle(btn),
+            ...{
+              display: !row.__isInlineEditing ? "inline-block" : "none"
+            }
+          },
+          "disabled": row.__isDisableInlineEdit,
+          "ghost": btn.showStyle == "white_bg",
+          "size": "small"
+        }, {
+          default: () => [getBtnIcon(btn), btn.showStyle === "only_icon" ? "" : handleName(btn)]
+        });
+      }) || ""];
+    };
+    const clickBtn = (row, btn, index, e, j) => {
+      e.preventDefault();
+      e.stopPropagation();
+      recordClickBtnInfo(row, index);
+      emit("setNestTableClick", props.isNestTable);
+      emit("setCurRowIndex", index);
+      emit("clickBtn", row, btn, row[handlePrimaryKey.value], index);
+    };
+    const getBtnIcon = (btn, mr = "8px") => {
+      let icon;
+      if (btn.icon) {
+        if (state.btnIcons[btn.icon]) {
+          icon = createVNode(resolveComponent("a-icon"), {
+            "type": state.btnIcons[btn.icon]
+          }, null);
+        } else {
+          icon = createVNode(NTooltip, null, {
+            trigger: () => createVNode(script$2, {
+              "iconClass": btn.icon,
+              "style": {
+                marginRight: mr
+              }
+            }, null),
+            default: () => handleName(btn)
+          });
+        }
+      } else if (btn.iconSetting) {
+        icon = createVNode(script$2, {
+          "iconClass": JSON.parse(btn.iconSetting).icon,
+          "style": {
+            marginRight: mr
+          }
+        }, null);
+      }
+      return [icon];
+    };
+    const getFoldBtnList = (row, index) => {
+      const getOptions = () => {
+        return row.foldBtnList.map((b, j) => {
+          return {
+            label: `${handleName(b)}${getBtnIcon(b, "0")}`,
+            key: b.sid,
+            props: {
+              onClick: (e) => {
+                clickBtn(row, b, index, e.domEvent);
+              }
+            }
+          };
+        });
+      };
+      return [row.foldBtnList?.length && createVNode(NDropdown, {
+        "style": {
+          display: !row.__isInlineEditing ? "inline-block" : "none"
+        },
+        "disabled": props.isInlineOperating,
+        "options": getOptions()
+      }, {
+        default: () => [createVNode(NButton, {
+          "size": "small",
+          "style": "margin-left: 8px"
+        }, {
+          default: () => "\u66F4\u591A ..."
+        })]
+      }) || ""];
+    };
+    const switchBtnOnChange = (e, r, i, index) => {
+      emit("switchBtnOnChange", e, r, i, index);
+    };
+    const getBtnLinkSwitch = (row, item, disabled, index) => {
+      let cur = state.isTree !== 0 ? row : props.oldtableData[index];
+      let key = cur[item.columnName];
+      if (typeof key === "string") {
+        if (key && key.startsWith("###{")) {
+          let temp = JSON.parse(key.replace("###", ""));
+          key = temp.tooltip || temp.value;
+        }
+      }
+      return [createVNode(NSwitch, {
+        "value": key == item.btnLinkSwitchDefVal,
+        "disabled": disabled,
+        "onUpdateValue": (e) => switchBtnOnChange(e, row, item, index)
+      }, null)];
+    };
+    const getField = (row, item, index, isLink2) => {
+      const html = formatFieldText(row, item, props.columnConfig.fieldList, props.fieldListOriginal);
+      const content = [isLink2 && html ? createVNode("a", {
+        "onClick": (e) => linkDetail(row, item, index, e),
+        "innerHTML": html
+      }, null) : createVNode("span", {
+        "class": "domPropsInnerHTML-span",
+        "innerHTML": html
+      }, null)];
+      if (isCopy(item, row)) {
+        return [createVNode(NPopover, {
+          "placement": "right",
+          "trigger": "hover",
+          "arrowPointToCenter": true
+        }, {
+          default: () => [{
+            trigger: () => content
+          }, createVNode(NIcon, {
+            "component": CopyOutline,
+            "onClick": (e) => hanldeCopyContent(e, row[item.columnName])
+          }, null)]
+        })];
+      } else {
+        return [content];
+      }
+    };
+    const linkDetail = (row, col, index, e) => {
+      if (props.isInlineOperating)
+        return false;
+      let vxeTable = xGrid.value;
+      e.preventDefault();
+      let isCheckedByCheckboxRow = vxeTable.isCheckedByCheckboxRow(row);
+      if (isCheckedByCheckboxRow) {
+        e.stopPropagation();
+      }
+      vxeTable.setCurrentRow(row);
+      emit("setNestTableClick", props.isNestTable);
+      emit("setCurRowIndex", index);
+      emit("linkDetail", row, col, row[handlePrimaryKey.value], null, false, index);
+    };
+    const hanldeCopyContent = (e, value) => {
+      e.preventDefault();
+      e.stopPropagation();
+      emit("hanldeCopyContent", e, value);
+    };
+    const setAllCheckedRows = (rows) => {
+      if (props.isNestTable)
+        return;
+      if (rows && rows.length) {
+        const copy = vexutils.handleBigArrayCopy(rows);
+        state.checkedRows = Object.freeze(copy);
+        let table = xGrid.value;
+        table.setAllCheckboxRow(true);
+      }
+    };
+    const setTalbeScrollTo = () => {
+      let table = xGrid.value;
+      if (!table)
+        return;
+      table.scrollTo(table.getScroll().scrollLeft, 0);
+    };
+    const submitInlineForm = () => {
+      let error = props.inlineError;
+      if (error) {
+        props.resetEditRowStatus();
+        emit("triggerSpinning", false);
+        return false;
+      }
+      let {
+        formId
+      } = props.listFormUnionSetting;
+      let {
+        id
+      } = props.inlineOriginalTableRow;
+      if (!formId) {
+        console.log("\u7F3A\u5C11formId");
+        emit("triggerSpinning", false);
+        return;
+      }
+      if (state.isSaveForm)
+        return false;
+      state.isSaveForm = true;
+      let params = Object.assign({}, props.inlineFormData, {
+        formId,
+        id,
+        editMode: "row"
+      });
+      params = JSON.parse(JSON.stringify(params));
+      let noChangePrimaryKey = params[handleRowId.value] === addInlineEditPrimaryKey;
+      if (props.isInlineAdding && noChangePrimaryKey) {
+        delete params[handleRowId.value];
+      }
+      props.submitForm(params).then(async ({
+        data
+      }) => {
+        emit("triggerSpinning", false);
+        if (data.result !== "SUCCESS") {
+          state.isSaveForm = false;
+          window.$message.error(data.resultMsg);
+          props.resetEditRowStatus();
+          return false;
+        }
+        await props.resetInlineEdit();
+        resetOperationRowStatus();
+        emit("pubTableReload");
+      }).finally(() => {
+        state.isSaveForm = false;
+        emit("triggerSpinning", false);
+        props.resetEditRowStatus();
+      });
+    };
+    const handleClickAddBtnByInline = async () => {
+      if (!checkListFormUnionSettingParamsList()) {
+        handleClickCancelBtnByInline();
+        return false;
+      }
+      await props.resetInlineEdit();
+      emit("handleClickBtnByInline", {
+        type: "ADD",
+        listFormUnionSetting: props.listFormUnionSetting,
+        inlineEditFormConfig: props.inlineEditFormConfig
+      });
+      addInlineEditPrimaryKey = Date.now();
+      let formData = {
+        [handleRowId.value]: addInlineEditPrimaryKey,
+        __isInsertRow: true
+      };
+      let {
+        paramsList
+      } = props.listFormUnionSetting;
+      paramsList.forEach((item) => {
+        formData[item.tableField] = void 0;
+      });
+      let vxeTable = xGrid.value;
+      await vxeTable.insert(formData);
+      await vxeTable.loadData([formData]);
+      setAllRowInlineStatus(true);
+      setRowStatus(vxeTable.$el, 0, "66");
+    };
+    const handleClickSaveBtnByInline = () => {
+      if (props.spinning)
+        return false;
+      emit("handleClickBtnByInline", {
+        type: "SAVE"
+      });
+      let formDom = document.querySelectorAll(".js-inlineEditForm");
+      let sliceLen = handleEditFormLength();
+      formDom = [...formDom].slice(0, sliceLen);
+      formDom.forEach((item) => {
+        item.__vue__.handleSubmitForm();
+      });
+    };
+    const removeInlineAddRow = () => {
+      if (!props.isInlineAdding)
+        return false;
+      const vxeTable = xGrid.value;
+      let {
+        tableData
+      } = vxeTable.getTableData();
+      vxeTable.remove(tableData[0]);
+    };
+    watch(() => props.columnConfig, (config) => {
+      nextTick(() => {
+        if (!config || !Object.keys(config).length)
+          return;
+        loadColumn(config);
+      });
+    }, {
+      immediate: true
+    });
+    watch(() => props.data, (value) => {
+      nextTick(() => {
+        loadData(value);
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => currentCheckedKeys, (val) => {
+      setVisibleCheckAllWrap(state, props, currentCheckedKeys.value);
+    });
+    watch(() => props.quickSearchConfig, (val) => {
+      setFilterStatus(state, props);
+    }, {
+      deep: true
+    });
+    watch(() => props.tableDataCache, (val) => {
+      setAllCheckedRows(val);
+    }, {
+      deep: true
+    });
+    watch(() => props.pageVO.pageSize, (val) => {
+      if (props.isNestTable)
+        return;
+      setVisibleCheckAllWrap(state, props, currentCheckedKeys.value);
+      resetTableInlineEditStatus();
+    });
+    watch(() => props.pageVO.pageIndex, (val) => {
+      if (props.isNestTable)
+        return;
+      setTalbeScrollTo();
+      resetTableInlineEditStatus();
+    });
+    watch(() => props.styleSetting.tableHeight, (val) => {
+      if (props.isNestTable)
+        return;
+      if (Object.keys(props.columnConfig).length > 0) {
+        loadColumn(props.columnConfig);
+        loadData(props.data);
+        setTalbeScrollTo();
+      }
+    });
+    watch(() => props.sysImageSize, (val) => {
+      const v = props.styleSetting?.tableHeight === "table-simple" ? "26" : "22";
+      nextTick(() => {
+        handleTableImageSize(val, "LIST_FIELD_SMALL", v + "px");
+      });
+    }, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.inlineEditFormSubmitDone, (val) => {
+      if (!val || props.isNestTable)
+        return;
+      if (state.isTree != 0 || !props.isMatchComponent)
+        return false;
+      if (!checkOperateCurrentTable())
+        return false;
+      submitInlineForm();
+    });
+    watch(() => props.isInlineEditing, (val) => {
+      if (!val || props.isNestTable)
+        return;
+      if (state.isTree != 0 || !props.isMatchComponent)
+        return false;
+      if (!checkOperateCurrentTable())
+        return false;
+      submitInlineForm();
+    });
+    watch(() => props.isInlineAdding, (val) => {
+      if (!val || props.isNestTable)
+        return false;
+      if (state.isTree != 0 || !props.isMatchComponent)
+        return false;
+      if (!checkOperateCurrentTable()) {
+        resetOperationRowStatus();
+        return false;
+      }
+      hideSelectCloumns();
+      handleClickAddBtnByInline();
+    });
+    watch(() => props.isInlineSave, (val) => {
+      if (!val || props.isNestTable)
+        return false;
+      if (state.isTree != 0 || !props.isMatchComponent)
+        return false;
+      if (!checkOperateCurrentTable())
+        return false;
+      handleClickSaveBtnByInline();
+    });
+    watch(() => props.isInlineCancel, (val) => {
+      if (!val || props.isNestTable)
+        return false;
+      if (state.isTree != 0 || !props.isMatchComponent)
+        return false;
+      if (!checkOperateCurrentTable())
+        return false;
+      removeInlineAddRow();
+      handleClickCancelBtnByInline();
+    });
+    watch(() => props.tableRefreshCache, (val, oldVal) => {
+      if (props.isNestTable)
+        return;
+      const {
+        orgId
+      } = props?.userInfo?.map?.sysParams || {};
+      if (val != oldVal && props.tableParams && val[props.tableParams.tableId] && orgId == val[props.tableParams.tableId]) {
+        state.hasRefresh = true;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.tableParams.tableId, (val) => {
+      nextTick(() => {
+        if (val && props.tableRefreshCache[val]) {
+          state.hasRefresh = true;
+        }
+      });
+    });
+    expose({
+      formatData,
+      xGrid
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["big-table custom-big-table", {
+          mt: state.visibleCheckAllWrap || state.visibleTreeCheck || state.hasRefresh,
+          "expand-padding": !props.isNestTable
+        }]),
+        style: normalizeStyle({
+          height: state.tableHeight
+        })
+      }, [state.hasRefresh && !props.isNestTable ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", {
+        class: "check-wrap-title"
+      }, [_hoisted_2, createElementVNode("span", {
+        class: "check-wrap-btn",
+        onClick: refreshTable
+      }, "\u70B9\u51FB\u67E5\u770B")])])) : createCommentVNode("v-if", true), createCommentVNode(" \u5168\u9009 \u9009\u62E9\u6846 "), withDirectives(createElementVNode("div", _hoisted_3, [createElementVNode("p", _hoisted_4, [createElementVNode("span", null, "\u5DF2\u52FE\u9009\u6570\u636E\u5171" + toDisplayString(unref(allSelectedLength)) + "\u6761", 1), withDirectives(createElementVNode("span", null, " \uFF08\u5F53\u524D\u9875" + toDisplayString(state.currentPageSelectedLength) + "\u6761\uFF09 ", 513), [[vShow, state.visibleCheckAllWrapMore]])]), state.visibleCheckAllWrapMore && !props.asyncCount ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [!unref(visibleCancelCheckAllBtn) ? (openBlock(), createElementBlock("p", {
+        key: 0,
+        class: "check-wrap-btn",
+        onClick: handleCheckAll
+      }, [_ctx.pageVO.total > _ctx.maxCheckSize ? (openBlock(), createElementBlock("span", _hoisted_5, [createCommentVNode(" {{ `\u6700\u5927\u52FE\u9009\u201C${tableName}\u201D ${maxCheckSize}\u6761\u6570\u636E` }} "), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.maxCheckSize}\u6761\u6570\u636E`), 1)])) : (openBlock(), createElementBlock("span", _hoisted_6, [createCommentVNode(' {{ $t("1.9.598", { name: tableName, total }) }} '), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.pageVO.total}\u6761\u6570\u636E`), 1)]))])) : (openBlock(), createElementBlock("p", {
+        key: 1,
+        class: "check-wrap-btn",
+        onClick: handleCancelAllCheck
+      }, "\u53D6\u6D88\u5168\u90E8\u52FE\u9009"))], 64)) : createCommentVNode("v-if", true)], 512), [[vShow, state.visibleCheckAllWrap && !props.isInlineOperating && !props.isNestTable]]), createCommentVNode(" \u6811\u72B6\u8868\u683C\u5DF2\u9009 "), withDirectives(createElementVNode("div", _hoisted_7, [createElementVNode("p", _hoisted_8, [createElementVNode("span", null, "\u5DF2\u52FE\u9009\u6570\u636E\u5171" + toDisplayString(state.treeTableLength) + "\u6761", 1)])], 512), [[vShow, state.visibleTreeCheck && !props.isInlineOperating && !props.isNestTable]]), createVNode(unref(CGrid), mergeProps({
+        ref_key: "xGrid",
+        ref: xGrid,
+        border: "",
+        "show-overflow": "",
+        "show-header-overflow": "",
+        "highlight-hover-row": "",
+        "highlight-current-row": "",
+        "show-footer-overflow": "title",
+        "keep-source": "",
+        resizable: "",
+        "auto-resize": ""
+      }, props.height ? {
+        height: "auto"
+      } : {}, {
+        "seq-config": unref(handleSeqConfig),
+        "tree-config": unref(treeConfig),
+        "row-id": unref(handleRowId),
+        "row-class-name": getRowClassName,
+        "show-footer": _ctx.showFooter && !props.isInlineOperating,
+        "footer-method": footerMethod,
+        "sort-config": {
+          trigger: "cell",
+          remote: true
+        },
+        "span-method": colspanMethod,
+        "footer-span-method": footerRowspanMethod,
+        "tooltip-config": {
+          enterable: false
+        },
+        "checkbox-config": {
+          checkField: "checked",
+          labelField: "checked",
+          checkMethod: unref(checkMethod),
+          trigger: "cell",
+          reserve: true,
+          highlight: true
+        },
+        "radio-config": {
+          checkField: "checked",
+          trigger: "cell",
+          reserve: true,
+          highlight: true
+        },
+        "scroll-x": {
+          enabled: false
+        },
+        "scroll-y": {
+          gt: 50
+        },
+        "row-style": unref(getRowStyle),
+        "edit-config": state.editConfig,
+        "expand-config": {
+          lazy: true,
+          accordion: _ctx.columnConfig && _ctx.columnConfig.accordion,
+          loadMethod: unref(loadExpandMethod),
+          toggleMethod: unref(toggleExpandMethod),
+          iconOpen: "iconfont icon-a-xitongtubiaozhediejian",
+          iconClose: "iconfont icon-a-xitongtubiaotianjia"
+        },
+        "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
+        "edit-rules": _ctx.columnConfig.editRules || {},
+        onCellDblclick: rowdblclick,
+        onCellClick: handlerClickRow,
+        onCheckboxChange: selectionChange,
+        onCheckboxAll: selectionChangeAll,
+        onRadioChange: radioOnChange,
+        onSortChange: sortChange,
+        onScroll: handlerScroll,
+        onCellMouseenter: handleCellMouseenter
+      }), {
+        empty: withCtx(() => [state.isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$3, {
+          "no-data-img": props.emptyItems.noDataImg,
+          "no-data-tip": props.emptyItems.noDataTip,
+          "show-img": !props.isNestTable
+        }, null, 8, ["no-data-img", "no-data-tip", "show-img"])])) : createCommentVNode("v-if", true)]),
+        tooltip_checkbox: withCtx(({
+          row,
+          checked
+        }) => [row.forbiddenBatchSelect ? (openBlock(), createBlock(unref(NTooltip), {
+          key: 0,
+          trigger: "hover",
+          placement: "right"
+        }, {
+          trigger: withCtx(() => [_hoisted_10]),
+          default: withCtx(() => [createTextVNode(" " + toDisplayString(row.forbiddenBatchSelectReason), 1)]),
+          _: 2
+        }, 1024)) : (openBlock(), createBlock(unref(NCheckbox), {
+          key: 1,
+          class: "tooltip-checkbox-item",
+          checked
+        }, null, 8, ["checked"]))]),
+        tooltip_footer: withCtx(({
+          column
+        }) => [createCommentVNode(" \u5206\u7EC4\u7EDF\u8BA1 "), _ctx.groupCountFields && _ctx.groupCountFields.length ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          innerHTML: state.groupText
+        }, null, 8, _hoisted_11)) : (openBlock(), createElementBlock(Fragment, {
+          key: 1
+        }, [createCommentVNode(" \u4E00\u822C\u7EDF\u8BA1 "), createVNode(unref(NTooltip), {
+          trigger: "hover"
+        }, {
+          trigger: withCtx(() => [createTextVNode(toDisplayString(getFooterTitle(column)), 1)]),
+          default: withCtx(() => [createElementVNode("div", {
+            innerHTML: getFooterTooltipTitle(column)
+          }, null, 8, _hoisted_12)]),
+          _: 2
+        }, 1024)], 2112))]),
+        nest_table_content: withCtx(({
+          row,
+          rowIndex,
+          $rowIndex,
+          column
+        }) => [renderSlot(_ctx.$slots, "content", {
+          data: {
+            row,
+            rowIndex,
+            $rowIndex,
+            column
+          }
+        })]),
+        _: 3
+      }, 16, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
+        class: "refresh",
+        onClick: hanldeClickRefresh
+      }, [createVNode(unref(NIcon), {
+        size: "14",
+        component: unref(SyncOutline)
+      }, null, 8, ["component"]), createElementVNode("p", _hoisted_13, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6);
+    };
+  }
+});
+
+export { script as default };