@vunk/form 0.0.1-alpha.48 → 0.0.1-alpha.49

package/components/upload/index.js

@@ -7,6 +7,7 @@ import { createUploadBindProps } from '@vunk/form/shared/element-plus';
 import { NOOP } from '@vunk/core/shared/utils-function';
 import { RestFetch } from '@vunk/core/shared/utils-fetch';
 import { useComputedReadonly } from '@vunk/form/composables';
+import progress from '@vunk/form/shared/progress-it';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -52,7 +53,7 @@ var ctx = /*#__PURE__*/Object.freeze({
   createOnEmits: createOnEmits
 });
 
-/*! Element Plus Icons Vue v2.0.10 */
+/*! Element Plus Icons Vue v2.1.0 */
 
 // unplugin-vue:/plugin-vue/export-helper
 var export_helper_default = (sfc, props) => {
@@ -67,12 +68,18 @@ var check_vue_vue_type_script_lang_default = {
   name: "Check"
 };
 var _hoisted_143 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_243 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
-}, null, -1), _hoisted_342 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_243 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_342 = [
   _hoisted_243
 ];
 function _sfc_render43(_ctx, _cache, $props, $setup, $data, $options) {
@@ -85,15 +92,27 @@ var circle_check_vue_vue_type_script_lang_default = {
   name: "CircleCheck"
 };
 var _hoisted_149 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_249 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-}, null, -1), _hoisted_348 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
-}, null, -1), _hoisted_415 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_249 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_348 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_415 = [
   _hoisted_249,
   _hoisted_348
 ];
@@ -107,12 +126,18 @@ var close_vue_vue_type_script_lang_default = {
   name: "Close"
 };
 var _hoisted_156 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_256 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-}, null, -1), _hoisted_355 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_256 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_355 = [
   _hoisted_256
 ];
 function _sfc_render56(_ctx, _cache, $props, $setup, $data, $options) {
@@ -125,12 +150,18 @@ var delete_vue_vue_type_script_lang_default = {
   name: "Delete"
 };
 var _hoisted_180 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_280 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
-}, null, -1), _hoisted_379 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_280 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_379 = [
   _hoisted_280
 ];
 function _sfc_render80(_ctx, _cache, $props, $setup, $data, $options) {
@@ -143,12 +174,18 @@ var document_vue_vue_type_script_lang_default = {
   name: "Document"
 };
 var _hoisted_190 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_290 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
-}, null, -1), _hoisted_389 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_290 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_389 = [
   _hoisted_290
 ];
 function _sfc_render90(_ctx, _cache, $props, $setup, $data, $options) {
@@ -161,12 +198,18 @@ var download_vue_vue_type_script_lang_default = {
   name: "Download"
 };
 var _hoisted_191 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_291 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z"
-}, null, -1), _hoisted_390 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_291 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_390 = [
   _hoisted_291
 ];
 function _sfc_render91(_ctx, _cache, $props, $setup, $data, $options) {
@@ -179,12 +222,18 @@ var zoom_in_vue_vue_type_script_lang_default = {
   name: "ZoomIn"
 };
 var _hoisted_1292 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_2292 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
-}, null, -1), _hoisted_3291 = [
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+}, _hoisted_2292 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    fill: "currentColor",
+    d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
+  },
+  null,
+  -1
+  /* HOISTED */
+), _hoisted_3291 = [
   _hoisted_2292
 ];
 function _sfc_render292(_ctx, _cache, $props, $setup, $data, $options) {
@@ -369,8 +418,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
     createCommentVNode(" This is a bug which needs to be fixed "),
     createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-    createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{\r
-      t('el.upload.deleteTip')\r
+    createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{
+      t('el.upload.deleteTip')
   }}</i> `),
     createCommentVNode(" picture-card "),
     _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", {
@@ -436,19 +485,45 @@ const _sfc_main = defineComponent({
   props,
   setup(props2) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const coreBindProps = createUploadBindProps(props2, ["disabled", "fileList"]);
+    const coreBindProps = createUploadBindProps(props2, ["disabled", "fileList", "beforeUpload"]);
     const uploadRef = shallowRef();
     const handleRemove = (file) => {
       uploadRef.value?.handleRemove(file);
     };
     const readonly = useComputedReadonly(props2);
+    const onSuccess = (response, uploadFile) => {
+      const raw = uploadFile.raw;
+      raw.progress(true);
+      uploadFile.percentage = 100;
+      uploadFile.status = "success";
+    };
+    const onProgress = (evt, uploadFile, uploadFiles) => {
+      console.log(evt, uploadFile, uploadFiles);
+    };
+    const beforeUpload = (rawFile) => {
+      const effect = (e, s) => {
+        const file = props2.fileList.find((item) => item.uid === rawFile.uid);
+        if (file) {
+          file.percentage = Number((e * 100).toFixed(2));
+          if (s === false) {
+            file.status = "uploading";
+          }
+        }
+      };
+      rawFile.progress = progress(effect)(false);
+      props2.beforeUpload?.(rawFile);
+      return true;
+    };
     return {
       formItemBindProps,
       pickObject,
       coreBindProps,
       uploadRef,
       handleRemove,
-      readonly
+      readonly,
+      onSuccess,
+      onProgress,
+      beforeUpload
     };
   }
 });
@@ -469,6 +544,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         fileList: _ctx.fileList ?? [],
         "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fileList", $event)),
         ref: "uploadRef",
+        "on-success": _ctx.onSuccess,
+        "on-progress": _ctx.onProgress,
+        "before-upload": _ctx.beforeUpload,
         disabled: _ctx.readonly || _ctx.disabled
       }), createSlots({
         file: withCtx(({ file }) => [
@@ -498,7 +576,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["class", "fileList", "disabled"]),
+      ]), 1040, ["class", "fileList", "on-success", "on-progress", "before-upload", "disabled"]),
       createElementVNode("span", {
         class: normalizeClass(["vkf-upload-empty-tip", {
           "is-readonly": _ctx.readonly,

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

@@ -104,7 +104,7 @@ export declare const props: {
     type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "select", boolean>;
     fileList: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadUserFile[]) | (() => import("element-plus").UploadUserFile[]) | ((new (...args: any[]) => import("element-plus").UploadUserFile[]) | (() => import("element-plus").UploadUserFile[]))[], unknown, unknown, () => [], boolean>;
     autoUpload: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    listType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+    listType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
     httpRequest: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {
         (): import("element-plus").UploadRequestHandler;
         new (): any;
@@ -133,7 +133,7 @@ export declare const props: {
     };
     error: StringConstructor;
     validateStatus: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -162,7 +162,7 @@ export declare const props: {
         default: undefined;
     };
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"type", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"prop", 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<"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<"name", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"drag", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"onChange", keyof T2>, KE> | Exclude<Extract<"onRemove", keyof T2>, KE> | Exclude<Extract<"listType", keyof T2>, KE> | Exclude<Extract<"onPreview", keyof T2>, KE> | Exclude<Extract<"preview", keyof T2>, KE> | Exclude<Extract<"method", keyof T2>, KE> | Exclude<Extract<"beforeUpload", keyof T2>, KE> | Exclude<Extract<"beforeRemove", 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<"action", keyof T2>, KE> | Exclude<Extract<"headers", 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<"httpRequest", keyof T2>, KE> | Exclude<Extract<"limit", keyof T2>, KE> | Exclude<Extract<"tip", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"disabled", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"onChange", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"type", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"prop", 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<"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<"name", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"onChange", keyof T2>, KE> | Exclude<Extract<"drag", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"onRemove", keyof T2>, KE> | Exclude<Extract<"listType", keyof T2>, KE> | Exclude<Extract<"onPreview", keyof T2>, KE> | Exclude<Extract<"preview", keyof T2>, KE> | Exclude<Extract<"method", keyof T2>, KE> | Exclude<Extract<"beforeUpload", keyof T2>, KE> | Exclude<Extract<"beforeRemove", 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<"action", keyof T2>, KE> | Exclude<Extract<"headers", 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<"httpRequest", keyof T2>, KE> | Exclude<Extract<"limit", keyof T2>, KE> | Exclude<Extract<"tip", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"disabled", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"onChange", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"disabled", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"onChange", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:fileList': null;
     remove: (e: UploadFile) => UploadFile;

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

@@ -2,7 +2,7 @@ import { UploadFile } from 'element-plus';
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     listType: {
-        type: PropType<"text" | "picture" | "picture-card">;
+        type: PropType<"picture" | "text" | "picture-card">;
         default: string;
     };
     file: {
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     handleRemove: (file?: UploadFile) => void;
     t: import("element-plus").Translator;
     nsIcon: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string | undefined) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
     nsUpload: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string | undefined) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     remove: (e: UploadFile) => UploadFile;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     listType: {
-        type: PropType<"text" | "picture" | "picture-card">;
+        type: PropType<"picture" | "text" | "picture-card">;
         default: string;
     };
     file: {
@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     file: UploadFile;
-    listType: "text" | "picture" | "picture-card";
+    listType: "picture" | "text" | "picture-card";
     onPreview: (arg: UploadFile) => any;
     preview: boolean;
 }>;