cnhis-design-vue 3.1.12-beta.0 → 3.1.12-beta.3

package/es/packages/big-table/src/components/edit-form/edit-separate.vue.d.ts

@@ -42,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     updateShow: (show: boolean) => void;
     style: CSSProperties;
     NPopover: import("vue").DefineComponent<{
+        internalOnAfterLeave: PropType<() => void>;
         internalRenderBody: PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
         show: {
             type: PropType<boolean | undefined>;
@@ -104,9 +105,11 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: PropType<string | CSSProperties>;
         headerStyle: PropType<string | CSSProperties>;
+        footerStyle: PropType<string | CSSProperties>;
         onClickoutside: PropType<(e: MouseEvent) => void>;
         'onUpdate:show': PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
+        internalDeactivateImmediately: BooleanConstructor;
         internalSyncTargetWithParent: BooleanConstructor;
         internalInheritedEventHandlers: {
             type: PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -184,6 +187,7 @@ declare const _default: import("vue").DefineComponent<{
         handleBlur: () => void;
         syncPosition: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        internalOnAfterLeave: PropType<() => void>;
         internalRenderBody: PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
         show: {
             type: PropType<boolean | undefined>;
@@ -246,9 +250,11 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: PropType<string | CSSProperties>;
         headerStyle: PropType<string | CSSProperties>;
+        footerStyle: PropType<string | CSSProperties>;
         onClickoutside: PropType<(e: MouseEvent) => void>;
         'onUpdate:show': PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
+        internalDeactivateImmediately: BooleanConstructor;
         internalSyncTargetWithParent: BooleanConstructor;
         internalInheritedEventHandlers: {
             type: PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -326,6 +332,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowPointToCenter: boolean;
         displayDirective: "show" | "if";
         keepAliveOnHover: boolean;
+        internalDeactivateImmediately: boolean;
         animated: boolean;
         internalTrapFocus: boolean;
         defaultShow: boolean;
@@ -392,6 +399,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: PropType<(value: string) => boolean>;
         onMousedown: PropType<(e: MouseEvent) => void>;
         onKeydown: PropType<(e: KeyboardEvent) => void>;
         onKeyup: PropType<(e: KeyboardEvent) => void>;
@@ -612,8 +620,8 @@ declare const _default: import("vue").DefineComponent<{
             contentRef: HTMLElement | null;
             containerScrollTop: number;
             syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
+            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
             sync: () => void;
             handleMouseEnterWrapper: () => void;
             handleMouseLeaveWrapper: () => void;
@@ -647,7 +655,7 @@ declare const _default: import("vue").DefineComponent<{
         handleCompositionEnd: (e: CompositionEvent) => void;
         handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
         handleInputBlur: (e: FocusEvent) => void;
-        handleInputFocus: (e: FocusEvent) => void;
+        handleInputFocus: (e: FocusEvent, index: number) => void;
         handleWrapperBlur: (e: FocusEvent) => void;
         handleWrapperFocus: (e: FocusEvent) => void;
         handleMouseEnter: () => void;
@@ -658,7 +666,7 @@ declare const _default: import("vue").DefineComponent<{
         handleClear: (e: MouseEvent) => void;
         handlePasswordToggleClick: () => void;
         handlePasswordToggleMousedown: (e: MouseEvent) => void;
-        handleWrapperKeyDown: (e: KeyboardEvent) => void;
+        handleWrapperKeydown: (e: KeyboardEvent) => void;
         handleTextAreaMirrorResize: () => void;
         getTextareaScrollContainer: () => HTMLTextAreaElement | null;
         mergedTheme: import("vue").ComputedRef<{
@@ -702,10 +710,11 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -946,6 +955,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: PropType<(value: string) => boolean>;
         onMousedown: PropType<(e: MouseEvent) => void>;
         onKeydown: PropType<(e: KeyboardEvent) => void>;
         onKeyup: PropType<(e: KeyboardEvent) => void>;

package/es/packages/big-table/src/components/edit-form/edit-separate.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
 import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode } from 'vue';
 import { NPopover, NInput } from 'naive-ui';
 import { useSeparateMap } from '../../../../../packages/big-table/src/hooks/useSeparateRow';
-import '../separate2.js';
+import '../separate.js';
 import script$1 from '../separate.vue_vue_type_script_setup_true_lang.js';
 
 var script = /* @__PURE__ */ defineComponent({
+  __name: "edit-separate",
   props: {
     col: { type: Object, required: true },
     row: { type: Object, required: true },

package/es/packages/big-table/src/components/input-button.js

@@ -1,2 +1,4 @@
-import './input-button2.js';
+import script from './input-button.vue_vue_type_script_setup_true_lang.js';
 export { default } from './input-button.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/big-table/src/components/input-button.vue";

package/es/packages/big-table/src/components/input-button.vue.d.ts

@@ -45,7 +45,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -759,7 +762,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: BooleanConstructor;
+        readonly nativeFocusBehavior: {
+            readonly type: BooleanConstructor;
+            readonly default: boolean;
+        };
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1373,26 +1379,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
     NInput: import("vue").DefineComponent<{
         bordered: {
@@ -1452,6 +1458,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -1672,8 +1679,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             contentRef: HTMLElement | null;
             containerScrollTop: number;
             syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
+            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
             sync: () => void;
             handleMouseEnterWrapper: () => void;
             handleMouseLeaveWrapper: () => void;
@@ -1707,7 +1714,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleCompositionEnd: (e: CompositionEvent) => void;
         handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
         handleInputBlur: (e: FocusEvent) => void;
-        handleInputFocus: (e: FocusEvent) => void;
+        handleInputFocus: (e: FocusEvent, index: number) => void;
         handleWrapperBlur: (e: FocusEvent) => void;
         handleWrapperFocus: (e: FocusEvent) => void;
         handleMouseEnter: () => void;
@@ -1718,7 +1725,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleClear: (e: MouseEvent) => void;
         handlePasswordToggleClick: () => void;
         handlePasswordToggleMousedown: (e: MouseEvent) => void;
-        handleWrapperKeyDown: (e: KeyboardEvent) => void;
+        handleWrapperKeydown: (e: KeyboardEvent) => void;
         handleTextAreaMirrorResize: () => void;
         getTextareaScrollContainer: () => HTMLTextAreaElement | null;
         mergedTheme: import("vue").ComputedRef<{
@@ -1762,10 +1769,11 @@ declare const _default: import("vue").DefineComponent<{}, {
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -2006,6 +2014,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: undefined;
         };
+        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;

package/es/packages/big-table/src/components/input-button.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { NInput, NButton } from 'naive-ui';
 
 const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
 var script = /* @__PURE__ */ defineComponent({
+  __name: "input-button",
   setup(__props) {
     const content = ref("");
     return (_ctx, _cache) => {

package/es/packages/big-table/src/components/separate.js

@@ -1,2 +1,4 @@
-import './separate2.js';
+import script from './separate.vue_vue_type_script_setup_true_lang.js';
 export { default } from './separate.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/big-table/src/components/separate.vue";

package/es/packages/big-table/src/components/separate.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { useSeparateMap } from '../../../../packages/big-table/src/hooks/useSepa
 
 const _hoisted_1 = { style: { padding: "4px 0" } };
 var script = /* @__PURE__ */ defineComponent({
+  __name: "separate",
   props: {
     col: { type: Object, required: true },
     row: { type: Object, required: true }

package/es/packages/big-table/src/constants/index.js

@@ -1 +1,3 @@
-export { InjectionSeparateHandle } from './index2.js';
+const InjectionSeparateHandle = Symbol("InjectionSeparateHandle");
+
+export { InjectionSeparateHandle };

package/es/packages/big-table/src/hooks/useBatchEditing.js

@@ -1 +1,289 @@
-export { useBatchEditing } from './useBatchEditing2.js';
+import { computed, watch } from 'vue';
+
+const useBatchEditing = (props, state, emit, xGrid) => {
+  let _batchFieldList = [];
+  const allSelectedLength = computed(() => {
+    var _a;
+    return (_a = state.checkedRows) == null ? void 0 : _a.length;
+  });
+  watch(() => props.isBatchEditing, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable()) {
+      resetBatchOperationRowStatus();
+      return false;
+    }
+    hideSelectCloumns();
+    handleClickBatchEditBtnByInline();
+  });
+  watch(() => props.isBatchSave, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable())
+      return false;
+    handleClickBatchSaveBtnByInline();
+  });
+  watch(() => props.isBatchCancel, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable())
+      return false;
+    handleClickBatchCancelBtnByInline();
+  });
+  watch(() => props.isBatchCancel, (val) => {
+    if (!val || props.isNestTable)
+      return false;
+    if (state.isTree != 0 || !props.isMatchComponent)
+      return false;
+    if (!checkOperateCurrentTable())
+      return false;
+    handleClickBatchCancelBtnByInline();
+  });
+  const checkOperateCurrentTable = () => {
+    var _a;
+    if (props.isNestTable)
+      return false;
+    let id = props.inlineEditCurrentOperateBtnId;
+    let find = (_a = props.btnList) == null ? void 0 : _a.find((item) => {
+      var _a2, _b;
+      return ((_b = (_a2 = item == null ? void 0 : item.settingObj) == null ? void 0 : _a2[0]) == null ? void 0 : _b.obj_id) === id;
+    });
+    return !!find;
+  };
+  const setRowStatus = (vxeTable, rowIndex, value) => {
+    if (!vxeTable)
+      return false;
+    let tableWrap = [
+      vxeTable.querySelector(".vxe-table--main-wrapper"),
+      vxeTable.querySelector(".vxe-table--fixed-left-wrapper"),
+      vxeTable.querySelector(".vxe-table--fixed-right-wrapper"),
+      vxeTable.querySelector(".vxe-table--body-wrapper")
+    ].filter((item) => item);
+    let rowWrap = [];
+    tableWrap.forEach((table) => {
+      let row = [...table.querySelectorAll(".vxe-body--row")];
+      rowWrap.push(row[rowIndex]);
+    });
+    rowWrap = rowWrap.filter((item) => item);
+    let height = value ? `${value}px` : value;
+    let lineHeight = value ? `${value - 10}px` : value;
+    rowWrap.forEach((wrap) => {
+      let rowItemWrap = [...wrap.querySelectorAll(".vxe-cell")];
+      rowItemWrap.push(...[...wrap.querySelectorAll(".vxe-body--column")]);
+      rowItemWrap.forEach((dom) => {
+        dom.style.setProperty("height", height, "important");
+        dom.style.lineHeight = lineHeight;
+        if (height) {
+          dom.style.backgroundColor = "#EFF5FF";
+          setTimeout(() => {
+            dom.title = "";
+          }, 1e3);
+        } else {
+          dom.style.backgroundColor = null;
+        }
+      });
+    });
+  };
+  const resetBatchOperationRowStatus = () => {
+    if (state.isTree != 0)
+      return false;
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    vxeTable.clearActived();
+    vxeTable.resetColumn();
+    tableData.forEach((row, index) => {
+      setRowStatus(vxeTable.$el, index, null);
+      row["__isInlineEditing"] = false;
+      row["__isDisableInlineEdit"] = false;
+    });
+  };
+  const hideSelectCloumns = () => {
+    var _a;
+    const vxeTable = xGrid.value;
+    let findSelectCloumns = (_a = vxeTable.getColumns()) == null ? void 0 : _a.find((item) => item.type === state.selectType);
+    findSelectCloumns && vxeTable.hideColumn(findSelectCloumns);
+  };
+  const checkListFormUnionSettingParamsList = () => {
+    var _a, _b, _c;
+    if (!((_b = (_a = props.listFormUnionSetting) == null ? void 0 : _a.paramsList) == null ? void 0 : _b.length)) {
+      window.$message.warning("\u53EF\u7F16\u8F91\u884C\u9700\u8981\u8BBE\u7F6E\u5173\u8054\u8868\u5355\u5B57\u6BB5\uFF0C\u8BBE\u7F6E\u540E\u8BF7\u91CD\u8BD5\uFF01");
+      emit("resetInlineEditAll", false);
+      emit("triggerSpinning", false);
+      return false;
+    }
+    let find = (_c = props.fieldListOriginal) == null ? void 0 : _c.find((item) => item.isEdit == 1);
+    if (!find) {
+      window.$message.warning("\u6CA1\u6709\u8BBE\u7F6E\u53EF\u7F16\u8F91\u5B57\u6BB5\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458");
+      emit("resetInlineEditAll", false);
+      emit("triggerSpinning", false);
+      return false;
+    }
+    return true;
+  };
+  const resetStoreInlineOperationStatus = () => {
+    if (state.isTree != 0)
+      return false;
+    state.isSaveForm = false;
+  };
+  const getInlineOpreateRow = () => {
+    const vxeTable = xGrid.value;
+    if (props.isInlineAdding) {
+      let { tableData } = vxeTable.getTableData();
+      return {
+        row: tableData[0],
+        rowIndex: 0
+      };
+    }
+    if (state.showButtonTop == 0) {
+      let { row: row2, index: rowIndex } = state.currentClickBtnInfo || {};
+      return {
+        row: row2,
+        rowIndex
+      };
+    }
+    let row = props.clickRowData;
+    for (var i = 0; i < props.oldtableData.length; i++) {
+      let item = props.oldtableData[i];
+      if (item[props.primaryKey] === row[props.primaryKey])
+        break;
+    }
+    return {
+      row,
+      rowIndex: i
+    };
+  };
+  const setAllRowInlineStatus = (disabled = false) => {
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    tableData.forEach((row) => {
+      row["__isInlineEditing"] = false;
+      row["__isDisableInlineEdit"] = disabled;
+    });
+  };
+  const recordClickBtnInfo = (row, index) => {
+    state.currentClickBtnInfo = {
+      row,
+      index
+    };
+  };
+  const resetOperationRowStatus = () => {
+    if (state.isTree != 0)
+      return false;
+    const vxeTable = xGrid.value;
+    let { row, rowIndex } = getInlineOpreateRow();
+    if (!row)
+      return false;
+    if (row == null ? void 0 : row.__isInsertRow) {
+      vxeTable.remove(row);
+    }
+    vxeTable.clearActived().then(() => {
+      row && vxeTable.revertData(row);
+      setRowStatus(vxeTable.$el, rowIndex, null);
+      vxeTable.resetColumn();
+      setAllRowInlineStatus();
+      recordClickBtnInfo();
+    });
+  };
+  const handleClickCancelBtnByInline = async () => {
+    const vxeTable = xGrid.value;
+    setRowStatus(vxeTable.$el, 0, null);
+    resetStoreInlineOperationStatus();
+    await vxeTable.reloadData(state.originFormatList);
+    resetOperationRowStatus();
+    emit("handleClickBtnByInline", {
+      type: "CANCEL"
+    });
+  };
+  const getBatchOpreateRows = () => {
+    const vxeTable = xGrid.value;
+    let arr = state.checkedRows;
+    let { tableData } = vxeTable.getTableData();
+    if (props.isEditAllRow) {
+      arr = tableData;
+    }
+    arr.forEach((item, i) => {
+      let rowIndex = i;
+      if (!props.isEditAllRow) {
+        let matchIndex = tableData.findIndex((v) => v[props.primaryKey] == item[props.primaryKey]);
+        if (matchIndex > -1) {
+          rowIndex = matchIndex;
+        }
+      }
+      setRowStatus(vxeTable.$el, rowIndex, "66");
+      item["__isInlineEditing"] = true;
+    });
+  };
+  const handleClickBatchEditBtnByInline = async () => {
+    if (!checkListFormUnionSettingParamsList()) {
+      handleClickCancelBtnByInline();
+      return false;
+    }
+    let arr = state.checkedRows;
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    if (props.isEditAllRow) {
+      arr = tableData;
+    }
+    await vxeTable.loadData(arr);
+    await props.resetInlineBatchEdit();
+    setAllRowInlineStatus(true);
+    getBatchOpreateRows();
+  };
+  const handleEditFormLength = () => {
+    let fieldLength = _batchFieldList.length;
+    if (!fieldLength)
+      return;
+    if (props.isInlineAdding) {
+      return fieldLength;
+    }
+    let rowLen = allSelectedLength.value;
+    const vxeTable = xGrid.value;
+    let { tableData } = vxeTable.getTableData();
+    if (props.isEditAllRow) {
+      rowLen = tableData.length;
+    }
+    if (!rowLen)
+      return;
+    return fieldLength * rowLen;
+  };
+  const handleClickBatchSaveBtnByInline = () => {
+    if (props.spinning)
+      return false;
+    emit("resetBatchEditDoneStatus");
+    let formDom = document.querySelectorAll(".js-inlineEditForm");
+    let sliceLen = handleEditFormLength();
+    formDom = [...formDom].slice(0, sliceLen);
+    formDom.forEach((item) => {
+      item.__vue__.handleSubmitForm();
+    });
+  };
+  const handleClickBatchCancelBtnByInline = async () => {
+    state.isSaveForm = false;
+    emit("resetInlineEditAll", false);
+    const vxeTable = xGrid.value;
+    await vxeTable.reloadData(state.originFormatList);
+    resetBatchOperationRowStatus();
+  };
+  return {
+    allSelectedLength,
+    checkOperateCurrentTable,
+    setRowStatus,
+    resetBatchOperationRowStatus,
+    checkListFormUnionSettingParamsList,
+    handleClickCancelBtnByInline,
+    setAllRowInlineStatus,
+    hideSelectCloumns,
+    handleEditFormLength,
+    getInlineOpreateRow,
+    resetOperationRowStatus,
+    recordClickBtnInfo
+  };
+};
+
+export { useBatchEditing };