yc-design-vue 1.0.1

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

@@ -0,0 +1,19 @@
+import { EmptyProps, EmptySlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<EmptySlots> & EmptySlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<EmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    description: string;
+    imgSrc: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Empty/index.vue.js

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

package/lib/Empty/index.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("./index.js");/* empty css                           */const r=require("../_shared/icons/IconEmpty.vue.js"),t={class:"yc-empty"},o={class:"yc-empty-image"},s=["src"],c={key:0,class:"yc-empty-description"},i=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:"暂无数据"},imgSrc:{default:""}},setup:i=>(i,n)=>(e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",o,[e.renderSlot(i.$slots,"image",{},()=>[i.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.imgSrc,alt:"图片加载失败"},null,8,s)):e.createCommentVNode("",!0),e.createVNode(e.unref(r))],!0)]),i.description?(e.openBlock(),e.createElementBlock("div",c,e.toDisplayString(i.description),1)):e.createCommentVNode("",!0)]))});module.exports=i;

package/lib/Empty/type.d.ts

@@ -0,0 +1,7 @@
+export interface EmptyProps {
+    description?: string;
+    imgSrc?: string;
+}
+export interface EmptySlots {
+    image(): void;
+}

package/lib/Grid/Grid.vue.d.ts

@@ -0,0 +1,22 @@
+import { GridProps, GridSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<GridSlots> & GridSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridProps> & Readonly<{}>, {
+    cols: number | import('./type').ResponsiveValue;
+    rowGap: number | import('./type').ResponsiveValue;
+    colGap: number | import('./type').ResponsiveValue;
+    collapsed: boolean;
+    collapsedRows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Grid/Grid.vue.js

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

package/lib/Grid/Grid.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js"),o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const s=require("./hooks/useContext.js"),l=e.defineComponent({name:"Grid",__name:"Grid",props:{cols:{default:24},rowGap:{default:0},colGap:{default:0},collapsed:{type:Boolean,default:!1},collapsedRows:{default:1}},setup(l){const t=l,{breakpoint:u,cols:a,rowGap:n}=s.default().provide(t);return r.mediaQueryHandler(e=>{u.value=e}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-grid",style:e.normalizeStyle({gap:`${e.unref(o.valueToPx)(e.unref(n))} ${e.unref(o.valueToPx)(e.unref(n))}`,gridTemplateColumns:`repeat(${e.unref(a)}, minmax(0px, 1fr))`})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4))}});module.exports=l;

package/lib/Grid/GridCol.vue.d.ts

@@ -0,0 +1,19 @@
+import { GridColProps, GridColSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<GridColSlots> & GridColSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GridColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridColProps> & Readonly<{}>, {
+    span: number | import('./type').ResponsiveValue;
+    offset: number | import('./type').ResponsiveValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Grid/GridCol.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),r=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=require("./hooks/useContext.js"),o=e.defineComponent({name:"Col",__name:"GridCol",props:{span:{default:24},offset:{default:0},order:{},flex:{}},setup(o){const a=o,{span:u,order:s,offset:n,flex:i}=e.toRefs(a),{gutter:d,div:c,breakpoint:v}=t.default().inject(),f=e.computed(()=>({width:`calc((100% / 24) * ${l.getBreakpointValue(v.value,u.value,24)})`,padding:`${r.valueToPx(d.value[1]/2)} ${r.valueToPx(d.value[0]/2)}`,marginLeft:n.value?`calc((100% / 24) * ${l.getBreakpointValue(v.value,n.value,0)})`:"",order:l.getBreakpointValue(v.value,s.value),flex:l.getBreakpointValue(v.value,i.value)}));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-col":!e.unref(c)}]),style:e.normalizeStyle(f.value)},[e.renderSlot(l.$slots,"default")],6))}});module.exports=o;

package/lib/Grid/GridCol.vue2.js

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

package/lib/Grid/GridItem.vue.d.ts

@@ -0,0 +1,20 @@
+import { GridItemProps, GridItemSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<GridItemSlots> & GridItemSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GridItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
+    span: number | import('./type').ResponsiveValue;
+    suffix: boolean;
+    offset: number | import('./type').ResponsiveValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Grid/GridItem.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const u=require("../_shared/utils/dom.js"),l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("./hooks/useContext.js"),t=e.defineComponent({name:"GridItem",__name:"GridItem",props:{span:{default:1},offset:{default:0},suffix:{type:Boolean,default:!1}},setup(t){const s=t,{span:r,offset:o,suffix:i}=e.toRefs(s),{cols:n,colGap:v,collapsed:c,collapsedRows:d,spanMap:f,breakpoint:p,collectSpan:m}=a.default().inject(),x=e.computed(()=>u.getBreakpointValue(p.value,o.value)),j=e.computed(()=>{const e=u.getBreakpointValue(p.value,r.value)+x.value;return e>=n.value?n.value:e}),q=e.computed(()=>({gridColumn:`${i.value?n.value-j.value+1:`span ${j.value}`} / span ${j.value}`,marginLeft:x.value?`calc(${100/j.value*x.value}% + ${l.valueToPx(x.value*v.value)})`:""})),{id:_}=m(j,i),h=e.computed(()=>{if(!c.value)return!1;const e=[...f.values()],u=n.value*d.value;return e.filter(({suffix:e})=>!e).reduce((e,u)=>e+u.span,0)>u}),k=e.computed(()=>{if(!c.value||i.value)return!1;const e=[...f.values()],u=e.filter(({suffix:e})=>e).reduce((e,{span:u})=>e+u,0),l=n.value*d.value,a=e.filter(({suffix:e})=>!e);let t=0;for(let{id:s,span:r}of a)if(t+=r,s==_)break;return t>l-u});return(u,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"yc-grid-item",style:e.normalizeStyle(q.value)},[e.renderSlot(u.$slots,"default",{overflow:h.value})],4)),[[e.vShow,!k.value]])}});module.exports=t;

package/lib/Grid/GridItem.vue2.js

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

package/lib/Grid/GridRow.vue.d.ts

@@ -0,0 +1,22 @@
+import { GridRowProps, GridRowSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<GridRowSlots> & GridRowSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GridRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridRowProps> & Readonly<{}>, {
+    wrap: boolean;
+    justify: import('./type').GridRowJustify;
+    div: boolean;
+    gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
+    align: import('./type').GridRowAlign;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Grid/GridRow.vue.js

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

package/lib/Grid/GridRow.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js"),t=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),u=e.defineComponent({name:"Row",__name:"GridRow",props:{gutter:{default:0},justify:{default:"start"},align:{default:"start"},div:{type:Boolean,default:!1},wrap:{type:Boolean,default:!0}},setup(u){const s=u,{div:n,wrap:i,justify:a,align:l}=e.toRefs(s),{breakpoint:d,gutter:f}=o.default().provide(s);return r.mediaQueryHandler(e=>{d.value=e}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-row":!e.unref(n),"yc-row-wrap":e.unref(i)&&!e.unref(n),[`yc-row-align-${e.unref(l)}`]:!e.unref(n),[`yc-row-justify-${e.unref(a)}`]:!e.unref(n)}]),style:e.normalizeStyle({margin:`0 ${e.unref(t.valueToPx)(-e.unref(f)[0]/2)}`})},[e.renderSlot(r.$slots,"default",{},void 0,!0)],6))}});module.exports=u;

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

@@ -0,0 +1,43 @@
+import { Ref, Reactive } from 'vue';
+import { BreakpointName, Gutter } from '../type';
+import { Props } from '../../_shared/type';
+export declare const GRID_CONTEXT_KEY = "grid-context";
+export type GridContext = {
+    breakpoint: Ref<BreakpointName>;
+    div: Ref<boolean>;
+    gutter: Ref<number[]>;
+    cols: Ref<number>;
+    colGap: Ref<number>;
+    spanMap: Reactive<SpanMap>;
+    collapsed: Ref<boolean>;
+    collapsedRows: Ref<number>;
+};
+export type SpanMap = Map<string, {
+    id: string;
+    span: number;
+    suffix: boolean;
+}>;
+export type GutterValue = Gutter | [Gutter, Gutter];
+declare const _default: () => {
+    provide: (props: Props) => {
+        breakpoint: Ref<BreakpointName, BreakpointName>;
+        cols: import('vue').ComputedRef<number>;
+        colGap: import('vue').ComputedRef<number>;
+        rowGap: import('vue').ComputedRef<string | number | undefined>;
+        gutter: import('vue').ComputedRef<number[]>;
+    };
+    inject: () => {
+        collectSpan: (span: Ref<number>, suffix: Ref<boolean>) => {
+            id: string;
+        };
+        breakpoint: Ref<BreakpointName>;
+        div: Ref<boolean>;
+        gutter: Ref<number[]>;
+        cols: Ref<number>;
+        colGap: Ref<number>;
+        spanMap: Reactive<SpanMap>;
+        collapsed: Ref<boolean>;
+        collapsedRows: Ref<number>;
+    };
+};
+export default _default;

package/lib/Grid/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../../_shared/utils/dom.js"),o=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const t=require("../../node_modules/nanoid/index.browser.js"),a="grid-context";exports.GRID_CONTEXT_KEY=a,exports.default=()=>({provide:t=>{const{gutter:l=e.ref(0),cols:s=e.ref(24),rowGap:u=e.ref(0),colGap:i=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:p=e.ref(1),div:c=e.ref(!1)}=e.toRefs(t),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>r.getBreakpointValue(f.value,s.value,24)),m=e.computed(()=>r.getBreakpointValue(f.value,u.value)),g=e.computed(()=>r.getBreakpointValue(f.value,i.value,0)),_=e.computed(()=>o.isArray(l.value)?l.value.map(e=>r.getBreakpointValue(f.value,e,0)):[r.getBreakpointValue(f.value,l.value,0),0]);return e.provide(a,{breakpoint:f,gutter:_,div:c,spanMap:d,cols:v,colGap:g,collapsed:n,collapsedRows:p}),{breakpoint:f,cols:v,colGap:g,rowGap:m,gutter:_}},inject:()=>{const r=e.inject(a,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:o}=r;return{...r,collectSpan:(r,a)=>{const l=t.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:a.value,span:r.value})}),e.onBeforeUnmount(()=>{o.delete(l)}),{id:l}}}}});

package/lib/Grid/index.d.ts

@@ -0,0 +1,136 @@
+import { App } from 'vue';
+import { default as _Col } from './GridCol.vue';
+import { default as _Row } from './GridRow.vue';
+import { default as _GridItem } from './GridItem.vue';
+export type RowInstance = InstanceType<typeof _Row>;
+export type ColInstance = InstanceType<typeof _Col>;
+export * from './type';
+declare const Grid: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        cols: number | import('./type').ResponsiveValue;
+        rowGap: number | import('./type').ResponsiveValue;
+        colGap: number | import('./type').ResponsiveValue;
+        collapsed: boolean;
+        collapsedRows: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, {
+        cols: number | import('./type').ResponsiveValue;
+        rowGap: number | import('./type').ResponsiveValue;
+        colGap: number | import('./type').ResponsiveValue;
+        collapsed: boolean;
+        collapsedRows: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    cols: number | import('./type').ResponsiveValue;
+    rowGap: number | import('./type').ResponsiveValue;
+    colGap: number | import('./type').ResponsiveValue;
+    collapsed: boolean;
+    collapsedRows: 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').GridSlots> & import('./type').GridSlots;
+}) & {
+    col: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            span: number | import('./type').ResponsiveValue;
+            offset: number | import('./type').ResponsiveValue;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, {
+            span: number | import('./type').ResponsiveValue;
+            offset: number | import('./type').ResponsiveValue;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        span: number | import('./type').ResponsiveValue;
+        offset: number | import('./type').ResponsiveValue;
+    }, {}, 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').GridColSlots> & import('./type').GridColSlots;
+    });
+    row: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            wrap: boolean;
+            justify: import('./type').GridRowJustify;
+            div: boolean;
+            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
+            align: import('./type').GridRowAlign;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, {
+            wrap: boolean;
+            justify: import('./type').GridRowJustify;
+            div: boolean;
+            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
+            align: import('./type').GridRowAlign;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        wrap: boolean;
+        justify: import('./type').GridRowJustify;
+        div: boolean;
+        gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
+        align: import('./type').GridRowAlign;
+    }, {}, 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').GridRowSlots> & import('./type').GridRowSlots;
+    });
+    item: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            span: number | import('./type').ResponsiveValue;
+            suffix: boolean;
+            offset: number | import('./type').ResponsiveValue;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, {
+            span: number | import('./type').ResponsiveValue;
+            suffix: boolean;
+            offset: number | import('./type').ResponsiveValue;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        span: number | import('./type').ResponsiveValue;
+        suffix: boolean;
+        offset: number | import('./type').ResponsiveValue;
+    }, {}, 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').GridItemSlots> & import('./type').GridItemSlots;
+    });
+    install: (app: App) => void;
+};
+export { _Col as GridCol, _Row as GridRow, _GridItem as GridItem };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcGrid: typeof Grid;
+        YcCol: typeof _Col;
+        YcRow: typeof _Row;
+        YcGridItem: typeof _GridItem;
+    }
+}
+export default Grid;

package/lib/Grid/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridCol.vue.js"),o=require("./GridRow.vue.js"),r=require("./Grid.vue.js"),t=require("./GridItem.vue.js"),i=Object.assign(r,{col:e,row:o,item:t,install:i=>{i.component("Yc"+r.name,r),i.component("Yc"+t.name,t),i.component("Yc"+o.name,o),i.component("Yc"+e.name,e)}});exports.GridCol=e,exports.GridRow=o,exports.GridItem=t,exports.default=i;

package/lib/Grid/type.d.ts

@@ -0,0 +1,52 @@
+export interface GridProps {
+    cols?: number | ResponsiveValue;
+    rowGap?: number | ResponsiveValue;
+    colGap?: number | ResponsiveValue;
+    collapsed?: boolean;
+    collapsedRows?: number;
+}
+export interface GridSlots {
+    default(): void;
+}
+export interface GridItemProps {
+    span?: number | ResponsiveValue;
+    offset?: number | ResponsiveValue;
+    suffix?: boolean;
+}
+export interface GridItemSlots {
+    default(scope: {
+        overflow: boolean;
+    }): void;
+}
+export interface GridRowProps {
+    gutter?: Gutter | [Gutter, Gutter];
+    justify?: GridRowJustify;
+    align?: GridRowAlign;
+    div?: boolean;
+    wrap?: boolean;
+}
+export interface GridRowSlots {
+    default(): void;
+}
+export interface GridColProps {
+    span?: number | ResponsiveValue;
+    offset?: number | ResponsiveValue;
+    order?: number | ResponsiveValue;
+    flex?: GridColFlex | ResponsiveValue;
+}
+export interface GridColSlots {
+    default(): void;
+}
+export type ResponsiveValue<T = number | string> = {
+    xs?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+export type GridRowJustify = 'start' | 'center' | 'end' | 'space-around' | 'space-between';
+export type GridRowAlign = 'start' | 'center' | 'end' | 'stretch';
+export type BreakpointName = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type GridColFlex = number | string | 'initial' | 'auto' | 'none';
+export type Gutter = number | ResponsiveValue;

package/lib/Icon/index.d.ts

@@ -0,0 +1,38 @@
+import { App } from 'vue';
+import { IconFontOptions } from './type';
+import { default as _Icon } from './index.vue';
+export type IconInstance = InstanceType<typeof _Icon>;
+export * from './type';
+declare const Icon: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        spin: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, SVGSVGElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, {
+        spin: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    spin: boolean;
+}, {}, 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').IconSlots> & import('./type').IconSlots;
+}) & {
+    install: (app: App) => void;
+    urlCache: Map<string, string>;
+    addFromIconFontCn(options: IconFontOptions): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcIcon: typeof Icon;
+    }
+}
+export default Icon;

package/lib/Icon/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=require("./index.vue.js"),s=Object.assign(t,{install:e=>{e.component("Yc"+t.name,t)},urlCache:new Map,addFromIconFontCn(s){const{src:n,extraProps:i={}}=s;if((null==n?void 0:n.length)&&!r.isServerRendering&&!this.urlCache.has(n)){const e=document.createElement("script");e.setAttribute("src",n),e.setAttribute("data-namespace",n),document.body.appendChild(e),this.urlCache.set(n,n)}return e.h(t,{...i})}});module.exports=s;

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

@@ -0,0 +1,18 @@
+import { IconProps, IconSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<IconSlots> & IconSlots;
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+    spin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+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/Icon/index.vue.js

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

package/lib/Icon/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const i=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const s=["xlinkHref"],r=e.defineComponent({name:"Icon",__name:"index",props:{type:{},size:{},rotate:{},spin:{type:Boolean,default:!1}},setup(r){const n=r,{size:o,rotate:l,spin:u}=e.toRefs(n),a=e=>t.isUndefined(o.value)?"1em":Array.isArray(o.value)?i.valueToPx(o.value["height"==e?1:0]):i.valueToPx(o.value),d=e.computed(()=>({width:a("width"),height:a("height"),transform:t.isUndefined(l.value)?"":`rotate(${l.value}deg)`,animation:u.value?"animation: spin 1s infinite cubic-bezier(0, 0, 1, 1)":""}));return(i,t)=>(e.openBlock(),e.createElementBlock("svg",{style:e.normalizeStyle(d.value),class:"yc-icon"},[i.type?(e.openBlock(),e.createElementBlock("use",{key:0,xlinkHref:`#${i.type}`},null,8,s)):e.renderSlot(i.$slots,"default",{key:1},void 0,!0)],4))}});module.exports=r;

package/lib/Icon/type.d.ts

@@ -0,0 +1,14 @@
+import { ObjectData } from '../_shared/type';
+export interface IconProps {
+    type?: string;
+    size?: number | string | number[];
+    rotate?: number;
+    spin?: boolean;
+}
+export interface IconSlots {
+    default(): void;
+}
+export interface IconFontOptions {
+    src?: string;
+    extraProps?: ObjectData;
+}

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

@@ -0,0 +1,34 @@
+import { ImageProps, ImageSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ImageSlots> & ImageSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:previewVisible": (visible: boolean) => any;
+    "preview-visible-change": (visible: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Image/Image.vue.js

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

package/lib/Image/Image.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const i=require("../_shared/icons/IconImageClose.vue.js"),o=require("../_shared/utils/control.js"),r=require("./hooks/useContext.js"),l=require("../Spin/index.js"),a=require("./ImagePreview.vue.js"),s=["src","title","alt"],n={key:1,class:"yc-image-overlay"},c={class:"yc-image-loader"},d={key:2,class:"yc-image-overlay"},u={class:"yc-image-error"},m={class:"yc-image-error-icon"},v={class:"yc-image-error-alt"},p={class:"yc-image-footer-caption"},f=["title"],y=["title"],g={key:0,class:"yc-image-footer-extra"},h=e.defineComponent({name:"Image",__name:"Image",props:{src:{default:""},width:{},height:{},title:{default:""},description:{default:""},fit:{},alt:{},hideFooter:{type:[Boolean,String],default:!1},footerPosition:{default:"inner"},showLoader:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},previewVisible:{type:Boolean,default:void 0},defaultPreviewVisible:{type:Boolean,default:!1},previewProps:{default:()=>({})},footerClass:{default:""}},emits:["update:previewVisible","preview-visible-change"],setup(h,{emit:w}){const k=h,V=w,{src:B,preview:E,previewVisible:N,defaultPreviewVisible:C}=e.toRefs(k),{hasGroupFather:j,handleClick:x}=r().inject(),S=o(N,C.value,e=>{V("update:previewVisible",e),V("preview-visible-change",e)}),b=e.ref(!1),q=e.ref(!1),P=()=>{q.value=!1,b.value=!1},_=()=>{q.value=!1,b.value=!0},$=()=>{if(j.value)return x(B.value);E.value&&(S.value=!0)};return e.watch(()=>B.value,()=>{q.value=!0,b.value=!1},{immediate:!0}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-image",style:e.normalizeStyle({width:e.unref(t.valueToPx)(o.width),height:e.unref(t.valueToPx)(o.height)})},[e.createElementVNode("img",{src:e.unref(B),title:o.title,alt:o.alt??o.description,style:e.normalizeStyle({width:e.unref(t.valueToPx)(o.width),height:e.unref(t.valueToPx)(o.height),objectFit:o.fit}),class:"yc-image-img",onLoad:P,onError:_,onClick:$},null,44,s),e.unref(E)?(e.openBlock(),e.createBlock(a,e.mergeProps({key:0,visible:e.unref(S),"onUpdate:visible":r[0]||(r[0]=t=>e.isRef(S)?S.value=t:null),src:e.unref(B)},o.previewProps),e.createSlots({_:2},[o.$slots["preview-actions"]?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"preview-actions",{},void 0,!0)]),key:"0"}:void 0]),1040,["visible","src"])):e.createCommentVNode("",!0),(o.showLoader||o.$slots.loader)&&q.value?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",c,[e.renderSlot(o.$slots,"loader",{},()=>[e.createVNode(e.unref(l),{size:30,tip:"加载中"})],!0)])])):e.createCommentVNode("",!0),b.value?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(o.$slots,"error",{},()=>[e.createElementVNode("div",u,[e.renderSlot(o.$slots,"error-icon",{},()=>[e.createElementVNode("div",m,[e.createVNode(e.unref(i),{size:60})])],!0),e.createElementVNode("div",v,e.toDisplayString(o.alt??o.description),1)])],!0)])):e.createCommentVNode("",!0),!o.hideFooter&&(o.title||o.description||o.$slots.extra)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["yc-image-footer","inner"==o.footerPosition?"yc-image-footer-inner":"yc-image-footer-outer",o.footerClass])},[e.createElementVNode("div",p,[e.createElementVNode("div",{class:"yc-image-footer-caption-title",title:o.title},e.toDisplayString(o.title),9,f),e.createElementVNode("div",{class:"yc-image-footer-caption-description",title:o.description},e.toDisplayString(o.description),9,y)]),o.$slots.extra?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(o.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],4))}});module.exports=h;

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

@@ -0,0 +1,39 @@
+import { ImagePreviewProps, ImagePreviewSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ImagePreviewSlots> & ImagePreviewSlots;
+    refs: {
+        imageRef: HTMLImageElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ImagePreviewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    imageRef: HTMLImageElement;
+}, 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/ImagePreview.vue.js

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

package/lib/Image/ImagePreview.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js");;/* empty css                          */const l=require("../_shared/icons/IconClose.vue.js"),r=require("../node_modules/@vueuse/core/index.js"),s=require("../Modal/hooks/useModalClose.js"),i=require("./ImagePreviewToolbar.vue.js"),n={class:"yc-image-preview-mask"},u={class:"yc-image-preview-wrapper"},c=["src"],d=e.defineComponent({name:"ImagePreview",inheritAttrs:!1,__name:"ImagePreview",props:{src:{default:""},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","close"],setup(d,{emit:f}){const m=d,v=f,{visible:p,defaultVisible:w,maskClosable:y,escToClose:h,defaultScale:k,zoomRate:g,wheelZoom:b,keyboard:C,popupContainer:z}=e.toRefs(m),{zIndex:B,popupContainer:S}=t.getGlobalConfig(m),_=e.ref(),V=a(e.ref(),k.value),q=e.ref(0),{outerVisible:j,innerVisible:I,handleClose:L,handleAfterLeave:N}=s({visible:p,defaultVisible:w,escToClose:h,maskClosable:y,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:v}),A=e=>{switch(e){case"rotateRight":q.value+=90;break;case"rotateLeft":q.value-=90;break;case"zoomIn":V.value*=g.value;break;case"zoomOut":V.value/=g.value;break;case"originalSize":V.value=k.value,q.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=_.value;V.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(b.value&&r.useEventListener("wheel",e=>{e.preventDefault();const o=e.deltaY<0?1:-1;V.value*=Math.pow(g.value,o)}),C.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};r.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{A(e[o.key])})}})(),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(S)},[e.unref(j)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",t.$attrs.class,{"yc-image-preview-absolute":!e.unref(o.isUndefined)(e.unref(z))}]),style:e.normalizeStyle({zIndex:e.unref(B),...t.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",n,null,512),[[e.vShow,e.unref(I)]])]),_:1}),e.createVNode(e.Transition,{name:"fade",onAfterLeave:e.unref(N)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",u,[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(V)}, ${e.unref(V)})`}),class:"yc-image-preview-img-container",onClick:a[0]||(a[0]=e.withModifiers(o=>e.unref(L)("mask",o),["self"]))},[e.createElementVNode("img",{src:t.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${q.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:_},null,12,c)],4),e.createVNode(i,{actionsLayout:t.actionsLayout,onClick:A},e.createSlots({_:2},[t.$slots.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"actions",{},void 0,!0)]),key:"0"}:void 0]),1032,["actionsLayout"]),e.renderSlot(t.$slots,"arrow",{},void 0,!0),t.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-image-preview-close-btn",onClick:a[1]||(a[1]=o=>e.unref(L)("closeBtn",o))},[e.createVNode(e.unref(l))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(I)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});module.exports=d;

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

@@ -0,0 +1,27 @@
+import { ImagePreviewActionProps, ImagePreviewActionSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ImagePreviewActionSlots> & ImagePreviewActionSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ImagePreviewActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (ev: MouseEvent) => any;
+    contextmenu: (ev: MouseEvent) => any;
+    dblclick: (ev: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ImagePreviewActionProps> & Readonly<{
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+    onContextmenu?: ((ev: MouseEvent) => any) | undefined;
+    onDblclick?: ((ev: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    name: 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;
+    };
+};