yc-design-vue 1.0.1

package/lib/Image/ImagePreviewAction.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ImagePreviewAction.vue2.js");;/* empty css                         */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-d98ed90b"]]);module.exports=r;

package/lib/Image/ImagePreviewAction.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../Tooltip/index.js"),o={class:"yc-image-preview-toolbar-action-content"},n=e.defineComponent({name:"ImagePreviewAction",__name:"ImagePreviewAction",props:{name:{default:""},disabled:{type:Boolean,default:!1}},emits:["click","dblclick","contextmenu"],setup(n,{emit:i}){const l=n,a=i,c=(e,t)=>{l.disabled||a(e,t)};return(n,i)=>(e.openBlock(),e.createBlock(e.unref(t),{content:n.name,disabled:!n.name.length,position:"top"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-image-preview-toolbar-action",{"yc-image-preview-toolbar-action-disabled":n.disabled}]),onClick:i[0]||(i[0]=e=>c("click",e)),onDblclick:i[1]||(i[1]=e=>c("dblclick",e)),onContextmenu:i[2]||(i[2]=e=>c("contextmenu",e))},[e.createElementVNode("span",o,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],34)]),_:3},8,["content","disabled"]))}});module.exports=n;

package/lib/Image/ImagePreviewArrow.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    type: 'left' | 'right';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/Image/ImagePreviewArrow.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ImagePreviewArrow.vue2.js");;/* empty css                        */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-761f4ccd"]]);module.exports=r;

package/lib/Image/ImagePreviewArrow.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("../_shared/icons/IconArrowRight.vue.js"),o=e.defineComponent({__name:"ImagePreviewArrow",props:{type:{}},setup:o=>(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${o.type}`])},[e.createVNode(e.unref(r),{rotate:"left"==o.type?180:0},null,8,["rotate"])],2))});module.exports=o;

package/lib/Image/ImagePreviewGroup.vue.d.ts

@@ -0,0 +1,42 @@
+import { ImagePreviewGroupProps, ImagePreviewGroupSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ImagePreviewGroupSlots> & ImagePreviewGroupSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ImagePreviewGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (index: number) => any;
+    "update:visible": (value: boolean) => any;
+    "update:current": (index: number) => any;
+    "visible-change": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ImagePreviewGroupProps> & Readonly<{
+    onChange?: ((index: number) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:current"?: ((index: number) => any) | undefined;
+    "onVisible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    popupContainer: import('..').PopupContainer;
+    infinite: boolean;
+    visible: boolean;
+    defaultVisible: boolean;
+    closable: boolean;
+    current: number;
+    defaultCurrent: number;
+    maskClosable: boolean;
+    escToClose: boolean;
+    actionsLayout: string[];
+    wheelZoom: boolean;
+    keyboard: boolean;
+    defaultScale: number;
+    zoomRate: number;
+    srcList: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Image/ImagePreviewGroup.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js"),o=require("./hooks/useContext.js"),l=require("./ImagePreview.vue.js"),r=require("./ImagePreviewArrow.vue.js"),a={class:"yc-image-preview-arrow"},s=e.defineComponent({name:"ImagePreviewGroup",inheritAttrs:!1,__name:"ImagePreviewGroup",props:{srcList:{default:()=>[]},current:{default:void 0},defaultCurrent:{default:0},infinite:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","update:current","change","visible-change"],setup(s,{emit:i}){const u=s,n=i,{srcList:d,infinite:c,keyboard:f}=e.toRefs(u),{src:p,srcList:v,computedCurrent:m,computedVisible:y}=o().provide(u,n),g=e=>{let t=0;!c.value&&("pre"==e&&0==m.value||"next"==e&&m.value==v.value.length-1)||("pre"==e?(t=m.value-1,t=t<0?v.value.length-1:t):(t=m.value+1,t=t==v.value.length?0:t),m.value=t)};return(()=>{if(f.value){const e={ArrowLeft:"pre",ArrowRight:"next"};t.onKeyStroke(["ArrowLeft","ArrowRight"],t=>{g(e[t.key])})}})(),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.$slots.default&&!e.unref(d).length?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0),e.createVNode(l,e.mergeProps(u,{visible:e.unref(y),"onUpdate:visible":o[2]||(o[2]=t=>e.isRef(y)?y.value=t:null),src:e.unref(p),class:t.$attrs.class,style:t.$attrs.style}),e.createSlots({arrow:e.withCtx(()=>[e.createElementVNode("div",a,[e.createVNode(r,{type:"left",onClick:o[0]||(o[0]=e=>g("pre"))}),e.createVNode(r,{type:"right",onClick:o[1]||(o[1]=e=>g("next"))})])]),_:2},[t.$slots.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),key:"0"}:void 0]),1040,["visible","src","class","style"])],64))}});module.exports=s;

package/lib/Image/ImagePreviewGroup.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ImagePreviewGroup.vue.js");module.exports=e;

package/lib/Image/ImagePreviewToolbar.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    actionsLayout: string[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (action: string, ev: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((action: string, ev: MouseEvent) => any) | undefined;
+}>, {
+    actionsLayout: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Image/ImagePreviewToolbar.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ImagePreviewToolbar.vue2.js");;/* empty css                          */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-f838cc3a"]]);module.exports=r;

package/lib/Image/ImagePreviewToolbar.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("../_shared/icons/IconFullScreen.vue2.js"),n=require("../_shared/icons/IconOriginSize.vue2.js"),r=require("../_shared/icons/IconRotateLeft.vue2.js"),i=require("../_shared/icons/IconRotateRight.vue2.js"),t=require("../_shared/icons/IconZoomIn.vue2.js"),c=require("../_shared/icons/IconZoomOut.vue2.js"),s=require("./ImagePreviewAction.vue.js"),a={key:0,class:"yc-image-preview-toolbar"},l=e.defineComponent({__name:"ImagePreviewToolbar",props:{actionsLayout:{default:()=>[]}},emits:["click"],setup(l){const u={fullScreen:{icon:o,name:"全屏"},rotateRight:{icon:i,name:"向右旋转"},rotateLeft:{icon:r,name:"向左旋转"},zoomIn:{icon:t,name:"放大"},zoomOut:{icon:c,name:"缩小"},originalSize:{icon:n,name:"还原"}};return(o,n)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[u[n]?(e.openBlock(),e.createBlock(s,{key:0,name:u[n].name,onClick:e=>o.$emit("click",n,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u[n].icon)))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)}});module.exports=l;

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

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+import { ImagePreviewGroupEmits } from '../type';
+import { Props } from '../../_shared/type';
+type ImageContext = {
+    hasGroupFather: Ref<boolean>;
+    handleClick: (src: string) => void;
+};
+declare const _default: () => {
+    provide: (props: Props, emits: ImagePreviewGroupEmits) => {
+        src: import('vue').ComputedRef<string>;
+        srcList: import('vue').ComputedRef<string[]>;
+        computedCurrent: import('vue').WritableComputedRef<any, number>;
+        computedVisible: import('vue').WritableComputedRef<any, boolean>;
+    };
+    inject: () => ImageContext;
+};
+export default _default;

package/lib/Image/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js");const r=require("../../_shared/utils/vue-utils.js");require("../../Empty/index.js");/* empty css                              */const u=require("../../_shared/utils/control.js"),t=require("../Image.vue.js"),s="image-context";module.exports=()=>({provide:(i,l)=>{const{srcList:n,current:o,defaultCurrent:a,visible:d,defaultVisible:c}=e.toRefs(i),v=e.useSlots(),m=e.computed(()=>{var e;if(n.value.length)return n.value;if(!v.default)return[];return r.findComponentsFromVnodes((null==(e=v.default)?void 0:e.call(v))||[],t.name).map(e=>{var r;return null==(r=null==e?void 0:e.props)?void 0:r.src})}),p=u(o,a.value,e=>{l("update:current",e),l("change",e)}),h=u(d,c.value,e=>{l("update:visible",e),l("visible-change",e)}),f=e.computed(()=>m.value[p.value]);return e.provide(s,{hasGroupFather:e.ref(!0),handleClick:e=>{const r=m.value.findIndex(r=>r==e);p.value=r,h.value=!0}}),{src:f,srcList:m,computedCurrent:p,computedVisible:h}},inject:()=>e.inject(s,{hasGroupFather:e.ref(!1),handleClick:()=>{}})});

package/lib/Image/index.d.ts

@@ -0,0 +1,291 @@
+import { App } from 'vue';
+import { default as _Image } from './Image.vue';
+import { default as _ImagePreview } from './ImagePreview.vue';
+import { default as _ImagePreviewGroup } from './ImagePreviewGroup.vue';
+import { default as _ImagePreviewAction } from './ImagePreviewAction.vue';
+export type ImageInstance = InstanceType<typeof _Image>;
+export type ImagePreviewInstance = InstanceType<typeof _ImagePreview>;
+export type ImagePreviewGroupInstance = InstanceType<typeof _ImagePreviewGroup>;
+export type ImagePreviewActionInstance = InstanceType<typeof _ImagePreviewAction>;
+export * from './type';
+declare const Image: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImageProps> & Readonly<{
+        "onUpdate:previewVisible"?: ((visible: boolean) => any) | undefined;
+        "onPreview-visible-change"?: ((visible: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:previewVisible": (visible: boolean) => any;
+        "preview-visible-change": (visible: boolean) => any;
+    }, import('vue').PublicProps, {
+        title: string;
+        description: string;
+        src: string;
+        hideFooter: import('./type').HideFooter;
+        footerPosition: import('./type').FooterPostion;
+        showLoader: boolean;
+        preview: boolean;
+        previewVisible: boolean;
+        defaultPreviewVisible: boolean;
+        previewProps: import('./type').ImagePreviewProps;
+        footerClass: import('../_shared/type').ClassName;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').ImageProps> & Readonly<{
+        "onUpdate:previewVisible"?: ((visible: boolean) => any) | undefined;
+        "onPreview-visible-change"?: ((visible: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        title: string;
+        description: string;
+        src: string;
+        hideFooter: import('./type').HideFooter;
+        footerPosition: import('./type').FooterPostion;
+        showLoader: boolean;
+        preview: boolean;
+        previewVisible: boolean;
+        defaultPreviewVisible: boolean;
+        previewProps: import('./type').ImagePreviewProps;
+        footerClass: import('../_shared/type').ClassName;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').ImageProps> & Readonly<{
+    "onUpdate:previewVisible"?: ((visible: boolean) => any) | undefined;
+    "onPreview-visible-change"?: ((visible: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:previewVisible": (visible: boolean) => any;
+    "preview-visible-change": (visible: boolean) => any;
+}, string, {
+    title: string;
+    description: string;
+    src: string;
+    hideFooter: import('./type').HideFooter;
+    footerPosition: import('./type').FooterPostion;
+    showLoader: boolean;
+    preview: boolean;
+    previewVisible: boolean;
+    defaultPreviewVisible: boolean;
+    previewProps: import('./type').ImagePreviewProps;
+    footerClass: import('../_shared/type').ClassName;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').ImageSlots> & import('./type').ImageSlots;
+}) & {
+    preview: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImagePreviewProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            close: () => any;
+            "update:visible": (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            popupContainer: import('..').PopupContainer;
+            visible: boolean;
+            src: string;
+            defaultVisible: boolean;
+            closable: boolean;
+            maskClosable: boolean;
+            escToClose: boolean;
+            actionsLayout: string[];
+            wheelZoom: boolean;
+            keyboard: boolean;
+            defaultScale: number;
+            zoomRate: number;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            imageRef: HTMLImageElement;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').ImagePreviewProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            popupContainer: import('..').PopupContainer;
+            visible: boolean;
+            src: string;
+            defaultVisible: boolean;
+            closable: boolean;
+            maskClosable: boolean;
+            escToClose: boolean;
+            actionsLayout: string[];
+            wheelZoom: boolean;
+            keyboard: boolean;
+            defaultScale: number;
+            zoomRate: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').ImagePreviewProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        close: () => any;
+        "update:visible": (value: boolean) => any;
+    }, string, {
+        popupContainer: import('..').PopupContainer;
+        visible: boolean;
+        src: string;
+        defaultVisible: boolean;
+        closable: boolean;
+        maskClosable: boolean;
+        escToClose: boolean;
+        actionsLayout: string[];
+        wheelZoom: boolean;
+        keyboard: boolean;
+        defaultScale: number;
+        zoomRate: number;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<import('./type').ImagePreviewSlots> & import('./type').ImagePreviewSlots;
+    });
+    "preview-group": {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImagePreviewGroupProps> & Readonly<{
+            onChange?: ((index: number) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+            "onUpdate:current"?: ((index: number) => any) | undefined;
+            "onVisible-change"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            change: (index: number) => any;
+            "update:visible": (value: boolean) => any;
+            "update:current": (index: number) => any;
+            "visible-change": (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            popupContainer: import('..').PopupContainer;
+            infinite: boolean;
+            visible: boolean;
+            defaultVisible: boolean;
+            closable: boolean;
+            current: number;
+            defaultCurrent: number;
+            maskClosable: boolean;
+            escToClose: boolean;
+            actionsLayout: string[];
+            wheelZoom: boolean;
+            keyboard: boolean;
+            defaultScale: number;
+            zoomRate: number;
+            srcList: string[];
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').ImagePreviewGroupProps> & Readonly<{
+            onChange?: ((index: number) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+            "onUpdate:current"?: ((index: number) => any) | undefined;
+            "onVisible-change"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            popupContainer: import('..').PopupContainer;
+            infinite: boolean;
+            visible: boolean;
+            defaultVisible: boolean;
+            closable: boolean;
+            current: number;
+            defaultCurrent: number;
+            maskClosable: boolean;
+            escToClose: boolean;
+            actionsLayout: string[];
+            wheelZoom: boolean;
+            keyboard: boolean;
+            defaultScale: number;
+            zoomRate: number;
+            srcList: string[];
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').ImagePreviewGroupProps> & Readonly<{
+        onChange?: ((index: number) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        "onUpdate:current"?: ((index: number) => any) | undefined;
+        "onVisible-change"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (index: number) => any;
+        "update:visible": (value: boolean) => any;
+        "update:current": (index: number) => any;
+        "visible-change": (value: boolean) => any;
+    }, string, {
+        popupContainer: import('..').PopupContainer;
+        infinite: boolean;
+        visible: boolean;
+        defaultVisible: boolean;
+        closable: boolean;
+        current: number;
+        defaultCurrent: number;
+        maskClosable: boolean;
+        escToClose: boolean;
+        actionsLayout: string[];
+        wheelZoom: boolean;
+        keyboard: boolean;
+        defaultScale: number;
+        zoomRate: number;
+        srcList: string[];
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<import('./type').ImagePreviewGroupSlots> & import('./type').ImagePreviewGroupSlots;
+    });
+    action: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ImagePreviewActionProps> & Readonly<{
+            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onContextmenu?: ((ev: MouseEvent) => any) | undefined;
+            onDblclick?: ((ev: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: (ev: MouseEvent) => any;
+            contextmenu: (ev: MouseEvent) => any;
+            dblclick: (ev: MouseEvent) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            name: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').ImagePreviewActionProps> & Readonly<{
+            onClick?: ((ev: MouseEvent) => any) | undefined;
+            onContextmenu?: ((ev: MouseEvent) => any) | undefined;
+            onDblclick?: ((ev: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            name: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').ImagePreviewActionProps> & Readonly<{
+        onClick?: ((ev: MouseEvent) => any) | undefined;
+        onContextmenu?: ((ev: MouseEvent) => any) | undefined;
+        onDblclick?: ((ev: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (ev: MouseEvent) => any;
+        contextmenu: (ev: MouseEvent) => any;
+        dblclick: (ev: MouseEvent) => any;
+    }, string, {
+        disabled: boolean;
+        name: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<import('./type').ImagePreviewActionSlots> & import('./type').ImagePreviewActionSlots;
+    });
+    install: (app: App) => void;
+};
+export { _ImagePreview as ImagePreview, _ImagePreviewGroup as ImagePreviewGroup, _ImagePreviewAction as ImagePreviewAction, };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcImage: typeof Image;
+        YcImagePreview: typeof _ImagePreview;
+        YcImagePreviewGroup: typeof _ImagePreviewGroup;
+        YcImagePreviewAction: typeof _ImagePreviewAction;
+    }
+}
+export default Image;

package/lib/Image/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Image.vue.js"),r=require("./ImagePreview.vue.js"),o=require("./ImagePreviewGroup.vue.js"),t=require("./ImagePreviewAction.vue.js"),i=Object.assign(e,{preview:r,"preview-group":o,action:t,install:i=>{i.component("Yc"+e.name,e),i.component("Yc"+r.name,r),i.component("Yc"+o.name,o),i.component("Yc"+t.name,t)}});exports.ImagePreview=r,exports.ImagePreviewGroup=o,exports.ImagePreviewAction=t,exports.default=i;

package/lib/Image/type.d.ts

@@ -0,0 +1,82 @@
+import { ClassName, PopupContainer } from '../_shared/type';
+export interface ImageProps {
+    src?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    description?: string;
+    fit?: ImageObjectFit;
+    alt?: string;
+    hideFooter?: HideFooter;
+    footerPosition?: FooterPostion;
+    showLoader?: boolean;
+    preview?: boolean;
+    previewVisible?: boolean;
+    defaultPreviewVisible?: boolean;
+    previewProps?: ImagePreviewProps;
+    footerClass?: ClassName;
+}
+export interface ImageEmits {
+    (e: 'update:previewVisible', visible: boolean): void;
+    (e: 'preview-visible-change', visible: boolean): void;
+}
+export interface ImageSlots {
+    error(): void;
+    ['error-icon'](): void;
+    loader(): void;
+    extra(): void;
+    ['preview-actions'](): void;
+}
+export interface ImagePreviewProps {
+    src?: string;
+    visible?: boolean;
+    defaultVisible?: boolean;
+    maskClosable?: boolean;
+    closable?: boolean;
+    actionsLayout?: string[];
+    popupContainer?: PopupContainer;
+    escToClose?: boolean;
+    wheelZoom?: boolean;
+    keyboard?: boolean;
+    defaultScale?: number;
+    zoomRate?: number;
+}
+export interface ImagePreviewEmits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'close'): void;
+}
+export interface ImagePreviewSlots {
+    actions(): void;
+    arrow(): void;
+}
+export interface ImagePreviewGroupProps extends Omit<ImagePreviewProps, 'src'> {
+    srcList?: string[];
+    current?: number;
+    defaultCurrent?: number;
+    infinite?: boolean;
+}
+export interface ImagePreviewGroupEmits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'update:current', index: number): void;
+    (e: 'change', index: number): void;
+    (e: 'visible-change', value: boolean): void;
+}
+export interface ImagePreviewGroupSlots {
+    actions(): void;
+    default(): void;
+}
+export interface ImagePreviewActionProps {
+    name?: string;
+    disabled?: boolean;
+}
+export interface ImagePreviewActionEmits {
+    (e: 'click', ev: MouseEvent): void;
+    (e: 'dblclick', ev: MouseEvent): void;
+    (e: 'contextmenu', ev: MouseEvent): void;
+}
+export interface ImagePreviewActionSlots {
+    default(): void;
+}
+export type ImageObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type HideFooter = boolean | 'never';
+export type FooterPostion = 'inner' | 'outer';

package/lib/Input/Input.vue.d.ts

@@ -0,0 +1,65 @@
+import { InputProps, InputSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<InputSlots> & InputSlots;
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputProps, {
+    focus(): void;
+    blur(): void;
+    getInputRef(): HTMLInputElement;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string, ev: Event) => any;
+    focus: (ev: FocusEvent) => any;
+    clear: (ev: MouseEvent) => any;
+    blur: (ev: FocusEvent) => any;
+    input: (value: string, ev: Event) => 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, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
+    onChange?: ((value: string, ev: Event) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onClear?: ((ev: MouseEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onInput?: ((value: string, ev: Event) => 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;
+}>, {
+    size: import('..').Size;
+    disabled: boolean;
+    error: boolean;
+    placeholder: string;
+    visibility: boolean;
+    modelValue: string;
+    defaultValue: string;
+    maxLength: import('./type').MaxLength;
+    showWordLimit: boolean;
+    allowClear: boolean;
+    readonly: boolean;
+    wordLength: import('./type').WordLength;
+    wordSlice: import('./type').WordSlice;
+    inputAttrs: import('../_shared/type').ObjectData;
+    isPassword: boolean;
+    defaultVisibility: boolean;
+    invisibleButton: boolean;
+    showInput: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, 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/Input/Input.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Input.vue2.js");;/* empty css            */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-4ec92c2e"]]);module.exports=u;

package/lib/Input/Input.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),o=require("../_shared/utils/control.js"),l=require("./hooks/useLimitedInput.js"),n=require("../_shared/components/IconButton.vue.js"),s=require("../_shared/components/PreventFocus.vue.js");;/* empty css                                          */const i=require("./InputSuffix.vue.js"),a=["value","type","disabled","readonly","placeholder"],r=e.defineComponent({name:"Input",__name:"Input",props:{modelValue:{default:void 0},defaultValue:{default:""},size:{default:void 0},allowClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:void 0},placeholder:{default:""},maxLength:{default:void 0},wordLength:{type:Function,default:e=>e.length},wordSlice:{type:Function,default:(e,t)=>e.slice(0,t)},showWordLimit:{type:Boolean,default:!1},inputAttrs:{default:()=>({})},isPassword:{type:Boolean,default:!1},visibility:{type:Boolean,default:void 0},defaultVisibility:{type:Boolean,default:!1},invisibleButton:{type:Boolean,default:!0},showInput:{type:Boolean,default:!1}},emits:["update:modelValue","update:visibility","input","change","visibility-change","pressEnter","keydown","clear","focus","blur"],setup(r,{expose:u,emit:d}){const p=r,c=d,{visibility:f,defaultVisibility:y}=e.toRefs(p),{size:m}=t.getGlobalConfig(p),h=e.ref(),v=o(f,y.value,e=>{c("update:visibility",e),c("visibility-change",e)}),b=e.computed(()=>v.value?"password":"text"),{computedValue:w,showWordLimit:k,showClearBtn:B,curLength:C,maxLength:g,error:x,handleInput:$,handleComposition:_}=l({props:p,emits:c,inputRef:h}),V=async(e,t)=>{switch(e){case"input":$(t);break;case"change":c("change",w.value,t);break;case"focus":case"blur":c(e,t);break;case"clear":w.value="",c("clear",t);break;case"keydown":{const e=t;c("keydown",e),"Enter"==e.key&&c("pressEnter",e)}}};return u({focus(){var e;null==(e=h.value)||e.focus()},blur(){var e;null==(e=h.value)||e.blur()},getInputRef:()=>h.value}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-outer",`yc-input-size-${e.unref(m)}`,{"yc-input-disabled":t.disabled,"yc-input-error":e.unref(x),"yc-input-has-prepend":t.$slots.prepend,"yc-input-has-append":t.$slots.append}])},[t.$slots.prepend?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-prepend"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-input-wrapper",{"yc-input-wrapper-disabled":t.disabled}])},[t.$slots.prefix?(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:"yc-input-prefix"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({value:e.unref(w),type:b.value,disabled:t.disabled,readonly:t.readonly,placeholder:t.placeholder},t.inputAttrs,{class:"yc-input",ref_key:"inputRef",ref:h,onInput:o[0]||(o[0]=e=>V("input",e)),onChange:o[1]||(o[1]=e=>V("change",e)),onCompositionstart:o[2]||(o[2]=(...t)=>e.unref(_)&&e.unref(_)(...t)),onCompositionupdate:o[3]||(o[3]=(...t)=>e.unref(_)&&e.unref(_)(...t)),onCompositionend:o[4]||(o[4]=(...t)=>e.unref(_)&&e.unref(_)(...t)),onFocus:o[5]||(o[5]=e=>V("focus",e)),onBlur:o[6]||(o[6]=e=>V("blur",e)),onKeydown:o[7]||(o[7]=e.withKeys(e=>V("keydown",e),["enter"]))}),null,16,a),[[e.vShow,!t.$slots.label||t.$slots.label&&t.showInput]]),t.$slots.label?e.withDirectives((e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-input text-ellipsis"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{},void 0,!0)]),_:3},512)),[[e.vShow,!t.showInput]]):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createBlock(e.unref(n),{key:2,class:"yc-input-clear-button",onClick:o[8]||(o[8]=e=>V("clear",e))})):e.createCommentVNode("",!0),t.$slots.suffix||e.unref(k)||t.isPassword&&t.invisibleButton?(e.openBlock(),e.createBlock(i,{key:3,"cur-length":e.unref(C),"max-length":e.unref(g),"computed-value":e.unref(w),"show-word-limit":e.unref(k),"computed-visibility":e.unref(v),"invisible-button":t.invisibleButton,"is-password":t.isPassword,onVisibilityChange:o[9]||(o[9]=e=>v.value=e)},e.createSlots({_:2},[t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix",{},void 0,!0)]),key:"0"}:void 0]),1032,["cur-length","max-length","computed-value","show-word-limit","computed-visibility","invisible-button","is-password"])):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"yc-input-append"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"append",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)],2))}});module.exports=r;

package/lib/Input/InputSuffix.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    curLength: number;
+    maxLength?: number;
+    showWordLimit: boolean;
+    computedVisibility: boolean;
+    isPassword: boolean;
+    invisibleButton: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: (ev: MouseEvent) => any;
+    visibilityChange: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: ((ev: MouseEvent) => any) | undefined;
+    onVisibilityChange?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Input/InputSuffix.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./InputSuffix.vue2.js");;/* empty css                  */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-7922ddd3"]]);module.exports=u;

package/lib/Input/InputSuffix.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("../_shared/icons/IconEyeClose.vue2.js"),i=require("../_shared/icons/IconEyeOpen.vue2.js"),t=require("../_shared/components/IconButton.vue.js"),s=require("../_shared/components/PreventFocus.vue.js");;/* empty css                                          */const n={key:0,class:"yc-input-word-limit"},r=e.defineComponent({__name:"InputSuffix",props:{curLength:{},maxLength:{},showWordLimit:{type:Boolean},computedVisibility:{type:Boolean},isPassword:{type:Boolean},invisibleButton:{type:Boolean}},emits:["clear","visibilityChange"],setup:r=>(r,c)=>(e.openBlock(),e.createBlock(e.unref(s),{class:"yc-input-suffix"},{default:e.withCtx(()=>[r.showWordLimit?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(r.curLength)+"/"+e.toDisplayString(r.maxLength),1)):e.createCommentVNode("",!0),r.isPassword&&r.invisibleButton?(e.openBlock(),e.createBlock(e.unref(t),{key:1,size:14,onClick:c[0]||(c[0]=e=>r.$emit("visibilityChange",!r.computedVisibility))},{default:e.withCtx(()=>[r.computedVisibility?(e.openBlock(),e.createBlock(e.unref(i),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))]),_:1})):e.createCommentVNode("",!0),r.$slots.suffix?e.renderSlot(r.$slots,"suffix",{key:2},void 0,!0):e.createCommentVNode("",!0)]),_:3}))});module.exports=r;