cnhis-design-vue 3.1.11-beta.7 → 3.1.12-beta.0

package/es/packages/big-table/src/BigTable.vue.d.ts

@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    menuConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     columnConfig: {
         type: ObjectConstructor;
         default: () => {};
@@ -242,10 +246,7 @@ 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: {
-                readonly type: BooleanConstructor;
-                readonly default: boolean;
-            };
+            readonly nativeFocusBehavior: BooleanConstructor;
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -959,10 +960,7 @@ 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: {
-                readonly type: BooleanConstructor;
-                readonly default: boolean;
-            };
+            readonly nativeFocusBehavior: BooleanConstructor;
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -1052,6 +1050,9 @@ declare const _default: import("vue").DefineComponent<{
                 textColorPressedInfo: string;
                 textColorFocusInfo: string;
                 textColorDisabledInfo: string;
+                /**
+                 * 删除选中scan数据
+                 */
                 textColorTextInfo: string;
                 textColorTextHoverInfo: string;
                 textColorTextPressedInfo: string;
@@ -1134,10 +1135,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextHoverError: string;
                 textColorTextPressedError: string;
                 textColorTextFocusError: string;
-                textColorTextDisabledError: string; /**
-                 * 避免每次点击都查询
-                 * 初始化查一次 行编辑 表单search用
-                 */
+                textColorTextDisabledError: string;
                 textColorGhostError: string;
                 textColorGhostHoverError: string;
                 textColorGhostPressedError: string;
@@ -1163,7 +1161,10 @@ declare const _default: import("vue").DefineComponent<{
                 iconMarginTiny: string;
                 iconMarginSmall: string;
                 iconMarginMedium: string;
-                iconMarginLarge: string;
+                iconMarginLarge: string; /**
+                 * 避免每次点击都查询
+                 * 初始化查一次 行编辑 表单search用
+                 */
                 iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
@@ -1243,7 +1244,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorGhostPressedPrimary: string;
                 textColorGhostFocusPrimary: string;
                 textColorGhostDisabledPrimary: string;
-                borderPrimary: string; /** string */
+                borderPrimary: string;
                 borderHoverPrimary: string;
                 borderPressedPrimary: string;
                 borderFocusPrimary: string;
@@ -1579,26 +1580,26 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>>>;
         }>>, {
-            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;
+            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;
         }>;
         NInput: import("vue").DefineComponent<{
             bordered: {
@@ -1658,7 +1659,6 @@ 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>;
@@ -1879,8 +1879,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;
@@ -1914,7 +1914,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, index: number) => void;
+            handleInputFocus: (e: FocusEvent) => void;
             handleWrapperBlur: (e: FocusEvent) => void;
             handleWrapperFocus: (e: FocusEvent) => void;
             handleMouseEnter: () => void;
@@ -1925,7 +1925,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<{
@@ -1969,11 +1969,10 @@ declare const _default: import("vue").DefineComponent<{
                     opacity5: string;
                     dividerColor: string;
                     borderColor: string;
-                    closeIconColor: string;
-                    closeIconColorHover: string;
-                    closeIconColorPressed: string;
+                    closeColor: string;
                     closeColorHover: string;
                     closeColorPressed: string;
+                    closeColorDisabled: string;
                     clearColor: string;
                     clearColorHover: string;
                     clearColorPressed: string;
@@ -2214,7 +2213,6 @@ 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>;
@@ -2498,12 +2496,7 @@ declare const _default: import("vue").DefineComponent<{
         fieldLength: number;
         originFormatList: never[];
         isSaveForm: boolean;
-        editConfig: {
-            trigger: string;
-            mode: string;
-            autoClear: boolean;
-            showIcon: boolean;
-        };
+        editConfig: import("vxe-table").VxeTablePropTypes.EditConfig;
         rowConfig: {
             height: number;
         };
@@ -2556,10 +2549,32 @@ declare const _default: import("vue").DefineComponent<{
         originFormatList: never[];
         isSaveForm: boolean;
         editConfig: {
-            trigger: string;
-            mode: string;
-            autoClear: boolean;
-            showIcon: boolean;
+            trigger?: "click" | "manual" | "dblclick" | undefined;
+            enabled?: boolean | undefined;
+            mode?: string | undefined;
+            icon?: string | undefined;
+            showIcon?: boolean | undefined;
+            showStatus?: boolean | undefined;
+            showUpdateStatus?: boolean | undefined;
+            showInsertStatus?: boolean | undefined;
+            showAsterisk?: boolean | undefined;
+            autoClear?: boolean | undefined;
+            beforeEditMethod?: ((params: {
+                row: any;
+                rowIndex: number;
+                column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                columnIndex: number;
+                $table: import("vxe-table").VxeTableConstructor & import("vxe-table").VxeTablePrivateMethods;
+                $grid: import("vxe-table").VxeGridConstructor | null | undefined;
+            }) => boolean) | undefined;
+            activeMethod?: ((params: {
+                row: any;
+                rowIndex: number;
+                column: import("vxe-table").VxeTableDefines.ColumnInfo;
+                columnIndex: number;
+                $table: import("vxe-table").VxeTableConstructor & import("vxe-table").VxeTablePrivateMethods;
+                $grid: import("vxe-table").VxeGridConstructor | null | undefined;
+            }) => boolean) | undefined;
         };
         rowConfig: {
             height: number;
@@ -2584,6 +2599,10 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default: () => {};
         };
+        menuConfig: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
         columnConfig: {
             type: ObjectConstructor;
             default: () => {};
@@ -2854,6 +2873,9 @@ declare const _default: import("vue").DefineComponent<{
     unBindDocumentClick: () => void;
     removeInsert: () => Promise<false | undefined>;
     loadColumn: (config: any) => void;
+    separate: (data: import("../../../src/types").AnyObject[], rawData: import("../../../src/types").AnyObject[]) => Promise<import("../../../src/types").AnyObject[]>;
+    onColumnResize: import("vxe-table").VxeTableEvents.ResizableChange;
+    separateHandle: import("../../../../es/packages/big-table/src/hooks/useSeparateRow").SeparateHandle;
     loadData: (data: any) => Promise<void>;
     setGroupTitleToFristColumnFieldData: (formatList: any) => void;
     setCurrentPageRowChecked: () => void;
@@ -3009,6 +3031,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClickAddBtnByInline: () => Promise<false | undefined>;
     handleClickSaveBtnByInline: () => false | undefined;
     removeInlineAddRow: () => false | undefined;
+    handleMenuClickEvent: (payload: any) => void;
     setCurrentRow: (row: any) => void;
     loadColumnAndData: (data: any, config: any) => void;
     clearChecked: () => void;
@@ -3230,31 +3253,15 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
                 scrollbarColor: string;
-                scrollbarColorHover: string; /**
-                 * 针对 bigTable 的设置列
-                 * type: 列的类型
-                 * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-                 * title: 列标题（支持开启国际化）
-                 * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-                 * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-                 * resizable: 列是否允许拖动列宽调整大小
-                 * visible: 列是否显示
-                 * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-                 * align: 列对齐方式
-                 * headerAlign: 表头列的对齐方式
-                 * footerAlign: 表尾列的对齐方式
-                 * formatter: 格式化显示内容 Function({cellValue, row, column})
-                 * sortable: 是否允许列排序
-                 */
+                scrollbarColorHover: string;
                 scrollbarWidth: string;
                 scrollbarHeight: string;
                 scrollbarBorderRadius: string;
@@ -3499,8 +3506,8 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         disabled: boolean | undefined;
         checked: string | number | boolean | undefined;
-        indeterminate: boolean;
         focusable: boolean;
+        indeterminate: boolean;
         defaultChecked: string | number | boolean;
         checkedValue: string | number | boolean;
         uncheckedValue: string | number | boolean;
@@ -3634,11 +3641,9 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        internalDeactivateImmediately: BooleanConstructor;
         internalSyncTargetWithParent: BooleanConstructor;
         internalInheritedEventHandlers: {
             type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -3703,11 +3708,10 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -3936,11 +3940,9 @@ declare const _default: import("vue").DefineComponent<{
         scrollable: BooleanConstructor;
         contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
         'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
         onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        internalDeactivateImmediately: BooleanConstructor;
         internalSyncTargetWithParent: BooleanConstructor;
         internalInheritedEventHandlers: {
             type: import("vue").PropType<import("naive-ui/es/popover/src/Popover").TriggerEventHandlers[]>;
@@ -3976,7 +3978,6 @@ declare const _default: import("vue").DefineComponent<{
         arrowPointToCenter: boolean;
         displayDirective: "show" | "if";
         keepAliveOnHover: boolean;
-        internalDeactivateImmediately: boolean;
         animated: boolean;
         internalTrapFocus: boolean;
         defaultShow: boolean;
@@ -4061,6 +4062,7 @@ declare const _default: import("vue").DefineComponent<{
     checkMethod: ({ row }: {
         row: any;
     }) => boolean;
+    visibleMethod: ({ row }: any) => boolean;
     getRowStyle: ({ row }: any) => string | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
@@ -4080,6 +4082,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    menuConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     columnConfig: {
         type: ObjectConstructor;
         default: () => {};
@@ -4260,6 +4266,7 @@ declare const _default: import("vue").DefineComponent<{
     data: unknown[];
     showFooter: boolean;
     columnConfig: Record<string, any>;
+    menuConfig: Record<string, any>;
     maxCheckSize: number;
     sumData: Record<string, any>;
     avgData: Record<string, any>;

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

@@ -1,48 +1,47 @@
-import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, isVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, mergeProps, withCtx, createBlock, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
-import bigTableState from './bigTableState.js';
-import bigTableProps from './bigTableProps.js';
-import bigTableEmits from './bigTableEmits.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 { useEdit, comps } from './hooks/useEdit.js';
-import { useEvent } from './hooks/useEvent.js';
+import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, isVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, unref, normalizeStyle, mergeProps, withCtx, renderSlot, createBlock, toDisplayString, withDirectives, vShow } from 'vue';
+import { useSeparateRow } from '../../../packages/big-table/src/hooks/useSeparateRow';
+import bigTableState from './bigTableState2.js';
+import bigTableProps from './bigTableProps2.js';
+import bigTableEmits from './bigTableEmits2.js';
+import { useFormat } from './hooks/useFormat2.js';
+import { useTableParse } from './hooks/useTableParse2.js';
+import { useBatchEditing } from './hooks/useBatchEditing2.js';
+import { useNestTable } from './hooks/useNestTable2.js';
+import { useEdit, comps } from './hooks/useEdit2.js';
+import { useEvent } from './hooks/useEvent2.js';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
-import './components/NoData.js';
+import './components/NoData2.js';
 import TextOverTooltip from '../../../src/components/TextOverTooltip';
 import SvgIcon from '../../../src/components/SvgIcon';
 import { useMessage, NIcon, NTooltip, NPopconfirm, NButton, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
 import CGrid from '../../../packages/grid';
 import vexutils from '../../../src/utils/vexutils';
-import { handleTableHeight, setTableConfig, handleGroupColums, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, setFilterStatus, handleTableImageSize, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
-import './components/input-button.js';
+import { handleTableHeight, setTableConfig, handleGroupColums, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, setFilterStatus, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils2.js';
+import './components/input-button2.js';
+import './components/separate2.js';
 import xb_big from '../../../src/assets/img/xb_big';
 import qr from '../../../src/assets/img/qr';
 import script$1 from './components/NoData.vue_vue_type_script_setup_true_lang.js';
 import script$2 from './components/input-button.vue_vue_type_script_setup_true_lang.js';
+import script$3 from './components/separate.vue_vue_type_script_setup_true_lang.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 = {
-  key: 0
-};
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("i", {
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("i", {
   class: "disabled-checked-tips"
 }, null, -1);
+const _hoisted_4 = ["innerHTML"];
 const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = ["innerHTML"];
-const _hoisted_7 = {
+const _hoisted_6 = {
   class: "refresh-row"
 };
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var script = /* @__PURE__ */ defineComponent({
-  __name: "BigTable",
   props: bigTableProps,
   emits: bigTableEmits,
   setup(__props, {
@@ -239,6 +238,14 @@ var script = /* @__PURE__ */ defineComponent({
       setGroupTreeExpand();
       resetTableInlineEditStatus();
     };
+    const {
+      separate,
+      onColumnResize,
+      separateHandle
+    } = useSeparateRow(() => {
+      var _a, _b;
+      return (_b = (_a = props.columnConfig) == null ? void 0 : _a.fieldList) != null ? _b : [];
+    }, xGrid);
     const loadData = async (data) => {
       state.isShowEmpty = !(data == null ? void 0 : data.length);
       const list = JSON.parse(JSON.stringify(data));
@@ -262,12 +269,14 @@ var script = /* @__PURE__ */ defineComponent({
           selectTableDisable: false
         };
       });
-      await table.loadData(formatList);
+      await table.loadData(await separate(formatList, data));
       table.setCurrentRow({});
       setCurrentPageRowChecked();
       setGroupTreeExpand();
       resetTableInlineEditStatus();
     };
+    separateHandle.clear();
+    separateHandle.add(() => loadData(props.data));
     const setGroupTitleToFristColumnFieldData = (formatList) => {
       var _a;
       if (state.isTree != 3)
@@ -433,6 +442,12 @@ var script = /* @__PURE__ */ defineComponent({
             default: (params) => {
               if (!isEdit || item.columnName === "operatorColumn" || !item.isEdit) {
                 return formatter(params, item);
+              } else if (item.formType === "separate") {
+                const SeparateComponent = script$3;
+                return createVNode(SeparateComponent, {
+                  "row": params.row,
+                  "col": item
+                }, null);
               } else if (isEdit && item.isEdit && item.checkEditStatus && item.checkEditStatus(params)) {
                 return formatterEdit(params, item);
               } else {
@@ -1255,7 +1270,7 @@ var script = /* @__PURE__ */ defineComponent({
         return;
       }
       let forbiddenBatchSelect = !checkMethod(data);
-      if (state.selectType == "checkbox" && forbiddenBatchSelect) {
+      if (state.selectType == "checkbox" && (forbiddenBatchSelect || data.row.$__SEPARATE)) {
         table == null ? void 0 : table.setAllCheckboxRow(false);
         const checked2 = getRowClassName({
           row
@@ -2167,6 +2182,7 @@ var script = /* @__PURE__ */ defineComponent({
         }
       });
     });
+    const handleMenuClickEvent = (payload) => emit("menuClick", payload);
     expose({
       formatData,
       xGrid
@@ -2181,13 +2197,13 @@ var script = /* @__PURE__ */ defineComponent({
 		:style="{ height: state.tableHeight }"
 	> `), createElementVNode("div", {
         class: normalizeClass(["big-table custom-big-table", {
-          mt: state.hasRefresh,
+          mt: unref(state).hasRefresh,
           "expand-padding": !props.isNestTable
         }]),
         style: normalizeStyle({
-          height: state.tableHeight
+          height: unref(state).tableHeight
         })
-      }, [state.hasRefresh && !props.isNestTable ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", {
+      }, [unref(state).hasRefresh && !props.isNestTable ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", {
         class: "check-wrap-title"
       }, [_hoisted_2, createElementVNode("span", {
         class: "check-wrap-btn",
@@ -2212,7 +2228,7 @@ var script = /* @__PURE__ */ defineComponent({
         "row-id": unref(handleRowId),
         "row-class-name": getRowClassName,
         "cell-class-name": _ctx.columnConfig.cellClassName || null,
-        "row-config": state.rowConfig,
+        "row-config": unref(state).rowConfig,
         "show-footer": _ctx.showFooter && !props.isInlineOperating,
         "footer-method": footerMethod,
         "sort-config": {
@@ -2228,6 +2244,7 @@ var script = /* @__PURE__ */ defineComponent({
           checkField: "checked",
           labelField: "checked",
           checkMethod: unref(checkMethod),
+          visibleMethod: unref(visibleMethod),
           trigger: "cell",
           reserve: true,
           highlight: true
@@ -2242,7 +2259,7 @@ var script = /* @__PURE__ */ defineComponent({
           gt: 50
         },
         "row-style": unref(getRowStyle),
-        "edit-config": state.editConfig,
+        "edit-config": unref(state).editConfig,
         "expand-config": {
           lazy: true,
           accordion: _ctx.columnConfig && _ctx.columnConfig.accordion,
@@ -2253,6 +2270,7 @@ var script = /* @__PURE__ */ defineComponent({
         },
         "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
         "edit-rules": _ctx.columnConfig.editRules || {},
+        "menu-config": _ctx.menuConfig,
         onCellDblclick: rowdblclick,
         onCellClick: handlerClickRow,
         onCheckboxChange: selectionChange,
@@ -2261,13 +2279,17 @@ var script = /* @__PURE__ */ defineComponent({
         onSortChange: sortChange,
         onScroll: unref(scroll),
         onCellMouseenter: handleCellMouseenter,
-        onKeydown: unref(keyDown)
+        onKeydown: unref(keyDown),
+        onMenuClick: handleMenuClickEvent,
+        onResizableChange: unref(onColumnResize)
       }), {
-        empty: withCtx(() => [state.isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(script$1, {
+        empty: withCtx(() => [unref(state).isShowEmpty ? renderSlot(_ctx.$slots, "empty", {
+          key: 0
+        }, () => [createVNode(script$1, {
           "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)]),
+        }, null, 8, ["no-data-img", "no-data-tip", "show-img"])]) : createCommentVNode("v-if", true)]),
         tooltip_checkbox: withCtx(({
           row,
           checked
@@ -2276,7 +2298,7 @@ var script = /* @__PURE__ */ defineComponent({
           trigger: "hover",
           placement: "right"
         }, {
-          trigger: withCtx(() => [_hoisted_4]),
+          trigger: withCtx(() => [_hoisted_3]),
           default: withCtx(() => [createTextVNode(" " + toDisplayString(row.forbiddenBatchSelectReason), 1)]),
           _: 2
         }, 1024)) : (openBlock(), createBlock(unref(NCheckbox), {
@@ -2288,8 +2310,8 @@ var script = /* @__PURE__ */ defineComponent({
           column
         }) => [createCommentVNode(" \u5206\u7EC4\u7EDF\u8BA1 "), _ctx.groupCountFields && _ctx.groupCountFields.length ? (openBlock(), createElementBlock("span", {
           key: 0,
-          innerHTML: state.groupText
-        }, null, 8, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, {
+          innerHTML: unref(state).groupText
+        }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
         }, [createCommentVNode(" \u4E00\u822C\u7EDF\u8BA1 "), createVNode(unref(NTooltip), {
           trigger: "hover"
@@ -2297,7 +2319,7 @@ var script = /* @__PURE__ */ defineComponent({
           trigger: withCtx(() => [createTextVNode(toDisplayString(getFooterTitle(column)), 1)]),
           default: withCtx(() => [createElementVNode("div", {
             innerHTML: getFooterTooltipTitle(column)
-          }, null, 8, _hoisted_6)]),
+          }, null, 8, _hoisted_5)]),
           _: 2
         }, 1024)], 2112))]),
         nest_table_content: withCtx(({
@@ -2314,13 +2336,13 @@ var script = /* @__PURE__ */ defineComponent({
           }
         })]),
         _: 3
-      }, 16, ["seq-config", "tree-config", "row-id", "cell-class-name", "row-config", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "onScroll", "onKeydown"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
+      }, 16, ["seq-config", "tree-config", "row-id", "cell-class-name", "row-config", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "menu-config", "onScroll", "onKeydown", "onResizableChange"]), 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_7, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 2112);
+      }, null, 8, ["component"]), createElementVNode("p", _hoisted_6, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 2112);
     };
   }
 });

package/es/packages/big-table/src/BigTable2.js

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