yc-design-vue 1.0.1

package/lib/Card/Card.vue.d.ts

@@ -0,0 +1,25 @@
+import { CardProps, CardSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CardSlots> & CardSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    size: import('./type').CardSize;
+    loading: boolean;
+    title: string;
+    bordered: boolean;
+    hoverable: boolean;
+    headerStyle: import('vue').CSSProperties;
+    bodyStyle: import('vue').CSSProperties;
+    extra: 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/Card/Card.vue.js

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

package/lib/Card/Card.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/vue-utils.js"),o=require("../_shared/utils/global-config.js"),l=require("./hooks/useContext.js"),r=require("../Spin/index.js"),a=require("./CardGrid.vue.js"),d=require("./CardMeta.vue.js"),s={key:0,class:"yc-card-header-title text-ellipsis"},c={key:1,class:"yc-card-header-extra text-ellipsis"},i={key:1,class:"yc-card-cover"},n={key:2,class:"yc-card-actions"},u={class:"yc-card-actions-right text-ellipsis"},m=e.defineComponent({name:"Card",__name:"Card",props:{bordered:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},size:{default:void 0},headerStyle:{default:()=>({})},bodyStyle:{default:()=>({})},title:{default:""},extra:{default:""}},setup(m){const y=m,{size:v}=o.getGlobalConfig(y),{slots:p}=l().provide(),k=e.computed(()=>{var e;return(null==(e=p.default)?void 0:e.call(p))||[]}),f=e.computed(()=>!!t.findComponentsFromVnodes(k.value,d.name).length),h=e.computed(()=>!!t.findComponentsFromVnodes(k.value,a.name).length);return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-card",`yc-card-size-${e.unref(v)}`,{"yc-card-bordered":t.bordered,"yc-card-hoverable":t.hoverable,"yc-card-loading":t.loading,"yc-card-contain-grid":h.value}])},[t.title||t.extra||t.$slots.title||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-card-header",style:e.normalizeStyle(t.headerStyle)},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),t.extra||t.$slots.extra?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)],!0)])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),t.$slots.cover?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"cover",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-card-body",style:e.normalizeStyle(t.bodyStyle)},[t.loading?(e.openBlock(),e.createBlock(e.unref(r),{key:0,"is-size-inherit":"",loading:""},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3})):e.renderSlot(t.$slots,"default",{key:1},void 0,!0),t.$slots.actions&&!f.value?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"actions",{},void 0,!0)])])):e.createCommentVNode("",!0)],4)],2))}});module.exports=m;

package/lib/Card/CardGrid.vue.d.ts

@@ -0,0 +1,18 @@
+import { CardGridProps, CardGridSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CardGridSlots> & CardGridSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardGridProps> & Readonly<{}>, {
+    hoverable: boolean;
+}, {}, {}, {}, 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/Card/CardGrid.vue.js

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

package/lib/Card/CardGrid.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=e.defineComponent({name:"CardGrid",__name:"CardGrid",props:{hoverable:{type:Boolean,default:!1}},setup:r=>(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-card-grid",{"yc-card-grid-hoverable":r.hoverable}])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2))});module.exports=r;

package/lib/Card/CardMeta.vue.d.ts

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

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

package/lib/Card/CardMeta.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/vue-utils.js");require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),s={class:"yc-card-meta"},r={class:"yc-card-meta-content"},c={key:0,class:"yc-card-meta-title text-ellipsis"},a={key:1,class:"yc-card-meta-description"},i={class:"yc-card-meta-footer"},l={key:0,class:"yc-card-meta-avatar"},n={key:1,class:"yc-card-actions"},d={class:"yc-card-actions-right text-ellipsis"},m=e.defineComponent({name:"CardMeta",__name:"CardMeta",props:{title:{default:""},description:{default:""}},setup(m){const{slots:u}=o().inject();return(o,m)=>(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",r,[o.$slots.title||o.title?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.$slots.description||o.description?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",i,[o.$slots.avatar?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(o.$slots,"avatar",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(u).actions?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",d,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.getSlotFunction)(e.unref(u).actions))))])])):e.createCommentVNode("",!0)])]))}});module.exports=m;

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

@@ -0,0 +1,13 @@
+import { Slots } from 'vue';
+type CardContext = {
+    slots: Slots;
+};
+declare const _default: () => {
+    provide: () => {
+        slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+    };
+    inject: () => CardContext;
+};
+export default _default;

package/lib/Card/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),e="card-context";module.exports=()=>({provide:()=>{const s=t.useSlots();return t.provide(e,{slots:s}),{slots:s}},inject:()=>t.inject(e,{slots:{}})});

package/lib/Card/index.d.ts

@@ -0,0 +1,106 @@
+import { App } from 'vue';
+import { default as _Card } from './Card.vue';
+import { default as _CardMeta } from './CardMeta.vue';
+import { default as _CardGrid } from './CardGrid.vue';
+export type CardInstance = InstanceType<typeof _Card>;
+export type CardMetaInstance = InstanceType<typeof _CardMeta>;
+export type CardGridInstance = InstanceType<typeof _CardGrid>;
+export * from './type';
+declare const Card: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('./type').CardSize;
+        loading: boolean;
+        title: string;
+        bordered: boolean;
+        hoverable: boolean;
+        headerStyle: import('vue').CSSProperties;
+        bodyStyle: import('vue').CSSProperties;
+        extra: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').CardProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('./type').CardSize;
+        loading: boolean;
+        title: string;
+        bordered: boolean;
+        hoverable: boolean;
+        headerStyle: import('vue').CSSProperties;
+        bodyStyle: import('vue').CSSProperties;
+        extra: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').CardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('./type').CardSize;
+    loading: boolean;
+    title: string;
+    bordered: boolean;
+    hoverable: boolean;
+    headerStyle: import('vue').CSSProperties;
+    bodyStyle: import('vue').CSSProperties;
+    extra: 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').CardSlots> & import('./type').CardSlots;
+}) & {
+    meta: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CardMetaProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            title: string;
+            description: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').CardMetaProps> & Readonly<{}>, {}, {}, {}, {}, {
+            title: string;
+            description: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').CardMetaProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        title: string;
+        description: 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').CardMetaSlots> & import('./type').CardMetaSlots;
+    });
+    grid: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CardGridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            hoverable: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').CardGridProps> & Readonly<{}>, {}, {}, {}, {}, {
+            hoverable: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').CardGridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        hoverable: 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').CardGridSlots> & import('./type').CardGridSlots;
+    });
+    install: (app: App) => void;
+};
+export { _CardMeta as CardMeta, _CardGrid as CardGrid };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcCard: typeof Card;
+        YcCardMeta: typeof _CardMeta;
+        YcCardGrid: typeof _CardGrid;
+    }
+}
+export default Card;

package/lib/Card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Card.vue.js"),r=require("./CardMeta.vue.js"),t=require("./CardGrid.vue.js"),a=Object.assign(e,{meta:r,grid:t,install:a=>{a.component("Yc"+e.name,e),a.component("Yc"+r.name,r),a.component("Yc"+t.name,t)}});exports.CardMeta=r,exports.CardGrid=t,exports.default=a;

package/lib/Card/type.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'vue';
+export interface CardProps {
+    bordered?: boolean;
+    loading?: boolean;
+    hoverable?: boolean;
+    size?: CardSize;
+    headerStyle?: CSSProperties;
+    bodyStyle?: CSSProperties;
+    title?: string;
+    extra?: string;
+}
+export interface CardSlots {
+    actions(): void;
+    cover(): void;
+    extra(): void;
+    title(): void;
+    default(): void;
+}
+export interface CardMetaProps {
+    title?: string;
+    description?: string;
+}
+export interface CardMetaSlots {
+    description(): void;
+    title(): void;
+    avatar(): void;
+}
+export interface CardGridProps {
+    hoverable?: boolean;
+}
+export interface CardGridSlots {
+    default(): void;
+}
+export type CardSize = 'medium' | 'small';

package/lib/Carousel/Carousel.vue.d.ts

@@ -0,0 +1,36 @@
+import { CarouselProps, CarouselSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CarouselSlots> & CarouselSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (index: number, preIndex: number, isManual: boolean) => any;
+    "update:current": (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<CarouselProps> & Readonly<{
+    onChange?: ((index: number, preIndex: number, isManual: boolean) => any) | undefined;
+    "onUpdate:current"?: ((index: number) => any) | undefined;
+}>, {
+    trigger: import('./type').IndicatorTrigger;
+    showArrow: import('./type').CarouselShowArrow;
+    arrowClass: import('../_shared/type').ClassName;
+    animationName: import('./type').CarouselAnimationName;
+    direction: import('..').Direction;
+    transitionTimingFunction: string;
+    moveSpeed: number;
+    current: number;
+    defaultCurrent: number;
+    autoPlay: import('./type').AutoPlay;
+    indicatorType: import('./type').IndicatorType;
+    indicatorPosition: import('./type').IndicatorPosition;
+    indicatorClass: 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/Carousel/Carousel.vue.js

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

package/lib/Carousel/Carousel.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),t=require("./CarouselArrow.vue.js"),a=require("./CarouselIndicator.vue.js"),n={key:0,class:"yc-carousel-indicator-wrapper"},i={key:1,class:"yc-carousel-arrow-wrapper"},l=e.defineComponent({name:"Carousel",__name:"Carousel",props:{current:{default:void 0},defaultCurrent:{default:1},autoPlay:{type:[Boolean,Object],default:!1},moveSpeed:{default:500},animationName:{default:"slide"},trigger:{default:"click"},direction:{default:"horizontal"},showArrow:{default:"always"},arrowClass:{default:""},indicatorType:{default:"dot"},indicatorPosition:{default:"bottom"},indicatorClass:{default:""},transitionTimingFunction:{default:"cubic-bezier(0.34, 0.69, 0.1, 1)"}},emits:["update:current","change"],setup(l,{emit:s}){const u=l,c=s,{slideTo:d,computedCurrent:m,autoPlay:p,carouselItems:v}=o().provide(u,c);let y=null;const f=()=>{var e;p.value&&(y=setInterval(()=>{d(m.value+1)},(null==(e=p.value)?void 0:e.interval)??3e3))},C=()=>{clearInterval(y),y=null},h=async e=>{C(),await d(e),f()};return e.watch(()=>p.value,()=>{if(!p.value)return C();f()},{immediate:!0}),e.onBeforeUnmount(()=>{C()}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-carousel",`yc-carousel-animation-${o.animationName}`,{"yc-carousel-indicator-outer":"outer"==o.indicatorPosition}])},[e.createElementVNode("div",{class:e.normalizeClass(["yc-carousel-slide",`yc-carousel-direction-${o.direction}`]),onMouseenter:l[0]||(l[0]=o=>{var t;return e.unref(r.isObject)(e.unref(p))&&(null==(t=e.unref(p))?void 0:t.hoverToPause)&&C()}),onMouseleave:l[1]||(l[1]=o=>{var t;return e.unref(r.isObject)(e.unref(p))&&(null==(t=e.unref(p))?void 0:t.hoverToPause)&&f()})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(r,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),{index:o+1},null,8,["index"]))),256))],34),"never"!=o.indicatorType?(e.openBlock(),e.createElementBlock("div",n,[e.createVNode(a,{"indicator-class":o.indicatorClass,trigger:o.trigger,"indicator-position":o.indicatorPosition,"indicator-type":o.indicatorType,onChange:h},null,8,["indicator-class","trigger","indicator-position","indicator-type"])])):e.createCommentVNode("",!0),"never"!=o.showArrow?(e.openBlock(),e.createElementBlock("div",i,[e.createVNode(t,{type:"pre",onChange:h}),e.createVNode(t,{type:"next",onChange:h})])):e.createCommentVNode("",!0)],2))}});module.exports=l;

package/lib/Carousel/CarouselArrow.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    type: 'pre' | 'next';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/Carousel/CarouselArrow.vue.js

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

package/lib/Carousel/CarouselArrow.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=require("./hooks/useContext.js"),t=e.defineComponent({__name:"CarouselArrow",props:{type:{}},emits:["change"],setup(t){const u=t,{type:s}=e.toRefs(u),{showArrow:a,direction:n,arrowClass:l,computedCurrent:c}=o().inject(),i=e.computed(()=>"next"==s.value?"horizontal"==n.value?0:90:"horizontal"==n.value?180:-90),h=e.computed(()=>"next"==s.value?"horizontal"==n.value?"yc-carousel-arrow-right":"yc-carousel-arrow-bottom":"horizontal"==n.value?"yc-carousel-arrow-left":"yc-carousel-arrow-top");return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-carousel-arrow",h.value,e.unref(l),{"yc-carousel-arrow-show-hover":"hover"==e.unref(a)}]),onClick:t[0]||(t[0]=r=>o.$emit("change","next"==e.unref(s)?e.unref(c)+1:e.unref(c)-1))},[e.createVNode(e.unref(r),{rotate:i.value},null,8,["rotate"])],2))}});module.exports=t;

package/lib/Carousel/CarouselIndicator.vue.d.ts

@@ -0,0 +1,14 @@
+import { IndicatorTrigger, IndicatorType, IndicatorPosition } from './type';
+import { ClassName } from '../_shared/type';
+type __VLS_Props = {
+    trigger: IndicatorTrigger;
+    indicatorType: IndicatorType;
+    indicatorPosition: IndicatorPosition;
+    indicatorClass: ClassName;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/Carousel/CarouselIndicator.vue.js

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

package/lib/Carousel/CarouselIndicator.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),i=["onMouseenter","onClick"],n=e.defineComponent({__name:"CarouselIndicator",props:{trigger:{},indicatorType:{},indicatorPosition:{},indicatorClass:{}},emits:["change"],setup(n){const{length:t,computedCurrent:c}=o().inject();return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-carousel-indicator",`yc-carousel-indicator-shape-${o.indicatorType}`,`yc-carousel-indicator-position-${o.indicatorPosition}`,o.indicatorClass])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t),r=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(["yc-carousel-indicator-item",{"yc-carousel-indicator-item-active":e.unref(c)==r}]),onMouseenter:i=>"hover"==o.trigger&&e.unref(c)!=r&&o.$emit("change",r),onClick:i=>"click"==o.trigger&&e.unref(c)!=r&&o.$emit("change",r)},null,42,i))),128)),"slider"==o.indicatorType?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-carousel-indicator-item-slider",style:e.normalizeStyle({width:["top","bottom","outer"].includes(o.indicatorPosition)?e.unref(r.valueToPx)(48/e.unref(t)):"",height:["left","right"].includes(o.indicatorPosition)?e.unref(r.valueToPx)(48/e.unref(t)):"",transform:["top","bottom","outer"].includes(o.indicatorPosition)?`translateX(calc(${e.unref(r.valueToPx)(48/e.unref(t)*e.unref(c))} - 100%))`:`translateY(calc(${e.unref(r.valueToPx)(48/e.unref(t)*e.unref(c))} - 100%))`})},null,4)):e.createCommentVNode("",!0)],2))}});module.exports=n;

package/lib/Carousel/CarouselItem.vue.d.ts

@@ -0,0 +1,16 @@
+import { CarouselItemSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CarouselItemSlots> & CarouselItemSlots;
+    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/Carousel/CarouselItem.vue.js

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

package/lib/Carousel/CarouselItem.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("./hooks/useContext.js"),u=e.defineComponent({name:"CarouselItem",__name:"CarouselItem",setup(u){const{moveType:t,preIndex:r,computedCurrent:i,direction:o,moveSpeed:a,animationName:l,transitionTimingFunction:s,getValidIndex:m}=n().inject(),c=e.useAttrs(),v=e.computed(()=>c.index),d=e.computed(()=>{if("slide"!=l.value||i.value==r.value||r.value!=v.value&&i.value!=v.value)return;return`yc-carousel-slide${"horizontal"==o.value?"-x":"-y"}${r.value==v.value?"-out":"-in"}${"positive"==t.value?"":"-reverse"}`});return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-carousel-item",d.value,{"yc-carousel-item-current":v.value==e.unref(m)(e.unref(i)),"yc-carousel-item-prev":v.value==e.unref(m)(e.unref(i)-1),"yc-carousel-item-next":v.value==e.unref(m)(e.unref(i)+1)}]),style:e.normalizeStyle({transitionTimingFunction:e.unref(s),animationTimingFunction:e.unref(s),transitionDuration:e.unref(a)+"ms",animationDuration:e.unref(a)+"ms"})},[e.renderSlot(n.$slots,"default",{},void 0,!0)],6))}});module.exports=u;

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

@@ -0,0 +1,28 @@
+import { Ref } from 'vue';
+import { CarouselAnimationName, CarouselEmits, CarouselShowArrow } from '../type';
+import { ClassName, Direction, Props } from '../../_shared/type';
+type CarouselContext = {
+    length: Ref<number>;
+    computedCurrent: Ref<number>;
+    transitionTimingFunction: Ref<string>;
+    animationName: Ref<CarouselAnimationName>;
+    moveType: Ref<MoveType>;
+    preIndex: Ref<number>;
+    moveSpeed: Ref<number>;
+    direction: Ref<Direction>;
+    showArrow: Ref<CarouselShowArrow>;
+    arrowClass: Ref<ClassName>;
+    getValidIndex: (val: number) => number;
+};
+type MoveType = 'positive' | 'negative';
+declare const _default: () => {
+    provide: (props: Props, emits: CarouselEmits) => {
+        carouselItems: import('vue').ComputedRef<import('../../_shared/type').ObjectData[]>;
+        computedCurrent: import('vue').WritableComputedRef<any, number>;
+        length: import('vue').ComputedRef<number>;
+        autoPlay: Ref<import('..').AutoPlay, import('..').AutoPlay>;
+        slideTo: (targetIndex: number) => Promise<void>;
+    };
+    inject: () => CarouselContext;
+};
+export default _default;

package/lib/Carousel/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const r=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js");const t=require("../../_shared/utils/vue-utils.js");require("../../Empty/index.js");/* empty css                              */const o=require("../../_shared/utils/control.js"),i=require("../CarouselItem.vue.js"),n="carousel-context";module.exports=()=>({provide:(u,a)=>{const{current:s,defaultCurrent:l,transitionTimingFunction:d,animationName:c,moveSpeed:v,direction:m,showArrow:p,arrowClass:f,autoPlay:h}=e.toRefs(u),g=e.useSlots(),j=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=g.default)?void 0:e.call(g))||[],i.name)}),w=e.computed(()=>j.value.length),q=o(s,l.value,e=>{a("update:current",e)}),y=e.ref("positive"),C=e.ref(q.value);let _=null;const x=e=>e<0?w.value-1:e>w.value?e%w.value:e;return e.provide(n,{length:w,computedCurrent:q,transitionTimingFunction:d,animationName:c,moveSpeed:v,direction:m,showArrow:p,arrowClass:f,moveType:y,preIndex:C,getValidIndex:x}),{carouselItems:j,computedCurrent:q,length:w,autoPlay:h,slideTo:async e=>{_||e==q.value||(y.value=e>q.value?"positive":"negative",C.value=q.value,q.value=x(e),a("change",q.value,C.value,!0),await r.sleep(v.value),_=null)}}},inject:()=>e.inject(n,{length:e.ref(0),computedCurrent:e.ref(1),transitionTimingFunction:e.ref("cubic-bezier(0.34, 0.69, 0.1, 1)"),animationName:e.ref("slide"),moveSpeed:e.ref(500),direction:e.ref("horizontal"),showArrow:e.ref("always"),arrowClass:e.ref(""),preIndex:e.ref(0),moveType:e.ref("positive"),getValidIndex:()=>0})});

package/lib/Carousel/index.d.ts

@@ -0,0 +1,103 @@
+import { App } from 'vue';
+import { default as _Carousel } from './Carousel.vue';
+import { default as _CarouselItem } from './CarouselItem.vue';
+export type CarouselInstance = InstanceType<typeof _Carousel>;
+export type CarouselItemInstance = InstanceType<typeof _CarouselItem>;
+export * from './type';
+declare const Carousel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CarouselProps> & Readonly<{
+        onChange?: ((index: number, preIndex: number, isManual: boolean) => any) | undefined;
+        "onUpdate:current"?: ((index: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (index: number, preIndex: number, isManual: boolean) => any;
+        "update:current": (index: number) => any;
+    }, import('vue').PublicProps, {
+        trigger: import('./type').IndicatorTrigger;
+        showArrow: import('./type').CarouselShowArrow;
+        arrowClass: import('../_shared/type').ClassName;
+        animationName: import('./type').CarouselAnimationName;
+        direction: import('..').Direction;
+        transitionTimingFunction: string;
+        moveSpeed: number;
+        current: number;
+        defaultCurrent: number;
+        autoPlay: import('./type').AutoPlay;
+        indicatorType: import('./type').IndicatorType;
+        indicatorPosition: import('./type').IndicatorPosition;
+        indicatorClass: 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').CarouselProps> & Readonly<{
+        onChange?: ((index: number, preIndex: number, isManual: boolean) => any) | undefined;
+        "onUpdate:current"?: ((index: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        trigger: import('./type').IndicatorTrigger;
+        showArrow: import('./type').CarouselShowArrow;
+        arrowClass: import('../_shared/type').ClassName;
+        animationName: import('./type').CarouselAnimationName;
+        direction: import('..').Direction;
+        transitionTimingFunction: string;
+        moveSpeed: number;
+        current: number;
+        defaultCurrent: number;
+        autoPlay: import('./type').AutoPlay;
+        indicatorType: import('./type').IndicatorType;
+        indicatorPosition: import('./type').IndicatorPosition;
+        indicatorClass: import('../_shared/type').ClassName;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').CarouselProps> & Readonly<{
+    onChange?: ((index: number, preIndex: number, isManual: boolean) => any) | undefined;
+    "onUpdate:current"?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (index: number, preIndex: number, isManual: boolean) => any;
+    "update:current": (index: number) => any;
+}, string, {
+    trigger: import('./type').IndicatorTrigger;
+    showArrow: import('./type').CarouselShowArrow;
+    arrowClass: import('../_shared/type').ClassName;
+    animationName: import('./type').CarouselAnimationName;
+    direction: import('..').Direction;
+    transitionTimingFunction: string;
+    moveSpeed: number;
+    current: number;
+    defaultCurrent: number;
+    autoPlay: import('./type').AutoPlay;
+    indicatorType: import('./type').IndicatorType;
+    indicatorPosition: import('./type').IndicatorPosition;
+    indicatorClass: 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').CarouselSlots> & import('./type').CarouselSlots;
+}) & {
+    item: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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').CarouselItemSlots> & import('./type').CarouselItemSlots;
+    });
+    install: (app: App) => void;
+};
+export { _CarouselItem as CarouselItem };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcCarousel: typeof Carousel;
+        YcCarouselItem: typeof _CarouselItem;
+    }
+}
+export default Carousel;

package/lib/Carousel/index.js

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

package/lib/Carousel/type.d.ts

@@ -0,0 +1,35 @@
+import { ClassName, Direction } from '../_shared/type';
+export interface CarouselProps {
+    current?: number;
+    defaultCurrent?: number;
+    autoPlay?: AutoPlay;
+    moveSpeed?: number;
+    animationName?: CarouselAnimationName;
+    trigger?: IndicatorTrigger;
+    direction?: Direction;
+    showArrow?: CarouselShowArrow;
+    arrowClass?: ClassName;
+    indicatorType?: IndicatorType;
+    indicatorPosition?: IndicatorPosition;
+    indicatorClass?: ClassName;
+    transitionTimingFunction?: string;
+}
+export interface CarouselEmits {
+    (e: 'update:current', index: number): void;
+    (e: 'change', index: number, preIndex: number, isManual: boolean): void;
+}
+export interface CarouselSlots {
+    default(): void;
+}
+export interface CarouselItemSlots {
+    default(): void;
+}
+export type CarouselAnimationName = 'slide' | 'fade';
+export type CarouselShowArrow = 'always' | 'hover' | 'never';
+export type AutoPlay = boolean | {
+    interval?: number;
+    hoverToPause?: boolean;
+};
+export type IndicatorPosition = 'bottom' | 'top' | 'left' | 'right' | 'outer';
+export type IndicatorType = 'line' | 'dot' | 'slider' | 'never';
+export type IndicatorTrigger = 'click' | 'hover';