@vunk/form 2.16.8 → 2.16.10

package/components/api-tables-select/index.cjs

@@ -6,7 +6,7 @@ var vue = require('vue');
 var tablesSelect = require('@vunk/form/components/tables-select');
 var object = require('@vunk/shared/object');
 var form = require('@vunk/form');
-var core = require('@vunk/core');
+var composables = require('@vunk/core/composables');
 var isObject = require('../isObject.cjs');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
@@ -42,10 +42,15 @@ const props = {
   queryItems: {
     type: Array,
     default: () => []
+  },
+  query: {
+    type: Object,
+    default: void 0
   }
 };
 const emits = {
-  ...tablesSelect._VkfTablesSelectCtx.emits
+  ...tablesSelect._VkfTablesSelectCtx.emits,
+  "setData:query": null
 };
 
 /** `Object#toString` result references. */
@@ -386,7 +391,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const debounceRead = debounce(read, 300);
     const coreProps = tablesSelect._VkfTablesSelectCtx.createBindProps(props, ["getRows"]);
     const coreEmits = tablesSelect._VkfTablesSelectCtx.createOnEmits(emit);
-    const queryData = vue.ref({});
+    const [queryData, setQueryData] = composables.useDataComputed({
+      default: {},
+      key: "query"
+    }, props, emit);
     const tableState = vue.reactive({
       data: [],
       total: 0
@@ -411,12 +419,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       return rows;
     };
-    const __returned__ = { props, emit, debounceRead, coreProps, coreEmits, queryData, tableState, pagination, read, defaultGetRows, get VkfTablesSelect() {
+    const __returned__ = { props, emit, debounceRead, coreProps, coreEmits, queryData, setQueryData, tableState, pagination, read, defaultGetRows, get VkfTablesSelect() {
       return tablesSelect.VkfTablesSelect;
     }, get VkfForm() {
       return form.VkfForm;
-    }, get setData() {
-      return core.setData;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
@@ -426,9 +432,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock($setup["VkfTablesSelect"], vue.mergeProps({
     start: $setup.pagination.start,
-    "onUpdate:start": _cache[1] || (_cache[1] = ($event) => $setup.pagination.start = $event),
+    "onUpdate:start": _cache[0] || (_cache[0] = ($event) => $setup.pagination.start = $event),
     "page-size": $setup.pagination.pageSize,
-    "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => $setup.pagination.pageSize = $event),
+    "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => $setup.pagination.pageSize = $event),
     data: $setup.tableState.data,
     total: $setup.tableState.total,
     "get-rows": _ctx.getRows || $setup.defaultGetRows
@@ -438,8 +444,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "form-items": _ctx.queryItems,
         inline: true,
         data: $setup.queryData,
-        onSetData: _cache[0] || (_cache[0] = ($event) => $setup.setData($setup.queryData, $event))
-      }, null, 8, ["form-items", "data"]),
+        onSetData: $setup.setQueryData
+      }, null, 8, ["form-items", "data", "onSetData"]),
       vue.renderSlot(_ctx.$slots, "dialog")
     ]),
     _: 3

package/components/api-tables-select/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, ref, reactive, watch, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
+import { defineComponent, reactive, ref, watch, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
 import { _VkfTablesSelectCtx, VkfTablesSelect } from '@vunk/form/components/tables-select';
 import { pickObject } from '@vunk/shared/object';
 import { VkfForm } from '@vunk/form';
-import { setData } from '@vunk/core';
+import { useDataComputed } from '@vunk/core/composables';
 import { i as isObjectLike, b as baseGetTag, a as isObject, r as root } from '../isObject.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -38,10 +38,15 @@ const props = {
   queryItems: {
     type: Array,
     default: () => []
+  },
+  query: {
+    type: Object,
+    default: void 0
   }
 };
 const emits = {
-  ..._VkfTablesSelectCtx.emits
+  ..._VkfTablesSelectCtx.emits,
+  "setData:query": null
 };
 
 /** `Object#toString` result references. */
@@ -382,7 +387,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const debounceRead = debounce(read, 300);
     const coreProps = _VkfTablesSelectCtx.createBindProps(props, ["getRows"]);
     const coreEmits = _VkfTablesSelectCtx.createOnEmits(emit);
-    const queryData = ref({});
+    const [queryData, setQueryData] = useDataComputed({
+      default: {},
+      key: "query"
+    }, props, emit);
     const tableState = reactive({
       data: [],
       total: 0
@@ -407,12 +415,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       return rows;
     };
-    const __returned__ = { props, emit, debounceRead, coreProps, coreEmits, queryData, tableState, pagination, read, defaultGetRows, get VkfTablesSelect() {
+    const __returned__ = { props, emit, debounceRead, coreProps, coreEmits, queryData, setQueryData, tableState, pagination, read, defaultGetRows, get VkfTablesSelect() {
       return VkfTablesSelect;
     }, get VkfForm() {
       return VkfForm;
-    }, get setData() {
-      return setData;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
@@ -422,9 +428,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["VkfTablesSelect"], mergeProps({
     start: $setup.pagination.start,
-    "onUpdate:start": _cache[1] || (_cache[1] = ($event) => $setup.pagination.start = $event),
+    "onUpdate:start": _cache[0] || (_cache[0] = ($event) => $setup.pagination.start = $event),
     "page-size": $setup.pagination.pageSize,
-    "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => $setup.pagination.pageSize = $event),
+    "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => $setup.pagination.pageSize = $event),
     data: $setup.tableState.data,
     total: $setup.tableState.total,
     "get-rows": _ctx.getRows || $setup.defaultGetRows
@@ -434,8 +440,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "form-items": _ctx.queryItems,
         inline: true,
         data: $setup.queryData,
-        onSetData: _cache[0] || (_cache[0] = ($event) => $setup.setData($setup.queryData, $event))
-      }, null, 8, ["form-items", "data"]),
+        onSetData: $setup.setQueryData
+      }, null, 8, ["form-items", "data", "onSetData"]),
       renderSlot(_ctx.$slots, "dialog")
     ]),
     _: 3

package/components/api-tables-select/src/ctx.d.ts

@@ -27,6 +27,10 @@ export declare const props: {
         type: PropType<any[]>;
         default: () => any[];
     };
+    query: {
+        type: ObjectConstructor;
+        default: any;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -345,6 +349,7 @@ export declare const props: {
     };
 };
 export declare const emits: {
+    'setData:query': any;
     'update:modelValue': any;
     'update:start': (val: number) => boolean;
     select: null;

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

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
+    query: {
+        type: ObjectConstructor;
+        default: any;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -348,6 +352,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<any[]>;
             default: () => any[];
         };
+        query: {
+            type: ObjectConstructor;
+            default: any;
+        };
         type: {
             type: StringConstructor;
             default: string;
@@ -665,6 +673,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             validator: (val: ("ascending" | "descending" | null)[]) => boolean;
         };
     }>> & Readonly<{
+        "onSetData:query"?: (...args: any[] | unknown[]) => any;
         "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
         "onUpdate:start"?: (val: number) => any;
         onSelect?: (...args: unknown[]) => any;
@@ -693,7 +702,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onPrev-click"?: (val: number) => any;
         "onNext-click"?: (val: number) => any;
     }> & {}>;
-    emit: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "update:start", val: number) => void) & ((event: "select", ...args: unknown[]) => void) & ((event: "select-all", ...args: unknown[]) => void) & ((event: "selection-change", ...args: unknown[]) => void) & ((event: "cell-mouse-enter", ...args: unknown[]) => void) & ((event: "cell-mouse-leave", ...args: unknown[]) => void) & ((event: "cell-contextmenu", ...args: unknown[]) => void) & ((event: "cell-click", ...args: unknown[]) => void) & ((event: "cell-dblclick", ...args: unknown[]) => void) & ((event: "row-click", ...args: unknown[]) => void) & ((event: "row-contextmenu", ...args: unknown[]) => void) & ((event: "row-dblclick", ...args: unknown[]) => void) & ((event: "header-click", ...args: unknown[]) => void) & ((event: "header-contextmenu", ...args: unknown[]) => void) & ((event: "sort-change", ...args: unknown[]) => void) & ((event: "filter-change", ...args: unknown[]) => void) & ((event: "current-change", ...args: unknown[]) => void) & ((event: "header-dragend", ...args: unknown[]) => void) & ((event: "expand-change", ...args: unknown[]) => void) & ((event: "scroll", ...args: unknown[]) => void) & ((event: "update:current-page", val: number) => void) & ((event: "update:page-size", val: number) => void) & ((event: "size-change", val: number) => void) & ((event: "change", currentPage: number, pageSize: number) => void) & ((event: "prev-click", val: number) => void) & ((event: "next-click", val: number) => void);
+    emit: ((event: "setData:query", ...args: unknown[]) => void) & ((event: "setData:query", ...args: any) => void) & ((event: "setData:query", ...args: any[]) => void) & ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "update:start", val: number) => void) & ((event: "select", ...args: unknown[]) => void) & ((event: "select-all", ...args: unknown[]) => void) & ((event: "selection-change", ...args: unknown[]) => void) & ((event: "cell-mouse-enter", ...args: unknown[]) => void) & ((event: "cell-mouse-leave", ...args: unknown[]) => void) & ((event: "cell-contextmenu", ...args: unknown[]) => void) & ((event: "cell-click", ...args: unknown[]) => void) & ((event: "cell-dblclick", ...args: unknown[]) => void) & ((event: "row-click", ...args: unknown[]) => void) & ((event: "row-contextmenu", ...args: unknown[]) => void) & ((event: "row-dblclick", ...args: unknown[]) => void) & ((event: "header-click", ...args: unknown[]) => void) & ((event: "header-contextmenu", ...args: unknown[]) => void) & ((event: "sort-change", ...args: unknown[]) => void) & ((event: "filter-change", ...args: unknown[]) => void) & ((event: "current-change", ...args: unknown[]) => void) & ((event: "header-dragend", ...args: unknown[]) => void) & ((event: "expand-change", ...args: unknown[]) => void) & ((event: "scroll", ...args: unknown[]) => void) & ((event: "update:current-page", val: number) => void) & ((event: "update:page-size", val: number) => void) & ((event: "size-change", val: number) => void) & ((event: "change", currentPage: number, pageSize: number) => void) & ((event: "prev-click", val: number) => void) & ((event: "next-click", val: number) => void);
     debounceRead: import("lodash").DebouncedFunc<() => Promise<void>>;
     coreProps: import("vue").ComputedRef<{
         type: string;
@@ -833,7 +842,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sortOrders: ("ascending" | "descending")[];
     }>;
     coreEmits: {};
-    queryData: import("vue").Ref<NormalObject, NormalObject>;
+    queryData: import("vue").ComputedRef<{}>;
+    setQueryData: (e: import("@vunk/core").SetDataEvent) => void;
     tableState: {
         data: NormalObject[];
         total: number;
@@ -872,8 +882,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, 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;
     };
-    readonly setData: (obj: any, e: import("@vunk/core").SetDataEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'setData:query': any;
     'update:modelValue': any;
     'update:start': (val: number) => boolean;
     select: null;
@@ -917,6 +927,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
+    query: {
+        type: ObjectConstructor;
+        default: any;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -1234,6 +1248,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validator: (val: ("ascending" | "descending" | null)[]) => boolean;
     };
 }>> & Readonly<{
+    "onSetData:query"?: (...args: any[] | unknown[]) => any;
     "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
     "onUpdate:start"?: (val: number) => any;
     onSelect?: (...args: unknown[]) => any;
@@ -1336,5 +1351,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sortOrders: ("ascending" | "descending")[];
     readApi: import("./types").ReadApi;
     queryItems: any[];
+    query: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/form/src/ctx.d.ts

@@ -132,7 +132,7 @@ export declare const emits: {
     validate: any;
     submit: any;
 };
-export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("submit" | "setData" | "validate")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"submit", KE> | Exclude<"setData", KE> | Exclude<"validate", KE> : "submit" | "setData" | "validate"]: {
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("submit" | "validate" | "setData")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"submit", KE> | Exclude<"validate", KE> | Exclude<"setData", KE> : "submit" | "validate" | "setData"]: {
     setData: (...e: import("@vunk/core").RestParameters<T2>) => void;
     validate: (...e: import("@vunk/core").RestParameters<T2>) => void;
     submit: (...e: import("@vunk/core").RestParameters<T2>) => void;

package/components/form/src/index.vue.d.ts

@@ -244,8 +244,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: BooleanConstructor;
 }>> & Readonly<{
     onSubmit?: (...args: any[] | unknown[]) => any;
-    onSetData?: (e: import("@vunk/core").SetDataEvent) => any;
     onValidate?: (...args: any[] | unknown[]) => any;
+    onSetData?: (e: import("@vunk/core").SetDataEvent) => any;
 }>, {
     elRef: import("@vunk/shared").AnyFunc;
     inline: boolean;

package/components/upload/index.cjs

@@ -24,6 +24,10 @@ const props = {
     default: ""
   },
   preview: null,
+  previewLabel: {
+    type: String,
+    default: "\u9884\u89C8"
+  },
   beforeUpload: {
     type: Function,
     default: void 0
@@ -110,6 +114,10 @@ var _sfc_main$2 = vue.defineComponent({
     preview: {
       type: [Boolean, Function],
       default: false
+    },
+    previewLabel: {
+      type: String,
+      default: "\u9884\u89C8"
     }
   },
   emits: {
@@ -255,20 +263,24 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-file-actions"))
             },
             [
-              vue.createCommentVNode(" \u9884\u89C8 "),
               vue.createVNode(_component_ElButton, {
                 disabled: !_ctx.previewable,
+                class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-file-action-preview")),
                 plain: "",
                 size: "small",
                 round: "",
                 onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handlePreview(_ctx.file))
               }, {
-                default: vue.withCtx(() => _cache[8] || (_cache[8] = [
-                  vue.createTextVNode(" \u9884\u89C8 ")
-                ])),
-                _: 1,
-                __: [8]
-              }, 8, ["disabled"]),
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(_ctx.previewLabel),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "class"]),
               vue.createCommentVNode(" \u4E0B\u8F7D "),
               vue.createVNode(_component_ElButton, {
                 plain: "",
@@ -277,11 +289,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "primary",
                 onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleDownload(_ctx.file))
               }, {
-                default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+                default: vue.withCtx(() => _cache[8] || (_cache[8] = [
                   vue.createTextVNode(" \u4E0B\u8F7D ")
                 ])),
                 _: 1,
-                __: [9]
+                __: [8]
               })
             ],
             2
@@ -552,8 +564,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "on-preview": _ctx.onPreview,
               preview: _ctx.preview,
               "on-download": _ctx.onDownload,
+              "preview-label": _ctx.previewLabel,
               onRemove: _ctx.handleRemove
-            }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "onRemove"])
+            }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "preview-label", "onRemove"])
           ]),
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [

package/components/upload/index.mjs

@@ -20,6 +20,10 @@ const props = {
     default: ""
   },
   preview: null,
+  previewLabel: {
+    type: String,
+    default: "\u9884\u89C8"
+  },
   beforeUpload: {
     type: Function,
     default: void 0
@@ -106,6 +110,10 @@ var _sfc_main$2 = defineComponent({
     preview: {
       type: [Boolean, Function],
       default: false
+    },
+    previewLabel: {
+      type: String,
+      default: "\u9884\u89C8"
     }
   },
   emits: {
@@ -251,20 +259,24 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.nsUpload.be("list", "item-file-actions"))
             },
             [
-              createCommentVNode(" \u9884\u89C8 "),
               createVNode(_component_ElButton, {
                 disabled: !_ctx.previewable,
+                class: normalizeClass(_ctx.nsUpload.be("list", "item-file-action-preview")),
                 plain: "",
                 size: "small",
                 round: "",
                 onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handlePreview(_ctx.file))
               }, {
-                default: withCtx(() => _cache[8] || (_cache[8] = [
-                  createTextVNode(" \u9884\u89C8 ")
-                ])),
-                _: 1,
-                __: [8]
-              }, 8, ["disabled"]),
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.previewLabel),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "class"]),
               createCommentVNode(" \u4E0B\u8F7D "),
               createVNode(_component_ElButton, {
                 plain: "",
@@ -273,11 +285,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "primary",
                 onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleDownload(_ctx.file))
               }, {
-                default: withCtx(() => _cache[9] || (_cache[9] = [
+                default: withCtx(() => _cache[8] || (_cache[8] = [
                   createTextVNode(" \u4E0B\u8F7D ")
                 ])),
                 _: 1,
-                __: [9]
+                __: [8]
               })
             ],
             2
@@ -548,8 +560,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "on-preview": _ctx.onPreview,
               preview: _ctx.preview,
               "on-download": _ctx.onDownload,
+              "preview-label": _ctx.previewLabel,
               onRemove: _ctx.handleRemove
-            }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "onRemove"])
+            }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "preview-label", "onRemove"])
           ]),
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {}, () => [

package/components/upload/src/ctx.d.ts

@@ -8,6 +8,10 @@ export declare const props: {
         default: string;
     };
     preview: any;
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     beforeUpload: {
         type: FunctionConstructor;
         default: any;
@@ -280,7 +284,7 @@ export declare const props: {
         readonly default: true;
     };
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"drag", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2> | Extract<"preview", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"exceedable", keyof T2> | Extract<"confirmExceed", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"formItemTip", keyof T2>, KE> | Exclude<Extract<"formItemTipClass", keyof T2>, KE> | Exclude<Extract<"labelTip", keyof T2>, KE> | Exclude<Extract<"information", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"defaultModelValue", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"slots", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"onChange", keyof T2>, KE> | Exclude<Extract<"beforeUpload", keyof T2>, KE> | Exclude<Extract<"beforeRemove", keyof T2>, KE> | Exclude<Extract<"onRemove", keyof T2>, KE> | Exclude<Extract<"onPreview", keyof T2>, KE> | Exclude<Extract<"onSuccess", keyof T2>, KE> | Exclude<Extract<"onProgress", keyof T2>, KE> | Exclude<Extract<"onError", keyof T2>, KE> | Exclude<Extract<"onExceed", keyof T2>, KE> | Exclude<Extract<"crossorigin", keyof T2>, KE> | Exclude<Extract<"action", keyof T2>, KE> | Exclude<Extract<"headers", keyof T2>, KE> | Exclude<Extract<"method", keyof T2>, KE> | Exclude<Extract<"drag", keyof T2>, KE> | Exclude<Extract<"withCredentials", keyof T2>, KE> | Exclude<Extract<"showFileList", keyof T2>, KE> | Exclude<Extract<"accept", keyof T2>, KE> | Exclude<Extract<"fileList", keyof T2>, KE> | Exclude<Extract<"autoUpload", keyof T2>, KE> | Exclude<Extract<"listType", keyof T2>, KE> | Exclude<Extract<"httpRequest", keyof T2>, KE> | Exclude<Extract<"limit", keyof T2>, KE> | Exclude<Extract<"tip", keyof T2>, KE> | Exclude<Extract<"preview", keyof T2>, KE> | Exclude<Extract<"onDownload", keyof T2>, KE> | Exclude<Extract<"exceedable", keyof T2>, KE> | Exclude<Extract<"confirmExceed", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"drag", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2> | Extract<"preview", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"exceedable", keyof T2> | Extract<"confirmExceed", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"drag", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2> | Extract<"preview", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"exceedable", keyof T2> | Extract<"confirmExceed", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"drag", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2> | Extract<"preview", keyof T2> | Extract<"previewLabel", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"exceedable", keyof T2> | Extract<"confirmExceed", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"formItemTip", keyof T2>, KE> | Exclude<Extract<"formItemTipClass", keyof T2>, KE> | Exclude<Extract<"labelTip", keyof T2>, KE> | Exclude<Extract<"information", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"defaultModelValue", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"slots", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"onChange", keyof T2>, KE> | Exclude<Extract<"beforeUpload", keyof T2>, KE> | Exclude<Extract<"beforeRemove", keyof T2>, KE> | Exclude<Extract<"onRemove", keyof T2>, KE> | Exclude<Extract<"onPreview", keyof T2>, KE> | Exclude<Extract<"onSuccess", keyof T2>, KE> | Exclude<Extract<"onProgress", keyof T2>, KE> | Exclude<Extract<"onError", keyof T2>, KE> | Exclude<Extract<"onExceed", keyof T2>, KE> | Exclude<Extract<"crossorigin", keyof T2>, KE> | Exclude<Extract<"action", keyof T2>, KE> | Exclude<Extract<"headers", keyof T2>, KE> | Exclude<Extract<"method", keyof T2>, KE> | Exclude<Extract<"drag", keyof T2>, KE> | Exclude<Extract<"withCredentials", keyof T2>, KE> | Exclude<Extract<"showFileList", keyof T2>, KE> | Exclude<Extract<"accept", keyof T2>, KE> | Exclude<Extract<"fileList", keyof T2>, KE> | Exclude<Extract<"autoUpload", keyof T2>, KE> | Exclude<Extract<"listType", keyof T2>, KE> | Exclude<Extract<"httpRequest", keyof T2>, KE> | Exclude<Extract<"limit", keyof T2>, KE> | Exclude<Extract<"tip", keyof T2>, KE> | Exclude<Extract<"preview", keyof T2>, KE> | Exclude<Extract<"previewLabel", keyof T2>, KE> | Exclude<Extract<"onDownload", keyof T2>, KE> | Exclude<Extract<"exceedable", keyof T2>, KE> | Exclude<Extract<"confirmExceed", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"drag", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2> | Extract<"preview", keyof T2> | Extract<"previewLabel", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"exceedable", keyof T2> | Extract<"confirmExceed", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"prop", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"slots", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"drag", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2> | Extract<"preview", keyof T2> | Extract<"previewLabel", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"exceedable", keyof T2> | Extract<"confirmExceed", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:fileList': any;
     remove: (e: UploadFile) => UploadFile;

package/components/upload/src/file.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (BooleanConstructor | FunctionConstructor)[];
         default: boolean;
     };
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     handleRemove: (file?: UploadFile) => void;
     t: import("element-plus").Translator;
@@ -95,6 +99,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (BooleanConstructor | FunctionConstructor)[];
         default: boolean;
     };
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onRemove?: (e: UploadFile) => any;
 }>, {
@@ -103,6 +111,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     listType: "text" | "picture" | "picture-card";
     file: UploadFile;
     preview: boolean | Function;
+    previewLabel: string;
     onDownload: (arg: UploadFile) => any;
 }, {}, {
     ElProgress: {

package/components/upload/src/index.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     preview: any;
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     beforeUpload: {
         type: FunctionConstructor;
         default: any;
@@ -326,6 +330,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     preview: any;
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     beforeUpload: {
         type: FunctionConstructor;
         default: any;
@@ -632,6 +640,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     httpRequest: import("element-plus").UploadRequestHandler;
     tip: string;
     preview: any;
+    previewLabel: string;
     onDownload: (arg: UploadFile) => any;
     exceedable: boolean;
     confirmExceed: boolean;
@@ -1293,6 +1302,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: (BooleanConstructor | FunctionConstructor)[];
             default: boolean;
         };
+        previewLabel: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {
         handleRemove: (file?: UploadFile) => void;
         t: import("element-plus").Translator;
@@ -1362,6 +1375,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: (BooleanConstructor | FunctionConstructor)[];
             default: boolean;
         };
+        previewLabel: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         onRemove?: (e: UploadFile) => any;
     }>, {
@@ -1370,6 +1387,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         listType: "text" | "picture" | "picture-card";
         file: UploadFile;
         preview: boolean | Function;
+        previewLabel: string;
         onDownload: (arg: UploadFile) => any;
     }, {}, {
         ElProgress: {

package/components/upload/src/wraper.vue.d.ts

@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     preview: any;
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     beforeUpload: {
         type: FunctionConstructor;
         default: any;
@@ -277,6 +281,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     preview: any;
+    previewLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     beforeUpload: {
         type: FunctionConstructor;
         default: any;
@@ -583,6 +591,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     httpRequest: import("element-plus").UploadRequestHandler;
     tip: string;
     preview: any;
+    previewLabel: string;
     onDownload: (arg: import("element-plus").UploadFile) => any;
     exceedable: boolean;
     confirmExceed: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.16.8",
+  "version": "2.16.10",
   "description": "",
   "main": "index.esm.js",
   "scripts": {