yc-design-vue 2.0.5 → 2.0.7

package/lib/Tag/index.d.ts

@@ -14,7 +14,7 @@ declare const Tag: {
         "update:checked": (value: boolean) => any;
         check: (value: boolean, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
-        size: import('./type').TagSize;
+        size: Exclude<import('..').Size, "mini">;
         visible: boolean;
         color: string;
         nowrap: boolean;
@@ -38,7 +38,7 @@ declare const Tag: {
         "onUpdate:checked"?: ((value: boolean) => any) | undefined;
         onCheck?: ((value: boolean, ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: import('./type').TagSize;
+        size: Exclude<import('..').Size, "mini">;
         visible: boolean;
         color: string;
         nowrap: boolean;
@@ -64,7 +64,7 @@ declare const Tag: {
     "update:checked": (value: boolean) => any;
     check: (value: boolean, ev: MouseEvent) => any;
 }, string, {
-    size: import('./type').TagSize;
+    size: Exclude<import('..').Size, "mini">;
     visible: boolean;
     color: string;
     nowrap: boolean;

package/lib/Tag/index.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<TagProps, {}, {}, {
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
     onCheck?: ((value: boolean, ev: MouseEvent) => any) | undefined;
 }>, {
-    size: import('./type').TagSize;
+    size: Exclude<import('..').Size, "mini">;
     visible: boolean;
     color: string;
     nowrap: boolean;

package/lib/Tag/type.d.ts

@@ -2,7 +2,7 @@ import { VNode } from 'vue';
 import { Size } from '../_shared/type';
 export interface TagProps {
     color?: string;
-    size?: TagSize;
+    size?: Exclude<Size, 'mini'>;
     bordered?: boolean;
     visible?: boolean;
     defaultVisible?: boolean;
@@ -24,4 +24,3 @@ export interface TagSlots {
     icon?: () => VNode[];
     'close-icon'?: () => VNode[];
 }
-export type TagSize = Exclude<Size, 'mini'>;

package/lib/Textarea/type.d.ts

@@ -24,12 +24,12 @@ export interface TextareaEmits {
     (e: 'blur', ev: FocusEvent): void;
     (e: 'keydown', ev: KeyboardEvent): void;
 }
-export type TextareaExpose = {
+export interface TextareaExpose {
     focus(): void;
     blur(): void;
     getInputRef(): HTMLTextAreaElement;
     getMirrorRef(): HTMLDivElement;
-};
+}
 export type AutoSize = boolean | {
     minRows?: number;
     maxRows?: number;

package/lib/TimePicker/TimePicker.vue.d.ts

@@ -69,9 +69,9 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
 }>, {
+    error: boolean;
     size: import('..').Size;
     type: import('./type').TimePickerType;
-    error: boolean;
     popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

package/lib/TimePicker/index.d.ts

@@ -18,9 +18,9 @@ declare const TimePicker: {
         "popup-visible-change": (value: boolean) => any;
         "update:modelValue": (value: import('./type').TimePickerValue) => any;
     }, import('vue').PublicProps, {
+        error: boolean;
         size: import('..').Size;
         type: import('./type').TimePickerType;
-        error: boolean;
         popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -101,9 +101,9 @@ declare const TimePicker: {
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        error: boolean;
         size: import('..').Size;
         type: import('./type').TimePickerType;
-        error: boolean;
         popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -140,9 +140,9 @@ declare const TimePicker: {
     "popup-visible-change": (value: boolean) => any;
     "update:modelValue": (value: import('./type').TimePickerValue) => any;
 }, string, {
+    error: boolean;
     size: import('..').Size;
     type: import('./type').TimePickerType;
-    error: boolean;
     popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;

package/lib/Timeline/TimelineItem.vue.d.ts

@@ -8,7 +8,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TimelineItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
     label: string;
-    position: import('./type').TimelinePositon;
+    position: import('..').Position;
     dotColor: string;
     dotType: import('./type').TimelineDotType;
     lineType: import('./type').TimelineLineType;

package/lib/Timeline/index.d.ts

@@ -40,7 +40,7 @@ declare const Timeline: {
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             label: string;
-            position: import('./type').TimelinePositon;
+            position: import('..').Position;
             dotColor: string;
             dotType: import('./type').TimelineDotType;
             lineType: import('./type').TimelineLineType;
@@ -55,7 +55,7 @@ declare const Timeline: {
             Defaults: {};
         }, Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, {
             label: string;
-            position: import('./type').TimelinePositon;
+            position: import('..').Position;
             dotColor: string;
             dotType: import('./type').TimelineDotType;
             lineType: import('./type').TimelineLineType;
@@ -67,7 +67,7 @@ declare const Timeline: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         label: string;
-        position: import('./type').TimelinePositon;
+        position: import('..').Position;
         dotColor: string;
         dotType: import('./type').TimelineDotType;
         lineType: import('./type').TimelineLineType;

package/lib/Timeline/type.d.ts

@@ -1,4 +1,4 @@
-import { Direction } from '../_shared/type';
+import { Direction, Position } from '../_shared/type';
 import { VNode } from 'vue';
 export interface TimelineProps {
     reverse?: boolean;
@@ -17,7 +17,7 @@ export interface TimelineItemProps {
     lineType?: TimelineLineType;
     lineColor?: string;
     label?: string;
-    position?: TimelinePositon;
+    position?: Position;
     isGhost?: boolean;
 }
 export interface TimelineItemSlots {
@@ -25,8 +25,7 @@ export interface TimelineItemSlots {
     label?: () => VNode[];
     default?: () => VNode[];
 }
-export type TimelineMode = 'left' | 'right' | 'top' | 'bottom' | 'alternate';
+export type TimelineMode = Position | 'alternate';
 export type TimelineLabelPosition = 'relative' | 'same';
 export type TimelineDotType = 'hollow' | 'solid';
 export type TimelineLineType = 'solid' | 'dashed' | 'dotted';
-export type TimelinePositon = 'left' | 'right' | 'top' | 'bottom';

package/lib/Typography/TypographyBase.vue.d.ts

@@ -80,8 +80,8 @@ declare function __VLS_template(): {
                 "visibility-change": (value: boolean) => any;
                 pressEnter: (ev: KeyboardEvent) => any;
             }, string, {
-                size: import('..').Size;
                 error: boolean;
+                size: import('..').Size;
                 disabled: boolean;
                 placeholder: string;
                 modelValue: string;
@@ -119,8 +119,8 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('..').Size;
             error: boolean;
+            size: import('..').Size;
             disabled: boolean;
             placeholder: string;
             modelValue: string;
@@ -148,7 +148,7 @@ declare function __VLS_template(): {
             "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
             "onVisibility-change"?: ((value: boolean) => any) | undefined;
             onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "blur" | "focus" | "getInputRef" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
             getInputRef(): HTMLInputElement;
@@ -175,7 +175,7 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
     "onEdit-end"?: (() => any) | undefined;
 }>, {
     delete: boolean;
-    type: import('./type').TypographyType;
+    type: "success" | "warning" | "danger" | "primary" | "secondary";
     code: boolean;
     mark: boolean;
     bold: boolean;
@@ -268,8 +268,8 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
             "visibility-change": (value: boolean) => any;
             pressEnter: (ev: KeyboardEvent) => any;
         }, string, {
-            size: import('..').Size;
             error: boolean;
+            size: import('..').Size;
             disabled: boolean;
             placeholder: string;
             modelValue: string;
@@ -307,8 +307,8 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').Size;
         error: boolean;
+        size: import('..').Size;
         disabled: boolean;
         placeholder: string;
         modelValue: string;
@@ -336,7 +336,7 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
         "onVisibility-change"?: ((value: boolean) => any) | undefined;
         onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-    }>, "blur" | "focus" | "getInputRef" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
         getInputRef(): HTMLInputElement;

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.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;
+"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;

package/lib/Typography/TypographyParagraph.vue.d.ts

@@ -8,7 +8,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TypographyParagraphProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TypographyParagraphProps> & Readonly<{}>, {
     blockquote: boolean;
-    spacing: import('./type').Spacing;
+    spacing: "close" | "default";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Typography/TypographyTitle.vue.d.ts

@@ -7,7 +7,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TypographyTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TypographyTitleProps> & Readonly<{}>, {
-    heading: import('./type').Heading;
+    heading: 1 | 2 | 3 | 4 | 5 | 6;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Typography/type.d.ts

@@ -2,7 +2,7 @@ import { TooltipProps } from '../Tooltip';
 import { VNode } from 'vue';
 export interface TypographyBaseProps {
     tag?: string;
-    type?: TypographyType;
+    type?: BaseType;
     bold?: boolean;
     disabled?: boolean;
     mark?: boolean;
@@ -43,6 +43,7 @@ export interface TypographyParagraphProps {
 export interface TypographyTitleProps {
     heading?: Heading;
 }
-export type Heading = 1 | 2 | 3 | 4 | 5 | 6;
-export type Spacing = 'default' | 'close';
-export type TypographyType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
+type Heading = 1 | 2 | 3 | 4 | 5 | 6;
+type Spacing = 'default' | 'close';
+type BaseType = 'success' | 'warning' | 'danger' | 'primary' | 'secondary';
+export {};

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

@@ -0,0 +1,55 @@
+import { UploadProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {
+        uploadRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UploadProps, {
+    updateFile: (id: string, File: File) => void;
+    upload: (files: File[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (fileList: import('./type').FileItem[], files: File[]) => any;
+    preview: (fileItem: import('./type').FileItem) => any;
+    "update:fileList": (value: import('./type').FileItem[]) => any;
+    "exceed-limit": (fileList: import('./type').FileItem[], files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<UploadProps> & Readonly<{
+    onChange?: ((fileList: import('./type').FileItem[], files: File[]) => any) | undefined;
+    onPreview?: ((fileItem: import('./type').FileItem) => any) | undefined;
+    "onUpdate:fileList"?: ((value: import('./type').FileItem[]) => any) | undefined;
+    "onExceed-limit"?: ((fileList: import('./type').FileItem[], files: File[]) => any) | undefined;
+}>, {
+    name: import('./type').FileName;
+    disabled: boolean;
+    multiple: boolean;
+    tip: string;
+    limit: number;
+    draggable: boolean;
+    fileList: import('./type').FileItem[];
+    defaultFileList: import('./type').FileItem[];
+    directory: boolean;
+    listType: import('./type').FileListType;
+    imageLoading: import('./type').ImageLoading;
+    download: boolean;
+    showLink: boolean;
+    customIcon: import('./type').CustomIcon;
+    showRemoveButton: boolean;
+    showPreviewButton: boolean;
+    accept: string;
+    showFileList: boolean;
+    showUploadButton: boolean;
+    onBeforeUpload: import('./type').OnBeforeUpload;
+    onBeforeRemove: import('./type').OnBeforeRemove;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    uploadRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Upload/Upload.vue.js

@@ -0,0 +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;

package/lib/Upload/Upload.vue3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Upload.vue.js");,/* empty css             */exports.default=e.default;

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/lib/Upload/UploadButton.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useContext.js");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const o=,/* empty css                                */n=require("../Button/index.js"),r={class:"yc-upload-button"},s={key:0,class:"yc-upload-tip text-ellipsis"},u=e.defineComponent({__name:"UploadButton",setup(u){const{tip:i,disabled:d}=t.default().inject();return(t,u)=>(e.openBlock(),e.createElementBlock("div",r,[e.createVNode(e.unref(n.default),{disabled:e.unref(d),type:"primary"},{icon:e.withCtx(()=>[e.createVNode(e.unref(o.default))]),default:e.withCtx(()=>[u[0]||(u[0]=e.createTextVNode(" 点击上传 ",-1))]),_:1},8,["disabled"]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",s,e.toDisplayString(e.unref(i)),1)):e.createCommentVNode("",!0)]))}});exports.default=u;

package/lib/Upload/UploadButton.vue3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./UploadButton.vue.js");,/* empty css                   */exports.default=e.default;

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/lib/Upload/UploadDrag.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./hooks/useContext.js");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const t=require("../_shared/icons/IconPlus.vue.js"),r={class:"yc-upload-drag-icon"},s={key:0,class:"yc-upload-tip text-ellipsis"},n=e.defineComponent({__name:"UploadDrag",setup(n){const{tip:a,disabled:d}=o.default().inject();return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-upload-drag",{"yc-upload-drag-disabled":e.unref(d)}])},[e.createElementVNode("div",r,[e.createVNode(e.unref(t.default))]),n[0]||(n[0]=e.createElementVNode("div",{class:"yc-upload-drag-text"},"点击或拖拽文件到此处上传",-1)),e.unref(a)?(e.openBlock(),e.createElementBlock("div",s,e.toDisplayString(e.unref(a)),1)):e.createCommentVNode("",!0)],2))}});exports.default=n;

package/lib/Upload/UploadDrag.vue3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./UploadDrag.vue.js");,/* empty css                 */exports.default=e.default;

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

@@ -0,0 +1,24 @@
+import { FileItem } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'upload-item'?(_: {
+            fileItem: FileItem;
+            index: number;
+        }): any;
+        'extra-button'?(_: {
+            fileItem: FileItem;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Upload/UploadFileList.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css                     */;/* empty css                     */const t=require("../_virtual/_plugin-vue_export-helper.js").default(e.default,[["__scopeId","data-v-2b2e07dc"]]);exports.default=t;

package/lib/Upload/UploadFileList.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./hooks/useContext.js"),l=;/* empty css                                          */,/* empty css                                           */require("../_shared/utils/dom.js"),/* empty css                                                 */;/* empty css                                    */const t=require("../_shared/icons/IconDelete.vue2.js"),n=require("../_shared/icons/IconFile.vue2.js"),a={class:"yc-upload-list-item-content"},c={key:0,class:"yc-upload-list-item-thumbnail"},i=["src","alt","loading"],r={class:"yc-upload-list-item-name"},s={key:0,class:"yc-upload-list-item-file-icon"},u={class:"yc-upload-list-item-name-text text-ellipsis"},d=["href","download"],m={key:0,class:"yc-upload-list-item-operation"},p=e.defineComponent({__name:"UploadFileList",setup(p){const{computedFileList:k,showRemoveButton:f,listType:v,imageLoading:B,showLink:y,download:h,customIcon:x,slots:C,handleDelFile:_}=o.default().inject(),E=e=>C["file-name"]?C["file-name"]({fileItem:e}):()=>{var o,l;return(null==(l=(o=x.value).fileName)?void 0:l.call(o,e))||e.name};return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-upload-list",`yc-upload-list-type-${e.unref(v)}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(p,k)=>(e.openBlock(),e.createElementBlock("div",{key:p.uid,class:"yc-upload-list-item"},[e.renderSlot(o.$slots,"upload-item",{fileItem:p,index:k},()=>{return[e.createElementVNode("div",a,["picture"==e.unref(v)?(e.openBlock(),e.createElementBlock("span",c,[e.createElementVNode("img",{src:p.url,alt:p.name,loading:e.unref(B)},null,8,i)])):e.createCommentVNode("",!0),e.createElementVNode("div",r,["text"==e.unref(v)?(e.openBlock(),e.createElementBlock("span",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent((o=p,C["file-icon"]?C["file-icon"]({fileItem:o}):(null==(t=(l=x.value).fileIcon)?void 0:t.call(l,o))||n.default))))])):e.createCommentVNode("",!0),e.createElementVNode("span",u,[e.unref(y)?(e.openBlock(),e.createElementBlock("a",{key:0,href:p.url,download:e.unref(h)?p.name:void 0,class:"yc-upload-list-item-name-link",target:"_blank"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E(p))))],8,d)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E(p)),{key:1}))])])])];var o,l,t},!0),o.$slots["extra-button"]||e.unref(f)?(e.openBlock(),e.createElementBlock("span",m,[e.createVNode(e.unref(l.default),{onClick:o=>e.unref(_)(p)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C["remove-icon"]??(x.value.removeIcon||t.default))))]),_:1},8,["onClick"]),e.renderSlot(o.$slots,"extra-button",{fileItem:p},void 0,!0)])):e.createCommentVNode("",!0)]))),128))],2))}});exports.default=p;

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

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    uploadRef: HTMLSpanElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/Upload/UploadPictureCard.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css                        */;/* empty css                        */const r=require("../_virtual/_plugin-vue_export-helper.js").default(e.default,[["__scopeId","data-v-2914d73a"]]);exports.default=r;

package/lib/Upload/UploadPictureCard.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./hooks/useUpload.js");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const l=require("../_shared/icons/IconDelete.vue2.js"),r=require("../_shared/icons/IconEyeClose.vue2.js"),n=require("../_shared/icons/IconPlus.vue.js");require("../Image/index.js");const a=require("../Image/ImagePreview.vue.js");;/* empty css                          */const c=["src","alt"],t={class:"yc-upload-list-picture-mask"},s={class:"yc-upload-list-picture-operation"},i=["onClick"],u=["onClick"],d={class:"yc-upload-picture-card-text"},p={key:0,class:"yc-upload-tip"},m=e.defineComponent({__name:"UploadPictureCard",setup(m){const v=e.ref(),k=e.ref(!1),f=e.ref(""),{computedFileList:y,limit:B,tip:C,slots:E,customIcon:h,disabled:I,imagePreview:g,showPreviewButton:j,showRemoveButton:q,listType:_,handleUpload:N,handleDelFile:V,emits:w}=o.default(v);return(o,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-upload-list",`yc-upload-list-type-${e.unref(_)}`,{"yc-upload-list-disabled":e.unref(I)}])},[e.createVNode(e.unref(a.default),{visible:k.value,"onUpdate:visible":m[0]||(m[0]=e=>k.value=e),src:f.value},null,8,["visible","src"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),o=>(e.openBlock(),e.createElementBlock("div",{key:o.uid,class:"yc-upload-list-picture"},[e.createElementVNode("img",{src:o.url,alt:o.name},null,8,c),e.createElementVNode("div",t,[e.createElementVNode("div",s,[e.unref(j)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["yc-upload-icon","yc-upload-icon-preview"]),onClick:e=>{return l=o,f.value=l.url,w("preview",l),void(g.value&&(k.value=!0));var l}},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E["preview-icon"]??(h.value.previewIcon||r.default))))],8,i)):e.createCommentVNode("",!0),e.unref(q)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["yc-upload-icon","yc-upload-icon-remove"]),onClick:l=>e.unref(V)(o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E["remove-icon"]??(h.value.removeIcon||l.default))))],8,u)):e.createCommentVNode("",!0)])])]))),128)),e.unref(B)<=0||e.unref(y).length<e.unref(B)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"yc-upload",ref_key:"uploadRef",ref:v,onClick:m[1]||(m[1]=(...o)=>e.unref(N)&&e.unref(N)(...o))},[e.createElementVNode("div",{class:e.normalizeClass(["yc-upload-picture-card",{"yc-upload-picture-card-disabled":e.unref(I)}])},[e.createElementVNode("div",d,[e.createVNode(e.unref(n.default))]),e.unref(C)?(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(e.unref(C)),1)):e.createCommentVNode("",!0)],2)],512)):e.createCommentVNode("",!0)],2))}});exports.default=m;

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

@@ -0,0 +1,53 @@
+import { Ref } from 'vue';
+import { UploadEmits, FileItem, FileListType, ImageLoading, UploadSlots, CustomIcon, FileName, OnBeforeUpload } from '../type';
+import { RecordType } from '../../_shared/type';
+type UploadContext = {
+    computedFileList: Ref<FileItem[]>;
+    disabled: Ref<boolean>;
+    tip: Ref<string>;
+    listType: Ref<FileListType>;
+    imageLoading: Ref<ImageLoading>;
+    showRemoveButton: Ref<boolean>;
+    showLink: Ref<boolean>;
+    download: Ref<boolean>;
+    customIcon: Ref<CustomIcon>;
+    limit: Ref<number>;
+    accept: Ref<string>;
+    name: FileName;
+    multiple: Ref<boolean>;
+    draggable: Ref<boolean>;
+    directory: Ref<boolean>;
+    showPreviewButton: Ref<boolean>;
+    imagePreview: Ref<boolean>;
+    slots: UploadSlots;
+    onBeforeUpload: OnBeforeUpload;
+    handleDelFile: (fileItem: FileItem) => Promise<void>;
+    emits: UploadEmits;
+};
+export default function useUploadContext(): {
+    provide: (props: RecordType, emits: UploadEmits) => {
+        computedFileList: import('vue').WritableComputedRef<FileItem[], FileItem[]>;
+        accept: import('vue').ComputedRef<string>;
+        disabled: Ref<boolean, boolean>;
+        directory: Ref<boolean, boolean>;
+        multiple: Ref<boolean, boolean>;
+        draggable: Ref<boolean, boolean>;
+        limit: Ref<number, number>;
+        tip: Ref<string, string>;
+        listType: Ref<FileListType, FileListType>;
+        imageLoading: Ref<ImageLoading, ImageLoading>;
+        showLink: Ref<boolean, boolean>;
+        download: Ref<boolean, boolean>;
+        customIcon: Ref<CustomIcon, CustomIcon>;
+        imagePreview: Ref<boolean, boolean>;
+        showRemoveButton: Ref<boolean, boolean>;
+        showPreviewButton: Ref<boolean, boolean>;
+        name: any;
+        slots: UploadSlots;
+        onBeforeUpload: any;
+        handleDelFile: (fileItem: FileItem) => Promise<void>;
+        emits: UploadEmits;
+    };
+    inject: () => UploadContext;
+};
+export {};

package/lib/Upload/hooks/useContext.js

@@ -0,0 +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:()=>{}})}};

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

@@ -0,0 +1,51 @@
+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;
+    computedFileList: Ref<FileItem[]>;
+    disabled: Ref<boolean>;
+    tip: Ref<string>;
+    listType: Ref<import('..').FileListType>;
+    imageLoading: Ref<import('..').ImageLoading>;
+    showRemoveButton: Ref<boolean>;
+    showLink: Ref<boolean>;
+    download: Ref<boolean>;
+    customIcon: Ref<import('..').CustomIcon>;
+    limit: Ref<number>;
+    accept: Ref<string>;
+    name: import('..').FileName;
+    multiple: Ref<boolean>;
+    draggable: Ref<boolean>;
+    directory: Ref<boolean>;
+    showPreviewButton: Ref<boolean>;
+    imagePreview: Ref<boolean>;
+    slots: import('..').UploadSlots;
+    onBeforeUpload: import('..').OnBeforeUpload;
+    handleDelFile: (fileItem: FileItem) => Promise<void>;
+    emits: UploadEmits;
+} | {
+    handleUpload: () => void;
+    handleFiles: (fileData: File[] | FileList | null) => void;
+    computedFileList: import('vue').WritableComputedRef<FileItem[], FileItem[]>;
+    accept: import('vue').ComputedRef<string>;
+    disabled: Ref<boolean, boolean>;
+    directory: Ref<boolean, boolean>;
+    multiple: Ref<boolean, boolean>;
+    draggable: Ref<boolean, boolean>;
+    limit: Ref<number, number>;
+    tip: Ref<string, string>;
+    listType: Ref<import('..').FileListType, import('..').FileListType>;
+    imageLoading: Ref<import('..').ImageLoading, import('..').ImageLoading>;
+    showLink: Ref<boolean, boolean>;
+    download: Ref<boolean, boolean>;
+    customIcon: Ref<import('..').CustomIcon, import('..').CustomIcon>;
+    imagePreview: Ref<boolean, boolean>;
+    showRemoveButton: Ref<boolean, boolean>;
+    showPreviewButton: Ref<boolean, boolean>;
+    name: any;
+    slots: import('..').UploadSlots;
+    onBeforeUpload: any;
+    handleDelFile: (fileItem: FileItem) => Promise<void>;
+    emits: UploadEmits;
+};

package/lib/Upload/hooks/useUpload.js

@@ -0,0 +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}};

package/lib/Upload/index.css

@@ -0,0 +1 @@
+.yc-upload-wrapper{width:100%;display:flex;flex-direction:column}.yc-upload-wrapper .yc-upload{cursor:pointer;max-width:100%}.yc-upload-wrapper .yc-upload .yc-upload-tip{max-width:100%;color:var(--color-text-3);font-size:12px;line-height:1.5}.yc-upload-wrapper .yc-upload .yc-upload-button{display:flex;flex-direction:column;gap:4px}.yc-upload-wrapper .yc-upload .yc-upload-button .yc-button{width:fit-content;max-width:100%}.yc-upload-wrapper .yc-upload .yc-upload-drag{width:100%;padding:50px 0;background-color:var(--color-fill-1);border:1px dashed var(--color-neutral-3);border-radius:var(--border-radius-small);color:var(--color-text-1);transition:all .2s ease;display:flex;flex-direction:column;align-items:center}.yc-upload-wrapper .yc-upload .yc-upload-drag:not(.yc-upload-drag-disabled):hover{background-color:var(--color-fill-3);border-color:var(--color-neutral-4)}.yc-upload-wrapper .yc-upload .yc-upload-drag .yc-upload-drag-icon{color:var(--color-text-2)}.yc-upload-wrapper .yc-upload .yc-upload-drag .yc-upload-drag-icon .yc-icon{margin-bottom:24px;font-size:14px}.yc-upload-wrapper .yc-upload .yc-upload-drag .yc-upload-drag-text{color:var(--color-text-1);font-size:14px;line-height:1.5}.yc-upload-list-type-text,.yc-upload-list-type-picture{width:100%;margin-top:24px;display:flex;flex-direction:column;gap:12px}.yc-upload-list-type-text .yc-upload-list-item,.yc-upload-list-type-picture .yc-upload-list-item{overflow:hidden;display:flex;align-items:center;gap:12px}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-content,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-content{overflow:hidden;flex:1;width:100%;padding:8px 10px 8px 12px;background-color:var(--color-fill-1);transition:background-color .1s cubic-bezier(0, 0, 1, 1);font-size:14px;display:flex;align-items:center}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-thumbnail,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-thumbnail{flex-shrink:0;width:40px;height:40px;margin-right:12px}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-thumbnail img,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-thumbnail img{width:100%;height:100%}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-name,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-name{flex:1;overflow:hidden;color:var(--color-text-1);font-size:14px;line-height:1.4286;display:flex;align-items:center;gap:12px}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-name .yc-upload-list-item-file-icon,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-name .yc-upload-list-item-file-icon{color:rgb(var(--primary-6));font-size:16px;display:flex;justify-content:center;align-items:center}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-name .yc-upload-list-item-name-link,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-content .yc-upload-list-item-name .yc-upload-list-item-name-link{cursor:pointer;color:rgb(var(--link-6))}.yc-upload-list-type-text .yc-upload-list-item .yc-upload-list-item-operation,.yc-upload-list-type-picture .yc-upload-list-item .yc-upload-list-item-operation{color:var(--color-text-2);font-size:12px}.yc-upload-list-type-picture-card{display:flex;flex-wrap:wrap;gap:8px}.yc-upload-list-type-picture-card .yc-upload-list-picture{position:relative;width:80px;height:80px;overflow:hidden;line-height:80px;text-align:center;border-radius:var(--border-radius-small);transition:all .2s cubic-bezier(.34, .69, .1, 1)}.yc-upload-list-type-picture-card .yc-upload-list-picture:hover .yc-upload-list-picture-mask{opacity:1}.yc-upload-list-type-picture-card .yc-upload-list-picture img{width:100%;height:100%}.yc-upload-list-type-picture-card .yc-upload-list-picture .yc-upload-list-picture-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:var(--color-white);font-size:16px;line-height:80px;cursor:pointer;opacity:0;transition:opacity .1s cubic-bezier(0, 0, 1, 1)}.yc-upload-list-type-picture-card .yc-upload-list-picture .yc-upload-list-picture-mask .yc-upload-list-picture-operation{width:100%;display:flex;justify-content:space-evenly;align-items:center}.yc-upload-list-type-picture-card .yc-upload-list-picture .yc-upload-list-picture-mask .yc-upload-list-picture-operation .yc-upload-icon{cursor:pointer}.yc-upload-list-type-picture-card .yc-upload-picture-card{min-width:80px;height:80px;background:var(--color-fill-2);border:1px dashed var(--color-neutral-3);border-radius:var(--border-radius-small);color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1);display:flex;flex-direction:column;justify-content:center;align-items:center}.yc-upload-list-type-picture-card .yc-upload-picture-card:not(.yc-upload-picture-card-disabled):hover{color:var(--color-text-2);background-color:var(--color-fill-3);border-color:var(--color-neutral-4)}.yc-upload-disabled .yc-upload{cursor:not-allowed}.yc-upload-disabled .yc-upload .yc-upload-drag,.yc-upload-disabled .yc-upload .yc-upload-picture-card{border-color:var(--color-text-4)}.yc-upload-disabled .yc-upload .yc-upload-drag .yc-upload-drag-text,.yc-upload-disabled .yc-upload .yc-upload-picture-card .yc-upload-drag-text,.yc-upload-disabled .yc-upload .yc-upload-drag .yc-upload-tip,.yc-upload-disabled .yc-upload .yc-upload-picture-card .yc-upload-tip,.yc-upload-disabled .yc-upload .yc-upload-drag .yc-upload-drag-icon,.yc-upload-disabled .yc-upload .yc-upload-picture-card .yc-upload-drag-icon,.yc-upload-disabled .yc-upload .yc-upload-drag .yc-upload-picture-card-text,.yc-upload-disabled .yc-upload .yc-upload-picture-card .yc-upload-picture-card-text{color:var(--color-text-4)}