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

package/README.md

@@ -1,23 +1,23 @@
-# Vue 3 + Typescript + Vite
-
-This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
-
-## Type Support For `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
-
-## 使用
-```JavaScript
-import { createApp } from "vue";
-import App from "./App.vue";
-import cui from "cnhis-design-vue";
-import "cnhis-design-vue/es/index.css";
-
-const app = createApp(App);
-app.use(cui);
-app.mount("#app");
-```
+# Vue 3 + Typescript + Vite
+
+This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
+
+## 使用
+```JavaScript
+import { createApp } from "vue";
+import App from "./App.vue";
+import cui from "cnhis-design-vue";
+import "cnhis-design-vue/es/index.css";
+
+const app = createApp(App);
+app.use(cui);
+app.mount("#app");
+```

package/es/packages/big-table/index.d.ts

@@ -2928,6 +2928,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     handleFilterSearchChange: (value: any, columnName: any, field: any) => void;
     handleFilterClearAll: (field: any) => void;
     handleCancelFilter: () => void;
+    mergeQuickSearchConfig: (filterFields: any, props: any) => void;
     handleFilter: (field: any) => void;
     onmousedownFunc: (e: any) => void;
     maskInsert: () => void;

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

@@ -1151,7 +1151,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeight: string;
+                fontWeight: string; /**
+                 * 初始化props
+                 * @param {*} unionItem
+                 * @param {*} row
+                 * @param {*} column
+                 * @param {*} $rowIndex
+                 * @returns
+                 */
                 fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
@@ -1244,7 +1251,9 @@ declare const _default: import("vue").DefineComponent<{
                 textColorGhostPressedPrimary: string;
                 textColorGhostFocusPrimary: string;
                 textColorGhostDisabledPrimary: string;
-                borderPrimary: string;
+                borderPrimary: string; /**
+                 * tsx渲染表格
+                 */
                 borderHoverPrimary: string;
                 borderPressedPrimary: string;
                 borderFocusPrimary: string;
@@ -1305,7 +1314,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorWarning: string;
                 colorHoverWarning: string;
                 colorPressedWarning: string;
-                colorFocusWarning: string; /** string */
+                colorFocusWarning: string;
                 colorDisabledWarning: string;
                 textColorWarning: string;
                 textColorHoverWarning: string;
@@ -1668,22 +1677,7 @@ declare const _default: import("vue").DefineComponent<{
             onBlur: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: FocusEvent) => void>>;
             onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
             onChange: import("vue").PropType<import("naive-ui/es/input/src/interface").OnUpdateValue>;
-            onClear: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>; /**
-             * 针对 bigTable 的设置列
-             * type: 列的类型
-             * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-             * title: 列标题（支持开启国际化）
-             * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-             * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-             * resizable: 列是否允许拖动列宽调整大小
-             * visible: 列是否显示
-             * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-             * align: 列对齐方式
-             * headerAlign: 表头列的对齐方式
-             * footerAlign: 表尾列的对齐方式
-             * formatter: 格式化显示内容 Function({cellValue, row, column})
-             * sortable: 是否允许列排序
-             */
+            onClear: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
             status: import("vue").PropType<import("naive-ui/es/form/src/interface").FormValidationStatus>;
             'onUpdate:value': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/input/src/interface").OnUpdateValue>>;
             onUpdateValue: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<import("naive-ui/es/input/src/interface").OnUpdateValue>>;
@@ -2941,6 +2935,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFilterSearchChange: (value: any, columnName: any, field: any) => void;
     handleFilterClearAll: (field: any) => void;
     handleCancelFilter: () => void;
+    mergeQuickSearchConfig: (filterFields: any, props: any) => void;
     handleFilter: (field: any) => void;
     onmousedownFunc: (e: any) => void;
     maskInsert: () => void;
@@ -3296,7 +3291,22 @@ declare const _default: import("vue").DefineComponent<{
                 buttonColor2: string;
                 buttonColor2Hover: string;
                 buttonColor2Pressed: string;
-                boxShadow1: string;
+                boxShadow1: string; /**
+                 * 针对 bigTable 的设置列
+                 * type: 列的类型
+                 * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
+                 * title: 列标题（支持开启国际化）
+                 * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
+                 * minWidth: 最小列宽度；会自动将剩余空间按比例分配
+                 * resizable: 列是否允许拖动列宽调整大小
+                 * visible: 列是否显示
+                 * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
+                 * align: 列对齐方式
+                 * headerAlign: 表头列的对齐方式
+                 * footerAlign: 表尾列的对齐方式
+                 * formatter: 格式化显示内容 Function({cellValue, row, column})
+                 * sortable: 是否允许列排序
+                 */
                 boxShadow2: string;
                 boxShadow3: string;
                 fontFamily: string;

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, mergeProps, withCtx, renderSlot, createBlock, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
-import { isFunction } from 'lodash-es';
+import { isArray, isFunction } from 'lodash-es';
 import { useSeparateRow } from '../../../packages/big-table/src/hooks/useSeparateRow';
 import bigTableState from './bigTableState.js';
 import bigTableProps from './bigTableProps.js';
@@ -14,10 +14,10 @@ import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from
 import './components/NoData.js';
 import TextOverTooltip from '../../../src/components/TextOverTooltip';
 import SvgIcon from '../../../src/components/SvgIcon';
-import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
+import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
 import CGrid from '../../../packages/grid';
 import vexutils from '../../../src/utils/vexutils';
-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, setFilterStatus, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
+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 './components/input-button.js';
 import './components/separate.js';
 import xb_big from '../../../src/assets/img/xb_big';
@@ -252,6 +252,9 @@ var script = /* @__PURE__ */ defineComponent({
     } = 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);
@@ -769,7 +772,7 @@ var script = /* @__PURE__ */ defineComponent({
               height: state.filterHeight + state.distance + "px"
             }
           }, [!field.searchFilterText ? createVNode("div", {
-            "class": "ant-checkbox-group"
+            "class": "sort-item"
           }, [createVNode(NCheckbox, {
             "indeterminate": field.indeterminate,
             "checked": field.checkAll,
@@ -782,13 +785,17 @@ var script = /* @__PURE__ */ defineComponent({
             "value": field.CONVERT,
             "onUpdate:value": (val) => handleFilterChange(val, item.columnName, field)
           }, {
-            default: () => [createVNode(NSpace, {
-              "item-style": "display: flex;"
+            default: () => [createVNode(NGrid, {
+              "cols": 1
             }, _isSlot(_slot = field.filterItems.map((item2) => {
-              return createVNode(NCheckbox, {
-                "value": item2.value,
-                "label": item2.key
-              }, null);
+              return createVNode(NGi, {
+                "class": "sort-item"
+              }, {
+                default: () => [createVNode(NCheckbox, {
+                  "value": item2.value,
+                  "label": item2.key
+                }, null)]
+              });
             })) ? _slot : {
               default: () => [_slot]
             })]
@@ -825,11 +832,13 @@ var script = /* @__PURE__ */ defineComponent({
           }, {
             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)
@@ -876,7 +885,7 @@ var script = /* @__PURE__ */ defineComponent({
     };
     const handleFilterChange = (value, name, field) => {
       reScrollFilterWrap();
-      state.filterFields[name].CONVERT = value;
+      field.CONVERT = value;
       field.checkAll = value.length === field.filterItems.length;
       field.indeterminate = !!value.length && value.length !== field.filterItems.length;
     };
@@ -911,8 +920,20 @@ var script = /* @__PURE__ */ defineComponent({
     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
       });
@@ -1293,6 +1314,9 @@ var script = /* @__PURE__ */ defineComponent({
       updateAddCheckedRows(row);
     };
     const handlerClickRow = (data) => {
+      var _a;
+      if (((_a = attr.checkboxConfig) == null ? void 0 : _a.trigger) === "default")
+        return false;
       if (isScanMultiTable.value || props.isInlineOperating)
         return false;
       if (vexutils.has(data == null ? void 0 : data.row, GROUP_TITLE_KEY))
@@ -2131,11 +2155,6 @@ var script = /* @__PURE__ */ defineComponent({
     watch(() => currentCheckedKeys, (val) => {
       setVisibleCheckAllWrap(state, props, currentCheckedKeys.value);
     });
-    watch(() => props.quickSearchConfig, (val) => {
-      setFilterStatus(state, props);
-    }, {
-      deep: true
-    });
     watch(() => props.tableDataCache, (val) => {
       setAllCheckedRows(val);
     }, {
@@ -2245,7 +2264,9 @@ var script = /* @__PURE__ */ defineComponent({
     const handleMenuClickEvent = (payload) => emit("menuClick", payload);
     expose({
       formatData,
-      xGrid
+      xGrid,
+      loadColumn,
+      loadData
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(` <div

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

@@ -1,9 +1,8 @@
 import { AnyObject } from '../../../../../../es/src/types';
 import { CSSProperties, PropType } from 'vue';
-import { VxeTableDefines } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
     col: {
-        type: PropType<VxeTableDefines.ColumnInfo>;
+        type: PropType<AnyObject>;
         required: true;
     };
     row: {
@@ -17,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         col: {
-            type: PropType<VxeTableDefines.ColumnInfo>;
+            type: PropType<AnyObject>;
             required: true;
         };
         row: {
@@ -31,16 +30,34 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
     }>>;
+    popoverRef: import("vue").Ref<any>;
     emit: (event: "formChange", ...args: any[]) => void;
+    editContent: import("vue").Ref<any>;
     getRowData: (row: AnyObject) => {
         separateData: Record<string, string>;
         index: number;
         rawRow: AnyObject;
         row: AnyObject;
     } | undefined;
-    editContent: import("vue").Ref<string>;
     updateShow: (show: boolean) => void;
     style: CSSProperties;
+    SlotRender: import("vue").DefineComponent<{
+        renderer: {
+            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../../../es/src/types").Func<any[], any>>;
+            required: true;
+        };
+        rootSlots: {
+            type: PropType<Record<string, import("../../../../../../es/src/types").Func<any[], any>>>;
+        };
+    }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        renderer: {
+            type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../../../es/src/types").Func<any[], any>>;
+            required: true;
+        };
+        rootSlots: {
+            type: PropType<Record<string, import("../../../../../../es/src/types").Func<any[], any>>>;
+        };
+    }>>, {}>;
     NPopover: import("vue").DefineComponent<{
         internalOnAfterLeave: PropType<() => void>;
         internalRenderBody: PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
@@ -1191,7 +1208,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     Separate: import("vue").DefineComponent<{
         col: {
-            type: PropType<VxeTableDefines.ColumnInfo>;
+            type: PropType<AnyObject>;
             required: true;
         };
         row: {
@@ -1201,7 +1218,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             col: {
-                type: PropType<VxeTableDefines.ColumnInfo>;
+                type: PropType<AnyObject>;
                 required: true;
             };
             row: {
@@ -1220,7 +1237,7 @@ declare const _default: import("vue").DefineComponent<{
         displayContent: import("vue").ComputedRef<string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         col: {
-            type: PropType<VxeTableDefines.ColumnInfo>;
+            type: PropType<AnyObject>;
             required: true;
         };
         row: {
@@ -1230,7 +1247,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     col: {
-        type: PropType<VxeTableDefines.ColumnInfo>;
+        type: PropType<AnyObject>;
         required: true;
     };
     row: {

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

@@ -1,4 +1,6 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode } from 'vue';
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, withModifiers } from 'vue';
+import SlotRender from '../../../../../src/components/SlotRender';
+import { cloneDeep, isObject, isArray } from 'lodash-es';
 import { NPopover, NInput } from 'naive-ui';
 import { useSeparateMap } from '../../../../../packages/big-table/src/hooks/useSeparateRow';
 import '../separate.js';
@@ -14,19 +16,24 @@ var script = /* @__PURE__ */ defineComponent({
   emits: ["formChange"],
   setup(__props, { emit }) {
     const props = __props;
+    const popoverRef = ref();
+    const editContent = ref();
     const { getRowData } = useSeparateMap();
-    const editContent = ref("");
     function updateShow(show) {
       const target = getRowData(props.row);
       if (!target)
         return;
       if (show) {
-        editContent.value = target.row[props.col.field];
+        editContent.value = cloneDeep(target.row[props.col.field]);
         return;
       }
       const old = target.row[props.col.field];
-      if (old === editContent.value || !target)
+      if (!target)
         return;
+      if (!isObject(editContent.value) && !isArray(editContent.value)) {
+        if (old === editContent.value)
+          return;
+      }
       target.rawRow[props.col.field] = editContent.value;
       emit("formChange", {
         value: editContent.value,
@@ -37,31 +44,44 @@ var script = /* @__PURE__ */ defineComponent({
     }
     const style = {
       border: "1px solid #f5f5f5",
-      padding: "4px 0",
+      padding: "4px 0 4px 4px",
       background: "white",
       "border-radius": "4px"
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NPopover), {
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "click",
         "show-arrow": false,
         "onUpdate:show": updateShow
       }, {
         trigger: withCtx(() => [
           createVNode(script$1, {
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
             style,
             col: __props.col,
             row: __props.row
           }, null, 8, ["col", "row"])
         ]),
         default: withCtx(() => [
-          createVNode(unref(NInput), {
+          __props.col.separateSlot ? (openBlock(), createBlock(unref(SlotRender), {
+            key: 0,
+            renderer: __props.col.separateSlot,
+            value: editContent.value,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => editContent.value = $event),
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["renderer", "value", "col", "row"])) : (openBlock(), createBlock(unref(NInput), {
+            key: 1,
             value: editContent.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editContent.value = $event),
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => editContent.value = $event),
             type: "textarea"
-          }, null, 8, ["value"])
+          }, null, 8, ["value"]))
         ]),
         _: 1
-      });
+      }, 512);
     };
   }
 });

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

@@ -1,9 +1,8 @@
 import { AnyObject } from '../../../../../es/src/types';
 import { PropType } from 'vue';
-import { VxeTableDefines } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
     col: {
-        type: PropType<VxeTableDefines.ColumnInfo>;
+        type: PropType<AnyObject>;
         required: true;
     };
     row: {
@@ -13,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         col: {
-            type: PropType<VxeTableDefines.ColumnInfo>;
+            type: PropType<AnyObject>;
             required: true;
         };
         row: {
@@ -32,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     displayContent: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     col: {
-        type: PropType<VxeTableDefines.ColumnInfo>;
+        type: PropType<AnyObject>;
         required: true;
     };
     row: {

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

@@ -1,7 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, unref } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
 import { useSeparateMap } from '../../../../packages/big-table/src/hooks/useSeparateRow';
 
-const _hoisted_1 = { style: { padding: "4px 0" } };
+const _hoisted_1 = { class: "big-table__separate" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "big-table__separatePlaceholder" }, "p", -1);
 var script = /* @__PURE__ */ defineComponent({
   __name: "separate",
   props: {
@@ -16,7 +17,10 @@ var script = /* @__PURE__ */ defineComponent({
       return target ? target.separateData[props.col.field] : "";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(displayContent)), 1);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createTextVNode(toDisplayString(unref(displayContent)) + " ", 1),
+        _hoisted_2
+      ]);
     };
   }
 });

package/es/packages/big-table/src/hooks/useEdit.d.ts

@@ -152,7 +152,7 @@ export declare const comps: {
     }>;
     separate: import("vue").DefineComponent<{
         col: {
-            type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+            type: import("vue").PropType<import("../../../../src/types").AnyObject>;
             required: true;
         };
         row: {
@@ -166,7 +166,7 @@ export declare const comps: {
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             col: {
-                type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                 required: true;
             };
             row: {
@@ -180,16 +180,34 @@ export declare const comps: {
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }>>;
+        popoverRef: import("vue").Ref<any>;
         emit: (event: "formChange", ...args: any[]) => void;
+        editContent: import("vue").Ref<any>;
         getRowData: (row: import("../../../../src/types").AnyObject) => {
             separateData: Record<string, string>;
             index: number;
             rawRow: import("../../../../src/types").AnyObject;
             row: import("../../../../src/types").AnyObject;
         } | undefined;
-        editContent: import("vue").Ref<string>;
         updateShow: (show: boolean) => void;
         style: import("vue").CSSProperties;
+        SlotRender: import("vue").DefineComponent<{
+            renderer: {
+                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../src/types").Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: import("vue").PropType<Record<string, import("../../../../src/types").Func<any[], any>>>;
+            };
+        }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            renderer: {
+                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../src/types").Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: import("vue").PropType<Record<string, import("../../../../src/types").Func<any[], any>>>;
+            };
+        }>>, {}>;
         NPopover: import("vue").DefineComponent<{
             internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
@@ -1340,7 +1358,7 @@ export declare const comps: {
         }>;
         Separate: import("vue").DefineComponent<{
             col: {
-                type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                 required: true;
             };
             row: {
@@ -1350,7 +1368,7 @@ export declare const comps: {
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 col: {
-                    type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                    type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                     required: true;
                 };
                 row: {
@@ -1369,7 +1387,7 @@ export declare const comps: {
             displayContent: import("vue").ComputedRef<string>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             col: {
-                type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                 required: true;
             };
             row: {
@@ -1379,7 +1397,7 @@ export declare const comps: {
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         col: {
-            type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+            type: import("vue").PropType<import("../../../../src/types").AnyObject>;
             required: true;
         };
         row: {

package/es/packages/big-table/src/hooks/useSeparateRow.d.ts

@@ -22,7 +22,7 @@ export declare function useSeparateMap(): {
         row: AnyObject;
     } | undefined;
 };
-export declare function useSeparateRow(getColumnConfig: () => AnyObject[], $VXETable: Ref<undefined | VxeTableInstance>): {
+export declare function useSeparateRow(getColumnConfig: () => AnyObject[], getFieldItem: (columnName: string) => AnyObject, $VXETable: Ref<undefined | VxeTableInstance>): {
     onColumnResize: VxeTableEvents.ResizableChange;
     needSeparateColumn: import("vue").ComputedRef<AnyObject[]>;
     separate: (data: AnyObject[], rawData: AnyObject[]) => Promise<AnyObject[]>;