@routa/ui-vue 0.1.0

package/dist/transfer/index.d.ts

@@ -0,0 +1,167 @@
+export declare const LTransfer: import('../utils/install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<(string | number)[]>;
+            default: () => never[];
+        };
+        data: {
+            type: import('vue').PropType<import('../../../headless/src/index.ts').TransferDataItem[]>;
+            default: () => never[];
+        };
+        titles: {
+            type: import('vue').PropType<string[]>;
+            default: () => string[];
+        };
+        buttonTexts: {
+            type: import('vue').PropType<string[]>;
+            default: () => never[];
+        };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filterPlaceholder: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"sm" | "md" | "lg">;
+            default: string;
+        };
+        height: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>> & Readonly<{
+        onChange?: ((val: (string | number)[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: (string | number)[]) => any) | undefined;
+        "onLeft-check-change"?: ((keys: (string | number)[]) => any) | undefined;
+        "onRight-check-change"?: ((keys: (string | number)[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (val: (string | number)[]) => any;
+        "update:modelValue": (val: (string | number)[]) => any;
+        "left-check-change": (keys: (string | number)[]) => any;
+        "right-check-change": (keys: (string | number)[]) => any;
+    }, import('vue').PublicProps, {
+        data: import('../../../headless/src/index.ts').TransferDataItem[];
+        size: "sm" | "md" | "lg";
+        disabled: boolean;
+        modelValue: (string | number)[];
+        filterable: boolean;
+        titles: string[];
+        buttonTexts: string[];
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<(string | number)[]>;
+            default: () => never[];
+        };
+        data: {
+            type: import('vue').PropType<import('../../../headless/src/index.ts').TransferDataItem[]>;
+            default: () => never[];
+        };
+        titles: {
+            type: import('vue').PropType<string[]>;
+            default: () => string[];
+        };
+        buttonTexts: {
+            type: import('vue').PropType<string[]>;
+            default: () => never[];
+        };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filterPlaceholder: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"sm" | "md" | "lg">;
+            default: string;
+        };
+        height: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>> & Readonly<{
+        onChange?: ((val: (string | number)[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: (string | number)[]) => any) | undefined;
+        "onLeft-check-change"?: ((keys: (string | number)[]) => any) | undefined;
+        "onRight-check-change"?: ((keys: (string | number)[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        data: import('../../../headless/src/index.ts').TransferDataItem[];
+        size: "sm" | "md" | "lg";
+        disabled: boolean;
+        modelValue: (string | number)[];
+        filterable: boolean;
+        titles: string[];
+        buttonTexts: string[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    data: {
+        type: import('vue').PropType<import('../../../headless/src/index.ts').TransferDataItem[]>;
+        default: () => never[];
+    };
+    titles: {
+        type: import('vue').PropType<string[]>;
+        default: () => string[];
+    };
+    buttonTexts: {
+        type: import('vue').PropType<string[]>;
+        default: () => never[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterPlaceholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    height: {
+        type: import('vue').PropType<string | number>;
+    };
+}>> & Readonly<{
+    onChange?: ((val: (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: (string | number)[]) => any) | undefined;
+    "onLeft-check-change"?: ((keys: (string | number)[]) => any) | undefined;
+    "onRight-check-change"?: ((keys: (string | number)[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (val: (string | number)[]) => any;
+    "update:modelValue": (val: (string | number)[]) => any;
+    "left-check-change": (keys: (string | number)[]) => any;
+    "right-check-change": (keys: (string | number)[]) => any;
+}, string, {
+    data: import('../../../headless/src/index.ts').TransferDataItem[];
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    modelValue: (string | number)[];
+    filterable: boolean;
+    titles: string[];
+    buttonTexts: string[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        leftFooter?(_: {}): any;
+        rightFooter?(_: {}): any;
+    };
+})>;
+export default LTransfer;

package/dist/transfer/index.js

@@ -0,0 +1,7 @@
+require('../style/transfer.css');
+require('../style/Button.css');
+require('../style/Icon.css');
+require('../style/Checkbox.css');
+require('../style/Input.css');
+require('../style/Scrollbar.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../chunks/install-gnn2dOg9.js"),e=require("vue"),T=require("../chunks/style-CjCLKeeU.js");require("../chunks/manager-C0AUxQ1I.js");const b=require("../chunks/index-DWAWrVaT.js"),E=require("../chunks/use-id-BycaM3-h.js"),z=require("../chunks/use-signals-Bz1smiXh.js"),$=require("../chunks/use-form-item-CloIcyon.js"),I=require("../chunks/Button.vue_vue_type_script_setup_true_lang-Do1NtIFC.js"),K=require("../chunks/Icon.vue_vue_type_script_setup_true_lang-YDWguTmi.js"),B=require("../chunks/Checkbox.vue_vue_type_script_setup_true_lang-DxecbRJE.js"),A=require("../chunks/Input.vue_vue_type_script_setup_true_lang-8x2HE2Cj.js"),F=require("../chunks/Scrollbar.vue_vue_type_script_setup_true_lang-CtBz7Ha9.js");function q(l){const k=b.signal(l.data),r=b.signal(new Set(l.modelValue??[])),c=b.signal(new Set),f=b.signal(new Set),m=b.signal(0),u=b.signal(0),g=b.signal(typeof l.disabled=="function"?l.disabled():l.disabled??!1),C=t=>k.value.some(a=>a.key===t&&a.disabled),i=t=>Array.from(t).filter(a=>!C(a)),h=b.computed(()=>k.value.filter(t=>!r.value.has(t.key))),p=b.computed(()=>k.value.filter(t=>r.value.has(t.key))),w=(t,a,s)=>{const o=s==="up"?-1:1;let y=a+o;for(;y>=0&&y<t.length;){if(!t[y].disabled)return y;y+=o}return a};return{state:{get sourceData(){return h.value},get targetData(){return p.value},get leftCheckedKeys(){return Array.from(c.value)},get rightCheckedKeys(){return Array.from(f.value)},get disabled(){return g.value},get leftFocusedIndex(){return m.value},get rightFocusedIndex(){return u.value}},actions:{moveRight:()=>{var a;if(g.value)return;const t=new Set(r.value);i(c.value).forEach(s=>t.add(s)),r.value=t,c.value=new Set,(a=l.onChange)==null||a.call(l,Array.from(t))},moveLeft:()=>{var a;if(g.value)return;const t=new Set(r.value);i(f.value).forEach(s=>t.delete(s)),r.value=t,f.value=new Set,(a=l.onChange)==null||a.call(l,Array.from(t))},toggleCheck:(t,a)=>{if(g.value||C(t))return;const s=a==="left"?c:f,o=new Set(s.value);o.has(t)?o.delete(t):o.add(t),s.value=o},selectAll:(t,a)=>{if(g.value)return;const s=t==="left"?c:f,o=i(a),y=o.every(V=>s.value.has(V)),S=new Set(s.value);y?o.forEach(V=>S.delete(V)):o.forEach(V=>S.add(V)),s.value=S},setTargetKeys:t=>{r.value=new Set(t)},setData:t=>{k.value=t},setDisabled:t=>{g.value=t},moveFocus:(t,a)=>{const s=t==="left"?h.value:p.value,o=t==="left"?m:u;s.length!==0&&(o.value=w(s,o.value,a))},setFocusedIndex:(t,a)=>{const s=t==="left"?m:u;s.value=a}},getListProps:t=>({role:"listbox","aria-label":t==="left"?"源列表":"目标列表","aria-multiselectable":!0}),getItemProps:(t,a,s,o)=>{const y=t==="left"?c.value:f.value,S=t==="left"?m.value:u.value;return{role:"option","aria-selected":y.has(a),tabindex:S===s?0:-1,"aria-disabled":o||!1}}}}const P={class:"l-transfer-panel__header"},L={class:"l-transfer-panel__header-count"},M={key:0,class:"l-transfer-panel__filter"},R=["onKeydown","onClick"],U={key:1,class:"l-transfer-panel__empty"},j={key:1,class:"l-transfer-panel__footer"},_=e.defineComponent({__name:"TransferPanel",props:{title:String,data:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},filterable:Boolean,placeholder:{type:String,default:"请输入搜索内容"},disabled:Boolean,controller:{type:Object,required:!0},side:{type:String,required:!0},size:{type:String,default:"md"}},emits:["update:checkedKeys","check","all-check"],setup(l,{emit:k}){const r=l,c=k,{leftFocusedIndex:f,rightFocusedIndex:m}=z.useController(r.controller),u=e.ref(""),g=e.computed(()=>r.side==="left"?f.value:m.value),C=e.computed(()=>u.value?r.data.filter(n=>n.label.toLowerCase().includes(u.value.toLowerCase())):r.data),i=e.computed(()=>C.value.filter(n=>!n.disabled)),h=e.computed(()=>i.value.map(n=>n.key)),p=e.computed(()=>h.value.length===0?!1:h.value.every(n=>r.checkedKeys.includes(n))),w=e.computed(()=>{const n=h.value.filter(t=>r.checkedKeys.includes(t)).length;return n>0&&n<h.value.length}),x=()=>{c("all-check",h.value)},v=n=>{n.disabled||r.disabled||c("check",n.key)},d=(n,t)=>({...r.controller.getItemProps(r.side,n.key,t,n.disabled),tabindex:g.value===t?0:-1});return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-transfer-panel",[`l-transfer-panel--${l.size}`]])},[e.createElementVNode("div",P,[e.createVNode(B._sfc_main,{"model-value":p.value,indeterminate:w.value,disabled:l.disabled||h.value.length===0,"onUpdate:modelValue":x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.title),1)]),_:1},8,["model-value","indeterminate","disabled"]),e.createElementVNode("span",L,e.toDisplayString(l.checkedKeys.length)+"/"+e.toDisplayString(l.data.length),1)]),l.filterable?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(A._sfc_main,{modelValue:u.value,"onUpdate:modelValue":t[0]||(t[0]=a=>u.value=a),size:l.size==="lg"?"md":"sm",placeholder:l.placeholder,disabled:l.disabled},{prefix:e.withCtx(()=>[e.createVNode(K._sfc_main,{name:"lucide:search"})]),_:1},8,["modelValue","size","placeholder","disabled"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["l-transfer-panel__body",{"has-footer":n.$slots.footer}])},[e.createVNode(F._sfc_main,null,{default:e.withCtx(()=>[C.value.length>0?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"l-transfer-panel__list"},l.controller.getListProps(l.side)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(a,s)=>(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:a.key,class:["l-transfer-panel__item",{"is-disabled":a.disabled||l.disabled}]},{ref_for:!0},d(a,s),{onKeydown:[e.withKeys(e.withModifiers(o=>v(a),["stop"]),["enter"]),e.withKeys(e.withModifiers(o=>v(a),["stop"]),["space"]),t[1]||(t[1]=e.withKeys(e.withModifiers(o=>l.controller.actions.moveFocus(l.side,"up"),["prevent"]),["up"])),t[2]||(t[2]=e.withKeys(e.withModifiers(o=>l.controller.actions.moveFocus(l.side,"down"),["prevent"]),["down"]))],onClick:o=>v(a)}),[e.createVNode(B._sfc_main,{"model-value":l.checkedKeys.includes(a.key),disabled:a.disabled||l.disabled,style:{"pointer-events":"none"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["model-value","disabled"])],16,R))),128))],16)):(e.openBlock(),e.createElementBlock("div",U," 无匹配数据 "))]),_:1})],2),n.$slots.footer?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(n.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),O=["id","disabled"],G={class:"l-transfer__buttons"},H={key:0},J={key:0},Q=e.defineComponent({name:"LTransfer",__name:"Transfer",props:{modelValue:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},titles:{type:Array,default:()=>["列表 1","列表 2"]},buttonTexts:{type:Array,default:()=>[]},filterable:{type:Boolean,default:!1},filterPlaceholder:String,disabled:{type:Boolean,default:!1},size:{type:String,default:"md"},height:{type:[String,Number]}},emits:["update:modelValue","change","left-check-change","right-check-change"],setup(l,{emit:k}){const r=l,c=k,{formItem:f,disabled:m,inputId:u}=$.useFormItem(r),g=E.useId("transfer"),C=(u==null?void 0:u.value)||g,i=q({data:r.data,modelValue:r.modelValue,disabled:()=>m.value,onChange:d=>{c("update:modelValue",d),c("change",d),f==null||f.validate("change").catch(()=>{})}}),{sourceData:h,targetData:p,leftCheckedKeys:w,rightCheckedKeys:x,disabled:v}=z.useController(i,{modelValue:()=>r.modelValue,data:()=>r.data,disabled:()=>m.value});return e.watch(()=>r.data,d=>{i.actions.setData(d)},{deep:!0}),e.watch(()=>r.modelValue,d=>{i.actions.setTargetKeys(d)},{deep:!0}),e.watch(m,d=>{i.actions.setDisabled(d)},{immediate:!0}),e.watch(w,d=>c("left-check-change",d)),e.watch(x,d=>c("right-check-change",d)),(d,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-transfer",[`l-transfer--${l.size}`,{"is-disabled":e.unref(v)}]]),style:e.normalizeStyle({height:e.unref(T.addUnit)(l.height)})},[e.createElementVNode("input",{id:e.unref(C),type:"text",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap",border:"0"},"aria-hidden":"true",tabindex:"-1",disabled:e.unref(v)},null,8,O),e.createVNode(_,{class:"l-transfer__panel",title:l.titles[0],data:e.unref(h),"checked-keys":e.unref(w),filterable:l.filterable,placeholder:l.filterPlaceholder,disabled:e.unref(v),controller:e.unref(i),side:"left",size:l.size,onCheck:n[0]||(n[0]=t=>e.unref(i).actions.toggleCheck(t,"left")),onAllCheck:n[1]||(n[1]=t=>e.unref(i).actions.selectAll("left",t))},e.createSlots({_:2},[d.$slots.leftFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"leftFooter")]),key:"0"}:void 0]),1032,["title","data","checked-keys","filterable","placeholder","disabled","controller","size"]),e.createElementVNode("div",G,[e.createVNode(I._sfc_main,{size:l.size,disabled:e.unref(v)||e.unref(x).length===0,"aria-label":l.buttonTexts[0]||"向左穿梭",onClick:e.unref(i).actions.moveLeft},{default:e.withCtx(()=>[e.createVNode(K._sfc_main,{name:"lucide:chevron-left"}),l.buttonTexts[0]?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(l.buttonTexts[0]),1)):e.createCommentVNode("",!0)]),_:1},8,["size","disabled","aria-label","onClick"]),e.createVNode(I._sfc_main,{size:l.size,disabled:e.unref(v)||e.unref(w).length===0,"aria-label":l.buttonTexts[1]||"向右穿梭",onClick:e.unref(i).actions.moveRight},{default:e.withCtx(()=>[l.buttonTexts[1]?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(l.buttonTexts[1]),1)):e.createCommentVNode("",!0),e.createVNode(K._sfc_main,{name:"lucide:chevron-right"})]),_:1},8,["size","disabled","aria-label","onClick"])]),e.createVNode(_,{class:"l-transfer__panel",title:l.titles[1],data:e.unref(p),"checked-keys":e.unref(x),filterable:l.filterable,placeholder:l.filterPlaceholder,disabled:e.unref(v),controller:e.unref(i),side:"right",size:l.size,onCheck:n[2]||(n[2]=t=>e.unref(i).actions.toggleCheck(t,"right")),onAllCheck:n[3]||(n[3]=t=>e.unref(i).actions.selectAll("right",t))},e.createSlots({_:2},[d.$slots.rightFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"rightFooter")]),key:"0"}:void 0]),1032,["title","data","checked-keys","filterable","placeholder","disabled","controller","size"])],6))}}),N=D.withInstall(Q);exports.LTransfer=N;exports.default=N;

package/dist/transfer/index.mjs

@@ -0,0 +1,343 @@
+import '../style/transfer.css';
+import '../style/Button.css';
+import '../style/Icon.css';
+import '../style/Checkbox.css';
+import '../style/Input.css';
+import '../style/Scrollbar.css';
+import { w as W } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as J, ref as X, computed as p, openBlock as y, createElementBlock as k, normalizeClass as B, createElementVNode as F, createVNode as v, withCtx as S, createTextVNode as R, toDisplayString as A, createCommentVNode as E, mergeProps as U, Fragment as Y, renderList as Z, withKeys as L, withModifiers as P, renderSlot as N, watch as D, normalizeStyle as _, unref as n, createSlots as M } from "vue";
+import { a as ee } from "../chunks/style-C-58-Hx4.mjs";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as K, c as j } from "../chunks/index-B0yEC3RG.mjs";
+import { u as te } from "../chunks/use-id-D3casveg.mjs";
+import { u as Q } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as le } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { _ as O } from "../chunks/Button.vue_vue_type_script_setup_true_lang-BthtEkGw.mjs";
+import { _ as q } from "../chunks/Icon.vue_vue_type_script_setup_true_lang-LQ-KuJ6a.mjs";
+import { _ as G } from "../chunks/Checkbox.vue_vue_type_script_setup_true_lang-fOXXjwnz.mjs";
+import { _ as ae } from "../chunks/Input.vue_vue_type_script_setup_true_lang-PeDZ7smO.mjs";
+import { _ as se } from "../chunks/Scrollbar.vue_vue_type_script_setup_true_lang-kKvR0Hz3.mjs";
+function ne(t) {
+  const x = K(t.data), s = K(new Set(t.modelValue ?? [])), c = K(/* @__PURE__ */ new Set()), f = K(/* @__PURE__ */ new Set()), g = K(0), u = K(0), b = K(typeof t.disabled == "function" ? t.disabled() : t.disabled ?? !1), w = (e) => x.value.some((l) => l.key === e && l.disabled), i = (e) => Array.from(e).filter((l) => !w(l)), h = j(() => x.value.filter((e) => !s.value.has(e.key))), I = j(() => x.value.filter((e) => s.value.has(e.key))), $ = (e, l, r) => {
+    const d = r === "up" ? -1 : 1;
+    let C = l + d;
+    for (; C >= 0 && C < e.length; ) {
+      if (!e[C].disabled)
+        return C;
+      C += d;
+    }
+    return l;
+  };
+  return {
+    state: {
+      get sourceData() {
+        return h.value;
+      },
+      get targetData() {
+        return I.value;
+      },
+      get leftCheckedKeys() {
+        return Array.from(c.value);
+      },
+      get rightCheckedKeys() {
+        return Array.from(f.value);
+      },
+      get disabled() {
+        return b.value;
+      },
+      get leftFocusedIndex() {
+        return g.value;
+      },
+      get rightFocusedIndex() {
+        return u.value;
+      }
+    },
+    actions: {
+      moveRight: () => {
+        var l;
+        if (b.value) return;
+        const e = new Set(s.value);
+        i(c.value).forEach((r) => e.add(r)), s.value = e, c.value = /* @__PURE__ */ new Set(), (l = t.onChange) == null || l.call(t, Array.from(e));
+      },
+      moveLeft: () => {
+        var l;
+        if (b.value) return;
+        const e = new Set(s.value);
+        i(f.value).forEach((r) => e.delete(r)), s.value = e, f.value = /* @__PURE__ */ new Set(), (l = t.onChange) == null || l.call(t, Array.from(e));
+      },
+      toggleCheck: (e, l) => {
+        if (b.value || w(e)) return;
+        const r = l === "left" ? c : f, d = new Set(r.value);
+        d.has(e) ? d.delete(e) : d.add(e), r.value = d;
+      },
+      selectAll: (e, l) => {
+        if (b.value) return;
+        const r = e === "left" ? c : f, d = i(l), C = d.every((V) => r.value.has(V)), T = new Set(r.value);
+        C ? d.forEach((V) => T.delete(V)) : d.forEach((V) => T.add(V)), r.value = T;
+      },
+      setTargetKeys: (e) => {
+        s.value = new Set(e);
+      },
+      setData: (e) => {
+        x.value = e;
+      },
+      setDisabled: (e) => {
+        b.value = e;
+      },
+      moveFocus: (e, l) => {
+        const r = e === "left" ? h.value : I.value, d = e === "left" ? g : u;
+        r.length !== 0 && (d.value = $(r, d.value, l));
+      },
+      setFocusedIndex: (e, l) => {
+        const r = e === "left" ? g : u;
+        r.value = l;
+      }
+    },
+    getListProps: (e) => ({
+      role: "listbox",
+      "aria-label": e === "left" ? "源列表" : "目标列表",
+      "aria-multiselectable": !0
+    }),
+    getItemProps: (e, l, r, d) => {
+      const C = e === "left" ? c.value : f.value, T = e === "left" ? g.value : u.value;
+      return {
+        role: "option",
+        "aria-selected": C.has(l),
+        tabindex: T === r ? 0 : -1,
+        "aria-disabled": d || !1
+      };
+    }
+  };
+}
+const re = { class: "l-transfer-panel__header" }, de = { class: "l-transfer-panel__header-count" }, oe = {
+  key: 0,
+  class: "l-transfer-panel__filter"
+}, ie = ["onKeydown", "onClick"], ce = {
+  key: 1,
+  class: "l-transfer-panel__empty"
+}, ue = {
+  key: 1,
+  class: "l-transfer-panel__footer"
+}, H = /* @__PURE__ */ J({
+  __name: "TransferPanel",
+  props: {
+    title: String,
+    data: { type: Array, default: () => [] },
+    checkedKeys: { type: Array, default: () => [] },
+    filterable: Boolean,
+    placeholder: { type: String, default: "请输入搜索内容" },
+    disabled: Boolean,
+    controller: { type: Object, required: !0 },
+    side: { type: String, required: !0 },
+    size: { type: String, default: "md" }
+  },
+  emits: ["update:checkedKeys", "check", "all-check"],
+  setup(t, { emit: x }) {
+    const s = t, c = x, { leftFocusedIndex: f, rightFocusedIndex: g } = Q(s.controller), u = X(""), b = p(() => s.side === "left" ? f.value : g.value), w = p(() => u.value ? s.data.filter((a) => a.label.toLowerCase().includes(u.value.toLowerCase())) : s.data), i = p(() => w.value.filter((a) => !a.disabled)), h = p(() => i.value.map((a) => a.key)), I = p(() => h.value.length === 0 ? !1 : h.value.every((a) => s.checkedKeys.includes(a))), $ = p(() => {
+      const a = h.value.filter((e) => s.checkedKeys.includes(e)).length;
+      return a > 0 && a < h.value.length;
+    }), z = () => {
+      c("all-check", h.value);
+    }, m = (a) => {
+      a.disabled || s.disabled || c("check", a.key);
+    }, o = (a, e) => ({
+      ...s.controller.getItemProps(s.side, a.key, e, a.disabled),
+      tabindex: b.value === e ? 0 : -1
+    });
+    return (a, e) => (y(), k("div", {
+      class: B(["l-transfer-panel", [`l-transfer-panel--${t.size}`]])
+    }, [
+      F("div", re, [
+        v(G, {
+          "model-value": I.value,
+          indeterminate: $.value,
+          disabled: t.disabled || h.value.length === 0,
+          "onUpdate:modelValue": z
+        }, {
+          default: S(() => [
+            R(A(t.title), 1)
+          ]),
+          _: 1
+        }, 8, ["model-value", "indeterminate", "disabled"]),
+        F("span", de, A(t.checkedKeys.length) + "/" + A(t.data.length), 1)
+      ]),
+      t.filterable ? (y(), k("div", oe, [
+        v(ae, {
+          modelValue: u.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (l) => u.value = l),
+          size: t.size === "lg" ? "md" : "sm",
+          placeholder: t.placeholder,
+          disabled: t.disabled
+        }, {
+          prefix: S(() => [
+            v(q, { name: "lucide:search" })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "size", "placeholder", "disabled"])
+      ])) : E("", !0),
+      F("div", {
+        class: B(["l-transfer-panel__body", { "has-footer": a.$slots.footer }])
+      }, [
+        v(se, null, {
+          default: S(() => [
+            w.value.length > 0 ? (y(), k("ul", U({
+              key: 0,
+              class: "l-transfer-panel__list"
+            }, t.controller.getListProps(t.side)), [
+              (y(!0), k(Y, null, Z(w.value, (l, r) => (y(), k("li", U({
+                key: l.key,
+                class: ["l-transfer-panel__item", { "is-disabled": l.disabled || t.disabled }]
+              }, { ref_for: !0 }, o(l, r), {
+                onKeydown: [
+                  L(P((d) => m(l), ["stop"]), ["enter"]),
+                  L(P((d) => m(l), ["stop"]), ["space"]),
+                  e[1] || (e[1] = L(P((d) => t.controller.actions.moveFocus(t.side, "up"), ["prevent"]), ["up"])),
+                  e[2] || (e[2] = L(P((d) => t.controller.actions.moveFocus(t.side, "down"), ["prevent"]), ["down"]))
+                ],
+                onClick: (d) => m(l)
+              }), [
+                v(G, {
+                  "model-value": t.checkedKeys.includes(l.key),
+                  disabled: l.disabled || t.disabled,
+                  style: { "pointer-events": "none" }
+                }, {
+                  default: S(() => [
+                    R(A(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["model-value", "disabled"])
+              ], 16, ie))), 128))
+            ], 16)) : (y(), k("div", ce, " 无匹配数据 "))
+          ]),
+          _: 1
+        })
+      ], 2),
+      a.$slots.footer ? (y(), k("div", ue, [
+        N(a.$slots, "footer")
+      ])) : E("", !0)
+    ], 2));
+  }
+}), fe = ["id", "disabled"], he = { class: "l-transfer__buttons" }, me = { key: 0 }, ve = { key: 0 }, ge = /* @__PURE__ */ J({
+  name: "LTransfer",
+  __name: "Transfer",
+  props: {
+    modelValue: { type: Array, default: () => [] },
+    data: { type: Array, default: () => [] },
+    titles: { type: Array, default: () => ["列表 1", "列表 2"] },
+    buttonTexts: { type: Array, default: () => [] },
+    filterable: { type: Boolean, default: !1 },
+    filterPlaceholder: String,
+    disabled: { type: Boolean, default: !1 },
+    size: { type: String, default: "md" },
+    height: { type: [String, Number] }
+  },
+  emits: ["update:modelValue", "change", "left-check-change", "right-check-change"],
+  setup(t, { emit: x }) {
+    const s = t, c = x, { formItem: f, disabled: g, inputId: u } = le(s), b = te("transfer"), w = (u == null ? void 0 : u.value) || b, i = ne({
+      data: s.data,
+      modelValue: s.modelValue,
+      disabled: () => g.value,
+      onChange: (o) => {
+        c("update:modelValue", o), c("change", o), f == null || f.validate("change").catch(() => {
+        });
+      }
+    }), { sourceData: h, targetData: I, leftCheckedKeys: $, rightCheckedKeys: z, disabled: m } = Q(i, {
+      modelValue: () => s.modelValue,
+      data: () => s.data,
+      disabled: () => g.value
+    });
+    return D(() => s.data, (o) => {
+      i.actions.setData(o);
+    }, { deep: !0 }), D(() => s.modelValue, (o) => {
+      i.actions.setTargetKeys(o);
+    }, { deep: !0 }), D(g, (o) => {
+      i.actions.setDisabled(o);
+    }, { immediate: !0 }), D($, (o) => c("left-check-change", o)), D(z, (o) => c("right-check-change", o)), (o, a) => (y(), k("div", {
+      class: B(["l-transfer", [`l-transfer--${t.size}`, { "is-disabled": n(m) }]]),
+      style: _({ height: n(ee)(t.height) })
+    }, [
+      F("input", {
+        id: n(w),
+        type: "text",
+        style: { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", "white-space": "nowrap", border: "0" },
+        "aria-hidden": "true",
+        tabindex: "-1",
+        disabled: n(m)
+      }, null, 8, fe),
+      v(H, {
+        class: "l-transfer__panel",
+        title: t.titles[0],
+        data: n(h),
+        "checked-keys": n($),
+        filterable: t.filterable,
+        placeholder: t.filterPlaceholder,
+        disabled: n(m),
+        controller: n(i),
+        side: "left",
+        size: t.size,
+        onCheck: a[0] || (a[0] = (e) => n(i).actions.toggleCheck(e, "left")),
+        onAllCheck: a[1] || (a[1] = (e) => n(i).actions.selectAll("left", e))
+      }, M({ _: 2 }, [
+        o.$slots.leftFooter ? {
+          name: "footer",
+          fn: S(() => [
+            N(o.$slots, "leftFooter")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "data", "checked-keys", "filterable", "placeholder", "disabled", "controller", "size"]),
+      F("div", he, [
+        v(O, {
+          size: t.size,
+          disabled: n(m) || n(z).length === 0,
+          "aria-label": t.buttonTexts[0] || "向左穿梭",
+          onClick: n(i).actions.moveLeft
+        }, {
+          default: S(() => [
+            v(q, { name: "lucide:chevron-left" }),
+            t.buttonTexts[0] ? (y(), k("span", me, A(t.buttonTexts[0]), 1)) : E("", !0)
+          ]),
+          _: 1
+        }, 8, ["size", "disabled", "aria-label", "onClick"]),
+        v(O, {
+          size: t.size,
+          disabled: n(m) || n($).length === 0,
+          "aria-label": t.buttonTexts[1] || "向右穿梭",
+          onClick: n(i).actions.moveRight
+        }, {
+          default: S(() => [
+            t.buttonTexts[1] ? (y(), k("span", ve, A(t.buttonTexts[1]), 1)) : E("", !0),
+            v(q, { name: "lucide:chevron-right" })
+          ]),
+          _: 1
+        }, 8, ["size", "disabled", "aria-label", "onClick"])
+      ]),
+      v(H, {
+        class: "l-transfer__panel",
+        title: t.titles[1],
+        data: n(I),
+        "checked-keys": n(z),
+        filterable: t.filterable,
+        placeholder: t.filterPlaceholder,
+        disabled: n(m),
+        controller: n(i),
+        side: "right",
+        size: t.size,
+        onCheck: a[2] || (a[2] = (e) => n(i).actions.toggleCheck(e, "right")),
+        onAllCheck: a[3] || (a[3] = (e) => n(i).actions.selectAll("right", e))
+      }, M({ _: 2 }, [
+        o.$slots.rightFooter ? {
+          name: "footer",
+          fn: S(() => [
+            N(o.$slots, "rightFooter")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "data", "checked-keys", "filterable", "placeholder", "disabled", "controller", "size"])
+    ], 6));
+  }
+}), Te = W(ge);
+export {
+  Te as LTransfer,
+  Te as default
+};