yc-design-vue 2.0.7 → 2.0.8

package/es/Progress/ProgressCircle.vue.js

@@ -5,7 +5,7 @@ import { valueToPx } from "../_shared/utils/dom.js";
 /* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconExclamation.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconExclamation.vue.js";
 import { TYPE_ICON_COLOR_MAP } from "../_shared/constants/index.js";
 const _hoisted_1 = ["aria-valuenow"];
 const _hoisted_2 = ["viewBox"];

package/es/Typography/TypographyBase.vue.js

@@ -6,8 +6,8 @@ import { useClipboard } from "../node_modules/@vueuse/core/index.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */
-import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
-import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import Input from "../Input/index.js";
 import Tooltip from "../Tooltip/index.js";

package/es/Upload/Upload.vue.d.ts

@@ -43,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<UploadProps, {
     showUploadButton: boolean;
     onBeforeUpload: import('./type').OnBeforeUpload;
     onBeforeRemove: import('./type').OnBeforeRemove;
+    onButtonClick: import('./type').OnButtonClick;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     uploadRef: HTMLDivElement;
 }, HTMLDivElement>;

package/es/Upload/Upload.vue.js

@@ -33,7 +33,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     customIcon: { default: () => ({}) },
     imagePreview: { type: Boolean },
     onBeforeUpload: { type: Function, default: () => true },
-    onBeforeRemove: { type: Function, default: () => Promise.resolve(true) }
+    onBeforeRemove: { type: Function, default: () => Promise.resolve(true) },
+    onButtonClick: { type: Function, default: () => {
+    } }
   },
   emits: ["update:fileList", "exceed-limit", "change", "preview"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/es/Upload/hooks/useContext.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { UploadEmits, FileItem, FileListType, ImageLoading, UploadSlots, CustomIcon, FileName, OnBeforeUpload } from '../type';
+import { UploadEmits, FileItem, FileListType, ImageLoading, UploadSlots, CustomIcon, FileName, OnBeforeUpload, OnButtonClick } from '../type';
 import { RecordType } from '../../_shared/type';
 type UploadContext = {
     computedFileList: Ref<FileItem[]>;
@@ -21,6 +21,7 @@ type UploadContext = {
     imagePreview: Ref<boolean>;
     slots: UploadSlots;
     onBeforeUpload: OnBeforeUpload;
+    onButtonClick: OnButtonClick;
     handleDelFile: (fileItem: FileItem) => Promise<void>;
     emits: UploadEmits;
 };
@@ -42,9 +43,10 @@ export default function useUploadContext(): {
         imagePreview: Ref<boolean, boolean>;
         showRemoveButton: Ref<boolean, boolean>;
         showPreviewButton: Ref<boolean, boolean>;
-        name: any;
+        name: FileName;
         slots: UploadSlots;
-        onBeforeUpload: any;
+        onBeforeUpload: OnBeforeUpload;
+        onButtonClick: OnButtonClick;
         handleDelFile: (fileItem: FileItem) => Promise<void>;
         emits: UploadEmits;
     };

package/es/Upload/hooks/useContext.js

@@ -1,5 +1,6 @@
 import { toRefs, useSlots, computed, provide, inject, ref } from "vue";
 import { useControlValue } from "../../_shared/utils/control.js";
+import { isFunction } from "../../_shared/utils/is.js";
 const UPLOAD_CONTEXT_KEY = "upload-context";
 function useUploadContext() {
   const provide$1 = (props, emits) => {
@@ -22,7 +23,7 @@ function useUploadContext() {
       showPreviewButton,
       accept: _accept
     } = toRefs(props);
-    const { name, onBeforeUpload, onBeforeRemove } = props;
+    const { name, onBeforeUpload, onBeforeRemove, onButtonClick } = props;
     const slots = useSlots();
     const computedFileList = useControlValue(
       fileList,
@@ -41,7 +42,7 @@ function useUploadContext() {
       } catch {
         isDel = false;
       }
-      if (!isDel) return;
+      if (!isDel && isFunction(onBeforeRemove)) return;
       computedFileList.value = computedFileList.value.filter(
         (v) => v.uid != fileItem.uid
       );
@@ -67,6 +68,7 @@ function useUploadContext() {
       name,
       slots,
       onBeforeUpload,
+      onButtonClick,
       handleDelFile,
       emits
     };
@@ -94,6 +96,8 @@ function useUploadContext() {
       name: "",
       slots: {},
       handleDelFile: () => Promise.resolve(),
+      onButtonClick: () => {
+      },
       onBeforeUpload: () => true,
       emits: () => {
       }

package/es/Upload/hooks/useUpload.d.ts

@@ -1,8 +1,8 @@
 import { FileItem, UploadEmits, UploadProps } from '../type';
 import { Ref } from 'vue';
 export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _props?: UploadProps, _emits?: UploadEmits): {
-    handleUpload: () => void;
-    handleFiles: (fileData: File[] | FileList | null) => void;
+    handleUpload: (e: MouseEvent) => Promise<void>;
+    handleFiles: (fileData: File[] | FileList | null) => Promise<void>;
     computedFileList: Ref<FileItem[]>;
     disabled: Ref<boolean>;
     tip: Ref<string>;
@@ -22,11 +22,12 @@ export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _p
     imagePreview: Ref<boolean>;
     slots: import('..').UploadSlots;
     onBeforeUpload: import('..').OnBeforeUpload;
+    onButtonClick: import('..').OnButtonClick;
     handleDelFile: (fileItem: FileItem) => Promise<void>;
     emits: UploadEmits;
 } | {
-    handleUpload: () => void;
-    handleFiles: (fileData: File[] | FileList | null) => void;
+    handleUpload: (e: MouseEvent) => Promise<void>;
+    handleFiles: (fileData: File[] | FileList | null) => Promise<void>;
     computedFileList: import('vue').WritableComputedRef<FileItem[], FileItem[]>;
     accept: import('vue').ComputedRef<string>;
     disabled: Ref<boolean, boolean>;
@@ -43,9 +44,10 @@ export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _p
     imagePreview: Ref<boolean, boolean>;
     showRemoveButton: Ref<boolean, boolean>;
     showPreviewButton: Ref<boolean, boolean>;
-    name: any;
+    name: import('..').FileName;
     slots: import('..').UploadSlots;
-    onBeforeUpload: any;
+    onBeforeUpload: import('..').OnBeforeUpload;
+    onButtonClick: import('..').OnButtonClick;
     handleDelFile: (fileItem: FileItem) => Promise<void>;
     emits: UploadEmits;
 };

package/es/Upload/hooks/useUpload.js

@@ -1,6 +1,6 @@
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import "vue";
-import { isString } from "../../_shared/utils/is.js";
+import { isFunction, isString } from "../../_shared/utils/is.js";
 import { useFileDialog, useDropZone } from "../../node_modules/@vueuse/core/index.js";
 import useUploadContext from "./useContext.js";
 function useUpload(uploadRef, _props, _emits) {
@@ -19,6 +19,7 @@ function useUpload(uploadRef, _props, _emits) {
     multiple,
     name,
     onBeforeUpload,
+    onButtonClick,
     emits
   } = context;
   const { onChange, open } = useFileDialog({
@@ -43,9 +44,19 @@ function useUpload(uploadRef, _props, _emits) {
     }
     return fileItem.name;
   };
-  const handleFiles = (fileData) => {
-    const files = [...fileData || []].filter((file) => onBeforeUpload(file));
-    console.log(files);
+  const handleFiles = async (fileData) => {
+    const allFiles = [...fileData || []];
+    const files = [];
+    for (const file of allFiles) {
+      let isUpload = true;
+      try {
+        isUpload = await (onBeforeUpload == null ? void 0 : onBeforeUpload(file));
+      } catch {
+        isUpload = false;
+      }
+      if (!isUpload && isFunction(onBeforeUpload)) continue;
+      files.push(file);
+    }
     if (!files.length || disabled.value || isOutOfLimit(files.length)) {
       if (!isOutOfLimit(files == null ? void 0 : files.length)) return;
       emits("exceed-limit", computedFileList.value, files);
@@ -70,9 +81,16 @@ function useUpload(uploadRef, _props, _emits) {
     ];
     emits("change", computedFileList.value, [...files]);
   };
-  const handleUpload = () => {
+  const handleUpload = async (e) => {
     if (disabled.value) return;
-    open();
+    let click;
+    try {
+      click = onButtonClick == null ? void 0 : onButtonClick(e);
+      if (click instanceof Promise) return;
+      open();
+    } catch (err) {
+      throw err;
+    }
   };
   return {
     ...context,

package/es/Upload/index.d.ts

@@ -38,6 +38,7 @@ declare const Upload: {
         showUploadButton: boolean;
         onBeforeUpload: import('./type').OnBeforeUpload;
         onBeforeRemove: import('./type').OnBeforeRemove;
+        onButtonClick: import('./type').OnButtonClick;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         uploadRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -77,6 +78,7 @@ declare const Upload: {
         showUploadButton: boolean;
         onBeforeUpload: import('./type').OnBeforeUpload;
         onBeforeRemove: import('./type').OnBeforeRemove;
+        onButtonClick: import('./type').OnButtonClick;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -116,6 +118,7 @@ declare const Upload: {
     showUploadButton: boolean;
     onBeforeUpload: import('./type').OnBeforeUpload;
     onBeforeRemove: import('./type').OnBeforeRemove;
+    onButtonClick: import('./type').OnButtonClick;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 }) & {

package/es/Upload/type.d.ts

@@ -22,6 +22,7 @@ export interface UploadProps {
     imagePreview?: boolean;
     onBeforeUpload?: OnBeforeUpload;
     onBeforeRemove?: OnBeforeRemove;
+    onButtonClick?: OnButtonClick;
 }
 export interface UploadEmits {
     (e: 'update:fileList', value: FileItem[]): void;
@@ -58,8 +59,9 @@ export type FileStatus = 'init' | 'uploading' | 'done' | 'error' | 'removed';
 export type FileName = string | ((fileItem: FileItem) => string);
 export type FileListType = 'text' | 'picture' | 'picture-card';
 export type ImageLoading = 'eager' | 'lazy';
-export type OnBeforeUpload = (file: File) => boolean;
+export type OnBeforeUpload = (file: File) => boolean | Promise<boolean>;
 export type OnBeforeRemove = (fileItem: FileItem) => Promise<boolean>;
+export type OnButtonClick = (event: Event) => Promise<FileList> | void;
 export type FileItem = {
     uid: string;
     name: string;

package/es/_shared/icons/IconCopy.vue.js

@@ -1,4 +1,22 @@
-import _sfc_main from "./IconCopy.vue2.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../utils/dom.js";
+/* empty css                                  */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconCopy",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
+        ])]),
+        _: 1
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconCopy.vue2.js

@@ -1,22 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../utils/dom.js";
-/* empty css                                  */
-/* empty css                                       */
-import _sfc_main$1 from "../components/Icon/index.vue3.js";
-/* empty css                           */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconCopy",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [..._cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
-        ])]),
-        _: 1
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconCopy.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue.js

@@ -1,4 +1,22 @@
-import _sfc_main from "./IconEdit.vue2.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../utils/dom.js";
+/* empty css                                  */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconEdit",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
+        ])]),
+        _: 1
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue2.js

@@ -1,22 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../utils/dom.js";
-/* empty css                                  */
-/* empty css                                       */
-import _sfc_main$1 from "../components/Icon/index.vue3.js";
-/* empty css                           */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEdit",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [..._cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
-        ])]),
-        _: 1
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEdit.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconExclamation.vue.js

@@ -1,4 +1,33 @@
-import _sfc_main from "./IconExclamation.vue2.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../utils/dom.js";
+/* empty css                                  */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconExclamation",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M23 9h2v21h-2z" }, null, -1),
+          createElementVNode("path", {
+            fill: "currentColor",
+            stroke: "none",
+            d: "M23 9h2v21h-2z"
+          }, null, -1),
+          createElementVNode("path", { d: "M23 37h2v2h-2z" }, null, -1),
+          createElementVNode("path", {
+            fill: "currentColor",
+            stroke: "none",
+            d: "M23 37h2v2h-2z"
+          }, null, -1)
+        ])]),
+        _: 1
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconExclamation.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../utils/dom.js";
-/* empty css                                  */
-/* empty css                                       */
-import _sfc_main$1 from "../components/Icon/index.vue3.js";
-/* empty css                           */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconExclamation",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [..._cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M23 9h2v21h-2z" }, null, -1),
-          createElementVNode("path", {
-            fill: "currentColor",
-            stroke: "none",
-            d: "M23 9h2v21h-2z"
-          }, null, -1),
-          createElementVNode("path", { d: "M23 37h2v2h-2z" }, null, -1),
-          createElementVNode("path", {
-            fill: "currentColor",
-            stroke: "none",
-            d: "M23 37h2v2h-2z"
-          }, null, -1)
-        ])]),
-        _: 1
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconExclamation.vue.js";
 export {
   _sfc_main as default
 };

package/lib/Progress/ProgressCircle.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/is.js"),l=require("../_shared/utils/dom.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const t=require("../_shared/icons/IconCheck.vue.js"),o=require("../_shared/icons/IconExclamation.vue2.js"),s=require("../_shared/constants/index.js"),a=["aria-valuenow"],c=["viewBox"],n={key:0},u=["id"],i=["offset","stop-color"],d=["cx","cy","r","stroke-width"],p=["cx","cy","r","stroke-width"],m={key:2,class:e.normalizeClass("yc-progress-circle-text")},v=e.defineComponent({__name:"ProgressCircle",props:{type:{},percent:{},status:{},size:{},text:{},showText:{type:Boolean},width:{},strokeWidth:{},pathStrokeWidth:{},color:{},trackColor:{}},setup(v){const k=v,{size:f,width:y,color:h,strokeWidth:x,pathStrokeWidth:B}=e.toRefs(k);let _=0;const g=e.computed(()=>r.isObject(h.value)),C=e.computed(()=>x.value??("mini"===f.value?y.value/2:{mini:4,small:3,medium:4,large:4}[f.value])),E=e.computed(()=>B.value?B.value:"mini"===f.value?C.value:Math.max(2,C.value-2)),w=e.computed(()=>(y.value-C.value)/2),O=e.computed(()=>2*Math.PI*w.value),j=e.computed(()=>y.value/2),z=e.computed(()=>(_+=1,`yc-progress-circle-linear-gradient-${_}`));return(v,k)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":v.percent,class:e.normalizeClass("yc-progress-circle-wrapper"),style:e.normalizeStyle({width:e.unref(l.valueToPx)(e.unref(y)),height:e.unref(l.valueToPx)(e.unref(y))})},["circle"===v.type&&"mini"===e.unref(f)&&"success"===v.status?(e.openBlock(),e.createBlock(e.unref(t.default),{key:0,style:e.normalizeStyle({fontSize:e.unref(y)-2,color:e.unref(h)??e.unref(s.TYPE_ICON_COLOR_MAP).success})},null,8,["style"])):(e.openBlock(),e.createElementBlock("svg",{key:1,viewBox:`0 0 ${e.unref(y)} ${e.unref(y)}`,class:e.normalizeClass("yc-progress-circle-svg")},[e.unref(r.isObject)(e.unref(h))?(e.openBlock(),e.createElementBlock("defs",n,[e.createElementVNode("linearGradient",{id:z.value,x1:"0",y1:"1",x2:"0",y2:"0"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(e.unref(h)),r=>(e.openBlock(),e.createElementBlock("stop",{key:r,offset:r,"stop-color":e.unref(h)[r]},null,8,i))),128))],8,u)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bg"),fill:"none",cx:j.value,cy:j.value,r:w.value,"stroke-width":E.value,style:e.normalizeStyle({stroke:v.trackColor})},null,12,d),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bar"),fill:"none",cx:j.value,cy:j.value,r:w.value,"stroke-width":C.value,style:e.normalizeStyle({stroke:g.value?`url(#${z.value})`:e.unref(h),strokeDasharray:O.value,strokeDashoffset:(v.percent>=1?0:1-v.percent)*O.value})},null,12,p)],8,c)),v.showText&&"mini"!==e.unref(f)?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(v.$slots,"text",{percent:v.percent},()=>["danger"===v.status?(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,color:e.unref(s.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):"success"===v.status?(e.openBlock(),e.createBlock(e.unref(t.default),{key:1,color:e.unref(s.TYPE_ICON_COLOR_MAP).success},null,8,["color"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(v.text),1)],64))])])):e.createCommentVNode("",!0)],12,a))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/is.js"),l=require("../_shared/utils/dom.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const t=require("../_shared/icons/IconCheck.vue.js"),o=require("../_shared/icons/IconExclamation.vue.js"),s=require("../_shared/constants/index.js"),a=["aria-valuenow"],c=["viewBox"],n={key:0},u=["id"],i=["offset","stop-color"],d=["cx","cy","r","stroke-width"],p=["cx","cy","r","stroke-width"],m={key:2,class:e.normalizeClass("yc-progress-circle-text")},v=e.defineComponent({__name:"ProgressCircle",props:{type:{},percent:{},status:{},size:{},text:{},showText:{type:Boolean},width:{},strokeWidth:{},pathStrokeWidth:{},color:{},trackColor:{}},setup(v){const k=v,{size:f,width:y,color:h,strokeWidth:x,pathStrokeWidth:B}=e.toRefs(k);let _=0;const g=e.computed(()=>r.isObject(h.value)),C=e.computed(()=>x.value??("mini"===f.value?y.value/2:{mini:4,small:3,medium:4,large:4}[f.value])),E=e.computed(()=>B.value?B.value:"mini"===f.value?C.value:Math.max(2,C.value-2)),w=e.computed(()=>(y.value-C.value)/2),O=e.computed(()=>2*Math.PI*w.value),j=e.computed(()=>y.value/2),z=e.computed(()=>(_+=1,`yc-progress-circle-linear-gradient-${_}`));return(v,k)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":v.percent,class:e.normalizeClass("yc-progress-circle-wrapper"),style:e.normalizeStyle({width:e.unref(l.valueToPx)(e.unref(y)),height:e.unref(l.valueToPx)(e.unref(y))})},["circle"===v.type&&"mini"===e.unref(f)&&"success"===v.status?(e.openBlock(),e.createBlock(e.unref(t.default),{key:0,style:e.normalizeStyle({fontSize:e.unref(y)-2,color:e.unref(h)??e.unref(s.TYPE_ICON_COLOR_MAP).success})},null,8,["style"])):(e.openBlock(),e.createElementBlock("svg",{key:1,viewBox:`0 0 ${e.unref(y)} ${e.unref(y)}`,class:e.normalizeClass("yc-progress-circle-svg")},[e.unref(r.isObject)(e.unref(h))?(e.openBlock(),e.createElementBlock("defs",n,[e.createElementVNode("linearGradient",{id:z.value,x1:"0",y1:"1",x2:"0",y2:"0"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(e.unref(h)),r=>(e.openBlock(),e.createElementBlock("stop",{key:r,offset:r,"stop-color":e.unref(h)[r]},null,8,i))),128))],8,u)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bg"),fill:"none",cx:j.value,cy:j.value,r:w.value,"stroke-width":E.value,style:e.normalizeStyle({stroke:v.trackColor})},null,12,d),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bar"),fill:"none",cx:j.value,cy:j.value,r:w.value,"stroke-width":C.value,style:e.normalizeStyle({stroke:g.value?`url(#${z.value})`:e.unref(h),strokeDasharray:O.value,strokeDashoffset:(v.percent>=1?0:1-v.percent)*O.value})},null,12,p)],8,c)),v.showText&&"mini"!==e.unref(f)?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(v.$slots,"text",{percent:v.percent},()=>["danger"===v.status?(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,color:e.unref(s.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):"success"===v.status?(e.openBlock(),e.createBlock(e.unref(t.default),{key:1,color:e.unref(s.TYPE_ICON_COLOR_MAP).success},null,8,["color"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(v.text),1)],64))])])):e.createCommentVNode("",!0)],12,a))}});exports.default=v;

package/lib/Typography/TypographyBase.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/locale.js"),l=require("../_shared/utils/control.js"),a=require("../node_modules/@vueuse/core/index.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconCopy.vue2.js"),r=require("../_shared/icons/IconEdit.vue2.js"),u=require("../_shared/icons/IconInfo.vue.js"),d=require("../Input/index.js"),p=require("../Tooltip/index.js"),s=e.defineComponent({name:"TypographyBase",__name:"TypographyBase",props:{tag:{default:"span"},type:{default:void 0},bold:{type:Boolean,default:!1},disabled:{type:Boolean},mark:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},code:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editing:{type:Boolean,default:void 0},defaultEditing:{type:Boolean,default:!1},editText:{default:""},copyable:{type:Boolean,default:!1},copyText:{default:""},copyDelay:{default:3e3},editTooltiProps:{default:()=>({})},copyTooltiProps:{default:()=>({})}},emits:["update:editing","update:editText","edit-start","change","copy","edit-end"],setup(s,{emit:i}){const c=s,y=i,{editing:f,defaultEditing:v,editText:g,copyText:m,copyable:h,copyDelay:B,code:k,mark:x,delete:_,underline:T,bold:C}=e.toRefs(c),{t:b}=o.useI18n(),{isSupported:j,copy:q}=a.useClipboard(),V=e.ref(!1),E=e.ref(),I=e.ref(),N=l.useControlValue(f,v.value,e=>{y("update:editing",e)}),w=l.useControlValue(g,"",e=>{y("update:editText",e),y("change",e)}),P=e.computed(()=>{const e=[x.value,k.value,_.value,T.value,C.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),S=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),n=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,n(t,o+1));return n(null==(l=o.default)?void 0:l.call(o),0)}}),D=async()=>{var e;N.value=!0,w.value=w.value?w.value:t.getDomText(E),y("edit-start"),await t.sleep(0),null==(e=I.value)||e.focus()},R=()=>{N.value=!1,y("edit-end")},$=async()=>{if(!h.value||!j.value||V.value)return;const e=m.value||t.getDomText(E);q(e),y("copy",e),V.value=!0,await t.sleep(B.value),V.value=!1};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["yc-typography",{[`yc-typography-${t.type}`]:t.type,"yc-typography-bold":e.unref(C),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(T),"yc-typography-delete":e.unref(_)}]),ref_key:"contentRef",ref:E},{default:e.withCtx(()=>[e.unref(N)?(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,modelValue:e.unref(w),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(w)?w.value=t:null),ref_key:"inputRef",ref:I,onBlur:R},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(S),{key:1,tags:P.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["tags"])),t.editable&&!e.unref(N)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:D},[e.createVNode(e.unref(p.default),e.mergeProps({content:e.unref(b)("typography.edit"),position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(r.default))])]),_:1},16,["content"])])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:$},[e.createVNode(e.unref(p.default),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:V.value},()=>[e.createTextVNode(e.toDisplayString(e.unref(b)("typography."+(V.value?"copied":"copy"))),1)])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:V.value},()=>[V.value?(e.openBlock(),e.createBlock(e.unref(u.default),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1}))])])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/locale.js"),l=require("../_shared/utils/control.js"),a=require("../node_modules/@vueuse/core/index.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconCopy.vue.js"),r=require("../_shared/icons/IconEdit.vue.js"),u=require("../_shared/icons/IconInfo.vue.js"),d=require("../Input/index.js"),p=require("../Tooltip/index.js"),s=e.defineComponent({name:"TypographyBase",__name:"TypographyBase",props:{tag:{default:"span"},type:{default:void 0},bold:{type:Boolean,default:!1},disabled:{type:Boolean},mark:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},code:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editing:{type:Boolean,default:void 0},defaultEditing:{type:Boolean,default:!1},editText:{default:""},copyable:{type:Boolean,default:!1},copyText:{default:""},copyDelay:{default:3e3},editTooltiProps:{default:()=>({})},copyTooltiProps:{default:()=>({})}},emits:["update:editing","update:editText","edit-start","change","copy","edit-end"],setup(s,{emit:i}){const c=s,y=i,{editing:f,defaultEditing:v,editText:g,copyText:m,copyable:h,copyDelay:B,code:k,mark:x,delete:_,underline:T,bold:C}=e.toRefs(c),{t:b}=o.useI18n(),{isSupported:j,copy:q}=a.useClipboard(),V=e.ref(!1),E=e.ref(),I=e.ref(),N=l.useControlValue(f,v.value,e=>{y("update:editing",e)}),w=l.useControlValue(g,"",e=>{y("update:editText",e),y("change",e)}),P=e.computed(()=>{const e=[x.value,k.value,_.value,T.value,C.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),S=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),n=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,n(t,o+1));return n(null==(l=o.default)?void 0:l.call(o),0)}}),D=async()=>{var e;N.value=!0,w.value=w.value?w.value:t.getDomText(E),y("edit-start"),await t.sleep(0),null==(e=I.value)||e.focus()},R=()=>{N.value=!1,y("edit-end")},$=async()=>{if(!h.value||!j.value||V.value)return;const e=m.value||t.getDomText(E);q(e),y("copy",e),V.value=!0,await t.sleep(B.value),V.value=!1};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["yc-typography",{[`yc-typography-${t.type}`]:t.type,"yc-typography-bold":e.unref(C),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(T),"yc-typography-delete":e.unref(_)}]),ref_key:"contentRef",ref:E},{default:e.withCtx(()=>[e.unref(N)?(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,modelValue:e.unref(w),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(w)?w.value=t:null),ref_key:"inputRef",ref:I,onBlur:R},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(S),{key:1,tags:P.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["tags"])),t.editable&&!e.unref(N)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:D},[e.createVNode(e.unref(p.default),e.mergeProps({content:e.unref(b)("typography.edit"),position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(r.default))])]),_:1},16,["content"])])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:$},[e.createVNode(e.unref(p.default),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:V.value},()=>[e.createTextVNode(e.toDisplayString(e.unref(b)("typography."+(V.value?"copied":"copy"))),1)])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:V.value},()=>[V.value?(e.openBlock(),e.createBlock(e.unref(u.default),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1}))])])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=s;

package/lib/Upload/Upload.vue.d.ts

@@ -43,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<UploadProps, {
     showUploadButton: boolean;
     onBeforeUpload: import('./type').OnBeforeUpload;
     onBeforeRemove: import('./type').OnBeforeRemove;
+    onButtonClick: import('./type').OnButtonClick;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     uploadRef: HTMLDivElement;
 }, HTMLDivElement>;

package/lib/Upload/Upload.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useUpload.js"),o=require("./UploadButton.vue.js");;/* empty css                   */const l=require("./UploadDrag.vue.js");;/* empty css                 */const a=require("./UploadFileList.vue.js"),u=require("./UploadPictureCard.vue.js"),d=e.defineComponent({name:"Upload",__name:"Upload",props:{fileList:{default:void 0},defaultFileList:{default:()=>[]},accept:{default:void 0},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},tip:{default:""},name:{type:[String,Function],default:void 0},limit:{default:0},showFileList:{type:Boolean,default:!0},showRemoveButton:{type:Boolean,default:!0},showUploadButton:{type:Boolean,default:!0},showPreviewButton:{type:Boolean,default:!0},download:{type:Boolean,default:!1},showLink:{type:Boolean,default:!0},imageLoading:{default:"lazy"},listType:{default:"text"},customIcon:{default:()=>({})},imagePreview:{type:Boolean},onBeforeUpload:{type:Function,default:()=>!0},onBeforeRemove:{type:Function,default:()=>Promise.resolve(!0)}},emits:["update:fileList","exceed-limit","change","preview"],setup(d,{expose:n,emit:r}){const i=e.useSlots(),p=d,s=r,c=e.ref(),{computedFileList:f,limit:m,draggable:y,disabled:B,handleFiles:k,handleUpload:v}=t.default(c,p,s);return n({updateFile(e,t){const o=f.value.findIndex(t=>t.uid==e);-1!=o&&(f.value[o]={...f.value[o],name:t.name,file:t,status:"init",percent:0,url:URL.createObjectURL(t)})},upload(e){k(e)}}),(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-upload-wrapper",`yc-upload-wrapper-type-${t.listType}`,{"yc-upload-disabled":e.unref(B)}])},["picture-card"!=t.listType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.showUploadButton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-upload",{"yc-upload-draggable":e.unref(y)}]),ref_key:"uploadRef",ref:c,onClick:d[0]||(d[0]=(...t)=>e.unref(v)&&e.unref(v)(...t))},[e.unref(m)<=0||e.unref(f).length<e.unref(m)?e.renderSlot(t.$slots,"upload-button",{key:0},()=>[e.unref(y)?(e.openBlock(),e.createBlock(l.default,{key:0})):(e.openBlock(),e.createBlock(o.default,{key:1}))]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.showFileList&&e.unref(f).length?(e.openBlock(),e.createBlock(a.default,{key:1},e.createSlots({_:2},[i["extra-button"]?{name:"extra-button",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"extra-button",e.normalizeProps(e.guardReactiveProps(o)))]),key:"0"}:void 0,i["upload-item"]?{name:"upload-item",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"upload-item",e.normalizeProps(e.guardReactiveProps(o)))]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(u.default,{key:1}))],2))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useUpload.js"),o=require("./UploadButton.vue.js");;/* empty css                   */const l=require("./UploadDrag.vue.js");;/* empty css                 */const a=require("./UploadFileList.vue.js"),u=require("./UploadPictureCard.vue.js"),n=e.defineComponent({name:"Upload",__name:"Upload",props:{fileList:{default:void 0},defaultFileList:{default:()=>[]},accept:{default:void 0},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},tip:{default:""},name:{type:[String,Function],default:void 0},limit:{default:0},showFileList:{type:Boolean,default:!0},showRemoveButton:{type:Boolean,default:!0},showUploadButton:{type:Boolean,default:!0},showPreviewButton:{type:Boolean,default:!0},download:{type:Boolean,default:!1},showLink:{type:Boolean,default:!0},imageLoading:{default:"lazy"},listType:{default:"text"},customIcon:{default:()=>({})},imagePreview:{type:Boolean},onBeforeUpload:{type:Function,default:()=>!0},onBeforeRemove:{type:Function,default:()=>Promise.resolve(!0)},onButtonClick:{type:Function,default:()=>{}}},emits:["update:fileList","exceed-limit","change","preview"],setup(n,{expose:d,emit:r}){const i=e.useSlots(),p=n,s=r,c=e.ref(),{computedFileList:f,limit:m,draggable:y,disabled:B,handleFiles:k,handleUpload:v}=t.default(c,p,s);return d({updateFile(e,t){const o=f.value.findIndex(t=>t.uid==e);-1!=o&&(f.value[o]={...f.value[o],name:t.name,file:t,status:"init",percent:0,url:URL.createObjectURL(t)})},upload(e){k(e)}}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-upload-wrapper",`yc-upload-wrapper-type-${t.listType}`,{"yc-upload-disabled":e.unref(B)}])},["picture-card"!=t.listType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.showUploadButton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-upload",{"yc-upload-draggable":e.unref(y)}]),ref_key:"uploadRef",ref:c,onClick:n[0]||(n[0]=(...t)=>e.unref(v)&&e.unref(v)(...t))},[e.unref(m)<=0||e.unref(f).length<e.unref(m)?e.renderSlot(t.$slots,"upload-button",{key:0},()=>[e.unref(y)?(e.openBlock(),e.createBlock(l.default,{key:0})):(e.openBlock(),e.createBlock(o.default,{key:1}))]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.showFileList&&e.unref(f).length?(e.openBlock(),e.createBlock(a.default,{key:1},e.createSlots({_:2},[i["extra-button"]?{name:"extra-button",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"extra-button",e.normalizeProps(e.guardReactiveProps(o)))]),key:"0"}:void 0,i["upload-item"]?{name:"upload-item",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"upload-item",e.normalizeProps(e.guardReactiveProps(o)))]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(u.default,{key:1}))],2))}});exports.default=n;

package/lib/Upload/hooks/useContext.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { UploadEmits, FileItem, FileListType, ImageLoading, UploadSlots, CustomIcon, FileName, OnBeforeUpload } from '../type';
+import { UploadEmits, FileItem, FileListType, ImageLoading, UploadSlots, CustomIcon, FileName, OnBeforeUpload, OnButtonClick } from '../type';
 import { RecordType } from '../../_shared/type';
 type UploadContext = {
     computedFileList: Ref<FileItem[]>;
@@ -21,6 +21,7 @@ type UploadContext = {
     imagePreview: Ref<boolean>;
     slots: UploadSlots;
     onBeforeUpload: OnBeforeUpload;
+    onButtonClick: OnButtonClick;
     handleDelFile: (fileItem: FileItem) => Promise<void>;
     emits: UploadEmits;
 };
@@ -42,9 +43,10 @@ export default function useUploadContext(): {
         imagePreview: Ref<boolean, boolean>;
         showRemoveButton: Ref<boolean, boolean>;
         showPreviewButton: Ref<boolean, boolean>;
-        name: any;
+        name: FileName;
         slots: UploadSlots;
-        onBeforeUpload: any;
+        onBeforeUpload: OnBeforeUpload;
+        onButtonClick: OnButtonClick;
         handleDelFile: (fileItem: FileItem) => Promise<void>;
         emits: UploadEmits;
     };

package/lib/Upload/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o="upload-context";exports.default=function(){return{provide:(i,l)=>{const{fileList:r,defaultFileList:a,disabled:s,multiple:n,draggable:u,directory:d,limit:c,tip:m,listType:f,imageLoading:p,download:v,showLink:g,customIcon:w,imagePreview:h,showRemoveButton:L,showPreviewButton:y,accept:B}=e.toRefs(i),{name:b,onBeforeUpload:P,onBeforeRemove:x}=i,F=e.useSlots(),R=t.useControlValue(r,a.value,e=>{l("update:fileList",e)}),j=e.computed(()=>"text"!=f.value?"image/*":B.value),T={computedFileList:R,accept:j,disabled:s,directory:d,multiple:n,draggable:u,limit:c,tip:m,listType:f,imageLoading:p,showLink:g,download:v,customIcon:w,imagePreview:h,showRemoveButton:L,showPreviewButton:y,name:b,slots:F,onBeforeUpload:P,handleDelFile:async e=>{let t=!0;try{t=await(null==x?void 0:x(e))}catch{t=!1}t&&(R.value=R.value.filter(t=>t.uid!=e.uid),l("change",R.value,[]))},emits:l};return e.provide(o,T),T},inject:()=>e.inject(o,{computedFileList:e.ref([]),accept:e.ref(""),disabled:e.ref(!1),directory:e.ref(!1),multiple:e.ref(!1),draggable:e.ref(!1),limit:e.ref(0),tip:e.ref(""),listType:e.ref("text"),imageLoading:e.ref("lazy"),showLink:e.ref(!0),download:e.ref(!1),customIcon:e.ref({}),imagePreview:e.ref(!0),showRemoveButton:e.ref(!0),showPreviewButton:e.ref(!0),name:"",slots:{},handleDelFile:()=>Promise.resolve(),onBeforeUpload:()=>!0,emits:()=>{}})}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o=require("../../_shared/utils/is.js"),i="upload-context";exports.default=function(){return{provide:(l,r)=>{const{fileList:a,defaultFileList:s,disabled:n,multiple:u,draggable:d,directory:c,limit:m,tip:f,listType:p,imageLoading:v,download:g,showLink:w,customIcon:h,imagePreview:B,showRemoveButton:L,showPreviewButton:y,accept:b}=e.toRefs(l),{name:P,onBeforeUpload:k,onBeforeRemove:F,onButtonClick:j}=l,x=e.useSlots(),R=t.useControlValue(a,s.value,e=>{r("update:fileList",e)}),C=e.computed(()=>"text"!=p.value?"image/*":b.value),T={computedFileList:R,accept:C,disabled:n,directory:c,multiple:u,draggable:d,limit:m,tip:f,listType:p,imageLoading:v,showLink:w,download:g,customIcon:h,imagePreview:B,showRemoveButton:L,showPreviewButton:y,name:P,slots:x,onBeforeUpload:k,onButtonClick:j,handleDelFile:async e=>{let t=!0;try{t=await(null==F?void 0:F(e))}catch{t=!1}!t&&o.isFunction(F)||(R.value=R.value.filter(t=>t.uid!=e.uid),r("change",R.value,[]))},emits:r};return e.provide(i,T),T},inject:()=>e.inject(i,{computedFileList:e.ref([]),accept:e.ref(""),disabled:e.ref(!1),directory:e.ref(!1),multiple:e.ref(!1),draggable:e.ref(!1),limit:e.ref(0),tip:e.ref(""),listType:e.ref("text"),imageLoading:e.ref("lazy"),showLink:e.ref(!0),download:e.ref(!1),customIcon:e.ref({}),imagePreview:e.ref(!0),showRemoveButton:e.ref(!0),showPreviewButton:e.ref(!0),name:"",slots:{},handleDelFile:()=>Promise.resolve(),onButtonClick:()=>{},onBeforeUpload:()=>!0,emits:()=>{}})}};

package/lib/Upload/hooks/useUpload.d.ts

@@ -1,8 +1,8 @@
 import { FileItem, UploadEmits, UploadProps } from '../type';
 import { Ref } from 'vue';
 export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _props?: UploadProps, _emits?: UploadEmits): {
-    handleUpload: () => void;
-    handleFiles: (fileData: File[] | FileList | null) => void;
+    handleUpload: (e: MouseEvent) => Promise<void>;
+    handleFiles: (fileData: File[] | FileList | null) => Promise<void>;
     computedFileList: Ref<FileItem[]>;
     disabled: Ref<boolean>;
     tip: Ref<string>;
@@ -22,11 +22,12 @@ export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _p
     imagePreview: Ref<boolean>;
     slots: import('..').UploadSlots;
     onBeforeUpload: import('..').OnBeforeUpload;
+    onButtonClick: import('..').OnButtonClick;
     handleDelFile: (fileItem: FileItem) => Promise<void>;
     emits: UploadEmits;
 } | {
-    handleUpload: () => void;
-    handleFiles: (fileData: File[] | FileList | null) => void;
+    handleUpload: (e: MouseEvent) => Promise<void>;
+    handleFiles: (fileData: File[] | FileList | null) => Promise<void>;
     computedFileList: import('vue').WritableComputedRef<FileItem[], FileItem[]>;
     accept: import('vue').ComputedRef<string>;
     disabled: Ref<boolean, boolean>;
@@ -43,9 +44,10 @@ export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _p
     imagePreview: Ref<boolean, boolean>;
     showRemoveButton: Ref<boolean, boolean>;
     showPreviewButton: Ref<boolean, boolean>;
-    name: any;
+    name: import('..').FileName;
     slots: import('..').UploadSlots;
-    onBeforeUpload: any;
+    onBeforeUpload: import('..').OnBeforeUpload;
+    onButtonClick: import('..').OnButtonClick;
     handleDelFile: (fileItem: FileItem) => Promise<void>;
     emits: UploadEmits;
 };

package/lib/Upload/hooks/useUpload.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../node_modules/nanoid/index.browser.js");require("vue");const l=require("../../_shared/utils/is.js"),t=require("../../node_modules/@vueuse/core/index.js"),u=require("./useContext.js");exports.default=function(n,a,i){let r;r=a&&i?u.default().provide(a,i):u.default().inject();const{computedFileList:o,disabled:s,limit:d,accept:c,directory:v,multiple:p,name:m,onBeforeUpload:f,emits:g}=r,{onChange:h,open:j}=t.useFileDialog({directory:v.value,multiple:p.value,accept:c.value,reset:!0});h(e=>q(e)),t.useDropZone(n,{dataTypes:c.value?c.value.split(","):void 0,multiple:p.value,preventDefaultForUnhandled:!0,onDrop:e=>q(e)});const x=(e=0)=>d.value>0&&e+o.value.length>d.value,b=e=>m?l.isString(m)?m:m(e):e.name,q=l=>{const t=[...l||[]].filter(e=>f(e));if(!t.length||s.value||x(t.length)){if(!x(null==t?void 0:t.length))return;g("exceed-limit",o.value,t)}else o.value=[...o.value,...t.map(l=>{const t={name:l.name,uid:e.nanoid(),file:l,status:"init",percent:0,url:URL.createObjectURL(l)};return{...t,name:b(t)}})],g("change",o.value,[...t])};return{...r,handleUpload:()=>{s.value||j()},handleFiles:q}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../node_modules/nanoid/index.browser.js");require("vue");const t=require("../../_shared/utils/is.js"),l=require("../../node_modules/@vueuse/core/index.js"),n=require("./useContext.js");exports.default=function(u,i,a){let o;o=i&&a?n.default().provide(i,a):n.default().inject();const{computedFileList:r,disabled:s,limit:d,accept:c,directory:v,multiple:p,name:m,onBeforeUpload:f,onButtonClick:h,emits:g}=o,{onChange:y,open:j}=l.useFileDialog({directory:v.value,multiple:p.value,accept:c.value,reset:!0});y(e=>q(e)),l.useDropZone(u,{dataTypes:c.value?c.value.split(","):void 0,multiple:p.value,preventDefaultForUnhandled:!0,onDrop:e=>q(e)});const x=(e=0)=>d.value>0&&e+r.value.length>d.value,b=e=>m?t.isString(m)?m:m(e):e.name,q=async l=>{const n=[...l||[]],u=[];for(const e of n){let l=!0;try{l=await(null==f?void 0:f(e))}catch{l=!1}!l&&t.isFunction(f)||u.push(e)}if(!u.length||s.value||x(u.length)){if(!x(null==u?void 0:u.length))return;g("exceed-limit",r.value,u)}else r.value=[...r.value,...u.map(t=>{const l={name:t.name,uid:e.nanoid(),file:t,status:"init",percent:0,url:URL.createObjectURL(t)};return{...l,name:b(l)}})],g("change",r.value,[...u])};return{...o,handleUpload:async e=>{if(s.value)return;let t;try{if(t=null==h?void 0:h(e),t instanceof Promise)return;j()}catch(l){throw l}},handleFiles:q}};

package/lib/Upload/index.d.ts

@@ -38,6 +38,7 @@ declare const Upload: {
         showUploadButton: boolean;
         onBeforeUpload: import('./type').OnBeforeUpload;
         onBeforeRemove: import('./type').OnBeforeRemove;
+        onButtonClick: import('./type').OnButtonClick;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         uploadRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -77,6 +78,7 @@ declare const Upload: {
         showUploadButton: boolean;
         onBeforeUpload: import('./type').OnBeforeUpload;
         onBeforeRemove: import('./type').OnBeforeRemove;
+        onButtonClick: import('./type').OnButtonClick;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -116,6 +118,7 @@ declare const Upload: {
     showUploadButton: boolean;
     onBeforeUpload: import('./type').OnBeforeUpload;
     onBeforeRemove: import('./type').OnBeforeRemove;
+    onButtonClick: import('./type').OnButtonClick;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 }) & {