cnhis-design-vue 3.1.14-beta.7.1 → 3.1.14

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    checkboxBindRowClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showFooter: BooleanConstructor;
     sumData: {
         type: ObjectConstructor;
@@ -1248,7 +1252,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderHoverPrimary: string;
                 borderPressedPrimary: string;
                 borderFocusPrimary: string;
-                borderDisabledPrimary: string;
+                borderDisabledPrimary: string; /**
+                 * tsx渲染表格
+                 */
                 rippleColorPrimary: string;
                 colorInfo: string;
                 colorHoverInfo: string;
@@ -1305,7 +1311,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 +1674,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>>;
@@ -2604,6 +2595,10 @@ declare const _default: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        checkboxBindRowClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showFooter: BooleanConstructor;
         sumData: {
             type: ObjectConstructor;
@@ -2941,6 +2936,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 +3292,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;
@@ -4086,6 +4097,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    checkboxBindRowClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showFooter: BooleanConstructor;
     sumData: {
         type: ObjectConstructor;
@@ -4281,6 +4296,7 @@ declare const _default: import("vue").DefineComponent<{
     columnConfig: Record<string, any>;
     menuConfig: Record<string, any>;
     maxCheckSize: number;
+    checkboxBindRowClick: boolean;
     sumData: Record<string, any>;
     avgData: Record<string, any>;
     refreshRow: number;

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';
@@ -11,20 +11,17 @@ import { useNestTable } from './hooks/useNestTable.js';
 import { useEdit, comps } from './hooks/useEdit.js';
 import { useEvent } from './hooks/useEvent.js';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
-import './components/NoData.js';
+import NoData from './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 './components/input-button.js';
-import './components/separate.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 InputButtonScript from './components/input-button.js';
+import Separate from './components/separate.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,
@@ -42,7 +39,7 @@ const _hoisted_6 = {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var script = /* @__PURE__ */ defineComponent({
+var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BigTable",
   props: bigTableProps,
   emits: bigTableEmits,
@@ -55,7 +52,7 @@ var script = /* @__PURE__ */ defineComponent({
     let _beforeSearchConvert = [];
     let addInlineEditPrimaryKey = "";
     const GROUP_TITLE_KEY = "group-show-title";
-    const InputButton = script$2;
+    const InputButton = InputButtonScript;
     const $message = useMessage();
     const xGrid = ref({});
     const copyState = vexutils.clone(bigTableState, true);
@@ -252,6 +249,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);
@@ -424,7 +424,7 @@ var script = /* @__PURE__ */ defineComponent({
         };
       }
       const currentColumns = fieldList.map((item, index) => {
-        var _a2, _b2, _c, _d, _e;
+        var _a2, _b2, _c, _d, _e, _f, _g;
         let filterField = false;
         let filterItems = [];
         try {
@@ -452,8 +452,8 @@ var script = /* @__PURE__ */ defineComponent({
           fixed,
           sortable,
           headerClassName: "mycolumn",
-          resizable: true,
-          showOverflow: "title",
+          resizable: (_e = item.resizable) != null ? _e : true,
+          showOverflow: (_f = item.showOverflow) != null ? _f : "title",
           treeNode,
           type,
           slots: {
@@ -469,7 +469,7 @@ var script = /* @__PURE__ */ defineComponent({
               if (!isEdit || item.columnName === "operatorColumn" || !item.isEdit) {
                 return formatter(params, item);
               } else if (item.formType === "separate") {
-                const SeparateComponent = script$3;
+                const SeparateComponent = Separate;
                 return createVNode(SeparateComponent, {
                   "row": params.row,
                   "col": item
@@ -508,7 +508,7 @@ var script = /* @__PURE__ */ defineComponent({
         if (!isScanMultiTable2) {
           col.slots.footer = "tooltip_footer";
         }
-        if (props.showNestTable && state.isTree == 0 && ((_e = props.curNestColumnConfig) == null ? void 0 : _e.isTree) == 0) {
+        if (props.showNestTable && state.isTree == 0 && ((_g = props.curNestColumnConfig) == null ? void 0 : _g.isTree) == 0) {
           col.slots.content = "nest_table_content";
         }
         return col;
@@ -769,7 +769,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 +782,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 +829,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 +882,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 +917,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 +1311,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))
@@ -1320,6 +1341,9 @@ var script = /* @__PURE__ */ defineComponent({
       }
       isAboutNestTable.value && emit("setNestLastClickTable", table, props.isNestTable, row[handleRowId.value], row);
       emit("setNestTableClick", false);
+      if (!props.checkboxBindRowClick) {
+        return;
+      }
       if (props.isNestTable) {
         table == null ? void 0 : table.setAllCheckboxRow(false);
         nestHandleClickRow(table, data);
@@ -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);
     }, {
@@ -2343,7 +2362,7 @@ var script = /* @__PURE__ */ defineComponent({
       }), {
         empty: withCtx(() => [state.isShowEmpty ? renderSlot(_ctx.$slots, "empty", {
           key: 0
-        }, () => [createVNode(script$1, {
+        }, () => [createVNode(NoData, {
           "no-data-img": props.emptyItems.noDataImg,
           "no-data-tip": props.emptyItems.noDataTip,
           "show-img": !props.isNestTable
@@ -2405,4 +2424,4 @@ var script = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { script as default };
+export { _sfc_main as default };

package/es/packages/big-table/src/bigTableProps.d.ts

@@ -7,6 +7,10 @@ declare const bigTableProps: {
         type: NumberConstructor;
         default: number;
     };
+    checkboxBindRowClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showFooter: BooleanConstructor;
     sumData: {
         type: ObjectConstructor;

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

@@ -1,6 +1,7 @@
 const bigTableProps = {
   data: { type: Array, default: () => [] },
   maxCheckSize: { type: Number, default: 0 },
+  checkboxBindRowClick: { type: Boolean, default: true },
   showFooter: Boolean,
   sumData: { type: Object, default: () => ({}) },
   avgData: { type: Object, default: () => ({}) },

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

@@ -1,4 +1,74 @@
-import script from './NoData.vue_vue_type_script_setup_true_lang.js';
-export { default } from './NoData.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, computed, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import noData from '../../../../src/assets/img/nodata';
+import noPermission from '../../../../src/assets/img/no-permission';
+import failure from '../../../../src/assets/img/failure';
+import notfound from '../../../../src/assets/img/notfound';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/big-table/src/components/NoData.vue";
+const _hoisted_1 = { class: "no-data-tip NoData-page" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoData",
+  props: {
+    noDataTip: {
+      type: String,
+      default: "\u6682\u65E0\u6570\u636E"
+    },
+    noDataImg: {
+      type: String,
+      default: "nodata"
+    },
+    showImg: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const imgStr = computed(() => {
+      let str = null;
+      switch (props.noDataImg) {
+        case "no-permission":
+          str = noPermission;
+          break;
+        case "failure":
+          str = failure;
+          break;
+        case "nodata":
+          str = noData;
+          break;
+        default:
+          str = notfound;
+          break;
+      }
+      return str;
+    });
+    const handleDesc = computed(() => {
+      let res = "";
+      switch (props.noDataImg) {
+        case "no-permission":
+          res = "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458";
+          break;
+        case "failure":
+          res = "\u8BF7\u7A0D\u540E\u518D\u8BD5";
+          break;
+      }
+      return res;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showImg ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: unref(imgStr),
+          alt: ""
+        }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+        createElementVNode("p", null, toDisplayString(__props.noDataTip), 1),
+        unref(handleDesc) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(handleDesc)), 1)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var NoData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoData.vue"]]);
+
+export { NoData as default };

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, mergeProps } from 'vue';
+import { defineComponent, ref, createVNode, mergeProps } from 'vue';
 import { NInput, NInputNumber } from 'naive-ui';
 
 var EditInput = defineComponent({
@@ -29,9 +29,9 @@ var EditInput = defineComponent({
   emits: ["formChange"],
   setup(props, {
     attrs,
-    slots,
     emit
   }) {
+    const __value = ref(attrs.value);
     const onUpdateValue = (value) => {
       emit("formChange", {
         value,
@@ -40,11 +40,22 @@ var EditInput = defineComponent({
         index: props.index
       });
     };
+    function onBlur() {
+      emit("formChange", {
+        value: __value.value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    }
     const config = {
-      placeholder: props.col.placeholder || "\u8BF7\u8F93\u5165"
+      placeholder: props.col.placeholder || "\u8BF7\u8F93\u5165",
+      ...props.col.componentProps || {}
     };
     return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, config, {
-      "onUpdateValue": onUpdateValue
+      "value": __value.value,
+      "onUpdate:value": ($event) => __value.value = $event,
+      "onBlur": onBlur
     }), null) : createVNode(NInputNumber, mergeProps(attrs, config, {
       "onUpdateValue": onUpdateValue
     }), null);

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

@@ -1,4 +1,90 @@
-import script from './edit-separate.vue_vue_type_script_setup_true_lang.js';
-export { default } from './edit-separate.vue_vue_type_script_setup_true_lang.js';
+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 from '../separate.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/big-table/src/components/edit-form/edit-separate.vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "edit-separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true },
+    index: { type: Number, required: true }
+  },
+  emits: ["formChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const popoverRef = ref();
+    const editContent = ref();
+    const { getRowData } = useSeparateMap();
+    function updateShow(show) {
+      const target = getRowData(props.row);
+      if (!target)
+        return;
+      if (show) {
+        editContent.value = cloneDeep(target.row[props.col.field]);
+        return;
+      }
+      const old = target.row[props.col.field];
+      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,
+        row: target.row,
+        column: props.col,
+        index: target.index
+      });
+    }
+    const style = {
+      border: "1px solid #f5f5f5",
+      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(Separate, {
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
+            style,
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["col", "row"])
+        ]),
+        default: withCtx(() => [
+          __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[2] || (_cache[2] = ($event) => editContent.value = $event),
+            type: "textarea"
+          }, null, 8, ["value"]))
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+});
+var EditSeparate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "edit-separate.vue"]]);
+
+export { EditSeparate as default };

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: {