@routa/ui-vue 0.1.0

package/dist/time-picker/index.mjs

@@ -0,0 +1,91 @@
+import '../style/TimePanel.css';
+import '../style/Input.css';
+import '../style/Popover.css';
+import { defineComponent as L, ref as T, watch as w, openBlock as u, createElementBlock as p, normalizeClass as x, unref as a, createVNode as n, withCtx as s, createElementVNode as h } from "vue";
+import { u as y } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as B } from "../chunks/use-id-D3casveg.mjs";
+import { _ as b } from "../chunks/TimePanel.vue_vue_type_script_setup_true_lang-BxuIhLsF.mjs";
+import { LInput as _ } from "../input/index.mjs";
+import { LPopover as S } from "../popover/index.mjs";
+const E = {
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: { opacity: "0.5" }
+}, M = { class: "l-time-picker__panel" }, N = /* @__PURE__ */ L({
+  name: "TimePicker",
+  __name: "TimePicker",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    size: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(l, { emit: f }) {
+    const k = l, i = f, { formItem: e, size: r, disabled: m, inputId: c } = y(k), g = B("time-picker"), z = (c == null ? void 0 : c.value) || g, d = T(!1), C = (t) => {
+      i("update:modelValue", t), i("change", t), e == null || e.validate("change").catch(() => {
+      });
+    }, P = () => {
+      i("update:modelValue", ""), i("change", ""), e == null || e.validate("change").catch(() => {
+      });
+    };
+    return w(d, (t) => {
+      t || e == null || e.validate("blur").catch(() => {
+      });
+    }), (t, o) => (u(), p("div", {
+      class: x(["l-time-picker", [`l-time-picker--${a(r)}`]])
+    }, [
+      n(a(S), {
+        visible: d.value,
+        "onUpdate:visible": o[0] || (o[0] = (V) => d.value = V),
+        trigger: "click",
+        placement: "bottom-start",
+        disabled: a(m),
+        width: "204"
+      }, {
+        content: s(() => [
+          h("div", M, [
+            n(b, {
+              "model-value": l.modelValue,
+              onSelect: C
+            }, null, 8, ["model-value"])
+          ])
+        ]),
+        default: s(() => [
+          n(a(_), {
+            id: a(z),
+            "model-value": l.modelValue,
+            "read-only": "",
+            placeholder: l.placeholder || "请选择时间",
+            disabled: a(m),
+            size: a(r),
+            clearable: l.clearable,
+            autocomplete: "off",
+            onClear: P
+          }, {
+            prefix: s(() => [
+              (u(), p("svg", E, [...o[1] || (o[1] = [
+                h("path", {
+                  fill: "currentColor",
+                  d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"
+                }, null, -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["id", "model-value", "placeholder", "disabled", "size", "clearable"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"])
+    ], 2));
+  }
+}), v = N, $ = b;
+v.install = (l) => {
+  l.component("LTimePicker", v), l.component("LTimePanel", $);
+};
+export {
+  $ as LTimePanel,
+  v as LTimePicker,
+  v as default
+};

package/dist/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,99 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLDivElement;
+        popperRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "top";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly effect: {
+        readonly type: import('vue').PropType<"dark" | "light">;
+        readonly default: "dark";
+    };
+    readonly enterable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly rawContent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "top";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly effect: {
+        readonly type: import('vue').PropType<"dark" | "light">;
+        readonly default: "dark";
+    };
+    readonly enterable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly rawContent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly disabled: boolean;
+    readonly placement: import('../../../headless/src/index.ts').Placement;
+    readonly content: string;
+    readonly showAfter: number;
+    readonly hideAfter: number;
+    readonly effect: "dark" | "light";
+    readonly enterable: boolean;
+    readonly rawContent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    triggerRef: HTMLDivElement;
+    popperRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tooltip/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as Tooltip } from './Tooltip.vue';
+export declare const LTooltip: typeof Tooltip & Plugin;
+export * from './types';
+export default LTooltip;

package/dist/tooltip/index.js

@@ -0,0 +1,2 @@
+require('../style/tooltip.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const C=require("../chunks/z-index-CNZLw1v7.js"),E=require("../chunks/auto-update-6n8Xn1EH.js"),L=require("../chunks/index-DWAWrVaT.js"),T=require("../chunks/controller-D1BTHmfO.js"),_=require("../chunks/use-signals-Bz1smiXh.js"),k=require("../config-provider/index.js"),S=require("../chunks/use-id-BycaM3-h.js");function q(o={}){const l=L.signal(o.disabled??!1),r=T.createFloatingController({placement:o.placement??"top",offset:o.offset,flip:o.flip,shift:o.shift,openDelay:o.openDelay,closeDelay:o.closeDelay??200,trigger:"hover",onOpen:()=>{var n;return(n=o.onOpenChange)==null?void 0:n.call(o,!0)},onClose:()=>{var n;return(n=o.onOpenChange)==null?void 0:n.call(o,!1)}}),s=()=>{l.value||r.actions.open()},t=()=>{r.actions.close()};return{state:{get isOpen(){return r.state.isOpen},set isOpen(n){if(n){s();return}t()},get disabled(){return l.value},set disabled(n){l.value=n},get x(){return r.state.x},get y(){return r.state.y},get placement(){return r.state.placement}},actions:{open:s,close:t,toggle:()=>{if(r.state.isOpen){t();return}s()},updatePosition:r.actions.updatePosition}}}const m={content:{type:String,default:""},placement:{type:String,default:"top"},disabled:{type:Boolean,default:!1},showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},effect:{type:String,default:"dark"},enterable:{type:Boolean,default:!0},rawContent:{type:Boolean,default:!1}},w=["aria-describedby"],B=["id","data-theme"],O=e.defineComponent({name:"Tooltip",__name:"Tooltip",props:m,setup(o){const l=o,{teleportedCssVars:r,teleportedTheme:s}=k.useTeleportedConfig(),t=e.ref(null),n=e.ref(null),f=S.useId("tooltip"),a=q({placement:l.placement,disabled:l.disabled,openDelay:l.showAfter,closeDelay:l.hideAfter}),{nextZIndex:g}=C.useZIndex(),v=e.ref(3e3),{isOpen:d,x:y,y:b}=_.useController(a,{disabled:()=>l.disabled}),p=()=>{t.value&&n.value&&a.actions.updatePosition(t.value,n.value)};let i=null;e.watch(d,u=>{u?(v.value=g(),e.nextTick(()=>{t.value&&n.value&&(i=E.autoUpdate(t.value,n.value,p))})):(i==null||i(),i=null)}),e.onMounted(()=>{t.value&&(t.value.addEventListener("mouseenter",a.actions.open),t.value.addEventListener("mouseleave",a.actions.close),t.value.addEventListener("focus",a.actions.open,!0),t.value.addEventListener("blur",a.actions.close,!0),window.addEventListener("resize",p))}),e.onUnmounted(()=>{t.value&&(t.value.removeEventListener("mouseenter",a.actions.open),t.value.removeEventListener("mouseleave",a.actions.close),t.value.removeEventListener("focus",a.actions.open,!0),t.value.removeEventListener("blur",a.actions.close,!0),window.removeEventListener("resize",p))});const h=e.computed(()=>({top:`${b.value}px`,left:`${y.value}px`,zIndex:v.value,...r.value})),x=e.computed(()=>["l-tooltip",`l-tooltip--${l.effect}`]);return(u,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"l-tooltip-trigger",ref_key:"triggerRef",ref:t,"aria-describedby":e.unref(d)?e.unref(f):void 0},[e.renderSlot(u.$slots,"default")],8,w),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-tooltip-fade"},{default:e.withCtx(()=>[e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:n,id:e.unref(f),class:e.normalizeClass(x.value),"data-theme":e.unref(s),style:e.normalizeStyle(h.value),role:"tooltip"},[e.renderSlot(u.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(u.content),1)])],14,B)):e.createCommentVNode("",!0)]),_:3})]))],64))}}),c=O;c.install=o=>{o.component("LTooltip",c)};exports.LTooltip=c;exports.default=c;exports.tooltipProps=m;

package/dist/tooltip/index.mjs

@@ -0,0 +1,186 @@
+import '../style/tooltip.css';
+import { defineComponent as _, ref as p, watch as w, nextTick as k, onMounted as O, onUnmounted as D, computed as y, openBlock as f, createElementBlock as g, Fragment as S, createElementVNode as B, unref as u, renderSlot as b, createBlock as I, Teleport as N, createVNode as z, Transition as P, withCtx as V, normalizeStyle as $, normalizeClass as A, createTextVNode as R, toDisplayString as Z, createCommentVNode as F } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { u as U } from "../chunks/z-index-D9ecXoNe.mjs";
+import { a as M } from "../chunks/auto-update-Dw-2qIsQ.mjs";
+import { s as j } from "../chunks/index-B0yEC3RG.mjs";
+import { c as q } from "../chunks/controller-DdEBnv9V.mjs";
+import { u as G } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as H } from "../config-provider/index.mjs";
+import { u as J } from "../chunks/use-id-D3casveg.mjs";
+function K(t = {}) {
+  const l = j(t.disabled ?? !1), a = q({
+    placement: t.placement ?? "top",
+    offset: t.offset,
+    flip: t.flip,
+    shift: t.shift,
+    openDelay: t.openDelay,
+    closeDelay: t.closeDelay ?? 200,
+    trigger: "hover",
+    onOpen: () => {
+      var o;
+      return (o = t.onOpenChange) == null ? void 0 : o.call(t, !0);
+    },
+    onClose: () => {
+      var o;
+      return (o = t.onOpenChange) == null ? void 0 : o.call(t, !1);
+    }
+  }), r = () => {
+    l.value || a.actions.open();
+  }, e = () => {
+    a.actions.close();
+  };
+  return {
+    state: {
+      get isOpen() {
+        return a.state.isOpen;
+      },
+      set isOpen(o) {
+        if (o) {
+          r();
+          return;
+        }
+        e();
+      },
+      get disabled() {
+        return l.value;
+      },
+      set disabled(o) {
+        l.value = o;
+      },
+      get x() {
+        return a.state.x;
+      },
+      get y() {
+        return a.state.y;
+      },
+      get placement() {
+        return a.state.placement;
+      }
+    },
+    actions: {
+      open: r,
+      close: e,
+      toggle: () => {
+        if (a.state.isOpen) {
+          e();
+          return;
+        }
+        r();
+      },
+      updatePosition: a.actions.updatePosition
+    }
+  };
+}
+const Q = {
+  content: {
+    type: String,
+    default: ""
+  },
+  placement: {
+    type: String,
+    default: "top"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  showAfter: {
+    type: Number,
+    default: 0
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  effect: {
+    type: String,
+    default: "dark"
+  },
+  enterable: {
+    type: Boolean,
+    default: !0
+  },
+  rawContent: {
+    type: Boolean,
+    default: !1
+  }
+}, W = ["aria-describedby"], X = ["id", "data-theme"], Y = /* @__PURE__ */ _({
+  name: "Tooltip",
+  __name: "Tooltip",
+  props: Q,
+  setup(t) {
+    const l = t, { teleportedCssVars: a, teleportedTheme: r } = H(), e = p(null), o = p(null), m = J("tooltip"), n = K({
+      placement: l.placement,
+      disabled: l.disabled,
+      openDelay: l.showAfter,
+      closeDelay: l.hideAfter
+    }), { nextZIndex: C } = U(), v = p(3e3), {
+      isOpen: d,
+      x,
+      y: E
+    } = G(n, {
+      disabled: () => l.disabled
+    }), c = () => {
+      e.value && o.value && n.actions.updatePosition(e.value, o.value);
+    };
+    let s = null;
+    w(d, (i) => {
+      i ? (v.value = C(), k(() => {
+        e.value && o.value && (s = M(e.value, o.value, c));
+      })) : (s == null || s(), s = null);
+    }), O(() => {
+      e.value && (e.value.addEventListener("mouseenter", n.actions.open), e.value.addEventListener("mouseleave", n.actions.close), e.value.addEventListener("focus", n.actions.open, !0), e.value.addEventListener("blur", n.actions.close, !0), window.addEventListener("resize", c));
+    }), D(() => {
+      e.value && (e.value.removeEventListener("mouseenter", n.actions.open), e.value.removeEventListener("mouseleave", n.actions.close), e.value.removeEventListener("focus", n.actions.open, !0), e.value.removeEventListener("blur", n.actions.close, !0), window.removeEventListener("resize", c));
+    });
+    const L = y(() => ({
+      top: `${E.value}px`,
+      left: `${x.value}px`,
+      zIndex: v.value,
+      ...a.value
+    })), T = y(() => [
+      "l-tooltip",
+      `l-tooltip--${l.effect}`
+    ]);
+    return (i, ee) => (f(), g(S, null, [
+      B("div", {
+        class: "l-tooltip-trigger",
+        ref_key: "triggerRef",
+        ref: e,
+        "aria-describedby": u(d) ? u(m) : void 0
+      }, [
+        b(i.$slots, "default")
+      ], 8, W),
+      (f(), I(N, { to: "body" }, [
+        z(P, { name: "l-tooltip-fade" }, {
+          default: V(() => [
+            u(d) ? (f(), g("div", {
+              key: 0,
+              ref_key: "popperRef",
+              ref: o,
+              id: u(m),
+              class: A(T.value),
+              "data-theme": u(r),
+              style: $(L.value),
+              role: "tooltip"
+            }, [
+              b(i.$slots, "content", {}, () => [
+                R(Z(i.content), 1)
+              ])
+            ], 14, X)) : F("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+}), h = Y;
+h.install = (t) => {
+  t.component("LTooltip", h);
+};
+export {
+  h as LTooltip,
+  h as default,
+  Q as tooltipProps
+};

package/dist/tooltip/types.d.ts

@@ -0,0 +1,37 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { Placement } from '../../../headless/src/index.ts';
+export declare const tooltipProps: {
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: PropType<Placement>;
+        readonly default: "top";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly effect: {
+        readonly type: PropType<"dark" | "light">;
+        readonly default: "dark";
+    };
+    readonly enterable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly rawContent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type TooltipProps = ExtractPropTypes<typeof tooltipProps>;

package/dist/transfer/Transfer.vue.d.ts

@@ -0,0 +1,104 @@
+import { PropType } from 'vue';
+import { TransferDataItem } from '../../../headless/src/index.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leftFooter?(_: {}): any;
+        rightFooter?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    data: {
+        type: PropType<TransferDataItem[]>;
+        default: () => never[];
+    };
+    titles: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    buttonTexts: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterPlaceholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    height: {
+        type: PropType<string | number>;
+    };
+}>, {}, {}, {}, {}, 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, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    data: {
+        type: PropType<TransferDataItem[]>;
+        default: () => never[];
+    };
+    titles: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    buttonTexts: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterPlaceholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    height: {
+        type: 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: TransferDataItem[];
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    modelValue: (string | number)[];
+    filterable: boolean;
+    titles: string[];
+    buttonTexts: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/transfer/TransferPanel.vue.d.ts

@@ -0,0 +1,90 @@
+import { PropType } from 'vue';
+import { TransferDataItem } from '../../../headless/src/index.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    data: {
+        type: PropType<TransferDataItem[]>;
+        default: () => never[];
+    };
+    checkedKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    filterable: BooleanConstructor;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    controller: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    side: {
+        type: PropType<"left" | "right">;
+        required: true;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:checkedKeys": (val: (string | number)[]) => any;
+    check: (key: string | number) => any;
+    "all-check": (keys: (string | number)[]) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    data: {
+        type: PropType<TransferDataItem[]>;
+        default: () => never[];
+    };
+    checkedKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    filterable: BooleanConstructor;
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    controller: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    side: {
+        type: PropType<"left" | "right">;
+        required: true;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:checkedKeys"?: ((val: (string | number)[]) => any) | undefined;
+    onCheck?: ((key: string | number) => any) | undefined;
+    "onAll-check"?: ((keys: (string | number)[]) => any) | undefined;
+}>, {
+    data: TransferDataItem[];
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    placeholder: string;
+    filterable: boolean;
+    checkedKeys: (string | number)[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};