@routa/ui-vue 0.1.0

package/dist/autocomplete/index.d.ts

@@ -0,0 +1,298 @@
+export declare const LAutoComplete: import('../utils/install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly fetchSuggestions: {
+            readonly type: import('vue').PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+            readonly required: true;
+        };
+        readonly placeholder: StringConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly clearable: BooleanConstructor;
+        readonly size: {
+            readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+            readonly default: "md";
+        };
+        readonly triggerOnFocus: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly debounce: {
+            readonly type: NumberConstructor;
+            readonly default: 300;
+        };
+        readonly placement: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+            readonly default: "bottom-start";
+        };
+        readonly popperClass: StringConstructor;
+        readonly valueKey: {
+            readonly type: StringConstructor;
+            readonly default: "value";
+        };
+        readonly noDataText: StringConstructor;
+    }>> & Readonly<{
+        onFocus?: ((_e: FocusEvent) => any) | undefined;
+        onBlur?: ((_e: FocusEvent) => any) | undefined;
+        onChange?: ((_val: string) => any) | undefined;
+        onSelect?: ((_item: any) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((_val: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        focus: (_e: FocusEvent) => void;
+        blur: (_e: FocusEvent) => void;
+        change: (_val: string) => void;
+        select: (_item: any) => void;
+        clear: () => void;
+        "update:modelValue": (_val: string) => void;
+    }, import('vue').PublicProps, {
+        readonly size: "sm" | "md" | "lg";
+        readonly disabled: boolean;
+        readonly placement: import('../../../headless/src/index.ts').Placement;
+        readonly modelValue: string;
+        readonly clearable: boolean;
+        readonly triggerOnFocus: boolean;
+        readonly debounce: number;
+        readonly valueKey: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | undefined;
+                readonly type?: "text" | "password" | "textarea" | "number" | "email" | "tel" | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly showPassword?: boolean | undefined;
+                readonly size?: "sm" | "md" | "lg" | undefined;
+                readonly maxLength?: number | string | undefined;
+                readonly minLength?: number | string | undefined;
+                readonly showWordLimit?: boolean | undefined;
+                readonly rows?: number | string | undefined;
+                readonly autosize?: boolean | {
+                    minRows?: number;
+                    maxRows?: number;
+                } | undefined;
+                readonly prefixIcon?: string | undefined;
+                readonly suffixIcon?: string | undefined;
+                readonly autofocus?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly name?: string | undefined;
+                readonly id?: string | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onChange?: ((value: string) => any) | undefined;
+                readonly onInput?: ((value: string) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                inputRef: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputProps> & Readonly<{
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
+                onInput?: ((value: string) => any) | undefined;
+                onClear?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, {
+                input: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | null, HTMLInputElement | HTMLTextAreaElement | null>;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+                select: () => void | undefined;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                focus: (event: FocusEvent) => any;
+                blur: (event: FocusEvent) => any;
+                change: (value: string) => any;
+                input: (value: string) => any;
+                clear: () => any;
+                "update:modelValue": (value: string) => any;
+            }, string, {
+                type: "text" | "password" | "textarea" | "number" | "email" | "tel";
+                autocomplete: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            type: "text" | "password" | "textarea" | "number" | "email" | "tel";
+            autocomplete: string;
+        }> & Omit<Readonly<import('..').InputProps> & Readonly<{
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, "focus" | "blur" | "input" | "select" | ("type" | "autocomplete")> & {
+            input: HTMLInputElement | HTMLTextAreaElement | null;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                prefix?(_: {}): any;
+                suffix?(_: {}): any;
+                append?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly fetchSuggestions: {
+            readonly type: import('vue').PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+            readonly required: true;
+        };
+        readonly placeholder: StringConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly clearable: BooleanConstructor;
+        readonly size: {
+            readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+            readonly default: "md";
+        };
+        readonly triggerOnFocus: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly debounce: {
+            readonly type: NumberConstructor;
+            readonly default: 300;
+        };
+        readonly placement: {
+            readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+            readonly default: "bottom-start";
+        };
+        readonly popperClass: StringConstructor;
+        readonly valueKey: {
+            readonly type: StringConstructor;
+            readonly default: "value";
+        };
+        readonly noDataText: StringConstructor;
+    }>> & Readonly<{
+        onFocus?: ((_e: FocusEvent) => any) | undefined;
+        onBlur?: ((_e: FocusEvent) => any) | undefined;
+        onChange?: ((_val: string) => any) | undefined;
+        onSelect?: ((_item: any) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((_val: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        readonly size: "sm" | "md" | "lg";
+        readonly disabled: boolean;
+        readonly placement: import('../../../headless/src/index.ts').Placement;
+        readonly modelValue: string;
+        readonly clearable: boolean;
+        readonly triggerOnFocus: boolean;
+        readonly debounce: number;
+        readonly valueKey: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fetchSuggestions: {
+        readonly type: import('vue').PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        readonly required: true;
+    };
+    readonly placeholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly triggerOnFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly debounce: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly popperClass: StringConstructor;
+    readonly valueKey: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly noDataText: StringConstructor;
+}>> & Readonly<{
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
+    onChange?: ((_val: string) => any) | undefined;
+    onSelect?: ((_item: any) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_val: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (_e: FocusEvent) => void;
+    blur: (_e: FocusEvent) => void;
+    change: (_val: string) => void;
+    select: (_item: any) => void;
+    clear: () => void;
+    "update:modelValue": (_val: string) => void;
+}, string, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly placement: import('../../../headless/src/index.ts').Placement;
+    readonly modelValue: string;
+    readonly clearable: boolean;
+    readonly triggerOnFocus: boolean;
+    readonly debounce: number;
+    readonly valueKey: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            item: any;
+        }): any;
+    };
+})>;
+export default LAutoComplete;
+export * from './types';

package/dist/autocomplete/index.js

@@ -0,0 +1,4 @@
+require('../style/autocomplete.css');
+require('../style/Input.css');
+require('../style/Popover.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("../chunks/install-gnn2dOg9.js"),e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const _=require("../chunks/index-DWAWrVaT.js"),q=require("../chunks/id-CfLxBW9l.js"),N=require("../chunks/use-signals-Bz1smiXh.js"),A=require("../chunks/use-form-item-CloIcyon.js"),M=require("../chunks/use-id-BycaM3-h.js"),L=require("../chunks/Input.vue_vue_type_script_setup_true_lang-8x2HE2Cj.js"),K=require("../chunks/Popover.vue_vue_type_script_setup_true_lang-TF9OnqB0.js");function R(a){const h=a.idPrefix??q.useId("autocomplete"),o=_.signal(a.value??""),s=_.signal(a.suggestions??[]),u=_.signal(-1),k=_.signal(!1),d=_.signal(!1),g=()=>typeof a.disabled=="function"?a.disabled():a.disabled??!1,n=_.signal(g());typeof a.disabled=="function"&&_.effect(()=>{n.value=g()});const B=t=>{var i;n.value||(o.value=t,u.value=-1,(i=a.onInput)==null||i.call(a,t))},f=t=>{var I;if(n.value)return;const i=typeof t=="string"?t:t.value??t.label??String(t);o.value=i,d.value=!1,(I=a.onSelect)==null||I.call(a,t)};return{state:{get value(){return o.value},set value(t){o.value=t},get suggestions(){return s.value},set suggestions(t){s.value=t},get activeIndex(){return u.value},set activeIndex(t){u.value=t},get loading(){return k.value},set loading(t){k.value=t},get isOpen(){return d.value},set isOpen(t){d.value=t},get disabled(){return n.value},set disabled(t){n.value=t}},actions:{handleInput:B,select:f,navigate:t=>{if(n.value||!d.value||s.value.length===0)return;const i=s.value.length;if(u.value===-1){u.value=t==="down"?0:i-1;return}t==="down"?u.value=(u.value+1)%i:u.value=(u.value-1+i)%i},confirmSelection:()=>{u.value>=0&&u.value<s.value.length?f(s.value[u.value]):d.value=!1},open:()=>{n.value||(d.value=!0)},close:()=>{d.value=!1},updateDisabled:()=>{n.value=g()}},getInputProps:()=>({role:"combobox","aria-autocomplete":"list","aria-expanded":d.value,"aria-controls":`${h}-listbox`,"aria-activedescendant":u.value>=0?`${h}-option-${u.value}`:void 0}),getListProps:()=>({id:`${h}-listbox`,role:"listbox"}),getItemProps:t=>({id:`${h}-option-${t}`,role:"option","aria-selected":u.value===t})}}const D={modelValue:{type:String,default:""},fetchSuggestions:{type:Function,required:!0},placeholder:String,disabled:Boolean,clearable:Boolean,size:{type:String,default:"md"},triggerOnFocus:{type:Boolean,default:!1},debounce:{type:Number,default:300},placement:{type:String,default:"bottom-start"},popperClass:String,valueKey:{type:String,default:"value"},noDataText:String},E={"update:modelValue":a=>!0,select:a=>!0,change:a=>!0,focus:a=>!0,blur:a=>!0,clear:()=>!0},U={key:0,class:"l-autocomplete__loading"},j=["onMousedown"],G={key:1,class:"l-autocomplete__empty"},H=e.defineComponent({name:"LAutoComplete",__name:"AutoComplete",props:D,emits:E,setup(a,{emit:h}){const o=a,s=h,{formItem:u,size:k,disabled:d,inputId:g}=A.useFormItem(),n=e.computed(()=>o.disabled||d.value),B=e.ref(null);let f=null,y=null;const S=()=>{f&&(clearTimeout(f),f=null)},t=()=>{y&&(clearTimeout(y),y=null)},i=M.useId("autocomplete"),I=(g==null?void 0:g.value)||i,v=R({value:o.modelValue,disabled:()=>n.value,idPrefix:I,onInput:l=>{s("update:modelValue",l),s("change",l),V(l)},onSelect:l=>{const c=typeof l=="string"?l:l[o.valueKey];s("update:modelValue",c),s("select",l),u==null||u.validate("change").catch(()=>{})}}),{value:m,suggestions:C,activeIndex:w,loading:b,isOpen:p}=N.useController(v,{disabled:()=>n.value}),V=l=>{if(S(),t(),w.value=-1,!o.triggerOnFocus&&!l){b.value=!1,C.value=[],p.value=!1;return}const c=()=>{b.value=!0,(o.triggerOnFocus||l)&&(p.value=!0),o.fetchSuggestions(l,r=>{b.value=!1,C.value=r,p.value=r.length>0||!!l&&!!o.noDataText})};o.debounce>0?f=setTimeout(()=>{f=null,c()},o.debounce):c()},x=l=>{s("focus",l),t(),!n.value&&(o.triggerOnFocus||m.value)&&V(m.value)},z=l=>{s("blur",l),S(),t(),y=setTimeout(()=>{y=null,p.value=!1,b.value=!1,w.value=-1},150)},F=l=>{if(p.value)switch(l.key){case"ArrowUp":l.preventDefault(),v.actions.navigate("up");break;case"ArrowDown":l.preventDefault(),v.actions.navigate("down");break;case"Enter":w.value!==-1&&(l.preventDefault(),v.actions.confirmSelection());break;case"Escape":p.value=!1;break}},O=()=>{s("clear"),V("")};return e.watch(()=>o.modelValue,l=>{l!==m.value&&(m.value=l)}),e.onUnmounted(()=>{S(),t()}),(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-autocomplete",[`l-autocomplete--${l.size||e.unref(k)}`,{"is-disabled":n.value}]])},[e.createVNode(K._sfc_main,{visible:e.unref(p),"onUpdate:visible":c[1]||(c[1]=r=>e.isRef(p)?p.value=r:null),trigger:"manual",placement:l.placement,disabled:n.value,"popper-class":["l-autocomplete__popper",l.popperClass],width:"auto"},{content:e.withCtx(()=>[e.unref(b)||e.unref(C).length>0?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"l-autocomplete__suggestions"},e.unref(v).getListProps()),[e.unref(b)?(e.openBlock(),e.createElementBlock("li",U,[...c[2]||(c[2]=[e.createElementVNode("svg",{class:"l-autocomplete__loading-icon",viewBox:"0 0 1024 1024",width:"16",height:"16"},[e.createElementVNode("path",{fill:"currentColor",d:"M512 64c-247.4 0-448 200.6-448 448S264.6 960 512 960s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",opacity:".2"}),e.createElementVNode("path",{fill:"currentColor",d:"M512 140c-11.3 0-20.7 9.4-20.7 20.7v103.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V160.7c0-11.3-9.4-20.7-20.7-20.7z"})],-1)])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(C),(r,P)=>(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:P,class:["l-autocomplete__item",{"is-active":P===e.unref(w)}]},{ref_for:!0},e.unref(v).getItemProps(P),{onMousedown:e.withModifiers(J=>e.unref(v).actions.select(r),["prevent"])}),[e.renderSlot(l.$slots,"default",{item:r},()=>[e.createTextVNode(e.toDisplayString(typeof r=="string"?r:r[l.valueKey]),1)])],16,j))),128))],16)):!e.unref(b)&&e.unref(C).length===0?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(l.noDataText||"无匹配数据"),1)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createVNode(L._sfc_main,e.mergeProps({ref_key:"inputRef",ref:B,id:e.unref(I),modelValue:e.unref(m),"onUpdate:modelValue":c[0]||(c[0]=r=>e.isRef(m)?m.value=r:null),placeholder:l.placeholder,disabled:n.value},e.unref(v).getInputProps(),{size:l.size||e.unref(k),clearable:l.clearable,onInput:e.unref(v).actions.handleInput,onFocus:x,onBlur:z,onKeydown:F,onClear:O}),null,16,["id","modelValue","placeholder","disabled","size","clearable","onInput"])]),_:3},8,["visible","placement","disabled","popper-class"])],2))}}),T=$.withInstall(H);exports.LAutoComplete=T;exports.autoCompleteEmits=E;exports.autoCompleteProps=D;exports.default=T;

package/dist/autocomplete/index.mjs

@@ -0,0 +1,321 @@
+import '../style/autocomplete.css';
+import '../style/Input.css';
+import '../style/Popover.css';
+import { w as N } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as U, computed as R, ref as j, watch as G, onUnmounted as H, openBlock as _, createElementBlock as I, normalizeClass as J, unref as o, createVNode as F, isRef as B, withCtx as O, mergeProps as P, createElementVNode as x, Fragment as Q, renderList as W, withModifiers as X, renderSlot as Y, createTextVNode as Z, toDisplayString as A, createCommentVNode as q } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as w, e as ee } from "../chunks/index-B0yEC3RG.mjs";
+import { u as le } from "../chunks/id-VS2potoV.mjs";
+import { u as te } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as ae } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as oe } from "../chunks/use-id-D3casveg.mjs";
+import { _ as ue } from "../chunks/Input.vue_vue_type_script_setup_true_lang-PeDZ7smO.mjs";
+import { _ as se } from "../chunks/Popover.vue_vue_type_script_setup_true_lang-CVWbekIQ.mjs";
+function ne(t) {
+  const h = t.idPrefix ?? le("autocomplete"), u = w(t.value ?? ""), n = w(t.suggestions ?? []), a = w(-1), C = w(!1), d = w(!1), m = () => typeof t.disabled == "function" ? t.disabled() : t.disabled ?? !1, s = w(m());
+  typeof t.disabled == "function" && ee(() => {
+    s.value = m();
+  });
+  const T = (l) => {
+    var i;
+    s.value || (u.value = l, a.value = -1, (i = t.onInput) == null || i.call(t, l));
+  }, f = (l) => {
+    var S;
+    if (s.value) return;
+    const i = typeof l == "string" ? l : l.value ?? l.label ?? String(l);
+    u.value = i, d.value = !1, (S = t.onSelect) == null || S.call(t, l);
+  };
+  return {
+    state: {
+      get value() {
+        return u.value;
+      },
+      set value(l) {
+        u.value = l;
+      },
+      get suggestions() {
+        return n.value;
+      },
+      set suggestions(l) {
+        n.value = l;
+      },
+      get activeIndex() {
+        return a.value;
+      },
+      set activeIndex(l) {
+        a.value = l;
+      },
+      get loading() {
+        return C.value;
+      },
+      set loading(l) {
+        C.value = l;
+      },
+      get isOpen() {
+        return d.value;
+      },
+      set isOpen(l) {
+        d.value = l;
+      },
+      get disabled() {
+        return s.value;
+      },
+      set disabled(l) {
+        s.value = l;
+      }
+    },
+    actions: {
+      handleInput: T,
+      select: f,
+      navigate: (l) => {
+        if (s.value || !d.value || n.value.length === 0) return;
+        const i = n.value.length;
+        if (a.value === -1) {
+          a.value = l === "down" ? 0 : i - 1;
+          return;
+        }
+        l === "down" ? a.value = (a.value + 1) % i : a.value = (a.value - 1 + i) % i;
+      },
+      confirmSelection: () => {
+        a.value >= 0 && a.value < n.value.length ? f(n.value[a.value]) : d.value = !1;
+      },
+      open: () => {
+        s.value || (d.value = !0);
+      },
+      close: () => {
+        d.value = !1;
+      },
+      updateDisabled: () => {
+        s.value = m();
+      }
+    },
+    getInputProps: () => ({
+      role: "combobox",
+      "aria-autocomplete": "list",
+      "aria-expanded": d.value,
+      "aria-controls": `${h}-listbox`,
+      "aria-activedescendant": a.value >= 0 ? `${h}-option-${a.value}` : void 0
+    }),
+    getListProps: () => ({
+      id: `${h}-listbox`,
+      role: "listbox"
+    }),
+    getItemProps: (l) => ({
+      id: `${h}-option-${l}`,
+      role: "option",
+      "aria-selected": a.value === l
+    })
+  };
+}
+const re = {
+  /** 绑定值 | Binding value */
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  /** 获取建议列表的回调 | Callback to fetch suggestions */
+  fetchSuggestions: {
+    type: Function,
+    required: !0
+  },
+  /** 占位文字 | Placeholder */
+  placeholder: String,
+  /** 禁用 | Disabled */
+  disabled: Boolean,
+  /** 可清空 | Clearable */
+  clearable: Boolean,
+  /** 尺寸 | Size */
+  size: {
+    type: String,
+    default: "md"
+  },
+  /** 是否在聚焦时显示建议 | Whether to show suggestions on focus */
+  triggerOnFocus: {
+    type: Boolean,
+    default: !1
+  },
+  /** 防抖延迟 | Debounce delay */
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  /** 弹出层位置 | Placement */
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  /** 弹出层类名 | Popper class */
+  popperClass: String,
+  /** 显示字段名 | Display label field */
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  /** 无数据时显示的文本 | Text to display when no data */
+  noDataText: String
+}, ie = {
+  "update:modelValue": (t) => !0,
+  select: (t) => !0,
+  change: (t) => !0,
+  focus: (t) => !0,
+  blur: (t) => !0,
+  clear: () => !0
+}, ce = {
+  key: 0,
+  class: "l-autocomplete__loading"
+}, de = ["onMousedown"], ve = {
+  key: 1,
+  class: "l-autocomplete__empty"
+}, pe = /* @__PURE__ */ U({
+  name: "LAutoComplete",
+  __name: "AutoComplete",
+  props: re,
+  emits: ie,
+  setup(t, { emit: h }) {
+    const u = t, n = h, { formItem: a, size: C, disabled: d, inputId: m } = ae(), s = R(() => u.disabled || d.value), T = j(null);
+    let f = null, y = null;
+    const k = () => {
+      f && (clearTimeout(f), f = null);
+    }, l = () => {
+      y && (clearTimeout(y), y = null);
+    }, i = oe("autocomplete"), S = (m == null ? void 0 : m.value) || i, v = ne({
+      value: u.modelValue,
+      disabled: () => s.value,
+      idPrefix: S,
+      onInput: (e) => {
+        n("update:modelValue", e), n("change", e), $(e);
+      },
+      onSelect: (e) => {
+        const c = typeof e == "string" ? e : e[u.valueKey];
+        n("update:modelValue", c), n("select", e), a == null || a.validate("change").catch(() => {
+        });
+      }
+    }), {
+      value: g,
+      suggestions: V,
+      activeIndex: D,
+      loading: b,
+      isOpen: p
+    } = te(v, {
+      disabled: () => s.value
+    }), $ = (e) => {
+      if (k(), l(), D.value = -1, !u.triggerOnFocus && !e) {
+        b.value = !1, V.value = [], p.value = !1;
+        return;
+      }
+      const c = () => {
+        b.value = !0, (u.triggerOnFocus || e) && (p.value = !0), u.fetchSuggestions(e, (r) => {
+          b.value = !1, V.value = r, p.value = r.length > 0 || !!e && !!u.noDataText;
+        });
+      };
+      u.debounce > 0 ? f = setTimeout(() => {
+        f = null, c();
+      }, u.debounce) : c();
+    }, E = (e) => {
+      n("focus", e), l(), !s.value && (u.triggerOnFocus || g.value) && $(g.value);
+    }, K = (e) => {
+      n("blur", e), k(), l(), y = setTimeout(() => {
+        y = null, p.value = !1, b.value = !1, D.value = -1;
+      }, 150);
+    }, L = (e) => {
+      if (p.value)
+        switch (e.key) {
+          case "ArrowUp":
+            e.preventDefault(), v.actions.navigate("up");
+            break;
+          case "ArrowDown":
+            e.preventDefault(), v.actions.navigate("down");
+            break;
+          case "Enter":
+            D.value !== -1 && (e.preventDefault(), v.actions.confirmSelection());
+            break;
+          case "Escape":
+            p.value = !1;
+            break;
+        }
+    }, M = () => {
+      n("clear"), $("");
+    };
+    return G(() => u.modelValue, (e) => {
+      e !== g.value && (g.value = e);
+    }), H(() => {
+      k(), l();
+    }), (e, c) => (_(), I("div", {
+      class: J(["l-autocomplete", [
+        `l-autocomplete--${e.size || o(C)}`,
+        { "is-disabled": s.value }
+      ]])
+    }, [
+      F(se, {
+        visible: o(p),
+        "onUpdate:visible": c[1] || (c[1] = (r) => B(p) ? p.value = r : null),
+        trigger: "manual",
+        placement: e.placement,
+        disabled: s.value,
+        "popper-class": ["l-autocomplete__popper", e.popperClass],
+        width: "auto"
+      }, {
+        content: O(() => [
+          o(b) || o(V).length > 0 ? (_(), I("ul", P({
+            key: 0,
+            class: "l-autocomplete__suggestions"
+          }, o(v).getListProps()), [
+            o(b) ? (_(), I("li", ce, [...c[2] || (c[2] = [
+              x("svg", {
+                class: "l-autocomplete__loading-icon",
+                viewBox: "0 0 1024 1024",
+                width: "16",
+                height: "16"
+              }, [
+                x("path", {
+                  fill: "currentColor",
+                  d: "M512 64c-247.4 0-448 200.6-448 448S264.6 960 512 960s448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
+                  opacity: ".2"
+                }),
+                x("path", {
+                  fill: "currentColor",
+                  d: "M512 140c-11.3 0-20.7 9.4-20.7 20.7v103.5c0 11.3 9.4 20.7 20.7 20.7s20.7-9.4 20.7-20.7V160.7c0-11.3-9.4-20.7-20.7-20.7z"
+                })
+              ], -1)
+            ])])) : (_(!0), I(Q, { key: 1 }, W(o(V), (r, z) => (_(), I("li", P({
+              key: z,
+              class: ["l-autocomplete__item", { "is-active": z === o(D) }]
+            }, { ref_for: !0 }, o(v).getItemProps(z), {
+              onMousedown: X((fe) => o(v).actions.select(r), ["prevent"])
+            }), [
+              Y(e.$slots, "default", { item: r }, () => [
+                Z(A(typeof r == "string" ? r : r[e.valueKey]), 1)
+              ])
+            ], 16, de))), 128))
+          ], 16)) : !o(b) && o(V).length === 0 ? (_(), I("div", ve, A(e.noDataText || "无匹配数据"), 1)) : q("", !0)
+        ]),
+        default: O(() => [
+          F(ue, P({
+            ref_key: "inputRef",
+            ref: T,
+            id: o(S),
+            modelValue: o(g),
+            "onUpdate:modelValue": c[0] || (c[0] = (r) => B(g) ? g.value = r : null),
+            placeholder: e.placeholder,
+            disabled: s.value
+          }, o(v).getInputProps(), {
+            size: e.size || o(C),
+            clearable: e.clearable,
+            onInput: o(v).actions.handleInput,
+            onFocus: E,
+            onBlur: K,
+            onKeydown: L,
+            onClear: M
+          }), null, 16, ["id", "modelValue", "placeholder", "disabled", "size", "clearable", "onInput"])
+        ]),
+        _: 3
+      }, 8, ["visible", "placement", "disabled", "popper-class"])
+    ], 2));
+  }
+}), Ve = N(pe);
+export {
+  Ve as LAutoComplete,
+  ie as autoCompleteEmits,
+  re as autoCompleteProps,
+  Ve as default
+};