@vunk/form 2.6.1 → 2.7.0

package/components/information-templates-default/index.mjs

@@ -1,183 +1,70 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString } from 'vue';
+import { defineComponent, createVNode, Fragment, mergeProps } from 'vue';
 import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
-import { VkfFormItem } from '@vunk/form/components/form-item';
+import { VkfFormItem, _VkfFormItemCtx } from '@vunk/form/components/form-item';
 import { VkfSelect } from '@vunk/form/components/select';
-import { VkfTagInformation } from '@vunk/form/components/tag-information';
+import { VkfInformationCollection } from '@vunk/form/components/information-collection';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
-const props = {};
-const emits = {};
-
-var _sfc_main = defineComponent({
+var _sfc_main = /* @__PURE__ */ defineComponent({
   name: "VkfInformationTemplatesDefault",
-  components: {
-    VkfFormItem,
-    VkfFormItemRendererTemplate,
-    VkfTagInformation,
-    VkfSelect
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
+  setup() {
     const prefixCls = "vkf-information-templates-default";
-    const simpleStringTemplates = [
-      "VkfInput",
-      "VkfInputNumber",
-      "VkfSlider"
-    ];
-    const simpleSelectTemplates = [
-      "VkfSelect",
-      "VkfRadio"
-    ];
-    const simpleCollectionTemplates = [
-      "VkfInputCollection"
-    ];
-    return {
-      prefixCls,
-      simpleStringTemplates,
-      simpleSelectTemplates,
-      simpleCollectionTemplates
-    };
+    const simpleStringTemplates = ["VkfInput", "VkfInputNumber", "VkfSlider"];
+    const simpleSelectTemplates = ["VkfSelect", "VkfRadio"];
+    const simpleCollectionTemplates = ["VkfInputCollection"];
+    return () => createVNode(Fragment, null, [simpleStringTemplates.map(t => createVNode(VkfFormItemRendererTemplate, {
+      "key": t,
+      "type": t
+    }, {
+      default: ({
+        props,
+        value
+      }) => createVNode(VkfFormItem, {
+        "class": `${prefixCls}-main`,
+        "label": props.label,
+        "prop": props.prop,
+        "information": true
+      }, {
+        default: () => [createVNode("div", {
+          "class": `${prefixCls}-value`
+        }, [value])]
+      })
+    })), simpleSelectTemplates.map(t => createVNode(VkfFormItemRendererTemplate, {
+      "key": t,
+      "type": t
+    }, {
+      default: ({
+        props,
+        value
+      }) => createVNode(VkfSelect, {
+        "label": props.label,
+        "information": true,
+        "class": `${prefixCls}-main`,
+        "readonly": true,
+        "modelValue": value,
+        "options": props.options
+      }, null)
+    })), simpleCollectionTemplates.map(t => createVNode(VkfFormItemRendererTemplate, {
+      "key": t,
+      "type": t
+    }, {
+      default: ({
+        props,
+        value,
+        informationProps
+      }) => {
+        const formItemProps = _VkfFormItemCtx.createBindProps(props);
+        return createVNode(VkfInformationCollection, mergeProps({
+          "class": `${prefixCls}-main`,
+          "modelValue": value,
+          "columns": props.columns
+        }, formItemProps.value, informationProps), null);
+      }
+    }))]);
   }
 });
 
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
-  const _component_VkfSelect = resolveComponent("VkfSelect");
-  const _component_VkfTagInformation = resolveComponent("VkfTagInformation");
-  return openBlock(), createElementBlock(
-    Fragment,
-    null,
-    [
-      (openBlock(true), createElementBlock(
-        Fragment,
-        null,
-        renderList(_ctx.simpleStringTemplates, (t) => {
-          return openBlock(), createBlock(_component_VkfFormItemRendererTemplate, {
-            key: t,
-            type: t
-          }, {
-            default: withCtx(({ props, value }) => [
-              createVNode(_component_VkfFormItem, {
-                class: normalizeClass(`${_ctx.prefixCls}-main`),
-                label: props.label,
-                prop: props.prop,
-                information: true
-              }, {
-                default: withCtx(() => [
-                  createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(`${_ctx.prefixCls}-value`)
-                    },
-                    toDisplayString(value),
-                    3
-                    /* TEXT, CLASS */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["class", "label", "prop"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["type"]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      )),
-      (openBlock(true), createElementBlock(
-        Fragment,
-        null,
-        renderList(_ctx.simpleSelectTemplates, (t) => {
-          return openBlock(), createBlock(_component_VkfFormItemRendererTemplate, {
-            key: t,
-            type: t
-          }, {
-            default: withCtx(({ props, value }) => [
-              createVNode(_component_VkfSelect, {
-                label: props.label,
-                information: true,
-                class: normalizeClass(`${_ctx.prefixCls}-main`),
-                readonly: true,
-                "model-value": value,
-                options: props.options
-              }, null, 8, ["label", "class", "model-value", "options"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["type"]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      )),
-      (openBlock(true), createElementBlock(
-        Fragment,
-        null,
-        renderList(_ctx.simpleCollectionTemplates, (t) => {
-          return openBlock(), createBlock(_component_VkfFormItemRendererTemplate, {
-            key: t,
-            type: t
-          }, {
-            default: withCtx(({ props, value }) => [
-              createVNode(_component_VkfFormItem, {
-                class: normalizeClass(`${_ctx.prefixCls}-main`),
-                label: props.label,
-                prop: props.prop,
-                information: true
-              }, {
-                default: withCtx(() => [
-                  createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(`${_ctx.prefixCls}-value`)
-                    },
-                    [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(value, (item, index) => {
-                          return openBlock(), createBlock(_component_VkfTagInformation, {
-                            key: index,
-                            "label-render": props.summaryLabel,
-                            data: item,
-                            "form-items": props.columns.map((v) => {
-                              return {
-                                ...v,
-                                ...v.templateProps,
-                                ...v.templateProps?.createTemplateProps?.({
-                                  row: item
-                                })
-                              };
-                            })
-                          }, null, 8, ["label-render", "data", "form-items"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["class", "label", "prop"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["type"]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var VkfInformationTemplatesDefault = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information-templates-default/src/index.vue"]]);
+var VkfInformationTemplatesDefault = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information-templates-default/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/information-templates-default/src/index.vue.d.ts

@@ -1,52 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    prefixCls: string;
-    simpleStringTemplates: string[];
-    simpleSelectTemplates: readonly ["VkfSelect", "VkfRadio"];
-    simpleCollectionTemplates: string[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-    VkfFormItem: {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        [x: string]: any;
-        [x: symbol]: any;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install(app: import("vue").App): void;
-    };
-    VkfFormItemRendererTemplate: {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        [x: string]: any;
-        [x: symbol]: any;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install(app: import("vue").App): void;
-    };
-    VkfTagInformation: {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        [x: string]: any;
-        [x: symbol]: any;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install(app: import("vue").App): void;
-    };
-    VkfSelect: {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        [x: string]: any;
-        [x: symbol]: any;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install(app: import("vue").App): void;
-    };
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/input-collection/index.cjs

@@ -39,15 +39,6 @@ const props = {
     type: Boolean,
     default: true
   },
-  /**
-   * @description 简述一行的内容, 用于 Infomation
-   */
-  summaryLabel: {
-    type: Function,
-    default: (data) => {
-      return Object.values(data).join(" ");
-    }
-  },
   /**
    * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
    */
@@ -103,6 +94,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       return data;
     });
+    const innerCtx = {
+      addExpandRowKey,
+      removeExpandRowKey,
+      getExpandRowKeys
+    };
     const fullColumns = vue.computed(() => {
       return props2.columns.map(column => {
         return {
@@ -118,9 +114,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             return vue.createVNode(formItemRenderer.VkfFormItemRenderer, {
               "source": [{
                 ...formItemProps,
-                ...column.createTemplateProps?.(e, formItemProps, {
-                  setExpandRowKeys
-                })
+                ...column.createTemplateProps?.(e, formItemProps, innerCtx)
               }]
             }, null);
           }
@@ -142,9 +136,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           };
           return {
             ...formItemProps,
-            ...column.createTemplateProps?.(e, formItemProps, {
-              setExpandRowKeys
-            })
+            ...column.createTemplateProps?.(e, formItemProps, innerCtx)
           };
         });
         return vue.createVNode(fieldset.VkfFieldset, {
@@ -225,6 +217,22 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function setExpandRowKeys(v) {
       expandRowKeys.value = v;
     }
+    function addExpandRowKey(v) {
+      if (expandRowKeys.value.indexOf(v) === -1) {
+        expandRowKeys.value.push(v);
+      }
+    }
+    function removeExpandRowKey(v) {
+      for (let i = 0; i < expandRowKeys.value.length; i++) {
+        if (expandRowKeys.value[i] === v) {
+          expandRowKeys.value.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function getExpandRowKeys() {
+      return expandRowKeys.value;
+    }
     return {
       addToFirst,
       formItemBindProps,

package/components/input-collection/index.mjs

@@ -35,15 +35,6 @@ const props = {
     type: Boolean,
     default: true
   },
-  /**
-   * @description 简述一行的内容, 用于 Infomation
-   */
-  summaryLabel: {
-    type: Function,
-    default: (data) => {
-      return Object.values(data).join(" ");
-    }
-  },
   /**
    * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
    */
@@ -99,6 +90,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       return data;
     });
+    const innerCtx = {
+      addExpandRowKey,
+      removeExpandRowKey,
+      getExpandRowKeys
+    };
     const fullColumns = computed(() => {
       return props2.columns.map(column => {
         return {
@@ -114,9 +110,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             return createVNode(VkfFormItemRenderer, {
               "source": [{
                 ...formItemProps,
-                ...column.createTemplateProps?.(e, formItemProps, {
-                  setExpandRowKeys
-                })
+                ...column.createTemplateProps?.(e, formItemProps, innerCtx)
               }]
             }, null);
           }
@@ -138,9 +132,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           };
           return {
             ...formItemProps,
-            ...column.createTemplateProps?.(e, formItemProps, {
-              setExpandRowKeys
-            })
+            ...column.createTemplateProps?.(e, formItemProps, innerCtx)
           };
         });
         return createVNode(VkfFieldset, {
@@ -221,6 +213,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function setExpandRowKeys(v) {
       expandRowKeys.value = v;
     }
+    function addExpandRowKey(v) {
+      if (expandRowKeys.value.indexOf(v) === -1) {
+        expandRowKeys.value.push(v);
+      }
+    }
+    function removeExpandRowKey(v) {
+      for (let i = 0; i < expandRowKeys.value.length; i++) {
+        if (expandRowKeys.value[i] === v) {
+          expandRowKeys.value.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function getExpandRowKeys() {
+      return expandRowKeys.value;
+    }
     return {
       addToFirst,
       formItemBindProps,

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

@@ -20,13 +20,6 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * @description 简述一行的内容, 用于 Infomation
-     */
-    summaryLabel: {
-        type: PropType<(data: NormalObject) => string>;
-        default: (data: any) => string;
-    };
     /**
      * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
      */

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

@@ -18,10 +18,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    summaryLabel: {
-        type: import("vue").PropType<(data: NormalObject) => string>;
-        default: (data: any) => string;
-    };
     labelActions: {
         type: BooleanConstructor;
         default: boolean;
@@ -122,10 +118,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    summaryLabel: {
-        type: import("vue").PropType<(data: NormalObject) => string>;
-        default: (data: any) => string;
-    };
     labelActions: {
         type: BooleanConstructor;
         default: boolean;
@@ -214,7 +206,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     defaultExpandAll: boolean;
     splicable: boolean;
     labelActions: boolean;
-    summaryLabel: (data: NormalObject) => string;
     defaultItemValue: NormalObject;
 }, {}, {
     ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{

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

@@ -7,6 +7,9 @@ import type Core from './index.vue';
 export interface Source<P extends string = string> extends VueComponentPropsType<typeof Core>, BasicSource {
     prop?: P | P[];
     templateType: 'VkfInputCollection';
+    informationProps?: {
+        labelRender?: (row: any) => string;
+    };
 }
 export type Column<R extends NormalObject = NormalObject, SourceType extends NormalObject = __VkfTemplatesDefault.CoreSource<Keyof<R>>> = Omit<__VkTableColumns.Source<R>, 'slots'> & {
     templateType: SourceType['templateType'];
@@ -20,6 +23,8 @@ export type Column<R extends NormalObject = NormalObject, SourceType extends Nor
         prop: Array<string | number>;
         readonly: boolean;
     }, innerContext: {
-        setExpandRowKeys: (rowKeys: string[]) => void;
+        addExpandRowKey: (rowKey: string) => void;
+        removeExpandRowKey: (rowKey: string) => void;
+        getExpandRowKeys: () => string[];
     }) => Partial<SourceType>;
 };

package/index.css

@@ -224,6 +224,13 @@
   display: inline-flex;
 }
 
+.vkf-information-tag__tag{
+  cursor: pointer;
+}
+.vkf-information-tag__tag + .vkf-information-tag__tag {
+  margin-left: 0.5em;
+}
+
 .vkf-information-templates-default-main .el-form-item__label {
   color: var(--el-text-color-secondary);
   font-weight: normal;
@@ -342,13 +349,6 @@
   display: none;
 }
 
-.vkf-tag-information__tag{
-  cursor: pointer;
-}
-.vkf-tag-information__tag + .vkf-tag-information__tag {
-  margin-left: 0.5em;
-}
-
 .vkf-flex {
   display: flex;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "description": "",
   "main": "index.esm.js",
   "scripts": {
@@ -145,11 +145,6 @@
       "types": "./components/template-instances-provider/index.d.ts",
       "require": "./components/template-instances-provider/index.cjs"
     },
-    "./components/tag-information": {
-      "import": "./components/tag-information/index.mjs",
-      "types": "./components/tag-information/index.d.ts",
-      "require": "./components/tag-information/index.cjs"
-    },
     "./components/tables-select": {
       "import": "./components/tables-select/index.mjs",
       "types": "./components/tables-select/index.d.ts",
@@ -215,6 +210,16 @@
       "types": "./components/information-templates-default/index.d.ts",
       "require": "./components/information-templates-default/index.cjs"
     },
+    "./components/information-tag": {
+      "import": "./components/information-tag/index.mjs",
+      "types": "./components/information-tag/index.d.ts",
+      "require": "./components/information-tag/index.cjs"
+    },
+    "./components/information-collection": {
+      "import": "./components/information-collection/index.mjs",
+      "types": "./components/information-collection/index.d.ts",
+      "require": "./components/information-collection/index.cjs"
+    },
     "./components/information": {
       "import": "./components/information/index.mjs",
       "types": "./components/information/index.d.ts",
@@ -313,9 +318,6 @@
     "./components/templates-layout/index.css": {
       "import": "./components/templates-layout/index.css"
     },
-    "./components/tag-information/index.css": {
-      "import": "./components/tag-information/index.css"
-    },
     "./components/tables-select/index.css": {
       "import": "./components/tables-select/index.css"
     },
@@ -343,6 +345,9 @@
     "./components/information-templates-default/index.css": {
       "import": "./components/information-templates-default/index.css"
     },
+    "./components/information-tag/index.css": {
+      "import": "./components/information-tag/index.css"
+    },
     "./components/form-item/index.css": {
       "import": "./components/form-item/index.css"
     },

package/shared/element-plus/ctx.d.ts

@@ -26,3 +26,5 @@ export declare const createSliderBindProps: <T2 extends import("@vunk/core").Nor
 export declare const createSliderOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("update:modelValue" | "input" | "change")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"update:modelValue" | "input" | "change", KE> : "update:modelValue" | "input" | "change"]: { [k in "update:modelValue" | "input" | "change"]: (...e: import("@vunk/core").RestParameters<T2>) => void; }[P]; };
 export declare const createInputTagBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"readonly", keyof T2> | Extract<"id", keyof T2> | Extract<"maxlength", keyof T2> | Extract<"minlength", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"autofocus", keyof T2> | Extract<"tagType", keyof T2> | Extract<"max", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"trigger", keyof T2> | Extract<"draggable", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "readonly" | "id" | "maxlength" | "minlength" | "ariaLabel" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "tabindex" | "validateEvent" | "autofocus" | "tagType" | "max" | "tagEffect" | "trigger" | "draggable", keyof T2>, KE> : Extract<"size" | "disabled" | "readonly" | "id" | "maxlength" | "minlength" | "ariaLabel" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "tabindex" | "validateEvent" | "autofocus" | "tagType" | "max" | "tagEffect" | "trigger" | "draggable", keyof T2>]: { [k in Extract<"size" | "disabled" | "readonly" | "id" | "maxlength" | "minlength" | "ariaLabel" | "modelValue" | "autocomplete" | "placeholder" | "clearable" | "tabindex" | "validateEvent" | "autofocus" | "tagType" | "max" | "tagEffect" | "trigger" | "draggable", keyof T2>]: T2[k]; }[P]; }>;
 export declare const createInputTagOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("clear" | "update:modelValue" | "input" | "change" | "focus" | "blur" | "remove-tag" | "add-tag")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"clear" | "update:modelValue" | "input" | "change" | "focus" | "blur" | "remove-tag" | "add-tag", KE> : "clear" | "update:modelValue" | "input" | "change" | "focus" | "blur" | "remove-tag" | "add-tag"]: { [k in "clear" | "update:modelValue" | "input" | "change" | "focus" | "blur" | "remove-tag" | "add-tag"]: (...e: import("@vunk/core").RestParameters<T2>) => void; }[P]; };
+export declare const createTagBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"type", keyof T2> | Extract<"size", keyof T2> | Extract<"effect", keyof T2> | Extract<"round", keyof T2> | Extract<"color", keyof T2> | Extract<"closable", keyof T2> | Extract<"disableTransitions", keyof T2> | Extract<"hit", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"type" | "size" | "effect" | "round" | "color" | "closable" | "disableTransitions" | "hit", keyof T2>, KE> : Extract<"type" | "size" | "effect" | "round" | "color" | "closable" | "disableTransitions" | "hit", keyof T2>]: { [k in Extract<"type" | "size" | "effect" | "round" | "color" | "closable" | "disableTransitions" | "hit", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createTagOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("click" | "close")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"click" | "close", KE> : "click" | "close"]: { [k in "click" | "close"]: (...e: import("@vunk/core").RestParameters<T2>) => void; }[P]; };

package/shared/element-plus/index.cjs

@@ -177,6 +177,8 @@ const createSliderBindProps = utilsVue.bindPropsFactory(elementPlus.sliderProps)
 const createSliderOnEmits = utilsVue.onEmitsFactory(elementPlus.sliderEmits);
 const createInputTagBindProps = utilsVue.bindPropsFactory(elementPlus.inputTagProps);
 const createInputTagOnEmits = utilsVue.onEmitsFactory(elementPlus.inputTagEmits);
+const createTagBindProps = utilsVue.bindPropsFactory(elementPlus.tagProps);
+const createTagOnEmits = utilsVue.onEmitsFactory(elementPlus.tagEmits);
 
 const semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
 const validateAndParse = (version) => {
@@ -312,6 +314,8 @@ exports.createSliderBindProps = createSliderBindProps;
 exports.createSliderOnEmits = createSliderOnEmits;
 exports.createSwitchBindProps = createSwitchBindProps;
 exports.createSwitchOnEmits = createSwitchOnEmits;
+exports.createTagBindProps = createTagBindProps;
+exports.createTagOnEmits = createTagOnEmits;
 exports.createUploadBindProps = createUploadBindProps;
 exports.datePickerEmits = datePickerEmits;
 exports.datePickerProps = datePickerProps;

package/shared/element-plus/index.mjs

@@ -1,4 +1,4 @@
-import { timePickerDefaultProps, useTooltipContentProps, tagProps, inputProps, inputEmits, formProps, formEmits, formItemProps, switchProps, switchEmits, inputNumberProps, inputNumberEmits, radioGroupProps, radioGroupEmits, checkboxGroupProps, checkboxGroupEmits, uploadProps, colorPickerProps, colorPickerEmits, buttonProps, buttonEmits, cascaderProps, cascaderEmits, sliderProps, sliderEmits, inputTagProps, inputTagEmits, version } from 'element-plus';
+import { timePickerDefaultProps, useTooltipContentProps, tagProps, inputProps, inputEmits, formProps, formEmits, formItemProps, switchProps, switchEmits, inputNumberProps, inputNumberEmits, radioGroupProps, radioGroupEmits, checkboxGroupProps, checkboxGroupEmits, uploadProps, colorPickerProps, colorPickerEmits, buttonProps, buttonEmits, cascaderProps, cascaderEmits, sliderProps, sliderEmits, inputTagProps, inputTagEmits, tagEmits, version } from 'element-plus';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, openBlock, createElementBlock, createElementVNode } from 'vue';
 
@@ -175,6 +175,8 @@ const createSliderBindProps = bindPropsFactory(sliderProps);
 const createSliderOnEmits = onEmitsFactory(sliderEmits);
 const createInputTagBindProps = bindPropsFactory(inputTagProps);
 const createInputTagOnEmits = onEmitsFactory(inputTagEmits);
+const createTagBindProps = bindPropsFactory(tagProps);
+const createTagOnEmits = onEmitsFactory(tagEmits);
 
 const semver = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i;
 const validateAndParse = (version) => {
@@ -283,4 +285,4 @@ const assertValidOperator = (op) => {
 
 const isGte2_6_0 = compare(version, "2.6.0", ">=");
 
-export { createButtonBindProps, createButtonOnEmits, createCascaderBindProps, createCascaderOnEmits, createCheckboxGroupBindProps, createCheckboxGroupOnEmits, createColorPickerBindProps, createColorPickerOnEmits, createDatePickerBindProps, createDatePickerOnEmits, createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputNumberBindProps, createInputNumberOnEmits, createInputOnEmits, createInputTagBindProps, createInputTagOnEmits, createRadioGroupBindProps, createRadioGroupOnEmits, createSelectBindProps, createSelectOnEmits, createSliderBindProps, createSliderOnEmits, createSwitchBindProps, createSwitchOnEmits, createUploadBindProps, datePickerEmits, datePickerProps, isGte2_6_0, selectEmits, selectProps };
+export { createButtonBindProps, createButtonOnEmits, createCascaderBindProps, createCascaderOnEmits, createCheckboxGroupBindProps, createCheckboxGroupOnEmits, createColorPickerBindProps, createColorPickerOnEmits, createDatePickerBindProps, createDatePickerOnEmits, createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputNumberBindProps, createInputNumberOnEmits, createInputOnEmits, createInputTagBindProps, createInputTagOnEmits, createRadioGroupBindProps, createRadioGroupOnEmits, createSelectBindProps, createSelectOnEmits, createSliderBindProps, createSliderOnEmits, createSwitchBindProps, createSwitchOnEmits, createTagBindProps, createTagOnEmits, createUploadBindProps, datePickerEmits, datePickerProps, isGte2_6_0, selectEmits, selectProps };