@routa/ui-vue 0.1.0

package/dist/carousel/types.d.ts

@@ -0,0 +1,97 @@
+import { ExtractPropTypes, PropType, VNode } from 'vue';
+export type CarouselDirection = 'horizontal' | 'vertical';
+export type CarouselTrigger = 'click' | 'hover';
+export type CarouselIndicatorType = 'dot' | 'bar' | 'number' | 'none';
+export type CarouselIndicatorPosition = 'inside' | 'outside';
+export type CarouselArrow = 'always' | 'hover' | 'never';
+export type CarouselAnimation = 'slide' | 'fade';
+export declare const carouselProps: {
+    /** 当前展示的索引 / Current active index */
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 幻灯片切换时间间隔 / Autoplay interval (ms) */
+    readonly interval: {
+        readonly type: NumberConstructor;
+        readonly default: 3000;
+    };
+    /** 是否自动播放 / Whether to autoplay */
+    readonly autoplay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 轮播方向 / Carousel direction */
+    readonly direction: {
+        readonly type: PropType<CarouselDirection>;
+        readonly default: "horizontal";
+    };
+    /** 是否循环播放 / Whether to loop */
+    readonly loop: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 指示器类型 / Indicator type */
+    readonly indicatorType: {
+        readonly type: PropType<CarouselIndicatorType>;
+        readonly default: "dot";
+    };
+    /** 指示器位置 / Indicator position */
+    readonly indicatorPosition: {
+        readonly type: PropType<CarouselIndicatorPosition>;
+        readonly default: "inside";
+    };
+    /** 切换箭头的显示时机 / Arrow display timing */
+    readonly arrow: {
+        readonly type: PropType<CarouselArrow>;
+        readonly default: "hover";
+    };
+    /** 切换动画模式 / Transition animation mode */
+    readonly animation: {
+        readonly type: PropType<CarouselAnimation>;
+        readonly default: "slide";
+    };
+    /** 指示器的触发方式 / Indicator trigger mode */
+    readonly trigger: {
+        readonly type: PropType<CarouselTrigger>;
+        readonly default: "hover";
+    };
+    /** 轮播图高度 / Carousel height */
+    readonly height: {
+        readonly type: StringConstructor;
+        readonly default: "300px";
+    };
+    /** 是否在鼠标悬停时暂停自动播放 / Pause autoplay on hover */
+    readonly pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type CarouselProps = ExtractPropTypes<typeof carouselProps>;
+export interface CarouselEmits {
+    (e: 'update:modelValue', index: number): void;
+    (e: 'change', index: number, prevIndex: number): void;
+}
+export declare const carouselItemProps: {
+    /** 项名称 / Item name */
+    readonly name: StringConstructor;
+    /** 标签（用于自定义指示器） / Label for indicators */
+    readonly label: StringConstructor;
+};
+export type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>;
+export interface CarouselSlots {
+    default?: () => VNode[];
+}
+export interface CarouselItemSlots {
+    default?: () => VNode[];
+}
+export declare const CAROUSEL_CONTEXT_KEY: unique symbol;
+export interface CarouselContext {
+    activeIndex: number;
+    direction: CarouselDirection;
+    animation: CarouselAnimation;
+    items: any[];
+    addItem: (item: any) => void;
+    removeItem: (uid: number) => void;
+    setActive: (index: number) => void;
+}

package/dist/cascader/Cascader.vue.d.ts

@@ -0,0 +1,109 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly expandTrigger: {
+        readonly type: import('vue').PropType<"click" | "hover">;
+        readonly default: "click";
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => void;
+    blur: (event: FocusEvent) => void;
+    change: (value: (string | number)[], _options: import('../../../headless/src/index.ts').CascaderOption[]) => void;
+    clear: () => void;
+    "update:modelValue": (value: (string | number)[]) => void;
+    "expand-change": (path: (string | number)[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly expandTrigger: {
+        readonly type: import('vue').PropType<"click" | "hover">;
+        readonly default: "click";
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: (string | number)[], _options: import('../../../headless/src/index.ts').CascaderOption[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+    "onExpand-change"?: ((path: (string | number)[]) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly modelValue: (string | number)[];
+    readonly checkStrictly: boolean;
+    readonly separator: string;
+    readonly placeholder: string;
+    readonly clearable: boolean;
+    readonly expandTrigger: "hover" | "click";
+    readonly options: import('../../../headless/src/index.ts').CascaderOption[];
+    readonly teleported: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/cascader/CascaderPanel.vue.d.ts

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { CascaderOption } from '../../../headless/src/index.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    menus: {
+        type: PropType<CascaderOption[][]>;
+        required: true;
+    };
+    activePath: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    selectedPath: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    focusedPath: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    expandTrigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (path: (string | number)[]) => any;
+    expand: (path: (string | number)[], isLeaf: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    menus: {
+        type: PropType<CascaderOption[][]>;
+        required: true;
+    };
+    activePath: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    selectedPath: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    focusedPath: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    expandTrigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+}>> & Readonly<{
+    onSelect?: ((path: (string | number)[]) => any) | undefined;
+    onExpand?: ((path: (string | number)[], isLeaf: boolean) => any) | undefined;
+}>, {
+    focusedPath: (string | number)[];
+    expandTrigger: "hover" | "click";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/cascader/index.d.ts

@@ -0,0 +1,110 @@
+export declare const LCascader: import('../utils/install').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly expandTrigger: {
+        readonly type: import('vue').PropType<"click" | "hover">;
+        readonly default: "click";
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => void;
+    blur: (event: FocusEvent) => void;
+    change: (value: (string | number)[], _options: import('../../../headless/src/index.ts').CascaderOption[]) => void;
+    clear: () => void;
+    "update:modelValue": (value: (string | number)[]) => void;
+    "expand-change": (path: (string | number)[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly expandTrigger: {
+        readonly type: import('vue').PropType<"click" | "hover">;
+        readonly default: "click";
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: (string | number)[], _options: import('../../../headless/src/index.ts').CascaderOption[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+    "onExpand-change"?: ((path: (string | number)[]) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly modelValue: (string | number)[];
+    readonly checkStrictly: boolean;
+    readonly separator: string;
+    readonly placeholder: string;
+    readonly clearable: boolean;
+    readonly expandTrigger: "hover" | "click";
+    readonly options: import('../../../headless/src/index.ts').CascaderOption[];
+    readonly teleported: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>>;
+export default LCascader;
+export * from './types';

package/dist/cascader/index.js

@@ -0,0 +1,5 @@
+require('../style/cascader.css');
+require('../style/Input.css');
+require('../style/Popover.css');
+require('../style/Icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("../chunks/install-gnn2dOg9.js"),e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const S=require("../chunks/index-DWAWrVaT.js"),q=require("../chunks/use-signals-Bz1smiXh.js"),N=require("../chunks/use-form-item-CloIcyon.js"),z=require("../chunks/use-id-BycaM3-h.js"),M=require("../chunks/Input.vue_vue_type_script_setup_true_lang-8x2HE2Cj.js"),T=require("../chunks/Popover.vue_vue_type_script_setup_true_lang-TF9OnqB0.js"),E=require("../chunks/Icon.vue_vue_type_script_setup_true_lang-YDWguTmi.js");function D(c){const b=S.signal(c.value??[]),l=S.signal(c.value??[]),o=S.signal([]),x=()=>typeof c.disabled=="function"?c.disabled():c.disabled??!1,g=S.signal(x());typeof c.disabled=="function"&&S.effect(()=>{g.value=x()});const C=S.computed(()=>{const t=[c.options];let a=c.options;for(const n of l.value){const r=a.find(k=>k.value===n);if(r&&r.children&&r.children.length>0)t.push(r.children),a=r.children;else break}return t}),P=(t,a)=>{g.value||(l.value=t,(c.checkStrictly||a)&&w(t))},w=t=>{var r;if(g.value)return;b.value=t;const a=[];let n=c.options;for(const k of t){const v=n.find(_=>_.value===k);v&&(a.push(v),n=v.children||[])}(r=c.onChange)==null||r.call(c,t,a)};return{state:{get value(){return b.value},set value(t){b.value=t},get activePath(){return l.value},get focusedPath(){return o.value},get menus(){return C.value},get disabled(){return g.value},set disabled(t){g.value=t}},actions:{expandNode:P,selectPath:w,syncActivePath:()=>{l.value=[...b.value]},moveFocus:t=>{if(g.value)return;const a=C.value;if(a.length===0)return;if(o.value.length===0){const f=a[0],p=f.findIndex(h=>!h.disabled);p>-1&&(o.value=[f[p].value]);return}const n=[...o.value],r=n.length-1,k=n[r],v=a[r];if(!v)return;const _=v.findIndex(f=>f.value===k);if(_!==-1)switch(t){case"down":case"up":{const f=t==="down"?1:-1,p=v.length;let h=(_+f+p)%p;for(;v[h].disabled&&h!==_;)h=(h+f+p)%p;v[h].disabled||(n[r]=v[h].value,o.value=n);break}case"right":{const f=v[_];if(f.children&&f.children.length>0){l.value=n;const p=f.children,h=p.findIndex(B=>!B.disabled);h>-1&&(o.value=[...n,p[h].value])}break}case"left":{r>0&&(o.value=n.slice(0,r));break}}},setFocusedPath:t=>{o.value=t}}}}const O={class:"l-cascader-panel"},$=["aria-haspopup","aria-expanded","onClick","onMouseenter"],H={class:"l-cascader-node__label"},j=e.defineComponent({__name:"CascaderPanel",props:{menus:{type:Array,required:!0},activePath:{type:Array,required:!0},selectedPath:{type:Array,required:!0},focusedPath:{type:Array,default:()=>[]},expandTrigger:{type:String,default:"click"}},emits:["expand","select"],setup(c,{emit:b}){const l=c,o=b,x=(i,d)=>{const t=[...l.activePath.slice(0,d),i.value],a=!i.children||i.children.length===0;(l.expandTrigger==="click"||a)&&o("expand",t,a)},g=(i,d)=>{if(l.expandTrigger==="hover"){const t=[...l.activePath.slice(0,d),i.value];!i.children||i.children.length===0||o("expand",t,!1)}},C=(i,d)=>l.activePath[d]===i.value,P=(i,d)=>l.selectedPath[d]===i.value,w=(i,d)=>l.focusedPath[d]===i.value&&d===l.focusedPath.length-1;return(i,d)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.menus,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"l-cascader-menu",role:"menu"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,n=>(e.openBlock(),e.createElementBlock("div",{key:n.value,class:e.normalizeClass(["l-cascader-node",{"is-active":C(n,a),"is-selected":P(n,a),"is-disabled":n.disabled,"is-focused":w(n,a)}]),role:"menuitem","aria-haspopup":n.children&&n.children.length>0?"menu":void 0,"aria-expanded":C(n,a),onClick:r=>x(n,a),onMouseenter:r=>g(n,a)},[e.createElementVNode("span",H,e.toDisplayString(n.label),1),n.children&&n.children.length>0?(e.openBlock(),e.createBlock(E._sfc_main,{key:0,name:"lucide:chevron-right",class:"l-cascader-node__icon"})):P(n,a)&&a===c.selectedPath.length-1?(e.openBlock(),e.createBlock(E._sfc_main,{key:1,name:"lucide:check",class:"l-cascader-node__check-icon"})):e.createCommentVNode("",!0)],42,$))),128))]))),128))]))}}),I={modelValue:{type:Array,default:()=>[]},options:{type:Array,default:()=>[]},placeholder:{type:String,default:"请选择"},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},expandTrigger:{type:String,default:"click"},checkStrictly:{type:Boolean,default:!1},separator:{type:String,default:" / "},size:{type:String,default:"md"},teleported:{type:Boolean,default:!0}},F={"update:modelValue":c=>Array.isArray(c),change:(c,b)=>Array.isArray(c),"expand-change":c=>Array.isArray(c),blur:c=>c instanceof FocusEvent,focus:c=>c instanceof FocusEvent,clear:()=>!0},K={class:"l-cascader__dropdown"},U=e.defineComponent({name:"LCascader",__name:"Cascader",props:I,emits:F,setup(c,{emit:b}){const l=c,o=b,{formItem:x,size:g,disabled:C,inputId:P}=N.useFormItem(),w=e.computed(()=>l.disabled||C.value),i=z.useId("cascader"),d=e.computed(()=>l.id||(P==null?void 0:P.value)||i),t=e.ref(!1),a=D({options:l.options,value:l.modelValue,expandTrigger:l.expandTrigger,checkStrictly:l.checkStrictly,disabled:()=>w.value,onChange:(s,u)=>{o("update:modelValue",s),o("change",s,u),x==null||x.validate("change").catch(()=>{}),l.checkStrictly||(t.value=!1)}}),{value:n,activePath:r,focusedPath:k,menus:v,disabled:_}=q.useController(a,{value:()=>l.modelValue,disabled:()=>w.value}),f=s=>{let u=l.options,m;for(const y of s){if(m=u.find(A=>A.value===y),!m)return;u=m.children||[]}return m},p=s=>{if(_.value)return;let u=!0;switch(s.key){case"ArrowUp":a.actions.moveFocus("up");break;case"ArrowDown":a.actions.moveFocus("down");break;case"ArrowRight":a.actions.moveFocus("right");break;case"ArrowLeft":a.actions.moveFocus("left");break;case"Enter":if(k.value.length>0){const m=[...k.value],y=f(m),A=!(y!=null&&y.children)||y.children.length===0;!l.checkStrictly&&!A?(a.actions.moveFocus("right"),o("expand-change",m)):(a.actions.selectPath(m),l.checkStrictly||(t.value=!1))}break;case"Escape":t.value=!1;break;default:u=!1}u&&s.preventDefault()},h=e.computed(()=>{if(n.value.length===0)return"";const s=[];let u=l.options;for(const m of n.value){const y=u.find(A=>A.value===m);y&&(s.push(y.label),u=y.children||[])}return s.join(l.separator)}),B=(s,u)=>{a.actions.expandNode(s,u),o("expand-change",s)};return(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-cascader",[`l-cascader--${s.size||e.unref(g)}`,{"is-disabled":e.unref(_),"is-active":t.value}]])},[e.createVNode(T._sfc_main,{visible:t.value,"onUpdate:visible":u[0]||(u[0]=m=>t.value=m),trigger:"click",placement:"bottom-start",disabled:e.unref(_),width:"auto","popper-class":"l-cascader__popper l-cascader__popover",onShow:e.unref(a).actions.syncActivePath,onHide:e.unref(a).actions.syncActivePath},{content:e.withCtx(()=>[e.createElementVNode("div",K,[e.createVNode(j,{menus:e.unref(v),"active-path":e.unref(r),"selected-path":e.unref(n),"focused-path":e.unref(k),"expand-trigger":s.expandTrigger,onExpand:B,onSelect:e.unref(a).actions.selectPath},null,8,["menus","active-path","selected-path","focused-path","expand-trigger","onSelect"])])]),default:e.withCtx(()=>[e.createVNode(M._sfc_main,{id:d.value,readonly:"","model-value":h.value,placeholder:s.placeholder,disabled:e.unref(_),size:s.size||e.unref(g),class:"l-cascader__trigger",onKeydown:p},{suffix:e.withCtx(()=>[e.createVNode(E._sfc_main,{name:"lucide:chevron-down",class:e.normalizeClass(["l-cascader__icon",{"is-reverse":t.value}])},null,8,["class"])]),_:1},8,["id","model-value","placeholder","disabled","size"])]),_:1},8,["visible","disabled","onShow","onHide"])],2))}}),L=V.withInstall(U);exports.LCascader=L;exports.cascaderEmits=F;exports.cascaderProps=I;exports.default=L;