yc-design-vue 2.0.4 → 2.0.6

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

@@ -27,10 +27,10 @@ declare function __VLS_template(): {
                 readonly invisibleButton?: boolean | undefined;
                 readonly showInput?: boolean | undefined;
                 readonly onChange?: ((value: string, ev: Event) => any) | undefined;
-                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onClear?: ((ev: MouseEvent) => any) | undefined;
                 readonly onInput?: ((value: string, ev: Event) => any) | undefined;
                 readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -51,14 +51,14 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:visibility", value: boolean) => void) & ((event: "visibility-change", value: boolean) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+            $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:visibility", value: boolean) => void) & ((event: "visibility-change", value: boolean) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('../Input').InputProps> & Readonly<{
                 onChange?: ((value: string, ev: Event) => any) | undefined;
-                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev: MouseEvent) => any) | undefined;
                 onInput?: ((value: string, ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -70,18 +70,18 @@ declare function __VLS_template(): {
                 getInputRef(): HTMLInputElement;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 change: (value: string, ev: Event) => any;
-                focus: (ev: FocusEvent) => any;
                 clear: (ev: MouseEvent) => any;
                 input: (value: string, ev: Event) => any;
                 blur: (ev: FocusEvent) => any;
+                focus: (ev: FocusEvent) => any;
                 keydown: (ev: KeyboardEvent) => any;
                 "update:modelValue": (value: string) => any;
                 "update:visibility": (value: boolean) => any;
                 "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;
@@ -139,16 +139,16 @@ declare function __VLS_template(): {
             showInput: boolean;
         }> & Omit<Readonly<import('../Input').InputProps> & Readonly<{
             onChange?: ((value: string, ev: Event) => any) | undefined;
-            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
             onInput?: ((value: string, ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
             "onVisibility-change"?: ((value: boolean) => any) | undefined;
             onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | "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;
@@ -215,10 +215,10 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
             readonly invisibleButton?: boolean | undefined;
             readonly showInput?: boolean | undefined;
             readonly onChange?: ((value: string, ev: Event) => any) | undefined;
-            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((ev: MouseEvent) => any) | undefined;
             readonly onInput?: ((value: string, ev: Event) => any) | undefined;
             readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             readonly "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -239,14 +239,14 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:visibility", value: boolean) => void) & ((event: "visibility-change", value: boolean) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+        $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "update:visibility", value: boolean) => void) & ((event: "visibility-change", value: boolean) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../Input').InputProps> & Readonly<{
             onChange?: ((value: string, ev: Event) => any) | undefined;
-            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
             onInput?: ((value: string, ev: Event) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
@@ -258,18 +258,18 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
             getInputRef(): HTMLInputElement;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             change: (value: string, ev: Event) => any;
-            focus: (ev: FocusEvent) => any;
             clear: (ev: MouseEvent) => any;
             input: (value: string, ev: Event) => any;
             blur: (ev: FocusEvent) => any;
+            focus: (ev: FocusEvent) => any;
             keydown: (ev: KeyboardEvent) => any;
             "update:modelValue": (value: string) => any;
             "update:visibility": (value: boolean) => any;
             "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;
@@ -327,16 +327,16 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         showInput: boolean;
     }> & Omit<Readonly<import('../Input').InputProps> & Readonly<{
         onChange?: ((value: string, ev: Event) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
         "onVisibility-change"?: ((value: boolean) => any) | undefined;
         onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-    }>, "focus" | "blur" | "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("../node_modules/@vueuse/core/index.js"),o=require("../_shared/utils/dom.js"),l=require("../_shared/utils/locale.js"),a=require("../_shared/utils/control.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}=l.useI18n(),{isSupported:j,copy:q}=t.useClipboard(),V=e.ref(!1),E=e.ref(),I=e.ref(),N=a.useControlValue(f,v.value,e=>{y("update:editing",e)}),w=a.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:o.getDomText(E),y("edit-start"),await o.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||o.getDomText(E);q(e),y("copy",e),V.value=!0,await o.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,53 @@
+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;
+}, {}, {}, {}, 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}},emits:["update:fileList","exceed-limit","change","preview"],setup(d,{expose:r,emit:n}){const i=e.useSlots(),p=d,s=n,c=e.ref(),{computedFileList:f,limit:m,draggable:y,disabled:B,handleFiles:k,open:v}=t.default(c,p,s);return r({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(B)&&e.unref(v)())},[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=require("../_shared/icons/IconUpload.vue.js"),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-da3b0aaf"]]);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.vue.js"),n=require("../_shared/icons/IconFile.vue.js"),a={class:"yc-upload-list-item-content"},i={key:0,class:"yc-upload-list-item-thumbnail"},c=["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:v,listType:f,imageLoading:B,showLink:y,download:h,customIcon:x,slots:C,emits:_}=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(f)}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(p,I)=>(e.openBlock(),e.createElementBlock("div",{key:p.uid,class:"yc-upload-list-item"},[e.renderSlot(o.$slots,"upload-item",{fileItem:p,index:I},()=>{return[e.createElementVNode("div",a,["picture"==e.unref(f)?(e.openBlock(),e.createElementBlock("span",i,[e.createElementVNode("img",{src:p.url,alt:p.name,loading:e.unref(B)},null,8,c)])):e.createCommentVNode("",!0),e.createElementVNode("div",r,["text"==e.unref(f)?(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(v)?(e.openBlock(),e.createElementBlock("span",m,[e.createVNode(e.unref(l.default),{onClick:e=>{return o=p.uid,k.value=k.value.filter(e=>e.uid!=o),void _("change",k.value,[]);var o}},{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-499f701f"]]);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");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const o=require("../_shared/icons/IconDelete.vue.js"),l=require("../_shared/icons/IconEyeClose.vue.js"),r=require("../_shared/icons/IconPlus.vue.js"),a=require("./hooks/useUpload.js");require("../Image/index.js");const c=require("../Image/ImagePreview.vue.js");;/* empty css                          */const n=["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"},v=e.defineComponent({__name:"UploadPictureCard",setup(v){const m=e.ref(),k=e.ref(!1),y=e.ref(""),{computedFileList:f,tip:B,slots:C,customIcon:E,disabled:I,imagePreview:g,showPreviewButton:j,showRemoveButton:q,listType:_,open:h,emits:N}=a.default(m),V=()=>{I.value||h()};return(a,v)=>(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(c.default),{visible:k.value,"onUpdate:visible":v[0]||(v[0]=e=>k.value=e),src:y.value},null,8,["visible","src"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),r=>(e.openBlock(),e.createElementBlock("div",{key:r.uid,class:"yc-upload-list-picture"},[e.createElementVNode("img",{src:r.url,alt:r.name},null,8,n),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 o=r,y.value=o.url,N("preview",o),void(g.value&&(k.value=!0));var o}},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C["preview-icon"]??(E.value.previewIcon||l.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:e=>{return o=r.uid,f.value=f.value.filter(e=>e.uid!=o),void N("change",f.value,[]);var o}},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C["remove-icon"]??(E.value.removeIcon||o.default))))],8,u)):e.createCommentVNode("",!0)])])]))),128)),e.createElementVNode("span",{class:"yc-upload",ref_key:"uploadRef",ref:m,onClick:V},[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(r.default))]),e.unref(B)?(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(e.unref(B)),1)):e.createCommentVNode("",!0)],2)],512)],2))}});exports.default=v;

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

@@ -0,0 +1,49 @@
+import { Ref } from 'vue';
+import { UploadEmits, FileItem, FileListType, ImageLoading, UploadSlots, CustomIcon, FileName } 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;
+    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;
+        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"),i="upload-context";exports.default=function(){return{provide:(o,r)=>{const{fileList:l,defaultFileList:s,disabled:a,multiple:u,draggable:d,directory:n,limit:m,tip:c,listType:f,imageLoading:p,download:g,showLink:w,customIcon:v,imagePreview:L,showRemoveButton:h,showPreviewButton:b,accept:y}=e.toRefs(o),{name:P}=o,B=e.useSlots(),x={computedFileList:t.useControlValue(l,s.value,e=>{r("update:fileList",e)}),accept:e.computed(()=>"text"!=f.value?"image/*":y.value),disabled:a,directory:n,multiple:u,draggable:d,limit:m,tip:c,listType:f,imageLoading:p,showLink:w,download:g,customIcon:v,imagePreview:L,showRemoveButton:h,showPreviewButton:b,name:P,slots:B,emits:r};return e.provide(i,x),x},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:{},emits:()=>{}})}};

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

@@ -0,0 +1,47 @@
+import { FileItem, UploadEmits, UploadProps } from '../type';
+import { Ref } from 'vue';
+export default function useUpload(uploadRef: Ref<HTMLDivElement | undefined>, _props?: UploadProps, _emits?: UploadEmits): {
+    open: (localOptions?: Partial<import('@vueuse/core').UseFileDialogOptions>) => 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;
+    emits: UploadEmits;
+} | {
+    open: (localOptions?: Partial<import('@vueuse/core').UseFileDialogOptions>) => 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;
+    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,i,a){let r;r=i&&a?u.default().provide(i,a):u.default().inject();const{computedFileList:o,disabled:s,limit:d,accept:c,directory:v,multiple:p,name:m,emits:g}=r,{onChange:f,open:h}=t.useFileDialog({directory:v.value,multiple:p.value,accept:c.value,reset:!0});f(e=>b(e)),t.useDropZone(n,{dataTypes:c.value?c.value.split(","):void 0,multiple:p.value,preventDefaultForUnhandled:!0,onDrop:e=>b(e)});const j=(e=0)=>d.value>0&&e+o.value.length>d.value,x=e=>m?l.isString(m)?m:m(e):e.name,b=l=>{const t=[...l||[]];if(!(null==t?void 0:t.length)||s.value||j(t.length)){if(!j(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:x(t)}})],g("change",o.value,[...t])};return{...r,open:h,handleFiles:b}};

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)}