@routa/ui-vue 0.1.0

package/dist/carousel/index.d.ts

@@ -0,0 +1,250 @@
+import { App } from 'vue';
+export declare const LCarousel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly interval: {
+            readonly type: NumberConstructor;
+            readonly default: 3000;
+        };
+        readonly autoplay: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly direction: {
+            readonly type: import('vue').PropType<import('./types').CarouselDirection>;
+            readonly default: "horizontal";
+        };
+        readonly loop: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly indicatorType: {
+            readonly type: import('vue').PropType<import('./types').CarouselIndicatorType>;
+            readonly default: "dot";
+        };
+        readonly indicatorPosition: {
+            readonly type: import('vue').PropType<import('./types').CarouselIndicatorPosition>;
+            readonly default: "inside";
+        };
+        readonly arrow: {
+            readonly type: import('vue').PropType<import('./types').CarouselArrow>;
+            readonly default: "hover";
+        };
+        readonly animation: {
+            readonly type: import('vue').PropType<import('./types').CarouselAnimation>;
+            readonly default: "slide";
+        };
+        readonly trigger: {
+            readonly type: import('vue').PropType<import('./types').CarouselTrigger>;
+            readonly default: "hover";
+        };
+        readonly height: {
+            readonly type: StringConstructor;
+            readonly default: "300px";
+        };
+        readonly pauseOnHover: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{
+        onChange?: ((index: number, prevIndex: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (index: number, prevIndex: number) => any;
+        "update:modelValue": (index: number) => any;
+    }, import('vue').PublicProps, {
+        readonly trigger: import('./types').CarouselTrigger;
+        readonly direction: import('./types').CarouselDirection;
+        readonly modelValue: number;
+        readonly animation: import('./types').CarouselAnimation;
+        readonly height: string;
+        readonly interval: number;
+        readonly autoplay: boolean;
+        readonly loop: boolean;
+        readonly indicatorType: import('./types').CarouselIndicatorType;
+        readonly indicatorPosition: import('./types').CarouselIndicatorPosition;
+        readonly arrow: import('./types').CarouselArrow;
+        readonly pauseOnHover: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly interval: {
+            readonly type: NumberConstructor;
+            readonly default: 3000;
+        };
+        readonly autoplay: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly direction: {
+            readonly type: import('vue').PropType<import('./types').CarouselDirection>;
+            readonly default: "horizontal";
+        };
+        readonly loop: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly indicatorType: {
+            readonly type: import('vue').PropType<import('./types').CarouselIndicatorType>;
+            readonly default: "dot";
+        };
+        readonly indicatorPosition: {
+            readonly type: import('vue').PropType<import('./types').CarouselIndicatorPosition>;
+            readonly default: "inside";
+        };
+        readonly arrow: {
+            readonly type: import('vue').PropType<import('./types').CarouselArrow>;
+            readonly default: "hover";
+        };
+        readonly animation: {
+            readonly type: import('vue').PropType<import('./types').CarouselAnimation>;
+            readonly default: "slide";
+        };
+        readonly trigger: {
+            readonly type: import('vue').PropType<import('./types').CarouselTrigger>;
+            readonly default: "hover";
+        };
+        readonly height: {
+            readonly type: StringConstructor;
+            readonly default: "300px";
+        };
+        readonly pauseOnHover: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{
+        onChange?: ((index: number, prevIndex: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        readonly trigger: import('./types').CarouselTrigger;
+        readonly direction: import('./types').CarouselDirection;
+        readonly modelValue: number;
+        readonly animation: import('./types').CarouselAnimation;
+        readonly height: string;
+        readonly interval: number;
+        readonly autoplay: boolean;
+        readonly loop: boolean;
+        readonly indicatorType: import('./types').CarouselIndicatorType;
+        readonly indicatorPosition: import('./types').CarouselIndicatorPosition;
+        readonly arrow: import('./types').CarouselArrow;
+        readonly pauseOnHover: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly interval: {
+        readonly type: NumberConstructor;
+        readonly default: 3000;
+    };
+    readonly autoplay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').CarouselDirection>;
+        readonly default: "horizontal";
+    };
+    readonly loop: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly indicatorType: {
+        readonly type: import('vue').PropType<import('./types').CarouselIndicatorType>;
+        readonly default: "dot";
+    };
+    readonly indicatorPosition: {
+        readonly type: import('vue').PropType<import('./types').CarouselIndicatorPosition>;
+        readonly default: "inside";
+    };
+    readonly arrow: {
+        readonly type: import('vue').PropType<import('./types').CarouselArrow>;
+        readonly default: "hover";
+    };
+    readonly animation: {
+        readonly type: import('vue').PropType<import('./types').CarouselAnimation>;
+        readonly default: "slide";
+    };
+    readonly trigger: {
+        readonly type: import('vue').PropType<import('./types').CarouselTrigger>;
+        readonly default: "hover";
+    };
+    readonly height: {
+        readonly type: StringConstructor;
+        readonly default: "300px";
+    };
+    readonly pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onChange?: ((index: number, prevIndex: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (index: number, prevIndex: number) => any;
+    "update:modelValue": (index: number) => any;
+}, string, {
+    readonly trigger: import('./types').CarouselTrigger;
+    readonly direction: import('./types').CarouselDirection;
+    readonly modelValue: number;
+    readonly animation: import('./types').CarouselAnimation;
+    readonly height: string;
+    readonly interval: number;
+    readonly autoplay: boolean;
+    readonly loop: boolean;
+    readonly indicatorType: import('./types').CarouselIndicatorType;
+    readonly indicatorPosition: import('./types').CarouselIndicatorPosition;
+    readonly arrow: import('./types').CarouselArrow;
+    readonly pauseOnHover: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export declare const LCarouselItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly name: StringConstructor;
+        readonly label: StringConstructor;
+    }>> & 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<import('vue').ExtractPropTypes<{
+        readonly name: StringConstructor;
+        readonly label: StringConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly name: StringConstructor;
+    readonly label: StringConstructor;
+}>> & 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: {
+        default?(_: {}): any;
+    };
+});
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;
+export * from './types';

package/dist/carousel/index.js

@@ -0,0 +1,2 @@
+require('../style/carousel.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const s=require("../chunks/index-DWAWrVaT.js"),b=require("../chunks/use-signals-Bz1smiXh.js");function w(o={}){const c=s.signal(typeof o.initialIndex=="function"?o.initialIndex():o.initialIndex??0),t=s.signal(typeof o.loop=="function"?o.loop():o.loop??!0),i=s.signal(typeof o.autoplay=="function"?o.autoplay():o.autoplay??!1),l=s.signal(typeof o.interval=="function"?o.interval():o.interval??3e3),u=s.signal(typeof o.itemCount=="function"?o.itemCount():o.itemCount??0),n=s.signal(!1),p=s.signal(i.value);let v=null;typeof o.initialIndex=="function"&&s.effect(()=>{c.value=o.initialIndex()}),typeof o.loop=="function"&&s.effect(()=>{t.value=o.loop()}),typeof o.autoplay=="function"&&s.effect(()=>{i.value=o.autoplay(),p.value=i.value}),typeof o.interval=="function"&&s.effect(()=>{l.value=o.interval()}),typeof o.itemCount=="function"&&s.effect(()=>{u.value=o.itemCount()});const g=a=>{var f;if(u.value<=0)return;let r=a;a>=u.value?r=t.value?0:u.value-1:a<0&&(r=t.value?u.value-1:0),r!==c.value&&(c.value=r,(f=o.onIndexChange)==null||f.call(o,r))},y=()=>g(c.value+1),m=()=>g(c.value-1),C=()=>{d(),!(!i.value||n.value)&&(p.value=!0,v=setInterval(()=>{y()},l.value))},d=()=>{v&&(clearInterval(v),v=null),p.value=!1};return s.effect(()=>{i.value&&!n.value?C():d()}),{state:{get activeIndex(){return c.value},set activeIndex(a){g(a)},get itemCount(){return u.value},set itemCount(a){u.value=a},get isHovering(){return n.value},get isPlaying(){return p.value},get autoplay(){return i.value},get loop(){return t.value}},props:{onMouseEnter:()=>{n.value=!0},onMouseLeave:()=>{n.value=!1},role:"region","aria-roledescription":"carousel"},actions:{next:y,prev:m,goTo:g,play:()=>{i.value=!0},pause:()=>{i.value=!1}},getPrevButtonProps:()=>({"aria-label":"上一张"}),getNextButtonProps:()=>({"aria-label":"下一张"}),getIndicatorProps:a=>({role:"tab","aria-label":`切换到第 ${a+1} 张`,"aria-selected":c.value===a})}}const _={modelValue:{type:Number,default:0},interval:{type:Number,default:3e3},autoplay:{type:Boolean,default:!1},direction:{type:String,default:"horizontal"},loop:{type:Boolean,default:!0},indicatorType:{type:String,default:"dot"},indicatorPosition:{type:String,default:"inside"},arrow:{type:String,default:"hover"},animation:{type:String,default:"slide"},trigger:{type:String,default:"hover"},height:{type:String,default:"300px"},pauseOnHover:{type:Boolean,default:!0}},E={name:String,label:String},I=Symbol("CAROUSEL_CONTEXT_KEY"),P={class:"l-carousel__viewport"},L=["onClick","onMouseenter"],T={key:0},M=e.defineComponent({name:"Carousel",__name:"Carousel",props:_,emits:["update:modelValue","change"],setup(o,{emit:c}){const t=o,i=c,l=w({initialIndex:()=>t.modelValue,loop:()=>t.loop,autoplay:()=>t.autoplay,interval:()=>t.interval,onIndexChange:a=>{i("update:modelValue",a)}}),{activeIndex:u}=b.useController(l,{loop:()=>t.loop,autoplay:()=>t.autoplay,interval:()=>t.interval}),n=e.reactive([]),p=e.reactive({activeIndex:u,direction:e.computed(()=>t.direction),animation:e.computed(()=>t.animation),items:n,addItem:a=>{n.push(a),l.state.itemCount=n.length},removeItem:a=>{const r=n.findIndex(f=>f.uid===a);r!==-1&&(n.splice(r,1),l.state.itemCount=n.length)},setActive:a=>{l.actions.goTo(a)}});e.provide(I,p),e.watch(()=>t.modelValue,a=>{a!==l.state.activeIndex&&l.actions.goTo(a)});const v=()=>{t.pauseOnHover&&l.props.onMouseEnter()},g=()=>{t.pauseOnHover&&l.props.onMouseLeave()},y=a=>{l.actions.goTo(a)},m=a=>{t.trigger==="hover"&&l.actions.goTo(a)},C=e.computed(()=>({height:t.height})),d=e.computed(()=>["l-carousel",`l-carousel--${t.direction}`,{"l-carousel--outside":t.indicatorPosition==="outside"}]);return(a,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:d.value},e.unref(l).props,{tabindex:"0",onKeydown:[r[2]||(r[2]=e.withKeys(f=>e.unref(l).actions.prev(),["left"])),r[3]||(r[3]=e.withKeys(f=>e.unref(l).actions.next(),["right"]))],onMouseenter:v,onMouseleave:g}),[e.createElementVNode("div",{class:"l-carousel__container",style:e.normalizeStyle(C.value)},[a.arrow!=="never"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:0,class:["l-carousel__arrow l-carousel__arrow--left",{"is-hover":a.arrow==="hover"}]},e.unref(l).getPrevButtonProps(),{onClick:r[0]||(r[0]=f=>e.unref(l).actions.prev())}),[...r[4]||(r[4]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"24",height:"24"},[e.createElementVNode("path",{fill:"currentColor",d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})],-1)])],16)):e.createCommentVNode("",!0),e.createElementVNode("div",P,[e.renderSlot(a.$slots,"default")]),a.arrow!=="never"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["l-carousel__arrow l-carousel__arrow--right",{"is-hover":a.arrow==="hover"}]},e.unref(l).getNextButtonProps(),{onClick:r[1]||(r[1]=f=>e.unref(l).actions.next())}),[...r[5]||(r[5]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"24",height:"24"},[e.createElementVNode("path",{fill:"currentColor",d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})],-1)])],16)):e.createCommentVNode("",!0)],4),a.indicatorType!=="none"?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["l-carousel__indicators",[`l-carousel__indicators--${a.direction}`,`l-carousel__indicators--${a.indicatorType}`]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(f,h)=>(e.openBlock(),e.createElementBlock("li",{key:h,class:e.normalizeClass(["l-carousel__indicator",{"is-active":h===e.unref(u)}]),onClick:S=>y(h),onMouseenter:S=>m(h)},[e.createElementVNode("button",e.mergeProps({class:"l-carousel__indicator-button"},{ref_for:!0},e.unref(l).getIndicatorProps(h)),[a.indicatorType==="number"?(e.openBlock(),e.createElementBlock("span",T,e.toDisplayString(h+1),1)):e.createCommentVNode("",!0)],16)],42,L))),128))],2)):e.createCommentVNode("",!0)],16))}}),N=["aria-label","aria-hidden"],$=e.defineComponent({name:"CarouselItem",__name:"CarouselItem",props:E,setup(o){const c=o,t=e.inject(I),i=e.getCurrentInstance();t||console.warn("LCarouselItem must be used within LCarousel");const l=e.reactive({uid:(i==null?void 0:i.uid)||Math.random(),name:c.name,label:c.label,active:!1,translate:0,scale:1,ready:!1});e.onMounted(()=>{t==null||t.addItem(l),setTimeout(()=>{l.ready=!0},0)}),e.onBeforeUnmount(()=>{t==null||t.removeItem(l.uid)});const u=e.computed(()=>(t==null?void 0:t.items.findIndex(m=>m.uid===l.uid))??-1),n=e.computed(()=>u.value===(t==null?void 0:t.activeIndex)),p=e.computed(()=>(t==null?void 0:t.direction)==="vertical"),v=e.computed(()=>(t==null?void 0:t.animation)==="fade"),g=e.computed(()=>{if(v.value)return{};const m=u.value,C=(t==null?void 0:t.activeIndex)??0,d=(t==null?void 0:t.items.length)??0;if(d<=1)return{};let a=m-C;Math.abs(a)>d/2&&(a>0?a-=d:a+=d);const r=a*100;return{transform:p.value?`translateY(${r}%)`:`translateX(${r}%)`,zIndex:n.value?2:1,opacity:Math.abs(a)>1&&!n.value?0:1}}),y=e.computed(()=>["l-carousel-item",{"is-active":n.value,"is-fade":v.value,"is-ready":l.ready}]);return(m,C)=>{var d;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(y.value),style:e.normalizeStyle(g.value),role:"group","aria-roledescription":"slide","aria-label":`${u.value+1} / ${(d=e.unref(t))==null?void 0:d.items.length}`,"aria-hidden":!n.value},[e.renderSlot(m.$slots,"default")],14,N)),[[e.vShow,v.value?n.value:!0]])}}}),k=M,B=$,V={install(o){o.component("LCarousel",k),o.component("LCarouselItem",B)}};exports.CAROUSEL_CONTEXT_KEY=I;exports.LCarousel=k;exports.LCarouselItem=B;exports.carouselItemProps=E;exports.carouselProps=_;exports.default=V;

package/dist/carousel/index.mjs

@@ -0,0 +1,354 @@
+import '../style/carousel.css';
+import { defineComponent as k, reactive as M, computed as d, provide as O, watch as z, openBlock as g, createElementBlock as C, mergeProps as $, unref as v, withKeys as T, createElementVNode as h, normalizeStyle as B, createCommentVNode as L, renderSlot as E, normalizeClass as P, Fragment as H, renderList as A, toDisplayString as K, inject as x, getCurrentInstance as U, onMounted as X, onBeforeUnmount as Y, withDirectives as D, vShow as F } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as I, e as S } from "../chunks/index-B0yEC3RG.mjs";
+import { u as R } from "../chunks/use-signals-CE1T2jXK.mjs";
+function j(a = {}) {
+  const u = I(typeof a.initialIndex == "function" ? a.initialIndex() : a.initialIndex ?? 0), e = I(typeof a.loop == "function" ? a.loop() : a.loop ?? !0), n = I(typeof a.autoplay == "function" ? a.autoplay() : a.autoplay ?? !1), l = I(typeof a.interval == "function" ? a.interval() : a.interval ?? 3e3), i = I(typeof a.itemCount == "function" ? a.itemCount() : a.itemCount ?? 0), r = I(!1), p = I(n.value);
+  let c = null;
+  typeof a.initialIndex == "function" && S(() => {
+    u.value = a.initialIndex();
+  }), typeof a.loop == "function" && S(() => {
+    e.value = a.loop();
+  }), typeof a.autoplay == "function" && S(() => {
+    n.value = a.autoplay(), p.value = n.value;
+  }), typeof a.interval == "function" && S(() => {
+    l.value = a.interval();
+  }), typeof a.itemCount == "function" && S(() => {
+    i.value = a.itemCount();
+  });
+  const y = (t) => {
+    var m;
+    if (i.value <= 0) return;
+    let o = t;
+    t >= i.value ? o = e.value ? 0 : i.value - 1 : t < 0 && (o = e.value ? i.value - 1 : 0), o !== u.value && (u.value = o, (m = a.onIndexChange) == null || m.call(a, o));
+  }, _ = () => y(u.value + 1), f = () => y(u.value - 1), b = () => {
+    s(), !(!n.value || r.value) && (p.value = !0, c = setInterval(() => {
+      _();
+    }, l.value));
+  }, s = () => {
+    c && (clearInterval(c), c = null), p.value = !1;
+  };
+  return S(() => {
+    n.value && !r.value ? b() : s();
+  }), {
+    state: {
+      get activeIndex() {
+        return u.value;
+      },
+      set activeIndex(t) {
+        y(t);
+      },
+      get itemCount() {
+        return i.value;
+      },
+      set itemCount(t) {
+        i.value = t;
+      },
+      get isHovering() {
+        return r.value;
+      },
+      get isPlaying() {
+        return p.value;
+      },
+      get autoplay() {
+        return n.value;
+      },
+      get loop() {
+        return e.value;
+      }
+    },
+    props: {
+      onMouseEnter: () => {
+        r.value = !0;
+      },
+      onMouseLeave: () => {
+        r.value = !1;
+      },
+      role: "region",
+      "aria-roledescription": "carousel"
+    },
+    actions: {
+      next: _,
+      prev: f,
+      goTo: y,
+      play: () => {
+        n.value = !0;
+      },
+      pause: () => {
+        n.value = !1;
+      }
+    },
+    getPrevButtonProps: () => ({
+      "aria-label": "上一张"
+    }),
+    getNextButtonProps: () => ({
+      "aria-label": "下一张"
+    }),
+    getIndicatorProps: (t) => ({
+      role: "tab",
+      "aria-label": `切换到第 ${t + 1} 张`,
+      "aria-selected": u.value === t
+    })
+  };
+}
+const q = {
+  /** 当前展示的索引 / Current active index */
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  /** 幻灯片切换时间间隔 / Autoplay interval (ms) */
+  interval: {
+    type: Number,
+    default: 3e3
+  },
+  /** 是否自动播放 / Whether to autoplay */
+  autoplay: {
+    type: Boolean,
+    default: !1
+  },
+  /** 轮播方向 / Carousel direction */
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  /** 是否循环播放 / Whether to loop */
+  loop: {
+    type: Boolean,
+    default: !0
+  },
+  /** 指示器类型 / Indicator type */
+  indicatorType: {
+    type: String,
+    default: "dot"
+  },
+  /** 指示器位置 / Indicator position */
+  indicatorPosition: {
+    type: String,
+    default: "inside"
+  },
+  /** 切换箭头的显示时机 / Arrow display timing */
+  arrow: {
+    type: String,
+    default: "hover"
+  },
+  /** 切换动画模式 / Transition animation mode */
+  animation: {
+    type: String,
+    default: "slide"
+  },
+  /** 指示器的触发方式 / Indicator trigger mode */
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  /** 轮播图高度 / Carousel height */
+  height: {
+    type: String,
+    default: "300px"
+  },
+  /** 是否在鼠标悬停时暂停自动播放 / Pause autoplay on hover */
+  pauseOnHover: {
+    type: Boolean,
+    default: !0
+  }
+}, G = {
+  /** 项名称 / Item name */
+  name: String,
+  /** 标签（用于自定义指示器） / Label for indicators */
+  label: String
+}, N = Symbol("CAROUSEL_CONTEXT_KEY"), J = { class: "l-carousel__viewport" }, Q = ["onClick", "onMouseenter"], W = { key: 0 }, Z = /* @__PURE__ */ k({
+  name: "Carousel",
+  __name: "Carousel",
+  props: q,
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: u }) {
+    const e = a, n = u, l = j({
+      initialIndex: () => e.modelValue,
+      loop: () => e.loop,
+      autoplay: () => e.autoplay,
+      interval: () => e.interval,
+      onIndexChange: (t) => {
+        n("update:modelValue", t);
+      }
+    }), { activeIndex: i } = R(l, {
+      loop: () => e.loop,
+      autoplay: () => e.autoplay,
+      interval: () => e.interval
+    }), r = M([]), p = M({
+      activeIndex: i,
+      direction: d(() => e.direction),
+      animation: d(() => e.animation),
+      items: r,
+      addItem: (t) => {
+        r.push(t), l.state.itemCount = r.length;
+      },
+      removeItem: (t) => {
+        const o = r.findIndex((m) => m.uid === t);
+        o !== -1 && (r.splice(o, 1), l.state.itemCount = r.length);
+      },
+      setActive: (t) => {
+        l.actions.goTo(t);
+      }
+    });
+    O(N, p), z(() => e.modelValue, (t) => {
+      t !== l.state.activeIndex && l.actions.goTo(t);
+    });
+    const c = () => {
+      e.pauseOnHover && l.props.onMouseEnter();
+    }, y = () => {
+      e.pauseOnHover && l.props.onMouseLeave();
+    }, _ = (t) => {
+      l.actions.goTo(t);
+    }, f = (t) => {
+      e.trigger === "hover" && l.actions.goTo(t);
+    }, b = d(() => ({
+      height: e.height
+    })), s = d(() => [
+      "l-carousel",
+      `l-carousel--${e.direction}`,
+      {
+        "l-carousel--outside": e.indicatorPosition === "outside"
+      }
+    ]);
+    return (t, o) => (g(), C("div", $({ class: s.value }, v(l).props, {
+      tabindex: "0",
+      onKeydown: [
+        o[2] || (o[2] = T((m) => v(l).actions.prev(), ["left"])),
+        o[3] || (o[3] = T((m) => v(l).actions.next(), ["right"]))
+      ],
+      onMouseenter: c,
+      onMouseleave: y
+    }), [
+      h("div", {
+        class: "l-carousel__container",
+        style: B(b.value)
+      }, [
+        t.arrow !== "never" ? (g(), C("button", $({
+          key: 0,
+          class: ["l-carousel__arrow l-carousel__arrow--left", { "is-hover": t.arrow === "hover" }]
+        }, v(l).getPrevButtonProps(), {
+          onClick: o[0] || (o[0] = (m) => v(l).actions.prev())
+        }), [...o[4] || (o[4] = [
+          h("svg", {
+            viewBox: "0 0 24 24",
+            width: "24",
+            height: "24"
+          }, [
+            h("path", {
+              fill: "currentColor",
+              d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+            })
+          ], -1)
+        ])], 16)) : L("", !0),
+        h("div", J, [
+          E(t.$slots, "default")
+        ]),
+        t.arrow !== "never" ? (g(), C("button", $({
+          key: 1,
+          class: ["l-carousel__arrow l-carousel__arrow--right", { "is-hover": t.arrow === "hover" }]
+        }, v(l).getNextButtonProps(), {
+          onClick: o[1] || (o[1] = (m) => v(l).actions.next())
+        }), [...o[5] || (o[5] = [
+          h("svg", {
+            viewBox: "0 0 24 24",
+            width: "24",
+            height: "24"
+          }, [
+            h("path", {
+              fill: "currentColor",
+              d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+            })
+          ], -1)
+        ])], 16)) : L("", !0)
+      ], 4),
+      t.indicatorType !== "none" ? (g(), C("ul", {
+        key: 0,
+        class: P(["l-carousel__indicators", [`l-carousel__indicators--${t.direction}`, `l-carousel__indicators--${t.indicatorType}`]])
+      }, [
+        (g(!0), C(H, null, A(r, (m, w) => (g(), C("li", {
+          key: w,
+          class: P(["l-carousel__indicator", { "is-active": w === v(i) }]),
+          onClick: (V) => _(w),
+          onMouseenter: (V) => f(w)
+        }, [
+          h("button", $({ class: "l-carousel__indicator-button" }, { ref_for: !0 }, v(l).getIndicatorProps(w)), [
+            t.indicatorType === "number" ? (g(), C("span", W, K(w + 1), 1)) : L("", !0)
+          ], 16)
+        ], 42, Q))), 128))
+      ], 2)) : L("", !0)
+    ], 16));
+  }
+}), ee = ["aria-label", "aria-hidden"], te = /* @__PURE__ */ k({
+  name: "CarouselItem",
+  __name: "CarouselItem",
+  props: G,
+  setup(a) {
+    const u = a, e = x(N), n = U();
+    e || console.warn("LCarouselItem must be used within LCarousel");
+    const l = M({
+      uid: (n == null ? void 0 : n.uid) || Math.random(),
+      name: u.name,
+      label: u.label,
+      active: !1,
+      translate: 0,
+      scale: 1,
+      ready: !1
+    });
+    X(() => {
+      e == null || e.addItem(l), setTimeout(() => {
+        l.ready = !0;
+      }, 0);
+    }), Y(() => {
+      e == null || e.removeItem(l.uid);
+    });
+    const i = d(() => (e == null ? void 0 : e.items.findIndex((f) => f.uid === l.uid)) ?? -1), r = d(() => i.value === (e == null ? void 0 : e.activeIndex)), p = d(() => (e == null ? void 0 : e.direction) === "vertical"), c = d(() => (e == null ? void 0 : e.animation) === "fade"), y = d(() => {
+      if (c.value) return {};
+      const f = i.value, b = (e == null ? void 0 : e.activeIndex) ?? 0, s = (e == null ? void 0 : e.items.length) ?? 0;
+      if (s <= 1) return {};
+      let t = f - b;
+      Math.abs(t) > s / 2 && (t > 0 ? t -= s : t += s);
+      const o = t * 100;
+      return {
+        transform: p.value ? `translateY(${o}%)` : `translateX(${o}%)`,
+        zIndex: r.value ? 2 : 1,
+        opacity: Math.abs(t) > 1 && !r.value ? 0 : 1
+      };
+    }), _ = d(() => [
+      "l-carousel-item",
+      {
+        "is-active": r.value,
+        "is-fade": c.value,
+        "is-ready": l.ready
+      }
+    ]);
+    return (f, b) => {
+      var s;
+      return D((g(), C("div", {
+        class: P(_.value),
+        style: B(y.value),
+        role: "group",
+        "aria-roledescription": "slide",
+        "aria-label": `${i.value + 1} / ${(s = v(e)) == null ? void 0 : s.items.length}`,
+        "aria-hidden": !r.value
+      }, [
+        E(f.$slots, "default")
+      ], 14, ee)), [
+        [F, c.value ? r.value : !0]
+      ]);
+    };
+  }
+}), ae = Z, le = te, ue = {
+  install(a) {
+    a.component("LCarousel", ae), a.component("LCarouselItem", le);
+  }
+};
+export {
+  N as CAROUSEL_CONTEXT_KEY,
+  ae as LCarousel,
+  le as LCarouselItem,
+  G as carouselItemProps,
+  q as carouselProps,
+  ue as default
+};