@vunk/form 2.4.0 → 2.5.0

package/components/input-collection/index.cjs

@@ -13,6 +13,7 @@ var formItemRenderer = require('@vunk/form/components/form-item-renderer');
 var core = require('@vunk/core');
 var index = require('../index2.cjs');
 var rendererData = require('@vunk/form/components/renderer-data');
+var fieldset = require('@vunk/form/components/fieldset');
 var cloneDeep = require('../cloneDeep.cjs');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 require('../isObject.cjs');
@@ -46,6 +47,13 @@ const props = {
     default: (data) => {
       return Object.values(data).join(" ");
     }
+  },
+  /**
+   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
+   */
+  labelActions: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
@@ -97,49 +105,107 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         };
       });
     });
+    const expandFormItemRaws = vue.computed(() => props2.columns.filter(e => e.expandVisible));
+    const expandColumn = {
+      type: "expand",
+      slots: e => {
+        const source = expandFormItemRaws.value.map(column => {
+          return {
+            prop: [props2.prop ?? [], e.$index, column.prop].flat(),
+            label: column.label,
+            templateType: column.templateType,
+            readonly: readonly.value,
+            ...column.templateProps,
+            ...column.createTemplateProps?.(e),
+            class: "vk-input-collection__expand-form-item"
+          };
+        });
+        return vue.createVNode(fieldset.VkfFieldset, {
+          "class": "vk-input-collection__expand-fieldset",
+          "label-width": "auto"
+        }, {
+          default: () => [vue.createVNode(formItemRenderer.VkfFormItemRenderer, {
+            "source": source
+          }, null)]
+        });
+      }
+    };
     const buttonsColumn = vue.computed(() => ({
       label: "\u64CD\u4F5C",
       align: "center",
-      width: "120px",
+      width: "85",
       hidden: readonly.value || !props2.splicable,
+      className: "vk-input-collection__buttons",
       slots: ({
         $index
       }) => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
         "size": "small",
         "icon": index.plus_default,
+        "circle": true,
         "onClick": () => handlePlus($index)
       }, null), vue.createVNode(elementPlus.ElButton, {
         "size": "small",
         "icon": index.minus_default,
+        "circle": true,
         "onClick": () => handleMinus($index)
       }, null)])
     }));
+    const allColumns = vue.computed(() => {
+      const data = [...fullColumns.value, buttonsColumn.value];
+      if (expandFormItemRaws.value.length) {
+        data.unshift(expandColumn);
+      }
+      return data;
+    });
     function handlePlus(index) {
       const data = cloneDeep.cloneDeep(props2.modelValue);
       data.splice(index + 1, 0, {});
       emit("update:modelValue", data);
+      setExpandRowKeys([]);
     }
     function handleMinus(index) {
       const data = cloneDeep.cloneDeep(props2.modelValue);
       data.splice(index, 1);
       emit("update:modelValue", data);
+      setExpandRowKeys([]);
     }
     const addToFirst = () => {
       emit("update:modelValue", [{}, ...props2.modelValue]);
+      setExpandRowKeys([]);
     };
     const handleFormSetData = e => {
       const data = cloneDeep.cloneDeep(formData.value);
       core.ensetData(data, e);
       emit("update:modelValue", core.getValue(data, props2.prop));
     };
+    const ROW_KEY = "_row_key";
+    const tableData = vue.computed(() => {
+      return props2.modelValue.map((e, index) => {
+        return {
+          ...e,
+          [ROW_KEY]: index + ""
+        };
+      });
+    });
+    const expandRowKeys = vue.ref([]);
+    const handleExpandChange = (row, expandedRows) => {
+      expandRowKeys.value = expandedRows.map(e => e[ROW_KEY]);
+    };
+    function setExpandRowKeys(v) {
+      expandRowKeys.value = v;
+    }
     return {
       addToFirst,
       formItemBindProps,
       readonly,
-      fullColumns,
-      buttonsColumn,
       handleFormSetData,
-      formData
+      formData,
+      Plus: index.plus_default,
+      expandRowKeys,
+      handleExpandChange,
+      tableData,
+      ROW_KEY,
+      allColumns
     };
   }
 });
@@ -169,14 +235,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(
             _component_VkfFormItem,
             vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
-            {
+            vue.createSlots({
               default: vue.withCtx(() => [
-                !_ctx.readonly && _ctx.splicable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                !_ctx.readonly && _ctx.splicable && !_ctx.labelActions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
                   vue.createVNode(_component_ElButton, {
                     type: "primary",
                     onClick: _ctx.addToFirst
                   }, {
-                    default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                    default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                       vue.createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1
@@ -184,26 +250,43 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   }, 8, ["onClick"])
                 ])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_ElTable, {
-                  data: _ctx.modelValue,
-                  class: "vkf-input-collection-table"
+                  data: _ctx.tableData,
+                  class: "vkf-input-collection-table",
+                  "row-key": _ctx.ROW_KEY,
+                  "expand-row-keys": _ctx.expandRowKeys,
+                  "default-expand-all": "",
+                  onExpandChange: _ctx.handleExpandChange
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_component_VkTableColumns, {
-                      source: [
-                        ..._ctx.fullColumns,
-                        _ctx.buttonsColumn
-                      ]
-                    }, null, 8, ["source"])
+                    vue.createVNode(_component_VkTableColumns, { source: _ctx.allColumns }, null, 8, ["source"])
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["data"])
+                }, 8, ["data", "row-key", "expand-row-keys", "onExpandChange"])
               ]),
-              _: 1
-              /* STABLE */
-            },
-            16
-            /* FULL_PROPS */
+              _: 2
+              /* DYNAMIC */
+            }, [
+              !_ctx.readonly && _ctx.splicable && _ctx.labelActions ? {
+                name: "labelActions",
+                fn: vue.withCtx(() => [
+                  vue.createVNode(_component_ElButton, {
+                    size: "small",
+                    icon: _ctx.Plus,
+                    onClick: _ctx.addToFirst
+                  }, {
+                    default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                      vue.createTextVNode(" \u6DFB\u52A0 ")
+                    ])),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["icon", "onClick"])
+                ]),
+                key: "0"
+              } : void 0
+            ]),
+            1040
+            /* FULL_PROPS, DYNAMIC_SLOTS */
           )
         ]),
         _: 1

package/components/input-collection/index.css

@@ -9,3 +9,12 @@
 .vkf-input-collection-table .vkf-form-item {
   margin-bottom: 0;
 }
+.vkf-input-collection-table .vk-input-collection__expand-form-item {
+  margin-bottom: 18px;
+}
+.vk-input-collection__expand-fieldset{
+  padding: 8px;
+}
+.vk-input-collection__buttons .cell{
+  padding: 0;
+}

package/components/input-collection/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, Fragment, resolveComponent, openBlock, createBlock, withCtx, normalizeProps, guardReactiveProps, createElementBlock, createTextVNode, createCommentVNode } from 'vue';
+import { defineComponent, computed, createVNode, Fragment, ref, resolveComponent, openBlock, createBlock, withCtx, normalizeProps, guardReactiveProps, createSlots, createElementBlock, createTextVNode, createCommentVNode } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { VkTableColumns } from '@vunk/plus/components/table-columns';
 import { ElTable, ElButton } from 'element-plus';
@@ -9,6 +9,7 @@ import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 import { ensetData, getValue } from '@vunk/core';
 import { p as plus_default, b as minus_default } from '../index2.mjs';
 import { VkfRendererData } from '@vunk/form/components/renderer-data';
+import { VkfFieldset } from '@vunk/form/components/fieldset';
 import { c as cloneDeep } from '../cloneDeep.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import '../isObject.mjs';
@@ -42,6 +43,13 @@ const props = {
     default: (data) => {
       return Object.values(data).join(" ");
     }
+  },
+  /**
+   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
+   */
+  labelActions: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
@@ -93,49 +101,107 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         };
       });
     });
+    const expandFormItemRaws = computed(() => props2.columns.filter(e => e.expandVisible));
+    const expandColumn = {
+      type: "expand",
+      slots: e => {
+        const source = expandFormItemRaws.value.map(column => {
+          return {
+            prop: [props2.prop ?? [], e.$index, column.prop].flat(),
+            label: column.label,
+            templateType: column.templateType,
+            readonly: readonly.value,
+            ...column.templateProps,
+            ...column.createTemplateProps?.(e),
+            class: "vk-input-collection__expand-form-item"
+          };
+        });
+        return createVNode(VkfFieldset, {
+          "class": "vk-input-collection__expand-fieldset",
+          "label-width": "auto"
+        }, {
+          default: () => [createVNode(VkfFormItemRenderer, {
+            "source": source
+          }, null)]
+        });
+      }
+    };
     const buttonsColumn = computed(() => ({
       label: "\u64CD\u4F5C",
       align: "center",
-      width: "120px",
+      width: "85",
       hidden: readonly.value || !props2.splicable,
+      className: "vk-input-collection__buttons",
       slots: ({
         $index
       }) => createVNode(Fragment, null, [createVNode(ElButton, {
         "size": "small",
         "icon": plus_default,
+        "circle": true,
         "onClick": () => handlePlus($index)
       }, null), createVNode(ElButton, {
         "size": "small",
         "icon": minus_default,
+        "circle": true,
         "onClick": () => handleMinus($index)
       }, null)])
     }));
+    const allColumns = computed(() => {
+      const data = [...fullColumns.value, buttonsColumn.value];
+      if (expandFormItemRaws.value.length) {
+        data.unshift(expandColumn);
+      }
+      return data;
+    });
     function handlePlus(index) {
       const data = cloneDeep(props2.modelValue);
       data.splice(index + 1, 0, {});
       emit("update:modelValue", data);
+      setExpandRowKeys([]);
     }
     function handleMinus(index) {
       const data = cloneDeep(props2.modelValue);
       data.splice(index, 1);
       emit("update:modelValue", data);
+      setExpandRowKeys([]);
     }
     const addToFirst = () => {
       emit("update:modelValue", [{}, ...props2.modelValue]);
+      setExpandRowKeys([]);
     };
     const handleFormSetData = e => {
       const data = cloneDeep(formData.value);
       ensetData(data, e);
       emit("update:modelValue", getValue(data, props2.prop));
     };
+    const ROW_KEY = "_row_key";
+    const tableData = computed(() => {
+      return props2.modelValue.map((e, index) => {
+        return {
+          ...e,
+          [ROW_KEY]: index + ""
+        };
+      });
+    });
+    const expandRowKeys = ref([]);
+    const handleExpandChange = (row, expandedRows) => {
+      expandRowKeys.value = expandedRows.map(e => e[ROW_KEY]);
+    };
+    function setExpandRowKeys(v) {
+      expandRowKeys.value = v;
+    }
     return {
       addToFirst,
       formItemBindProps,
       readonly,
-      fullColumns,
-      buttonsColumn,
       handleFormSetData,
-      formData
+      formData,
+      Plus: plus_default,
+      expandRowKeys,
+      handleExpandChange,
+      tableData,
+      ROW_KEY,
+      allColumns
     };
   }
 });
@@ -165,14 +231,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(
             _component_VkfFormItem,
             normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
-            {
+            createSlots({
               default: withCtx(() => [
-                !_ctx.readonly && _ctx.splicable ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                !_ctx.readonly && _ctx.splicable && !_ctx.labelActions ? (openBlock(), createElementBlock("div", _hoisted_1, [
                   createVNode(_component_ElButton, {
                     type: "primary",
                     onClick: _ctx.addToFirst
                   }, {
-                    default: withCtx(() => _cache[0] || (_cache[0] = [
+                    default: withCtx(() => _cache[1] || (_cache[1] = [
                       createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1
@@ -180,26 +246,43 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   }, 8, ["onClick"])
                 ])) : createCommentVNode("v-if", true),
                 createVNode(_component_ElTable, {
-                  data: _ctx.modelValue,
-                  class: "vkf-input-collection-table"
+                  data: _ctx.tableData,
+                  class: "vkf-input-collection-table",
+                  "row-key": _ctx.ROW_KEY,
+                  "expand-row-keys": _ctx.expandRowKeys,
+                  "default-expand-all": "",
+                  onExpandChange: _ctx.handleExpandChange
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_VkTableColumns, {
-                      source: [
-                        ..._ctx.fullColumns,
-                        _ctx.buttonsColumn
-                      ]
-                    }, null, 8, ["source"])
+                    createVNode(_component_VkTableColumns, { source: _ctx.allColumns }, null, 8, ["source"])
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["data"])
+                }, 8, ["data", "row-key", "expand-row-keys", "onExpandChange"])
               ]),
-              _: 1
-              /* STABLE */
-            },
-            16
-            /* FULL_PROPS */
+              _: 2
+              /* DYNAMIC */
+            }, [
+              !_ctx.readonly && _ctx.splicable && _ctx.labelActions ? {
+                name: "labelActions",
+                fn: withCtx(() => [
+                  createVNode(_component_ElButton, {
+                    size: "small",
+                    icon: _ctx.Plus,
+                    onClick: _ctx.addToFirst
+                  }, {
+                    default: withCtx(() => _cache[0] || (_cache[0] = [
+                      createTextVNode(" \u6DFB\u52A0 ")
+                    ])),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["icon", "onClick"])
+                ]),
+                key: "0"
+              } : void 0
+            ]),
+            1040
+            /* FULL_PROPS, DYNAMIC_SLOTS */
           )
         ]),
         _: 1

package/components/input-collection/src/ctx.d.ts

@@ -28,6 +28,13 @@ export declare const props: {
         type: PropType<(data: NormalObject) => string>;
         default: (data: any) => string;
     };
+    /**
+     * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
+     */
+    labelActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: PropType<"default" | "small" | "large">;

package/components/input-collection/src/index.vue.d.ts

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(data: NormalObject) => string>;
         default: (data: any) => string;
     };
+    labelActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -81,10 +85,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     addToFirst: () => void;
     formItemBindProps: import("vue").ComputedRef<{}>;
     readonly: import("vue").ComputedRef<boolean>;
-    fullColumns: import("vue").ComputedRef<__VkTableColumns.Source<import("@vunk/core").NormalObject>[]>;
-    buttonsColumn: import("vue").ComputedRef<__VkTableColumns.Source<import("@vunk/core").NormalObject>>;
     handleFormSetData: (e: SetDataEvent) => void;
     formData: import("vue").ComputedRef<NormalObject | NormalObject[]>;
+    Plus: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    expandRowKeys: import("vue").Ref<string[], string[]>;
+    handleExpandChange: (row: any, expandedRows: NormalObject[]) => void;
+    tableData: import("vue").ComputedRef<{
+        _row_key: string;
+    }[]>;
+    ROW_KEY: string;
+    allColumns: import("vue").ComputedRef<__VkTableColumns.Source<import("@vunk/core").NormalObject>[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -108,6 +118,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(data: NormalObject) => string>;
         default: (data: any) => string;
     };
+    labelActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -182,6 +196,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modelValue: NormalObject[];
     columns: import("./types").Column<any>[];
     splicable: boolean;
+    labelActions: boolean;
     summaryLabel: (data: NormalObject) => string;
 }, {}, {
     ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -262,11 +277,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         scrollbarAlwaysOn: BooleanConstructor;
         flexible: BooleanConstructor;
         showOverflowTooltip: import("vue").PropType<import("element-plus").TableProps<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["showOverflowTooltip"]>;
+        tooltipFormatter: import("vue").PropType<import("element-plus").TableProps<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["tooltipFormatter"]>;
         appendFilterPanelTo: StringConstructor;
         scrollbarTabindex: {
             type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
+        allowDragLastColumn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -348,6 +368,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         scrollTo: (options: ScrollToOptions | number, yCoord?: number) => void;
         setScrollLeft: (left?: number) => void;
         setScrollTop: (top?: number) => void;
+        allowDragLastColumn: boolean;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "select-all" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "current-change" | "header-dragend" | "expand-change" | "scroll")[], "select" | "select-all" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "current-change" | "header-dragend" | "expand-change" | "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").DefaultRow[]>;
@@ -426,11 +447,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         scrollbarAlwaysOn: BooleanConstructor;
         flexible: BooleanConstructor;
         showOverflowTooltip: import("vue").PropType<import("element-plus").TableProps<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["showOverflowTooltip"]>;
+        tooltipFormatter: import("vue").PropType<import("element-plus").TableProps<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["tooltipFormatter"]>;
         appendFilterPanelTo: StringConstructor;
         scrollbarTabindex: {
             type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
+        allowDragLastColumn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onScroll?: ((...args: any[]) => any) | undefined;
         onSelect?: ((...args: any[]) => any) | undefined;
@@ -460,6 +486,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         fit: boolean;
         lazy: boolean;
         scrollbarAlwaysOn: boolean;
+        allowDragLastColumn: boolean;
         stripe: boolean;
         treeProps: import("element-plus/es/components/table/src/table/defaults").TreeProps | undefined;
         showHeader: boolean;
@@ -507,6 +534,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["showOverflowTooltip"]>;
                 default: undefined;
             };
+            tooltipFormatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["tooltipFormatter"]>;
             fixed: (StringConstructor | BooleanConstructor)[];
             formatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["formatter"]>;
             selectable: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["selectable"]>;
@@ -562,6 +590,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["showOverflowTooltip"]>;
                 default: undefined;
             };
+            tooltipFormatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["tooltipFormatter"]>;
             fixed: (StringConstructor | BooleanConstructor)[];
             formatter: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["formatter"]>;
             selectable: import("vue").PropType<import("element-plus").TableColumnCtx<import("element-plus/es/components/table/src/table/defaults").DefaultRow>["selectable"]>;

package/components/input-collection/src/types.d.ts

@@ -11,6 +11,7 @@ export interface Source<P extends string = string> extends VueComponentPropsType
 export type Column<R extends NormalObject = NormalObject> = Omit<__VkTableColumns.Source<R>, 'slots'> & {
     templateType: __VkfTemplatesDefault.CoreSource['templateType'];
     templateProps?: Partial<__VkfTemplatesDefault.CoreSource<Keyof<R>>>;
+    expandVisible?: boolean;
     createTemplateProps?: (e: {
         row: R;
         column: TableColumnCtx<R>;

package/components/tables-select/src/index.vue.d.ts

@@ -4701,6 +4701,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             readonly modelValue: BooleanConstructor;
             readonly modalClass: StringConstructor;
+            readonly headerClass: StringConstructor;
+            readonly bodyClass: StringConstructor;
+            readonly footerClass: StringConstructor;
             readonly width: {
                 readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                 readonly required: false;
@@ -4801,6 +4804,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             readonly modelValue: BooleanConstructor;
             readonly modalClass: StringConstructor;
+            readonly headerClass: StringConstructor;
+            readonly bodyClass: StringConstructor;
+            readonly footerClass: StringConstructor;
             readonly width: {
                 readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                 readonly required: false;
@@ -4890,6 +4896,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         readonly modelValue: BooleanConstructor;
         readonly modalClass: StringConstructor;
+        readonly headerClass: StringConstructor;
+        readonly bodyClass: StringConstructor;
+        readonly footerClass: StringConstructor;
         readonly width: {
             readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
             readonly required: false;

package/components/tag-information/index.cjs

@@ -28,6 +28,14 @@ const props = {
   formItems: {
     type: Array,
     default: () => []
+  },
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  showAfter: {
+    type: Number,
+    default: 500
   }
 };
 const emits = {};
@@ -59,7 +67,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement,
     title: _ctx.theTitle,
     width: 250,
-    trigger: "click"
+    trigger: _ctx.trigger,
+    "show-after": _ctx.showAfter
   }, {
     reference: vue.withCtx(() => [
       vue.createVNode(_component_ElTag, { class: "vkf-tag-information__tag" }, {
@@ -88,7 +97,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["placement", "title"]);
+  }, 8, ["placement", "title", "trigger", "show-after"]);
 }
 var VkfTagInformation = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/tag-information/src/index.vue"]]);
 

package/components/tag-information/index.mjs

@@ -24,6 +24,14 @@ const props = {
   formItems: {
     type: Array,
     default: () => []
+  },
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  showAfter: {
+    type: Number,
+    default: 500
   }
 };
 const emits = {};
@@ -55,7 +63,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement,
     title: _ctx.theTitle,
     width: 250,
-    trigger: "click"
+    trigger: _ctx.trigger,
+    "show-after": _ctx.showAfter
   }, {
     reference: withCtx(() => [
       createVNode(_component_ElTag, { class: "vkf-tag-information__tag" }, {
@@ -84,7 +93,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["placement", "title"]);
+  }, 8, ["placement", "title", "trigger", "show-after"]);
 }
 var VkfTagInformation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/tag-information/src/index.vue"]]);