hys-ui 0.1.0 → 0.2.0

package/dist/components/HysTable/HysTableFilterOptions.vue.js

@@ -0,0 +1,7 @@
+import o from "./HysTableFilterOptions2.vue.js";
+/* empty css                           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-82145e83"]]);
+export {
+  s as default
+};

package/dist/components/HysTable/HysTableFilterOptions2.vue.js

@@ -0,0 +1,133 @@
+import { defineComponent as C, ref as T, computed as c, openBlock as d, createElementBlock as n, createBlock as v, withKeys as H, withModifiers as K, createCommentVNode as x, Fragment as V, renderList as O, withCtx as w, createTextVNode as p, toDisplayString as b } from "vue";
+import z from "../HysInput/HysInput.vue.js";
+import F from "../HysCheckbox/HysCheckbox.vue.js";
+import M from "../HysRadio/HysRadio.vue.js";
+import j from "../HysTree/HysTree.vue.js";
+import { tableFilterOptions as S } from "../../composables/table.js";
+const q = { class: "hys-ui-table-filter-choice" }, A = {
+  key: 2,
+  class: "hys-ui-table-filter-options"
+}, N = {
+  key: 0,
+  role: "status"
+}, J = /* @__PURE__ */ C({
+  __name: "HysTableFilterOptions",
+  props: {
+    options: {},
+    values: {},
+    multiple: { type: Boolean },
+    mode: {},
+    search: { type: [Boolean, Function] },
+    disabled: { type: Boolean },
+    searchLabel: {},
+    emptyText: {}
+  },
+  emits: ["update:values"],
+  setup(l, { emit: B }) {
+    const s = l, f = B, u = T(""), i = (a) => typeof a + ":" + String(a), o = c(() => S(s.options)), L = c(
+      () => new Map(o.value.map((a) => [i(a.value), a]))
+    ), y = (a) => !u.value.trim() || (typeof s.search == "function" ? s.search(u.value.trim(), a) : a.label.toLocaleLowerCase().includes(u.value.trim().toLocaleLowerCase())), h = c(() => o.value.filter(y)), U = c(() => {
+      var t;
+      const a = new Map(
+        o.value.map((e) => [
+          e,
+          {
+            id: i(e.value),
+            label: e.label,
+            disabled: e.disabled,
+            option: e
+          }
+        ])
+      );
+      for (const e of o.value)
+        a.get(e).children = (t = e.children) == null ? void 0 : t.map((r) => a.get(r)).filter(Boolean);
+      return s.options.map((e) => a.get(e)).filter(Boolean);
+    });
+    function k(a) {
+      f(
+        "update:values",
+        a.flatMap((t) => {
+          const e = L.value.get(String(t));
+          return e ? [e.value] : [];
+        })
+      );
+    }
+    function g(a, t) {
+      s.disabled || a.disabled || f(
+        "update:values",
+        s.multiple ? t ? [
+          ...s.values.filter((e) => !Object.is(e, a.value)),
+          a.value
+        ] : s.values.filter((e) => !Object.is(e, a.value)) : t ? [a.value] : []
+      );
+    }
+    return (a, t) => (d(), n("div", q, [
+      l.search ? (d(), v(z, {
+        key: 0,
+        modelValue: u.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => u.value = e),
+        clearable: "",
+        size: "sm",
+        "aria-label": l.searchLabel,
+        placeholder: l.searchLabel,
+        disabled: l.disabled,
+        onKeydown: t[1] || (t[1] = H(K(() => {
+        }, ["prevent"]), ["enter"]))
+      }, null, 8, ["modelValue", "aria-label", "placeholder", "disabled"])) : x("", !0),
+      l.mode === "tree" ? (d(), v(j, {
+        key: 1,
+        searchable: !1,
+        nodes: U.value,
+        "checked-keys": l.values.map(i),
+        "model-value": l.multiple ? null : l.values.length ? i(l.values[0]) : null,
+        checkable: l.multiple,
+        selectable: !l.multiple,
+        "allow-deselect": !1,
+        "search-value": u.value,
+        "filter-node": (e, r) => y(r.option),
+        "check-on-click-node": l.multiple,
+        "inherit-disabled": !0,
+        disabled: l.disabled,
+        "default-expand-all": !0,
+        "empty-text": l.emptyText,
+        "validate-event": !1,
+        size: "sm",
+        "onUpdate:checkedKeys": k,
+        "onUpdate:modelValue": t[2] || (t[2] = (e) => !l.multiple && k(e === null ? [] : Array.isArray(e) ? e : [e]))
+      }, null, 8, ["nodes", "checked-keys", "model-value", "checkable", "selectable", "search-value", "filter-node", "check-on-click-node", "disabled", "empty-text"])) : (d(), n("div", A, [
+        (d(!0), n(V, null, O(h.value, (e, r) => (d(), n(V, {
+          key: i(e.value)
+        }, [
+          l.multiple ? (d(), v(F, {
+            key: 0,
+            "model-value": l.values.some((m) => Object.is(m, e.value)),
+            disabled: l.disabled || e.disabled,
+            size: "sm",
+            "onUpdate:modelValue": (m) => g(e, m === !0)
+          }, {
+            default: w(() => [
+              p(b(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])) : (d(), v(M, {
+            key: 1,
+            "model-value": l.values[0] ?? null,
+            value: e.value,
+            disabled: l.disabled || e.disabled,
+            size: "sm",
+            "onUpdate:modelValue": (m) => g(e, !0)
+          }, {
+            default: w(() => [
+              p(b(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["model-value", "value", "disabled", "onUpdate:modelValue"]))
+        ], 64))), 128)),
+        h.value.length ? x("", !0) : (d(), n("p", N, b(l.emptyText), 1))
+      ]))
+    ]));
+  }
+});
+export {
+  J as default
+};

package/dist/components/HysTabs/HysTabs.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysTabs2.vue.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2cd1bf68"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4a2ce4c1"]]);
 export {
-  f as default
+  c as default
 };

package/dist/components/HysTabs/HysTabs2.vue.js

@@ -1,81 +1,277 @@
-import { defineComponent as C, ref as w, computed as x, openBlock as u, createElementBlock as d, Fragment as m, createElementVNode as f, mergeProps as B, unref as h, renderList as E, normalizeClass as H, renderSlot as k, createTextVNode as L, toDisplayString as N, createVNode as $, createCommentVNode as z } from "vue";
-import { X as D } from "lucide-vue-next";
-import { useHysRootAttrs as R } from "../../config.js";
-const S = ["aria-label", "aria-orientation"], T = ["data-tab-value", "aria-selected", "disabled", "tabindex", "onClick"], q = ["aria-label", "disabled", "onClick"], P = /* @__PURE__ */ C({
+import { defineComponent as he, useId as ke, ref as y, computed as M, watch as A, nextTick as T, onMounted as ge, onActivated as me, onDeactivated as pe, onBeforeUnmount as we, openBlock as i, createElementBlock as v, mergeProps as Ce, unref as h, createElementVNode as U, normalizeClass as R, renderSlot as B, createCommentVNode as k, createBlock as ae, resolveDynamicComponent as le, Fragment as W, renderList as te, createTextVNode as oe, toDisplayString as se, createVNode as ue, withDirectives as Be, vShow as $e } from "vue";
+import { ChevronUp as ze, ChevronLeft as Se, X as Te, ChevronDown as Le, ChevronRight as Ve, Plus as Ae } from "lucide-vue-next";
+import { useHysRootAttrs as Re } from "../../config.js";
+import { useMotion as He } from "../../motion/useMotion.js";
+const De = {
+  key: 0,
+  class: "hys-ui-tabs-extra"
+}, Ee = ["aria-label"], xe = ["aria-label", "aria-busy", "aria-orientation"], Ie = ["id", "data-tab-key", "aria-selected", "aria-controls", "disabled", "tabindex", "onFocus", "onClick", "onMouseenter"], Me = ["aria-label", "aria-busy", "disabled", "onClick"], Ne = ["aria-label"], Oe = ["disabled"], qe = {
+  key: 4,
+  class: "hys-ui-tabs-extra"
+}, Fe = ["id", "data-active", "aria-labelledby"], Ke = ["id", "aria-labelledby"], je = /* @__PURE__ */ he({
   __name: "HysTabs",
   props: {
     modelValue: {},
+    defaultValue: {},
     items: {},
     disabled: { type: Boolean },
-    type: {},
+    type: { default: "line" },
     vertical: { type: Boolean },
+    placement: {},
+    size: { default: "md" },
+    stretch: { type: Boolean },
+    centered: { type: Boolean },
     closable: { type: Boolean },
-    ariaLabel: {}
+    addable: { type: Boolean },
+    editable: { type: Boolean },
+    trigger: { default: "click" },
+    activation: { default: "auto" },
+    lazy: { type: Boolean, default: !0 },
+    destroyOnHide: { type: Boolean, default: !1 },
+    animated: { type: Boolean, default: !0 },
+    showScrollButtons: { type: Boolean, default: !0 },
+    ariaLabel: {},
+    beforeLeave: {},
+    beforeClose: {}
   },
-  emits: ["update:modelValue", "change", "close"],
-  setup(l, { emit: V }) {
-    const n = l, i = V, b = w(), g = R(), t = x(() => n.items.filter((a) => !n.disabled && !a.disabled));
-    function v(a) {
-      t.value.some((r) => r.value === a) && (i("update:modelValue", a), a !== n.modelValue && i("change", a));
+  emits: ["update:modelValue", "change", "tabClick", "close", "add", "edit", "guardError"],
+  setup(s, { expose: ie, emit: ne }) {
+    const t = s, c = ne, re = Re(), { effectiveMotion: X } = He(), j = ke(), g = y(), N = y(t.defaultValue), u = M(() => {
+      var e;
+      return t.modelValue ?? (t.items.some((l) => l.value === N.value) ? N.value : ((e = t.items.find((l) => !l.disabled)) == null ? void 0 : e.value) ?? "");
+    }), H = M(() => t.placement ?? (t.vertical ? "left" : "top")), n = M(() => H.value === "left" || H.value === "right"), r = M(() => t.items.filter((e) => !t.disabled && !e.disabled)), m = y(), D = y(/* @__PURE__ */ new Set()), p = y(!1), $ = y(/* @__PURE__ */ new Set()), G = y(!1), J = y(!1);
+    let z = 0, w = 0, de = 0, b = !0, S;
+    const E = /* @__PURE__ */ new Map(), L = (e) => typeof e + ":" + e, O = (e) => j + "-tab-" + e, q = (e) => j + "-panel-" + e, F = (e) => e.closable ?? (t.closable || t.editable), Q = (e) => {
+      var l;
+      return Array.from(((l = g.value) == null ? void 0 : l.querySelectorAll('[role="tab"]')) || []).find((a) => a.dataset.tabKey === L(e));
+    }, ve = (e) => e.forceRender || !t.destroyOnHide && (!t.lazy || D.value.has(e.value)) || u.value === e.value;
+    function C() {
+      const e = g.value;
+      if (!e) return;
+      const l = n.value ? e.scrollTop : e.scrollLeft, a = n.value ? e.clientHeight : e.clientWidth, o = n.value ? e.scrollHeight : e.scrollWidth;
+      G.value = l > 1, J.value = l + a < o - 1;
     }
-    function A(a) {
-      var y;
-      const r = n.vertical ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"];
-      if (![...r, "Home", "End"].includes(a.key) || !t.value.length) return;
-      a.preventDefault();
-      const e = t.value.findIndex((c) => c.value === n.modelValue), s = a.key === "Home" ? 0 : a.key === "End" ? t.value.length - 1 : (e + (a.key === r[0] ? -1 : 1) + t.value.length) % t.value.length;
-      v(t.value[s].value);
-      const o = Array.from(((y = b.value) == null ? void 0 : y.querySelectorAll('[role="tab"]')) || []).find((c) => c.dataset.tabValue === t.value[s].value);
-      o == null || o.focus();
+    function V() {
+      const e = g.value, l = Q(u.value);
+      if (!e || !l) return;
+      const a = e.getBoundingClientRect(), o = l.getBoundingClientRect();
+      n.value ? o.top < a.top ? e.scrollTop -= a.top - o.top : o.bottom > a.bottom && (e.scrollTop += o.bottom - a.bottom) : o.left < a.left ? e.scrollLeft -= a.left - o.left : o.right > a.right && (e.scrollLeft += o.right - a.right), C();
     }
-    return (a, r) => (u(), d(m, null, [
-      f("div", B({
-        ref_key: "root",
-        ref: b
-      }, h(g), {
-        class: ["hys-ui-tabs", { "hys-ui-tabs-card": l.type === "card", "hys-ui-tabs-vertical": l.vertical }],
-        role: "tablist",
-        "aria-label": l.ariaLabel || "页签",
-        "aria-orientation": l.vertical ? "vertical" : "horizontal",
-        onKeydown: A
-      }), [
-        (u(!0), d(m, null, E(l.items, (e) => {
-          var s;
-          return u(), d("div", {
-            key: e.value,
-            class: "hys-ui-tab-item"
-          }, [
-            f("button", {
-              type: "button",
-              role: "tab",
-              "data-tab-value": e.value,
-              "aria-selected": l.modelValue === e.value,
-              disabled: l.disabled || e.disabled,
-              tabindex: l.modelValue === e.value || !t.value.some((o) => o.value === l.modelValue) && ((s = t.value[0]) == null ? void 0 : s.value) === e.value ? 0 : -1,
-              class: H({ "hys-ui-active": l.modelValue === e.value }),
-              onClick: (o) => v(e.value)
-            }, [
-              k(a.$slots, "label", { item: e }, () => [
-                L(N(e.label), 1)
-              ], !0)
-            ], 10, T),
-            l.closable || e.closable ? (u(), d("button", {
-              key: 0,
-              type: "button",
-              class: "hys-ui-tab-close",
-              "aria-label": "关闭" + e.label,
-              disabled: l.disabled || e.disabled,
-              onClick: (o) => i("close", e.value)
+    function Y(e) {
+      const l = g.value;
+      if (!l) return;
+      const a = (n.value ? l.clientHeight : l.clientWidth) * 0.8 * e;
+      l.scrollBy({ [n.value ? "top" : "left"]: a, behavior: X.value === "off" ? "auto" : "smooth" });
+    }
+    function Z(e) {
+      var l;
+      m.value = e, (l = Q(e)) == null || l.focus();
+    }
+    async function x(e) {
+      const l = ++z, a = u.value, o = w;
+      if (p.value = !1, !(!b || !r.value.some((d) => d.value === e) || e === a))
+        try {
+          if (t.beforeLeave && (p.value = !0, await t.beforeLeave(e, a) === !1) || !b || o !== w || l !== z || u.value !== a || !r.value.some((d) => d.value === e)) return;
+          p.value = !1, N.value = e, c("update:modelValue", e), c("change", e), await T(), V();
+        } catch (d) {
+          b && o === w && l === z && c("guardError", d);
+        } finally {
+          l === z && (p.value = !1);
+        }
+    }
+    function ce(e, l) {
+      t.disabled || e.disabled || (c("tabClick", e.value, l), x(e.value));
+    }
+    async function be(e) {
+      if (!b || t.disabled || e.disabled || !F(e) || $.value.has(e.value)) return;
+      const l = w, a = ++de;
+      E.set(e.value, a);
+      try {
+        if ($.value.add(e.value), t.beforeClose && await t.beforeClose(e.value) === !1) return;
+        const o = t.items.find((d) => d.value === e.value);
+        if (!b || l !== w || E.get(e.value) !== a || t.disabled || !o || o.disabled || !F(o)) return;
+        c("close", e.value), c("edit", e.value, "remove");
+      } catch (o) {
+        b && l === w && c("guardError", o);
+      } finally {
+        E.get(e.value) === a && $.value.delete(e.value);
+      }
+    }
+    function fe() {
+      t.disabled || (c("add"), c("edit", void 0, "add"));
+    }
+    function ye(e) {
+      var ee;
+      if (e.target.closest(".hys-ui-tab-close")) return;
+      const l = n.value ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], a = e.target.closest('[role="tab"]'), o = ((ee = r.value.find((P) => L(P.value) === (a == null ? void 0 : a.dataset.tabKey))) == null ? void 0 : ee.value) ?? m.value ?? u.value;
+      if (["Enter", " "].includes(e.key) && t.activation === "manual" && a) {
+        e.preventDefault(), x(o);
+        return;
+      }
+      if (![...l, "Home", "End"].includes(e.key) || !r.value.length) return;
+      e.preventDefault();
+      const d = r.value.findIndex((P) => P.value === o), f = e.key === "Home" ? 0 : e.key === "End" ? r.value.length - 1 : d < 0 ? e.key === l[0] ? r.value.length - 1 : 0 : (d + (e.key === l[0] ? -1 : 1) + r.value.length) % r.value.length;
+      Z(r.value[f].value), t.activation === "auto" && x(r.value[f].value);
+    }
+    function I() {
+      z++, p.value = !1, w++, $.value.clear(), E.clear();
+    }
+    function K() {
+      S == null || S.disconnect(), S = void 0;
+    }
+    function _() {
+      K(), typeof ResizeObserver < "u" && g.value && (S = new ResizeObserver(C), S.observe(g.value)), T().then(C);
+    }
+    return A(u, (e) => {
+      D.value.add(e), z++, p.value = !1, T().then(V);
+    }, { immediate: !0 }), A(() => t.items.map((e) => [e.value, e.disabled, e.closable]), () => {
+      I(), D.value = new Set([...D.value].filter((e) => t.items.some((l) => l.value === e))), m.value !== void 0 && !r.value.some((e) => e.value === m.value) && (m.value = void 0), T().then(C);
+    }, { deep: !0 }), A(() => t.disabled, () => I()), A(() => [t.size, t.type, t.stretch, t.centered, ...t.items.map((e) => e.label)], () => void T().then(() => {
+      C(), V();
+    })), A(H, () => void T().then(() => {
+      C(), V();
+    })), ge(_), me(() => {
+      b = !0, _();
+    }), pe(() => {
+      b = !1, I(), K();
+    }), we(() => {
+      b = !1, I(), K();
+    }), ie({ scrollToActiveTab: V, focus: (e = u.value) => Z(e) }), (e, l) => (i(), v("div", Ce(h(re), {
+      class: ["hys-ui-tabs-root", ["hys-ui-tabs-placement-" + H.value, "hys-ui-tabs-size-" + s.size, { "hys-ui-tabs-bordered": s.type === "border-card" }]]
+    }), [
+      U("div", {
+        class: R(["hys-ui-tabs-header", { "hys-ui-tabs-header-vertical": n.value }])
+      }, [
+        e.$slots.prefix ? (i(), v("div", De, [
+          B(e.$slots, "prefix", {}, void 0, !0)
+        ])) : k("", !0),
+        s.showScrollButtons && G.value ? (i(), v("button", {
+          key: 1,
+          class: "hys-ui-tab-scroll",
+          type: "button",
+          "aria-label": n.value ? "向上滚动页签" : "向左滚动页签",
+          onClick: l[0] || (l[0] = (a) => Y(-1))
+        }, [
+          (i(), ae(le(n.value ? h(ze) : h(Se)), { size: 16 }))
+        ], 8, Ee)) : k("", !0),
+        U("div", {
+          ref_key: "nav",
+          ref: g,
+          class: R(["hys-ui-tabs", ["hys-ui-tabs-" + s.type, { "hys-ui-tabs-vertical": n.value, "hys-ui-tabs-stretch": s.stretch, "hys-ui-tabs-centered": s.centered }]]),
+          role: "tablist",
+          "aria-label": s.ariaLabel || "页签",
+          "aria-busy": p.value || void 0,
+          "aria-orientation": n.value ? "vertical" : "horizontal",
+          onKeydown: ye,
+          onScrollPassive: C
+        }, [
+          (i(!0), v(W, null, te(s.items, (a, o) => {
+            var d;
+            return i(), v("div", {
+              key: L(a.value),
+              class: R(["hys-ui-tab-item", { "hys-ui-tab-selected": u.value === a.value }])
             }, [
-              $(h(D), { size: 12 })
-            ], 8, q)) : z("", !0)
-          ]);
-        }), 128))
-      ], 16, S),
-      k(a.$slots, "default", { active: l.modelValue }, void 0, !0)
-    ], 64));
+              U("button", {
+                id: O(o),
+                type: "button",
+                role: "tab",
+                "data-tab-key": L(a.value),
+                "aria-selected": u.value === a.value,
+                "aria-controls": e.$slots.panel || a.content !== void 0 || e.$slots.default && u.value === a.value ? q(o) : void 0,
+                disabled: s.disabled || a.disabled,
+                tabindex: (m.value ?? (r.value.some((f) => f.value === u.value) ? u.value : (d = r.value[0]) == null ? void 0 : d.value)) === a.value ? 0 : -1,
+                class: R({ "hys-ui-active": u.value === a.value }),
+                onFocus: (f) => m.value = a.value,
+                onClick: (f) => ce(a, f),
+                onMouseenter: (f) => s.trigger === "hover" && x(a.value)
+              }, [
+                B(e.$slots, "label", {
+                  item: a,
+                  active: u.value === a.value
+                }, () => [
+                  oe(se(a.label), 1)
+                ], !0)
+              ], 42, Ie),
+              F(a) ? (i(), v("button", {
+                key: 0,
+                type: "button",
+                class: "hys-ui-tab-close",
+                "aria-label": "关闭" + a.label,
+                "aria-busy": $.value.has(a.value) || void 0,
+                disabled: s.disabled || a.disabled || $.value.has(a.value),
+                onClick: (f) => be(a)
+              }, [
+                B(e.$slots, "close-icon", { item: a }, () => [
+                  ue(h(Te), { size: 13 })
+                ], !0)
+              ], 8, Me)) : k("", !0)
+            ], 2);
+          }), 128))
+        ], 42, xe),
+        s.showScrollButtons && J.value ? (i(), v("button", {
+          key: 2,
+          class: "hys-ui-tab-scroll",
+          type: "button",
+          "aria-label": n.value ? "向下滚动页签" : "向右滚动页签",
+          onClick: l[1] || (l[1] = (a) => Y(1))
+        }, [
+          (i(), ae(le(n.value ? h(Le) : h(Ve)), { size: 16 }))
+        ], 8, Ne)) : k("", !0),
+        s.addable || s.editable ? (i(), v("button", {
+          key: 3,
+          type: "button",
+          class: "hys-ui-tab-add",
+          "aria-label": "添加页签",
+          disabled: s.disabled,
+          onClick: fe
+        }, [
+          B(e.$slots, "add-icon", {}, () => [
+            ue(h(Ae), { size: 16 })
+          ], !0)
+        ], 8, Oe)) : k("", !0),
+        e.$slots.suffix ? (i(), v("div", qe, [
+          B(e.$slots, "suffix", {}, void 0, !0)
+        ])) : k("", !0)
+      ], 2),
+      e.$slots.panel || s.items.some((a) => a.content !== void 0) ? (i(), v("div", {
+        key: 0,
+        class: R(["hys-ui-tabs-content", { "hys-ui-tabs-animated": s.animated && h(X) !== "off" }])
+      }, [
+        (i(!0), v(W, null, te(s.items, (a, o) => (i(), v(W, {
+          key: L(a.value)
+        }, [
+          ve(a) ? Be((i(), v("div", {
+            key: 0,
+            id: q(o),
+            class: "hys-ui-tab-panel",
+            "data-active": u.value === a.value,
+            role: "tabpanel",
+            "aria-labelledby": O(o),
+            tabindex: "0"
+          }, [
+            B(e.$slots, "panel", {
+              item: a,
+              active: u.value === a.value
+            }, () => [
+              oe(se(a.content), 1)
+            ], !0)
+          ], 8, Fe)), [
+            [$e, u.value === a.value]
+          ]) : k("", !0)
+        ], 64))), 128))
+      ], 2)) : e.$slots.default ? (i(), v("div", {
+        key: 1,
+        id: q(s.items.findIndex((a) => a.value === u.value)),
+        class: "hys-ui-tabs-content",
+        role: "tabpanel",
+        "aria-labelledby": s.items.some((a) => a.value === u.value) ? O(s.items.findIndex((a) => a.value === u.value)) : void 0,
+        tabindex: "0"
+      }, [
+        B(e.$slots, "default", { active: u.value }, void 0, !0)
+      ], 8, Ke)) : k("", !0)
+    ], 16));
   }
 });
 export {
-  P as default
+  je as default
 };

package/dist/components/HysTagInput/HysTagInput.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as V, ref as p, openBlock as u, createElementBlock as s, mergeProps as g, unref as c, Fragment as h, renderList as B, renderSlot as x, createTextVNode as k, toDisplayString as C, createVNode as A, createCommentVNode as N, withDirectives as w, createElementVNode as D, withKeys as b, vModelText as E } from "vue";
+import { defineComponent as V, ref as g, openBlock as m, createElementBlock as f, mergeProps as h, unref as i, Fragment as B, renderList as x, renderSlot as k, createTextVNode as C, toDisplayString as A, createVNode as D, createCommentVNode as N, withDirectives as w, createElementVNode as E, withKeys as y, vModelText as H } from "vue";
+import { useHysControlState as S } from "../../composables/formContext.js";
 import { useHysRootAttrs as T } from "../../config.js";
 import { X as j } from "lucide-vue-next";
-const H = ["aria-disabled"], K = ["disabled", "aria-label", "onClick"], O = ["placeholder", "disabled", "readonly"], z = /* @__PURE__ */ V({
+const K = ["aria-disabled"], O = ["disabled", "aria-label", "onClick"], R = ["placeholder", "disabled", "readonly"], L = /* @__PURE__ */ V({
   __name: "HysTagInput",
   props: {
     modelValue: {},
@@ -14,70 +15,70 @@ const H = ["aria-disabled"], K = ["disabled", "aria-label", "onClick"], O = ["pl
     beforeAdd: {}
   },
   emits: ["update:modelValue", "change", "add", "remove", "reject"],
-  setup(l, { emit: y }) {
-    const v = T(), t = l, n = y, r = p("");
-    function m() {
-      if (t.disabled || t.readonly) return;
-      const o = r.value.trim();
-      if (!o) return;
-      const a = t.separator ? o.split(t.separator) : [o], e = [...t.modelValue];
-      for (const d of a.map((i) => i.trim()).filter(Boolean)) {
-        if (e.includes(d) || e.length >= t.max || t.beforeAdd && t.beforeAdd(d) === !1) {
-          n("reject", d);
+  setup(a, { emit: b }) {
+    const v = T(), l = a, d = b, r = g(""), { disabled: u } = S(l);
+    function c() {
+      if (u.value || l.readonly) return;
+      const n = r.value.trim();
+      if (!n) return;
+      const t = l.separator ? n.split(l.separator) : [n], e = [...l.modelValue];
+      for (const o of t.map((s) => s.trim()).filter(Boolean)) {
+        if (e.includes(o) || e.length >= l.max || l.beforeAdd && l.beforeAdd(o) === !1) {
+          d("reject", o);
           continue;
         }
-        e.push(d), n("add", d);
+        e.push(o), d("add", o);
       }
-      n("update:modelValue", e), n("change", e), r.value = "";
+      d("update:modelValue", e), d("change", e), r.value = "";
     }
-    function f(o) {
-      if (t.disabled || t.readonly) return;
-      const a = t.modelValue[o], e = t.modelValue.filter((d, i) => i !== o);
-      n("update:modelValue", e), n("change", e), n("remove", a);
+    function p(n) {
+      if (u.value || l.readonly) return;
+      const t = l.modelValue[n], e = l.modelValue.filter((o, s) => s !== n);
+      d("update:modelValue", e), d("change", e), d("remove", t);
     }
-    return (o, a) => (u(), s("div", g(c(v), {
+    return (n, t) => (m(), f("div", h(i(v), {
       class: "hys-ui-ex-tags",
-      "aria-disabled": l.disabled
+      "aria-disabled": i(u)
     }), [
-      (u(!0), s(h, null, B(l.modelValue, (e, d) => (u(), s("span", {
+      (m(!0), f(B, null, x(a.modelValue, (e, o) => (m(), f("span", {
         key: e,
         class: "hys-ui-ex-tag"
       }, [
-        x(o.$slots, "tag", {
+        k(n.$slots, "tag", {
           value: e,
-          index: d
+          index: o
         }, () => [
-          k(C(e), 1)
+          C(A(e), 1)
         ]),
-        l.readonly ? N("", !0) : (u(), s("button", {
+        a.readonly ? N("", !0) : (m(), f("button", {
           key: 0,
           type: "button",
-          disabled: l.disabled,
+          disabled: i(u),
           "aria-label": "移除 " + e,
-          onClick: (i) => f(d)
+          onClick: (s) => p(o)
         }, [
-          A(c(j), { size: 14 })
-        ], 8, K))
+          D(i(j), { size: 14 })
+        ], 8, O))
       ]))), 128)),
-      w(D("input", {
-        "onUpdate:modelValue": a[0] || (a[0] = (e) => r.value = e),
-        placeholder: l.placeholder,
+      w(E("input", {
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => r.value = e),
+        placeholder: a.placeholder,
         "aria-label": "输入标签",
-        disabled: l.disabled || l.modelValue.length >= l.max,
-        readonly: l.readonly,
+        disabled: i(u) || a.modelValue.length >= a.max,
+        readonly: a.readonly,
         onKeydown: [
-          a[1] || (a[1] = b((e) => {
-            e.isComposing || (e.preventDefault(), m());
+          t[1] || (t[1] = y((e) => {
+            e.isComposing || (e.preventDefault(), c());
           }, ["enter"])),
-          a[2] || (a[2] = b((e) => !r.value && l.modelValue.length && !e.isComposing && f(l.modelValue.length - 1), ["backspace"]))
+          t[2] || (t[2] = y((e) => !r.value && a.modelValue.length && !e.isComposing && p(a.modelValue.length - 1), ["backspace"]))
         ],
-        onBlur: a[3] || (a[3] = (e) => l.addOnBlur && m())
-      }, null, 40, O), [
-        [E, r.value]
+        onBlur: t[3] || (t[3] = (e) => a.addOnBlur && c())
+      }, null, 40, R), [
+        [H, r.value]
       ])
-    ], 16, H));
+    ], 16, K));
   }
 });
 export {
-  z as default
+  L as default
 };