@routa/ui-vue 0.1.0

package/dist/chunks/Input.vue_vue_type_script_setup_true_lang-PeDZ7smO.mjs

@@ -0,0 +1,391 @@
+import { defineComponent as J, useSlots as Q, useAttrs as U, ref as X, computed as b, onMounted as Y, openBlock as s, createElementBlock as r, normalizeStyle as Z, unref as f, normalizeClass as L, renderSlot as B, createCommentVNode as p, createElementVNode as c, mergeProps as K, createVNode as ee, Transition as le, withCtx as ae, withKeys as N, toDisplayString as A } from "vue";
+import "./manager-BUdQK4AD.mjs";
+import { s as m, e as I, c as te } from "./index-B0yEC3RG.mjs";
+import { u as ne } from "./use-signals-CE1T2jXK.mjs";
+import { u as ue } from "./use-form-item-CqDbWCiU.mjs";
+import { u as se } from "./use-id-D3casveg.mjs";
+function re(e = {}) {
+  const y = m(typeof e.value == "function" ? e.value() : e.value ?? ""), x = m(typeof e.disabled == "function" ? e.disabled() : e.disabled ?? !1), t = m(typeof e.readonly == "function" ? e.readonly() : e.readonly ?? !1), v = m(typeof e.type == "function" ? e.type() : e.type ?? "text"), h = m(!1), g = m(!1), o = m(!1);
+  typeof e.value == "function" && I(() => {
+    y.value = e.value();
+  }), typeof e.disabled == "function" && I(() => {
+    x.value = e.disabled();
+  }), typeof e.readonly == "function" && I(() => {
+    t.value = e.readonly();
+  }), typeof e.type == "function" && I(() => {
+    v.value = e.type();
+  });
+  const n = te(() => y.value.length);
+  return {
+    state: {
+      get value() {
+        return y.value;
+      },
+      set value(a) {
+        y.value = a;
+      },
+      get disabled() {
+        return x.value;
+      },
+      set disabled(a) {
+        x.value = a;
+      },
+      get readonly() {
+        return t.value;
+      },
+      set readonly(a) {
+        t.value = a;
+      },
+      get type() {
+        return v.value;
+      },
+      set type(a) {
+        v.value = a;
+      },
+      get focused() {
+        return h.value;
+      },
+      set focused(a) {
+        h.value = a;
+      },
+      get hovered() {
+        return g.value;
+      },
+      set hovered(a) {
+        g.value = a;
+      },
+      get passwordVisible() {
+        return o.value;
+      },
+      set passwordVisible(a) {
+        o.value = a;
+      },
+      get wordCount() {
+        return n.value;
+      }
+    },
+    props: {
+      get value() {
+        return y.value;
+      },
+      get disabled() {
+        return x.value;
+      },
+      get readOnly() {
+        return t.value;
+      },
+      get type() {
+        return v.value === "password" ? o.value ? "text" : "password" : v.value;
+      },
+      onInput: (a) => {
+        var w;
+        const d = a.target.value;
+        y.value = d, (w = e.onInput) == null || w.call(e, d);
+      },
+      onChange: (a) => {
+        var d;
+        const u = a.target;
+        (d = e.onChange) == null || d.call(e, u.value);
+      },
+      onFocus: (a) => {
+        var u;
+        h.value = !0, (u = e.onFocus) == null || u.call(e, a);
+      },
+      onBlur: (a) => {
+        var u;
+        h.value = !1, (u = e.onBlur) == null || u.call(e, a);
+      },
+      onMouseEnter: () => {
+        g.value = !0;
+      },
+      onMouseLeave: () => {
+        g.value = !1;
+      }
+    },
+    actions: {
+      clear: () => {
+        var a, u, d;
+        y.value = "", (a = e.onInput) == null || a.call(e, ""), (u = e.onChange) == null || u.call(e, ""), (d = e.onClear) == null || d.call(e);
+      },
+      togglePasswordVisibility: () => {
+        o.value = !o.value;
+      }
+    }
+  };
+}
+const oe = {
+  key: 0,
+  class: "l-input-group__prepend"
+}, de = {
+  key: 0,
+  class: "l-input__prefix"
+}, ie = ["value"], ce = ["value"], ve = {
+  key: 3,
+  class: "l-input__suffix"
+}, pe = { class: "l-input__suffix-inner" }, fe = ["aria-label", "aria-pressed"], ye = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, he = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ge = ["id"], we = { class: "l-input__count-current" }, be = {
+  key: 0,
+  class: "l-input__count-separator"
+}, me = {
+  key: 1,
+  class: "l-input__count-total"
+}, xe = {
+  key: 1,
+  class: "l-input-group__append"
+}, Me = /* @__PURE__ */ J({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    modelValue: {},
+    type: { default: "text" },
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    clearable: { type: Boolean },
+    showPassword: { type: Boolean },
+    size: {},
+    maxLength: {},
+    minLength: {},
+    showWordLimit: { type: Boolean },
+    rows: {},
+    autosize: { type: [Boolean, Object] },
+    prefixIcon: {},
+    suffixIcon: {},
+    autofocus: { type: Boolean },
+    autocomplete: { default: "off" },
+    name: {},
+    id: {}
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(e, { expose: y, emit: x }) {
+    const t = e, v = x, h = Q(), g = U(), o = X(null), { formItem: n, size: $, disabled: V, readonly: M, inputId: k } = ue(t), z = se("input"), C = b(() => t.id || (k == null ? void 0 : k.value) || z), a = re({
+      value: () => String(t.modelValue ?? ""),
+      disabled: () => t.disabled ?? V.value,
+      readonly: () => t.readonly ?? M.value,
+      type: () => t.type,
+      onInput: (l) => {
+        v("update:modelValue", l), v("input", l), n == null || n.validate("input");
+      },
+      onChange: (l) => {
+        v("change", l), n == null || n.validate("change");
+      },
+      onFocus: (l) => v("focus", l),
+      onBlur: (l) => {
+        v("blur", l), n == null || n.validate("blur");
+      },
+      onClear: () => v("clear")
+    }), {
+      value: u,
+      disabled: d,
+      readonly: w,
+      type: S,
+      focused: F,
+      hovered: O,
+      passwordVisible: _,
+      wordCount: H
+    } = ne(a, {
+      value: () => String(t.modelValue ?? ""),
+      disabled: () => t.disabled ?? V.value,
+      readonly: () => t.readonly ?? M.value,
+      type: () => t.type
+    }), j = b(() => t.type === "textarea"), q = b(() => t.size || $.value), D = b(() => t.clearable && !d.value && !w.value && u.value !== "" && (F.value || O.value)), E = b(() => t.showPassword && t.type === "password" && !d.value && !w.value && u.value !== ""), G = b(() => [
+      "l-input",
+      `l-input--${q.value}`,
+      {
+        "is-disabled": d.value,
+        "is-readonly": w.value,
+        "is-focused": F.value,
+        "l-input--textarea": j.value,
+        "l-input--prefix": !!(h.prefix || t.prefixIcon),
+        "l-input--suffix": !!(h.suffix || t.suffixIcon || t.clearable || t.showPassword),
+        "l-input--group": !!(h.prepend || h.append)
+      },
+      g.class
+    ]), R = b(() => {
+      const l = S.value === "password" && _.value;
+      return {
+        ...g,
+        class: "l-input__inner",
+        placeholder: t.placeholder,
+        maxlength: t.maxLength,
+        minlength: t.minLength,
+        autocomplete: t.autocomplete,
+        name: t.name,
+        id: C.value,
+        rows: t.rows,
+        "aria-labelledby": n == null ? void 0 : n.labelId,
+        "aria-describedby": [
+          t.showWordLimit ? `${C.value}-count` : "",
+          n == null ? void 0 : n.errorId
+        ].filter(Boolean).join(" ") || void 0,
+        ...a.props,
+        // 显式访问以确�?Vue 追踪依赖 | Explicitly access to ensure Vue tracking
+        disabled: d.value,
+        readonly: w.value,
+        // 如果是密码且可见，覆�?type | Override type if password and visible
+        type: l ? "text" : S.value
+      };
+    }), T = (l) => {
+      var i;
+      l.preventDefault(), l.stopPropagation(), a.actions.clear(), (i = o.value) == null || i.focus();
+    }, W = (l) => {
+      l.preventDefault(), l.stopPropagation(), a.actions.togglePasswordVisibility();
+    };
+    return Y(() => {
+      var l;
+      t.autofocus && ((l = o.value) == null || l.focus());
+    }), y({
+      input: o,
+      focus: () => {
+        var l;
+        return (l = o.value) == null ? void 0 : l.focus();
+      },
+      blur: () => {
+        var l;
+        return (l = o.value) == null ? void 0 : l.blur();
+      },
+      select: () => {
+        var l;
+        return (l = o.value) == null ? void 0 : l.select();
+      }
+    }), (l, i) => (s(), r("div", {
+      class: L(G.value),
+      style: Z(f(g).style)
+    }, [
+      l.$slots.prepend ? (s(), r("div", oe, [
+        B(l.$slots, "prepend")
+      ])) : p("", !0),
+      c("div", {
+        class: "l-input__wrapper",
+        onMouseenter: i[0] || (i[0] = //@ts-ignore
+        (...P) => f(a).props.onMouseEnter && f(a).props.onMouseEnter(...P)),
+        onMouseleave: i[1] || (i[1] = //@ts-ignore
+        (...P) => f(a).props.onMouseLeave && f(a).props.onMouseLeave(...P))
+      }, [
+        l.$slots.prefix || e.prefixIcon ? (s(), r("span", de, [
+          B(l.$slots, "prefix", {}, () => [
+            e.prefixIcon ? (s(), r("i", {
+              key: 0,
+              class: L(e.prefixIcon)
+            }, null, 2)) : p("", !0)
+          ])
+        ])) : p("", !0),
+        j.value ? (s(), r("textarea", K({
+          key: 1,
+          ref_key: "inputRef",
+          ref: o
+        }, R.value, { value: f(u) }), null, 16, ie)) : (s(), r("input", K({
+          key: 2,
+          ref_key: "inputRef",
+          ref: o
+        }, R.value, { value: f(u) }), null, 16, ce)),
+        l.$slots.suffix || e.suffixIcon || e.clearable || e.showPassword || e.showWordLimit ? (s(), r("span", ve, [
+          c("span", pe, [
+            !D.value && !E.value ? B(l.$slots, "suffix", { key: 0 }, () => [
+              e.suffixIcon ? (s(), r("i", {
+                key: 0,
+                class: L(e.suffixIcon)
+              }, null, 2)) : p("", !0)
+            ]) : p("", !0),
+            ee(le, { name: "l-fade" }, {
+              default: ae(() => [
+                D.value ? (s(), r("span", {
+                  key: 0,
+                  class: "l-input__clear",
+                  role: "button",
+                  tabindex: "0",
+                  "aria-label": "清空内容",
+                  onMousedown: T,
+                  onKeydown: N(T, ["enter", "space"])
+                }, [...i[2] || (i[2] = [
+                  c("svg", {
+                    viewBox: "0 0 24 24",
+                    width: "14",
+                    height: "14",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, [
+                    c("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }),
+                    c("path", { d: "m15 9-6 6" }),
+                    c("path", { d: "m9 9 6 6" })
+                  ], -1)
+                ])], 32)) : p("", !0)
+              ]),
+              _: 1
+            }),
+            E.value ? (s(), r("span", {
+              key: 1,
+              class: "l-input__password-toggle",
+              role: "button",
+              tabindex: "0",
+              "aria-label": f(_) ? "隐藏密码" : "显示密码",
+              "aria-pressed": f(_),
+              onMousedown: W,
+              onKeydown: N(W, ["enter", "space"])
+            }, [
+              f(_) ? (s(), r("svg", ye, [...i[3] || (i[3] = [
+                c("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, null, -1),
+                c("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "3"
+                }, null, -1)
+              ])])) : (s(), r("svg", he, [...i[4] || (i[4] = [
+                c("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, null, -1),
+                c("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, null, -1),
+                c("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, null, -1),
+                c("line", {
+                  x1: "3",
+                  x2: "21",
+                  y1: "3",
+                  y2: "21"
+                }, null, -1)
+              ])]))
+            ], 40, fe)) : p("", !0),
+            e.showWordLimit ? (s(), r("span", {
+              key: 2,
+              id: `${C.value}-count`,
+              class: "l-input__count"
+            }, [
+              c("span", we, A(f(H)), 1),
+              e.maxLength ? (s(), r("span", be, "/")) : p("", !0),
+              e.maxLength ? (s(), r("span", me, A(e.maxLength), 1)) : p("", !0)
+            ], 8, ge)) : p("", !0)
+          ])
+        ])) : p("", !0)
+      ], 32),
+      l.$slots.append ? (s(), r("div", xe, [
+        B(l.$slots, "append")
+      ])) : p("", !0)
+    ], 6));
+  }
+});
+export {
+  Me as _
+};

package/dist/chunks/Popover.vue_vue_type_script_setup_true_lang-CVWbekIQ.mjs

@@ -0,0 +1,176 @@
+import { defineComponent as G, useSlots as K, ref as u, computed as w, watch as _, nextTick as q, onMounted as H, onUnmounted as J, openBlock as r, createElementBlock as a, Fragment as E, createElementVNode as T, unref as f, renderSlot as g, createBlock as S, Teleport as Q, createVNode as W, Transition as X, withCtx as Y, normalizeStyle as ee, normalizeClass as te, createTextVNode as $, toDisplayString as x, createCommentVNode as I, resolveDynamicComponent as oe } from "vue";
+import "./manager-BUdQK4AD.mjs";
+import { u as ne } from "./z-index-D9ecXoNe.mjs";
+import { a as re } from "./auto-update-Dw-2qIsQ.mjs";
+import { c as ie } from "./controller-DZp6lWY1.mjs";
+import { u as se } from "./use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as le } from "../config-provider/index.mjs";
+import { u as ae } from "./use-id-D3casveg.mjs";
+const de = {
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  title: String,
+  content: String,
+  renderContent: Function,
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  width: {
+    type: [String, Number],
+    default: 150
+  },
+  showAfter: {
+    type: Number,
+    default: 0
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  persistent: {
+    type: Boolean,
+    default: !1
+  },
+  visible: {
+    type: Boolean,
+    default: !1
+  },
+  popperClass: {
+    type: [String, Array, Object],
+    default: ""
+  }
+}, ce = {
+  show: () => !0,
+  hide: () => !0,
+  "update:visible": (m) => !0
+}, pe = ["aria-haspopup", "aria-expanded", "tabindex"], ue = ["data-theme", "aria-labelledby"], fe = ["id"], ge = { class: "l-popover__content" }, _e = /* @__PURE__ */ G({
+  name: "Popover",
+  __name: "Popover",
+  props: de,
+  emits: ce,
+  setup(m, { expose: N, emit: R }) {
+    const t = m, d = R, { teleportedCssVars: B, teleportedTheme: F } = le();
+    K();
+    const v = u(null), n = u(null), P = ae("popover"), h = w(() => `${P}-title`), y = (e) => {
+      e.key === "Escape" && i.value && o.actions.close();
+    }, l = () => v.value, c = () => {
+      const e = l();
+      e && o.actions.setReference(e);
+    }, o = ie({
+      placement: t.placement,
+      offset: 8,
+      openDelay: t.showAfter,
+      closeDelay: t.hideAfter
+    }), { nextZIndex: V } = ne(), b = u(3e3), {
+      isOpen: i,
+      x: A,
+      y: D
+    } = se(o), k = () => {
+      const e = l();
+      e && n.value && (o.actions.setReference(e), o.actions.updatePosition(n.value));
+    };
+    let s = null;
+    _(i, (e) => {
+      e ? (b.value = V(), q(() => {
+        const p = l();
+        p && n.value && (s = re(p, n.value, k));
+      }), d("show")) : (s == null || s(), s = null, d("hide")), d("update:visible", e);
+    }), _(() => t.visible, (e) => {
+      e !== i.value && (e ? o.actions.open() : o.actions.close());
+    }, { immediate: !0 }), N({
+      open: o.actions.open,
+      close: o.actions.close
+    });
+    const C = (e) => {
+      t.trigger === "click" && o.actions.handleInteractOutside(e.target, l(), n.value);
+    };
+    H(() => {
+      t.trigger === "click" && document.addEventListener("click", C), document.addEventListener("keydown", y);
+    }), J(() => {
+      t.trigger === "click" && document.removeEventListener("click", C), document.removeEventListener("keydown", y), window.removeEventListener("resize", k), o.actions.unregister();
+    });
+    const L = w(() => ({
+      top: `${D.value}px`,
+      left: `${A.value}px`,
+      width: typeof t.width == "number" ? `${t.width}px` : t.width,
+      zIndex: b.value,
+      ...B.value
+    })), M = () => {
+      t.trigger !== "hover" || t.disabled || (c(), o.actions.open());
+    }, z = () => {
+      t.trigger !== "hover" || t.disabled || o.actions.close();
+    }, O = () => {
+      t.trigger !== "click" || t.disabled || (c(), o.actions.toggle());
+    }, Z = () => {
+      t.trigger !== "focus" || t.disabled || (c(), o.actions.open());
+    }, U = () => {
+      t.trigger !== "focus" || t.disabled || o.actions.close();
+    }, j = () => {
+      var e;
+      return (e = t.renderContent) == null ? void 0 : e.call(t);
+    };
+    return (e, p) => (r(), a(E, null, [
+      T("span", {
+        ref_key: "triggerRef",
+        ref: v,
+        class: "l-popover__trigger",
+        "aria-haspopup": t.disabled ? void 0 : "dialog",
+        "aria-expanded": t.disabled ? void 0 : f(i) ? "true" : "false",
+        tabindex: t.trigger === "focus" && !t.disabled ? 0 : void 0,
+        onMouseenter: M,
+        onMouseleave: z,
+        onClick: O,
+        onFocusin: Z,
+        onFocusout: U
+      }, [
+        g(e.$slots, "default")
+      ], 40, pe),
+      (r(), S(Q, { to: "body" }, [
+        W(X, { name: "l-popover-fade" }, {
+          default: Y(() => [
+            f(i) ? (r(), a("div", {
+              key: 0,
+              ref_key: "popperRef",
+              ref: n,
+              class: te(["l-popover", e.popperClass]),
+              "data-theme": f(F),
+              style: ee(L.value),
+              role: "dialog",
+              "aria-labelledby": e.title || e.$slots.title ? h.value : void 0
+            }, [
+              e.title || e.$slots.title ? (r(), a("div", {
+                key: 0,
+                id: h.value,
+                class: "l-popover__title"
+              }, [
+                g(e.$slots, "title", {}, () => [
+                  $(x(e.title), 1)
+                ])
+              ], 8, fe)) : I("", !0),
+              T("div", ge, [
+                g(e.$slots, "content", {}, () => [
+                  e.renderContent ? (r(), S(oe(j()), { key: 0 })) : (r(), a(E, { key: 1 }, [
+                    $(x(e.content), 1)
+                  ], 64))
+                ])
+              ])
+            ], 14, ue)) : I("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+});
+export {
+  _e as _,
+  de as a,
+  ce as p
+};

package/dist/chunks/Popover.vue_vue_type_script_setup_true_lang-TF9OnqB0.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./manager-C0AUxQ1I.js");const R=require("./z-index-CNZLw1v7.js"),F=require("./auto-update-6n8Xn1EH.js"),D=require("./controller-37WpkEdZ.js"),z=require("./use-signals-Bz1smiXh.js"),A=require("../config-provider/index.js"),L=require("./use-id-BycaM3-h.js"),y={trigger:{type:String,default:"click"},title:String,content:String,renderContent:Function,placement:{type:String,default:"bottom"},disabled:{type:Boolean,default:!1},width:{type:[String,Number],default:150},showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},persistent:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},popperClass:{type:[String,Array,Object],default:""}},k={show:()=>!0,hide:()=>!0,"update:visible":u=>!0},M=["aria-haspopup","aria-expanded","tabindex"],O=["data-theme","aria-labelledby"],U=["id"],Z={class:"l-popover__content"},j=e.defineComponent({name:"Popover",__name:"Popover",props:y,emits:k,setup(u,{expose:b,emit:C}){const o=u,a=C,{teleportedCssVars:E,teleportedTheme:w}=A.useTeleportedConfig();e.useSlots();const p=e.ref(null),r=e.ref(null),B=L.useId("popover"),g=e.computed(()=>`${B}-title`),f=t=>{t.key==="Escape"&&i.value&&n.actions.close()},s=()=>p.value,c=()=>{const t=s();t&&n.actions.setReference(t)},n=D.createPopoverController({placement:o.placement,offset:8,openDelay:o.showAfter,closeDelay:o.hideAfter}),{nextZIndex:S}=R.useZIndex(),v=e.ref(3e3),{isOpen:i,x:_,y:T}=z.useController(n),m=()=>{const t=s();t&&r.value&&(n.actions.setReference(t),n.actions.updatePosition(r.value))};let l=null;e.watch(i,t=>{t?(v.value=S(),e.nextTick(()=>{const d=s();d&&r.value&&(l=F.autoUpdate(d,r.value,m))}),a("show")):(l==null||l(),l=null,a("hide")),a("update:visible",t)}),e.watch(()=>o.visible,t=>{t!==i.value&&(t?n.actions.open():n.actions.close())},{immediate:!0}),b({open:n.actions.open,close:n.actions.close});const h=t=>{o.trigger==="click"&&n.actions.handleInteractOutside(t.target,s(),r.value)};e.onMounted(()=>{o.trigger==="click"&&document.addEventListener("click",h),document.addEventListener("keydown",f)}),e.onUnmounted(()=>{o.trigger==="click"&&document.removeEventListener("click",h),document.removeEventListener("keydown",f),window.removeEventListener("resize",m),n.actions.unregister()});const N=e.computed(()=>({top:`${T.value}px`,left:`${_.value}px`,width:typeof o.width=="number"?`${o.width}px`:o.width,zIndex:v.value,...E.value})),I=()=>{o.trigger!=="hover"||o.disabled||(c(),n.actions.open())},$=()=>{o.trigger!=="hover"||o.disabled||n.actions.close()},x=()=>{o.trigger!=="click"||o.disabled||(c(),n.actions.toggle())},V=()=>{o.trigger!=="focus"||o.disabled||(c(),n.actions.open())},q=()=>{o.trigger!=="focus"||o.disabled||n.actions.close()},P=()=>{var t;return(t=o.renderContent)==null?void 0:t.call(o)};return(t,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{ref_key:"triggerRef",ref:p,class:"l-popover__trigger","aria-haspopup":o.disabled?void 0:"dialog","aria-expanded":o.disabled?void 0:e.unref(i)?"true":"false",tabindex:o.trigger==="focus"&&!o.disabled?0:void 0,onMouseenter:I,onMouseleave:$,onClick:x,onFocusin:V,onFocusout:q},[e.renderSlot(t.$slots,"default")],40,M),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-popover-fade"},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:r,class:e.normalizeClass(["l-popover",t.popperClass]),"data-theme":e.unref(w),style:e.normalizeStyle(N.value),role:"dialog","aria-labelledby":t.title||t.$slots.title?g.value:void 0},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:g.value,class:"l-popover__title"},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],8,U)):e.createCommentVNode("",!0),e.createElementVNode("div",Z,[e.renderSlot(t.$slots,"content",{},()=>[t.renderContent?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P()),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.content),1)],64))])])],14,O)):e.createCommentVNode("",!0)]),_:3})]))],64))}});exports._sfc_main=j;exports.popoverEmits=k;exports.popoverProps=y;

package/dist/chunks/Scrollbar.vue_vue_type_script_setup_true_lang-CtBz7Ha9.js

@@ -0,0 +1 @@
+"use strict";const c=require("vue");require("./manager-C0AUxQ1I.js");const m=require("./index-DWAWrVaT.js"),C=require("./use-signals-Bz1smiXh.js"),S=(r,n)=>Math.abs(r-n)>.5;function g(r={}){const n=m.signal(r.direction??"both"),f=m.signal(r.scrollTop??0),t=m.signal(r.scrollLeft??0),s=e=>{f.value=e},o=e=>{t.value=e};return{state:{get direction(){return n.value},set direction(e){n.value=e},get scrollTop(){return f.value},set scrollTop(e){s(e)},get scrollLeft(){return t.value},set scrollLeft(e){o(e)}},actions:{handleScroll:(e,d,L)=>{var p,v,T;s(e),o(d),(p=r.onScrollTopChange)==null||p.call(r,e),(v=r.onScrollLeftChange)==null||v.call(r,d),(T=r.onScroll)==null||T.call(r,L)},syncControlled:e=>{typeof e.scrollTop=="number"&&S(f.value,e.scrollTop)&&s(e.scrollTop),typeof e.scrollLeft=="number"&&S(t.value,e.scrollLeft)&&o(e.scrollLeft)},scrollTo:e=>{typeof e.top=="number"&&s(e.top),typeof e.left=="number"&&o(e.left)},setScrollTop:s,setScrollLeft:o}}}const y={class:"l-scrollbar"},w={class:"l-scrollbar__content"},M=c.defineComponent({name:"Scrollbar",__name:"Scrollbar",props:{direction:{default:"both"},scrollTop:{},scrollLeft:{}},emits:["scroll","update:scrollTop","update:scrollLeft"],setup(r,{expose:n,emit:f}){const t=r,s=f,o=c.ref(null),a=g({direction:t.direction,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,onScrollTopChange:l=>s("update:scrollTop",l),onScrollLeftChange:l=>s("update:scrollLeft",l),onScroll:l=>s("scroll",l)}),{direction:h,scrollTop:i,scrollLeft:e}=C.useController(a),d=c.computed(()=>["l-scrollbar__viewport",`l-scrollbar__viewport--${h.value}`]),L=l=>{const u=l.target;a.actions.handleScroll(u.scrollTop,u.scrollLeft,l)},p=l=>{var u;a.actions.scrollTo(l),(u=o.value)==null||u.scrollTo(l)},v=l=>{a.actions.setScrollTop(l),o.value&&(o.value.scrollTop=l)},T=l=>{a.actions.setScrollLeft(l),o.value&&(o.value.scrollLeft=l)},b=()=>{a.actions.syncControlled({scrollTop:t.scrollTop,scrollLeft:t.scrollLeft})},_=()=>{o.value&&(Math.abs(o.value.scrollTop-i.value)>.5&&(o.value.scrollTop=i.value),Math.abs(o.value.scrollLeft-e.value)>.5&&(o.value.scrollLeft=e.value))};return c.watch(()=>t.direction,l=>{h.value=l},{immediate:!0}),c.watch(()=>t.scrollTop,l=>{a.actions.syncControlled({scrollTop:l})},{immediate:!0,flush:"post"}),c.watch(()=>t.scrollLeft,l=>{a.actions.syncControlled({scrollLeft:l})},{immediate:!0,flush:"post"}),c.watch(i,l=>{o.value&&Math.abs(o.value.scrollTop-l)>.5&&(o.value.scrollTop=l)},{immediate:!0,flush:"post"}),c.watch(e,l=>{o.value&&Math.abs(o.value.scrollLeft-l)>.5&&(o.value.scrollLeft=l)},{immediate:!0,flush:"post"}),c.onMounted(()=>{b(),_()}),n({wrapRef:o,scrollTo:p,setScrollTop:v,setScrollLeft:T}),(l,u)=>(c.openBlock(),c.createElementBlock("div",y,[c.createElementVNode("div",{ref_key:"wrapRef",ref:o,class:c.normalizeClass(d.value),onScroll:L},[c.createElementVNode("div",w,[c.renderSlot(l.$slots,"default")])],34)]))}});exports._sfc_main=M;