cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,2433 @@
+import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, nextTick, createVNode, h, resolveComponent, Teleport, createTextVNode, watch, openBlock, createElementBlock, Fragment, createBlock, unref, withCtx, renderList, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, mergeProps, renderSlot, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
+import { isFunction, isArray } from 'lodash-es';
+import bigTableState from './bigTableState.js';
+import bigTableProps from './bigTableProps.js';
+import bigTableEmits from './bigTableEmits.js';
+import { useAnchor } from './hooks/useAnchor.js';
+import { comps, useEdit } from './hooks/useEdit.js';
+import { useFormat } from './hooks/useFormat.js';
+import { useTableParse } from './hooks/useTableParse.js';
+import { useBatchEditing } from './hooks/useBatchEditing.js';
+import { useNestTable } from './hooks/useNestTable.js';
+import { useEvent } from './hooks/useEvent.js';
+import { useAnnotation } from './hooks/useAnnotation.js';
+import { useSeparateRow, useSeparateMap } from './hooks/useSeparateRow.js';
+import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
+import NoData from './components/NoData.js';
+import script from '../../../shared/components/SvgIcon/SvgIcon.js';
+import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover, NTabs, NTabPane } from 'naive-ui';
+import Grid from '../../grid/index.js';
+import XEUtils from 'xe-utils';
+import 'moment';
+import { handleTableHeight, setTableConfig, handleGroupColums, treeToList, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
+import InputButtonScript from './components/input-button.js';
+import Separate from './components/separate.js';
+import xb_big from '../../../shared/assets/img/xb_big.js';
+import qr from '../../../shared/assets/img/qr.js';
+
+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 = ["innerHTML"];
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = {
+  class: "refresh-row"
+};
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var _sfc_main = /* @__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";
+    const InputButton = InputButtonScript;
+    const $message = useMessage();
+    const xGrid = ref({});
+    const copyState = XEUtils.clone(bigTableState, true);
+    const state = reactive(copyState);
+    const attr = useAttrs();
+    const {
+      formatData,
+      htmlToText,
+      getBtnStyle,
+      getAttr
+    } = useFormat(state, attr);
+    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 {
+      deleteRow,
+      onFormChange,
+      getDefaultValue
+    } = useEdit(props, state, emit, xGrid, loadData);
+    const {
+      isAboutNestTable,
+      isExpandTable,
+      handleRowId,
+      toggleExpandMethod,
+      loadExpandMethod,
+      nestHandleClickRow
+    } = useNestTable(props, state, emit);
+    const {
+      initAnchor,
+      updateAnchor,
+      anchorEvent
+    } = useAnchor(props, state, emit, xGrid);
+    const {
+      keyDown,
+      scroll
+    } = useEvent(props, state, emit, xGrid, anchorEvent);
+    const currentCheckedKeys = computed(() => {
+      var _a;
+      return ((_a = state.checkedRows) == null ? void 0 : _a.map((row) => row[props.primaryKey])) || [];
+    });
+    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(() => {
+      var _a;
+      let {
+        noSetting
+      } = getOtherConfigInit() || {};
+      return noSetting || ((_a = props.showSettings) == null ? void 0 : _a.hideSettingBtn);
+    });
+    const isScanMultiTable = computed(() => {
+      var _a;
+      return (_a = props.columnConfig) == null ? void 0 : _a.isScanMultiTable;
+    });
+    const configuration = computed(() => {
+      return {
+        userInfo: props.userInfo || {},
+        sysImageSize: props.sysImageSize || {}
+      };
+    });
+    const treeConfig = computed(() => {
+      let result = null;
+      let {
+        isTransform
+      } = props.tableParams;
+      let statusNumber = Number(state.isTree);
+      if ([1, 3].includes(statusNumber)) {
+        result = {
+          children: "childrenList",
+          accordion: state.openOnly > 0,
+          reserve: true
+        };
+        if (isTransform) {
+          Reflect.deleteProperty(result, "children");
+          Object.assign(result, {
+            rowField: "qianduan_id",
+            parentField: "qianduan_parent_id",
+            transform: true
+          });
+        }
+      } else if (statusNumber == 2) {
+        result = {
+          lazy: true,
+          reserve: true,
+          children: "childrenList",
+          hasChild: "hasChildren",
+          loadMethod: loadChildrenMethod,
+          accordion: state.openOnly > 0
+        };
+      }
+      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 () => {
+      var _a;
+      if (state.isTree != 0)
+        return false;
+      const vxeTable = xGrid.value;
+      let {
+        tableData
+      } = vxeTable.getTableData();
+      if (tableData && tableData.length) {
+        tableData.forEach((row) => {
+          if (row == null ? void 0 : row.__isInsertRow) {
+            vxeTable.remove(row);
+          }
+        });
+      }
+      if (!((_a = state.originFormatList) == null ? void 0 : _a.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);
+      nextTick(() => {
+        initAnchor();
+      });
+      setGroupTreeExpand();
+      resetTableInlineEditStatus();
+    };
+    const {
+      separate,
+      onColumnResize,
+      separateHandle
+    } = useSeparateRow(() => {
+      var _a, _b;
+      return (_b = (_a = props.columnConfig) == null ? void 0 : _a.fieldList) != null ? _b : [];
+    }, (columnName) => {
+      var _a, _b;
+      return (_b = (_a = props.columnConfig) == null ? void 0 : _a.fieldList) == null ? void 0 : _b.find((field) => field.columnName === columnName);
+    }, xGrid);
+    const onResizableChange = (payload) => {
+      onColumnResize(payload);
+      emit("resizableChange", payload);
+    };
+    async function loadData(data) {
+      state.isShowEmpty = !(data == null ? void 0 : data.length);
+      let formatList = data;
+      let {
+        isTransform
+      } = props.tableParams;
+      if (isTransform && [1, 3].includes(Number(state.isTree)))
+        formatList = treeToList(data);
+      let table = xGrid.value;
+      if (!table)
+        return;
+      state.checkedRows = [];
+      state.originFormatList = formatList;
+      setGroupTitleToFristColumnFieldData(formatList);
+      state.curAbleCheckedLen = formatList.filter((item) => checkMethod({
+        row: item
+      })).length;
+      if (!props.isNestTable) {
+        await handleFormTheUniqueKey();
+      }
+      await table.loadData(await separate(formatList, data));
+      table.setCurrentRow({});
+      setCurrentPageRowChecked();
+      setGroupTreeExpand();
+    }
+    separateHandle.clear();
+    separateHandle.add(() => loadData(props.data));
+    const setGroupTitleToFristColumnFieldData = (formatList) => {
+      var _a;
+      if (state.isTree != 3)
+        return;
+      let table = xGrid.value;
+      let obj = (_a = table.getTableColumn().tableColumn) == null ? void 0 : _a.find((column) => {
+        return !!column.property;
+      });
+      let key = (obj == null ? void 0 : obj.property) || "";
+      setTreeGroupTitle(formatList, key, GROUP_TITLE_KEY);
+    };
+    const setCurrentPageRowChecked = () => {
+      var _a;
+      let table = xGrid.value;
+      if (!table)
+        return;
+      let currentPageTableData = (_a = table.getTableData()) == null ? void 0 : _a.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) => {
+      var _a, _b, _c;
+      let {
+        selectType
+      } = getOtherConfigInit() || {};
+      let {
+        isBatchSelect,
+        fieldList = [],
+        showButtonTop,
+        isScanMultiTable: isScanMultiTable2,
+        isEdit = false,
+        editConfig = {},
+        rowConfig = {},
+        showSeq = true
+      } = map;
+      if (isEdit) {
+        Object.assign(state.editConfig, editConfig);
+        state.rowConfig.height = 48;
+      }
+      Object.assign(state.rowConfig, rowConfig);
+      state.rowConfig.keyField = handleRowId.value;
+      if (selectType) {
+        isBatchSelect = 1;
+      }
+      selectType = selectType || "checkbox";
+      let {
+        listType
+      } = props.tableOptions;
+      if (listType == "scanList") {
+        selectType = "radio";
+      }
+      state.selectType = selectType;
+      let tableHeight = ((_a = props.styleSetting) == null ? void 0 : _a.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",
+        visible: showSeq,
+        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" && !((_b = attr.checkboxConfig) == null ? void 0 : _b.checkMethod) ? checkboxSlot : null,
+        showOverflow: true
+      }];
+      const seqObj = columns.find((v) => v.type == "seq");
+      if ((_c = props == null ? void 0 : props.columnConfig) == null ? void 0 : _c.seqSlotFn) {
+        seqObj.slots.default = (params) => {
+          var _a2;
+          return (_a2 = props.columnConfig) == null ? void 0 : _a2.seqSlotFn(params);
+        };
+      }
+      const currentColumns = fieldList.map((item, index) => {
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+        let filterField = false;
+        let filterItems = [];
+        try {
+          const fieldSetting = JSON.parse(item.fieldSetting || "{}");
+          let notParticipatingSearch = (fieldSetting == null ? void 0 : fieldSetting.notParticipatingSearch) || "";
+          filterField = notParticipatingSearch != 1 && ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
+          filterItems = (_c2 = (_b2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _b2.mappingFiled) == null ? void 0 : _c2.map((item2) => item2.value[0]);
+        } catch (e) {
+        }
+        let notParticipatingSort = ((_d = item == null ? void 0 : item.fieldSetting) == null ? void 0 : _d.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" : "";
+        const isShow = item.isShow == 1 && ((_e = item == null ? void 0 : item.settingObj) == null ? void 0 : _e.isHide) != 1;
+        if (isScanMultiTable2) {
+          fixed = "";
+          sortable = false;
+          treeNode = false;
+          type = "";
+        }
+        const col = Object.assign(item, {
+          visible: item.columnName == "operatorColumn" ? showButtonTop == 0 : isShow,
+          field: item.columnName,
+          title: handleName(item, "title"),
+          minWidth: item.colWidth,
+          fixed,
+          sortable,
+          headerClassName: "mycolumn",
+          resizable: (_f = item.resizable) != null ? _f : true,
+          showOverflow: (_g = item.showOverflow) != null ? _g : "title",
+          treeNode,
+          type,
+          slots: {
+            edit: (params) => formatterEdit(params, item),
+            default: (params) => {
+              const _isEdit = isEdit && item.isEdit;
+              return formatter(params, item, _isEdit);
+            }
+          },
+          editRender: isEdit && item.isEdit ? {} : generateEditRender(item)
+        });
+        if (filterField && !props.isNestTable && !isScanMultiTable2) {
+          state.filterFields[item.columnName] = Object.assign({}, XEUtils.clone({
+            ...item,
+            setting: item.settingObj || {}
+          }, true), {
+            visible: false,
+            left: "initial",
+            right: "initial",
+            top: "initial",
+            indeterminate: false,
+            checkAll: false,
+            searchFilterText: "",
+            searchFilterCONVERT: [],
+            filterSort: "",
+            filterItems
+          });
+          let field = state.filterFields[item.columnName];
+          handlerInitSearchItem([field]);
+          col.slots.header = formatterHeader(item);
+        } else {
+          col.slots.header = toolTipTitle(item);
+        }
+        if (!isScanMultiTable2 && !isFunction(attr.footerMethod) && !isFunction(attr["footer-method"])) {
+          col.slots.footer = "tooltip_footer";
+        }
+        if (props.showNestTable && state.isTree == 0 && ((_h = props.curNestColumnConfig) == null ? void 0 : _h.isTree) == 0) {
+          col.slots.content = "nest_table_content";
+        }
+        return col;
+      });
+      columns.push(...currentColumns);
+      state.columnLen = currentColumns.filter((item) => item.visible).length;
+      return columns;
+    };
+    const {
+      getRowData
+    } = useSeparateMap();
+    const formatterEdit = (params, col) => {
+      var _a, _b;
+      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" && col.slotFn) {
+        return col.slotFn(params);
+      }
+      const Comp = comps[formType] || "";
+      if (!Comp)
+        return null;
+      const propsData = {
+        col,
+        row,
+        index: (_b = (_a = getRowData(row)) == null ? void 0 : _a.index) != null ? _b : $rowIndex,
+        type: formType,
+        ...col.componentProps || {},
+        onFormChange,
+        onClick: () => {
+          emit("formClick", {
+            value: row[col.columnName],
+            row,
+            column: col,
+            index: $rowIndex
+          });
+        },
+        editTrigger: state.editConfig.trigger
+      };
+      if (["date", "time"].includes(formType)) {
+        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) => {
+      var _a;
+      return (_a = col.tileBtnList) == null ? void 0 : _a.map((btn) => {
+        if (btn.settingObj[0].trigger_type === "DELETE") {
+          return createVNode(NPopconfirm, {
+            "onPositiveClick": () => deleteRow(row, col, index)
+          }, {
+            trigger() {
+              return createVNode(NButton, {
+                "color": btn.settingObj[0].color || "#999",
+                "text": true
+              }, {
+                default: () => [btn.name]
+              });
+            },
+            default() {
+              return "\u662F\u5426\u786E\u8BA4\u5220\u9664\uFF1F";
+            }
+          });
+        } else {
+          return null;
+        }
+      });
+    };
+    const formatter = (params, col, _isEdit) => {
+      var _a, _b, _c;
+      let {
+        row,
+        column,
+        $rowIndex
+      } = params;
+      let attrType = (col == null ? void 0 : col.attrType) || "";
+      if (col.formType === "separate") {
+        const SeparateComponent = Separate;
+        return createVNode(SeparateComponent, {
+          "row": params.row,
+          "col": col
+        }, null);
+      }
+      if (_isEdit) {
+        if ((_a = col.checkEditStatus) == null ? void 0 : _a.call(col, params)) {
+          return formatterEdit(params, col);
+        } else {
+          return createVNode("span", null, [getDefaultValue(params, col)]);
+        }
+      }
+      let formUnionItem = showEditForm(row, column, $rowIndex);
+      if (formUnionItem) {
+        let dynamicProps = initBatchDynamicProps(formUnionItem, row, column);
+        if (dynamicProps) {
+          emit("setWaitEditKeys", column.property);
+          return null;
+        }
+      }
+      if (attrType === "custom" && col.slotFn) {
+        return col.slotFn(params);
+      }
+      if (XEUtils.has(row, GROUP_TITLE_KEY)) {
+        return row[GROUP_TITLE_KEY];
+      }
+      if (attrType == "PICTURE" || attrType == "HEADPORTRAIT") {
+        return getPicture(row, col, attrType);
+      }
+      if (attrType == "COLOR") {
+        return getColor(row, col);
+      }
+      if (attrType == "EVALUATE") {
+        return getEvaluate(row, col);
+      }
+      if (attrType == "MAP") {
+        return getMapVal(row, col);
+      }
+      if (attrType == "DATE" || attrType == "TASKDATE") {
+        return getDate(row, col);
+      }
+      if (attrType == "PERCENTAGE") {
+        return getPercentage(row, col);
+      }
+      if (attrType == "VIDEO") {
+        return getvideoList(row, col);
+      }
+      if (attrType == "CANDIDATE_COMPONENTS") {
+        return getCandidateComponents(row, col);
+      }
+      if (attrType == "AGE") {
+        return getageShowType(row, col);
+      }
+      if (attrType === "COUNTDOWN") {
+        return createVNode(NTooltip, null, {
+          trigger() {
+            return createVNode("span", {
+              "innerHTML": row[col.columnName + "_countdown"] || ""
+            }, null);
+          },
+          default() {
+            return row[col.columnName + "_countdownTip"];
+          }
+        });
+      }
+      if (attrType === "DURATION") {
+        const value = row[col.columnName];
+        const duration = (_b = col == null ? void 0 : col.fieldSetting) == null ? void 0 : _b.duration;
+        return parseDurationValue(value, duration);
+      }
+      if (attrType === "COMBINATION") {
+        const value = row[col.columnName];
+        const params2 = col.fieldSetting || {};
+        const data = parseCombinationValue(value, params2);
+        return data ? [createVNode("span", {
+          "title": data
+        }, [data])] : "";
+      }
+      if (attrType === "PASSWORD") {
+        const value = row[col.columnName];
+        return [createVNode(resolveComponent("password-com"), {
+          "value": value,
+          "styleSetting": props.styleSetting
+        }, null)];
+      }
+      if (attrType === "QR_CODE") {
+        return getOrCode(row, col);
+      }
+      if (column.property === "operatorColumn") {
+        if ((col == null ? void 0 : col.formType) === "custom" && col.slotFn && !row.initRow) {
+          return col.slotFn(row, col, $rowIndex);
+        }
+        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, col, row) && !isScanMultiTable.value) {
+        if (col.btnLinkSwitch) {
+          let disabled = false;
+          let curBtn = (_c = row.btnList) == null ? void 0 : _c.find((v) => v.name == col.columnName);
+          if (curBtn && "authorizedMark" in curBtn) {
+            if (!curBtn.authorizedMark) {
+              disabled = true;
+            }
+          }
+          return getBtnLinkSwitch(row, col, disabled, $rowIndex);
+        } else {
+          return getField(row, col, $rowIndex, true);
+        }
+      } else {
+        return getField(row, col, $rowIndex, false);
+      }
+    };
+    const formatterHeader = (item) => {
+      let field = state.filterFields[item.columnName];
+      return () => {
+        var _a;
+        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: (_a = field.CONVERT) == null ? void 0 : _a.length
+          }],
+          "onClick": (event) => showFilter(field, item.columnName, event, props, state)
+        }, null), field.visible ? createVNode(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.filterItems.length > 5 ? createVNode("div", {
+            "class": "checkbox-wrap checkbox-wrap--search"
+          }, [createVNode("div", {
+            "class": "check-search-wrap"
+          }, [createVNode(InputButton, {
+            "onTrigger": (content) => handleFilterSeach(content, field)
+          }, null)])]) : "", 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": "sort-item"
+          }, [createVNode(NCheckbox, {
+            "indeterminate": field.indeterminate,
+            "checked": field.checkAll,
+            "onUpdate:checked": (val) => {
+              handleFilterChangeAll(val, field);
+            }
+          }, {
+            default: () => [createTextVNode("\u5168\u9009")]
+          })]) : "", !field.searchFilterText ? createVNode(NCheckboxGroup, {
+            "value": field.CONVERT,
+            "onUpdate:value": (val) => handleFilterChange(val, item.columnName, field)
+          }, {
+            default: () => [createVNode(NGrid, {
+              "cols": 1
+            }, _isSlot(_slot = field.filterItems.map((item2) => {
+              return createVNode(NGi, {
+                "class": "sort-item"
+              }, {
+                default: () => [createVNode(NCheckbox, {
+                  "value": item2.value,
+                  "label": item2.key
+                }, null)]
+              });
+            })) ? _slot : {
+              default: () => [_slot]
+            })]
+          }) : createVNode(NCheckboxGroup, {
+            "value": field.searchFilterCONVERT,
+            "onUpdate:value": (val) => handleFilterSearchChange(val, item.columnName, field)
+          }, {
+            default: () => [createVNode(NSpace, {
+              "item-style": "display: flex;"
+            }, _isSlot(_slot2 = field.filterItems.filter((item2) => {
+              if (!field.searchFilterText)
+                return item2;
+              let reg = new RegExp(field.searchFilterText);
+              return reg.test(item2.key);
+            }).map((item2) => {
+              return createVNode(NCheckbox, {
+                "value": item2.value,
+                "label": item2.key
+              }, 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(item.columnName)
+          }, {
+            default: () => [createTextVNode("\u6E05\u7A7A")]
+          })]) : null, createVNode("div", null, [createVNode(NButton, {
+            "size": "small",
+            "class": "checkbox-btn",
+            "onClick": () => handleCancelFilter()
+          }, {
+            default: () => [createTextVNode("\u53D6\u6D88")]
+          }), createVNode(NButton, {
+            "size": "small",
+            "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.filterItems.length;
+        field.indeterminate = !!field.CONVERT.length && field.CONVERT.length !== field.filterItems.length;
+        return;
+      }
+      field.searchFilterCONVERT = field.filterItems.filter((item) => {
+        return field.searchFilterText === item.key && field.CONVERT.includes(item.value);
+      }).map((item) => item.value);
+      _beforeSearchConvert = field.searchFilterCONVERT;
+    };
+    const handleFilterChangeAll = (val, field) => {
+      reScrollFilterWrap();
+      let checked = val;
+      field.indeterminate = false;
+      field.checkAll = checked;
+      state.filterFields[field.columnName].CONVERT = checked ? field.filterItems.map((item) => {
+        return item.value;
+      }) : [];
+    };
+    const handleFilterChange = (value, name, field) => {
+      reScrollFilterWrap();
+      field.CONVERT = value;
+      field.checkAll = value.length === field.filterItems.length;
+      field.indeterminate = !!value.length && value.length !== field.filterItems.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 = XEUtils.clone(value, true);
+    };
+    const handleFilterClearAll = (columnName) => {
+      const field = state.filterFields[columnName];
+      if (!field)
+        return false;
+      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);
+    };
+    function mergeQuickSearchConfig(filterFields, props2) {
+      if (!isArray(props2.quickSearchConfig))
+        return;
+      props2.quickSearchConfig.length = 0;
+      Object.entries(filterFields).forEach(([field_key, filterField]) => {
+        props2.quickSearchConfig.push({
+          field_key,
+          value: filterField.CONVERT || []
+        });
+      });
+    }
+    const handleFilter = (field) => {
+      let conObj = mergeConObjFn(state, props);
+      mergeQuickSearchConfig(state.filterFields, props);
+      emit("onSave", conObj, false, [], [], {
+        isBigTable: true
+      });
+      field.visible = false;
+    };
+    const setGroupTreeExpand = () => {
+      var _a;
+      const data = (_a = xGrid.value) == null ? void 0 : _a.getData();
+      state.total = 0;
+      computeTotal(data);
+      let isExpand = state.isTree == 1 && state.isExpand == 1 && state.total < 1001;
+      if (state.isTree == 3 || isExpand) {
+        let table = xGrid.value;
+        nextTick(() => {
+          table.setAllTreeExpand(true);
+        });
+      }
+      function computeTotal(arr) {
+        var _a2;
+        for (let i = 0, len = arr.length; i < len; i++) {
+          state.total++;
+          if (((_a2 = arr[i].childrenList) == null ? void 0 : _a2.length) > 0)
+            computeTotal(arr[i].childrenList);
+        }
+      }
+    };
+    const resetTableInlineEditStatus = () => {
+      if (!checkOperateCurrentTable())
+        return false;
+      handleClickCancelBtnByInline();
+    };
+    const {
+      renderAnnotation
+    } = useAnnotation(props);
+    const toolTipTitle = (item, type) => {
+      var _a;
+      let name = item.formTitle || item.alias || item.title;
+      item.alias;
+      if (((_a = props.tableOptions) == null ? void 0 : _a.dataSourceType) == "guage") {
+        item.alias || item.title;
+      }
+      if (isFunction(item.headerSlotFn))
+        return () => item.headerSlotFn(item);
+      if (type === "format")
+        return [createVNode("span", {
+          "class": "header-title-span"
+        }, [name]), renderAnnotation(item)];
+      return () => {
+        return [item.treeNode && state.isTree == 1 ? createVNode(NIcon, {
+          "component": state.isExpand && state.total < 1001 ? CaretDown : CaretForward,
+          "onClick": (e) => triggerExpand(e, state.isExpand)
+        }, null) : "", createVNode("span", {
+          "class": "header-title-span"
+        }, [name]), renderAnnotation(item)];
+      };
+    };
+    const triggerExpand = (e, isExpand) => {
+      e.preventDefault();
+      e.stopPropagation();
+      let table = xGrid.value;
+      if (state.total > 1e3) {
+        $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 == null ? void 0 : attr.tableOptions) || props.tableOptions || {};
+      const config = (tableOptions == null ? void 0 : tableOptions.config) || {};
+      return config || void 0;
+    };
+    const refreshTable = () => {
+      state.hasRefresh = false;
+      emit("refreshTable");
+    };
+    const getRowClassName = (params) => {
+      const {
+        rowClassName = null
+      } = props.columnConfig;
+      if (rowClassName) {
+        return XEUtils.isFunction(rowClassName) ? rowClassName(params) : rowClassName;
+      }
+      const selectStyle = () => {
+        const {
+          row,
+          $rowIndex,
+          rowIndex
+        } = params;
+        const k = singleCheckedKey.value;
+        return k && k === row[props.primaryKey] ? "single--checked" : "";
+      };
+      return state.selectType === "checkbox" ? selectStyle() : null;
+    };
+    const footerMethod = (payload) => {
+      const {
+        columns,
+        data
+      } = payload;
+      if (isFunction(attr.footerMethod))
+        return attr.spanMethod(footerMethod);
+      if (isFunction(attr["footer-method"]))
+        return attr["footer-method"](payload);
+      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(() => {
+            var _a;
+            (_a = xGrid.value) == null ? void 0 : _a.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,
+              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 = (payload) => {
+      var _a;
+      const {
+        row,
+        column
+      } = payload;
+      if (isFunction(attr.spanMethod))
+        return attr.spanMethod(payload);
+      if (isFunction(attr["span-method"]))
+        return attr["span-method"](payload);
+      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 (xTree) {
+        const isOldVxeTree = row.childrenList && row.childrenList.length;
+        const isTransformVxeTree = ((_a = props.tableParams) == null ? void 0 : _a.isTransform) && !row.qianduan_parent_id;
+        if (isOldVxeTree || isTransformVxeTree) {
+          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
+      } = 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 (XEUtils.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 = XEUtils.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) => {
+      var _a, _b;
+      let {
+        row,
+        $event = {},
+        $rowIndex,
+        triggerCheckbox
+      } = data;
+      if (((_a = attr.checkboxConfig) == null ? void 0 : _a.noTriggerCellClick) && triggerCheckbox) {
+        return false;
+      }
+      if (((_b = attr.checkboxConfig) == null ? void 0 : _b.trigger) === "default") {
+        emit("handlerClickRow", row, $rowIndex);
+        return false;
+      }
+      if (isScanMultiTable.value || props.isInlineOperating)
+        return false;
+      if (XEUtils.has(data == null ? void 0 : 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 {
+        className,
+        tagName
+      } = $event.target || {};
+      if (tagName == "INPUT" || tagName == "svg" || tagName == "path")
+        return;
+      if (className && XEUtils.isString(className)) {
+        if (className.includes("n-input") || className.includes("n-base-selection-label"))
+          return;
+        if (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 == null ? void 0 : table.setAllCheckboxRow(false);
+        nestHandleClickRow(table, data);
+        return;
+      }
+      let forbiddenBatchSelect = !checkMethod(data);
+      if (state.selectType == "checkbox" && (forbiddenBatchSelect || data.row.$__SEPARATE)) {
+        table == null ? void 0 : table.setAllCheckboxRow(false);
+        const checked2 = getRowClassName({
+          row
+        }) == "single--checked";
+        const value = !checked2 ? [] : [row];
+        state.checkedRows = value;
+        pubCheckChange(value);
+        emit("handlerClickRow", row, $rowIndex);
+        emit("checkboxChange", {
+          checked: checked2,
+          row,
+          index: $rowIndex,
+          records: [row]
+        });
+        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) => !XEUtils.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) => !XEUtils.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) {
+          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) {
+        emit("checkboxChange", {
+          checked: setChecked,
+          row,
+          index: $rowIndex,
+          records: checkedRow
+        });
+        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;
+      emit("checkboxChange", {
+        checked: setChecked,
+        row,
+        index: $rowIndex,
+        records: table.getCheckboxRecords()
+      });
+      setChecked && emit("handlerClickRow", row, $rowIndex);
+    };
+    const addCheckedRows = (rows) => {
+      removeCheckedDisabledRows(state);
+      let checkedRows = state.checkedRows;
+      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) {
+        emit("selectionChange", records);
+        return false;
+      }
+      pubCheckChange(records);
+      return true;
+    };
+    const selectionChange = ({
+      checked,
+      row,
+      records,
+      $rowIndex
+    }) => {
+      let table = xGrid.value;
+      table.clearCurrentRow();
+      state.isTriggerSelectionChange = true;
+      setTimeout(() => {
+        state.isTriggerSelectionChange = false;
+      }, 0);
+      emit("checkboxChange", {
+        checked,
+        row,
+        index: $rowIndex,
+        records
+      });
+      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 {
+        row
+      } = 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);
+    };
+    const handleCellMouseenter = ({
+      column,
+      $event
+    }) => {
+      if (column.showOverflow === "title") {
+        const target = $event == null ? void 0 : $event.currentTarget;
+        const cls = target == null ? void 0 : 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 (XEUtils.has(props.sumData, column.property)) {
+        t += `<p class="table-footer-tooltip-label-wrap">
+      <span class="table-footer-tooltip-label">\u6C42\u548C\uFF1A</span>
+      ${XEUtils.round(Number(props.sumData[column.property]), 4)}
+    </p>`;
+      }
+      if (XEUtils.has(props.avgData, column.property)) {
+        t += `<p class="table-footer-tooltip-label-wrap">
+      <span class="table-footer-tooltip-label">\u5E73\u5747\u503C\uFF1A</span>
+      ${XEUtils.round(Number(props.avgData[column.property]), 4)}</p>`;
+      }
+      return t;
+    };
+    const getFooterTitle = (column) => {
+      if (XEUtils.has(props.sumData, column.property)) {
+        return XEUtils.round(Number(props.sumData[column.property]), 2);
+      }
+      if (XEUtils.has(props.avgData, column.property)) {
+        return XEUtils.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() {
+          return createVNode(script, {
+            "class": "scan-multi-delete",
+            "iconClass": "shanchu"
+          }, null);
+        },
+        default() {
+          return "\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 () => {
+      var _a;
+      emit("initInlineEditFormConfig", {
+        listFormUnionSetting: props.listFormUnionSetting,
+        inlineEditFormConfig: props.inlineEditFormConfig
+      });
+      let hasEditRow = (_a = props.btnList) == null ? void 0 : _a.find((item) => {
+        var _a2;
+        let trigger_type = item.settingObj && ((_a2 = item.settingObj[0]) == null ? void 0 : _a2.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 == null ? void 0 : color.includes("-")) {
+        let colorName = color.split("-")[1];
+        color = XEUtils.oldColorMap(colorName);
+      }
+      return [createVNode("div", {
+        "class": "color-wrap",
+        "style": "height: 100%; padding: 4px;"
+      }, [createVNode("div", {
+        "style": {
+          background: color,
+          height: "24px"
+        }
+      }, null)])];
+    };
+    const getDate = (row, item) => {
+      let obj = row[item.columnName] || "";
+      if (!XEUtils.isEmpty(obj)) {
+        if (XEUtils.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 && XEUtils.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, {
+        "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 == null ? void 0 : 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) => {
+      var _a;
+      return [((_a = row.tileBtnList) == null ? void 0 : _a.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[handleRowId.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, {
+              "iconClass": btn.icon,
+              "style": {
+                marginRight: mr
+              }
+            }, null),
+            default: () => handleName(btn)
+          });
+        }
+      } else if (btn.iconSetting) {
+        icon = createVNode(script, {
+          "iconClass": JSON.parse(btn.iconSetting).icon,
+          "style": {
+            marginRight: mr
+          }
+        }, null);
+      }
+      return [icon];
+    };
+    const getFoldBtnList = (row, index) => {
+      var _a;
+      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 [((_a = row.foldBtnList) == null ? void 0 : _a.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[handleRowId.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 = XEUtils.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;
+          $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, () => {
+      var _a;
+      return (_a = props.data) == null ? void 0 : _a.length;
+    }], async ([value]) => {
+      await nextTick();
+      loadData(value);
+    }, {
+      immediate: true
+    });
+    watch(() => currentCheckedKeys, (val) => {
+      setVisibleCheckAllWrap(state, props, currentCheckedKeys.value);
+    });
+    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) => {
+      var _a;
+      const v = ((_a = props.styleSetting) == null ? void 0 : _a.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) => {
+      var _a, _b;
+      if (props.isNestTable)
+        return;
+      const {
+        orgId
+      } = ((_b = (_a = props == null ? void 0 : props.userInfo) == null ? void 0 : _a.map) == null ? void 0 : _b.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;
+        }
+      });
+    });
+    const handleMenuClickEvent = (payload) => emit("menuClick", payload);
+    expose({
+      formatData,
+      xGrid,
+      loadColumn,
+      loadData,
+      handleFilterClearAll
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock(Fragment, null, [state.anchorList.length ? (openBlock(), createBlock(unref(NTabs), {
+        key: 0,
+        type: "line",
+        animated: "",
+        "pane-style": "padding: 0",
+        value: state.anchorValue,
+        "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => state.anchorValue = $event), unref(updateAnchor)]
+      }, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.anchor, (item) => {
+          return openBlock(), createBlock(unref(NTabPane), {
+            name: item.field,
+            tab: item.title,
+            key: item.field
+          }, null, 8, ["name", "tab"]);
+        }), 128))]),
+        _: 1
+      }, 8, ["value", "onUpdate:value"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+        class: normalizeClass(["big-table custom-big-table", {
+          mt: 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), createVNode(unref(Grid), mergeProps({
+        ref_key: "xGrid",
+        ref: xGrid,
+        border: "",
+        "show-overflow": "",
+        "show-header-overflow": "",
+        "show-footer-overflow": "title",
+        "keep-source": "",
+        "auto-resize": "",
+        height: props.height ? "auto" : void 0
+      }, _ctx.$attrs, {
+        "mouse-config": {
+          selected: ((_a = _ctx.columnConfig.keyboardConfig) == null ? void 0 : _a.isEdit) ? true : false
+        },
+        "tree-config": unref(treeConfig),
+        "row-class-name": getRowClassName,
+        "row-config": {
+          ...state.rowConfig,
+          ...unref(getAttr)("row-config")
+        },
+        "show-footer": _ctx.showFooter && !props.isInlineOperating,
+        "footer-method": footerMethod,
+        "sort-config": {
+          trigger: "cell",
+          remote: true,
+          ...unref(getAttr)("sort-config")
+        },
+        "span-method": colspanMethod,
+        "footer-span-method": footerRowspanMethod,
+        "tooltip-config": {
+          enterable: false,
+          ...unref(getAttr)("tooltip-config")
+        },
+        "checkbox-config": {
+          checkField: "checked",
+          labelField: "checked",
+          checkMethod: unref(checkMethod),
+          visibleMethod: unref(visibleMethod),
+          trigger: "cell",
+          reserve: true,
+          highlight: true,
+          ...unref(getAttr)("checkbox-config")
+        },
+        "radio-config": {
+          checkField: "checked",
+          trigger: "cell",
+          reserve: true,
+          highlight: true,
+          ...unref(getAttr)("radio-config")
+        },
+        "scroll-y": {
+          gt: 50,
+          ...unref(getAttr)("scroll-y")
+        },
+        "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",
+          ...unref(getAttr)("expand-config")
+        },
+        "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
+        "edit-rules": _ctx.columnConfig.editRules || {},
+        "menu-config": _ctx.menuConfig,
+        onCellDblclick: rowdblclick,
+        onCellClick: handlerClickRow,
+        onCheckboxChange: selectionChange,
+        onCheckboxAll: selectionChangeAll,
+        onRadioChange: radioOnChange,
+        onSortChange: sortChange,
+        onScroll: unref(scroll),
+        onCellMouseenter: handleCellMouseenter,
+        onKeydown: unref(keyDown),
+        onMenuClick: handleMenuClickEvent,
+        onResizableChange
+      }), {
+        empty: withCtx(() => [state.isShowEmpty ? renderSlot(_ctx.$slots, "empty", {
+          key: 0
+        }, () => [createVNode(NoData, {
+          "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_footer: withCtx(({
+          column
+        }) => [createCommentVNode(" \u5206\u7EC4\u7EDF\u8BA1 "), _ctx.groupCountFields && _ctx.groupCountFields.length ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          innerHTML: state.groupText
+        }, null, 8, _hoisted_3)) : (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_4)]),
+          _: 2
+        }, 1024)], 2112))]),
+        nest_table_content: withCtx(({
+          row,
+          rowIndex,
+          $rowIndex,
+          column
+        }) => [renderSlot(_ctx.$slots, "content", {
+          data: {
+            row,
+            rowIndex,
+            $rowIndex,
+            column
+          }
+        })]),
+        _: 3
+      }, 16, ["height", "mouse-config", "tree-config", "row-config", "show-footer", "sort-config", "tooltip-config", "checkbox-config", "radio-config", "scroll-y", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "menu-config", "onScroll", "onKeydown"]), 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_5, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };