hys-ui 0.1.0 → 0.2.0

package/dist/components/HysTreeSelect/HysTreeSelect.vue.js

@@ -1,131 +1,7 @@
-import { defineComponent as U, ref as f, computed as c, watch as T, openBlock as o, createElementBlock as i, mergeProps as z, unref as n, createElementVNode as V, withKeys as j, withModifiers as q, toDisplayString as H, createVNode as P, createBlock as K, Teleport as W, withDirectives as G, vModelText as J, createCommentVNode as h, Fragment as Q, renderList as X, normalizeStyle as Y, normalizeClass as Z, renderSlot as _, createTextVNode as ee, nextTick as le } from "vue";
-import { ChevronDown as ae, Check as te } from "lucide-vue-next";
-import { useFloating as ne } from "../../composables/useFloating.js";
-import { useHysRootAttrs as oe } from "../../config.js";
-const ue = ["disabled", "aria-expanded", "onKeydown"], re = ["aria-multiselectable"], se = ["aria-selected", "disabled", "data-enabled", "onClick"], de = { key: 0 }, fe = /* @__PURE__ */ U({
-  __name: "HysTreeSelect",
-  props: {
-    modelValue: {},
-    nodes: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    multiple: { type: Boolean },
-    clearable: { type: Boolean },
-    searchable: { type: Boolean, default: !0 },
-    leafOnly: { type: Boolean }
-  },
-  emits: ["update:modelValue", "change", "clear"],
-  setup(u, { emit: N }) {
-    const t = u, m = N, C = oe(), x = f(), k = f(), A = f(), v = f(""), r = f(0), { open: g, style: $, show: I, close: y } = ne(x, k, { matchWidth: !0 });
-    function B(e, a = 0, l = !1) {
-      return e.flatMap((d) => [{ node: { ...d, disabled: l || d.disabled }, depth: a }, ...B(d.children || [], a + 1, l || d.disabled)]);
-    }
-    const D = c(() => B(t.nodes)), w = c(() => D.value.filter((e) => e.node.label.toLocaleLowerCase().includes(v.value.toLocaleLowerCase()))), p = c(() => w.value.filter((e) => {
-      var a;
-      return !e.node.disabled && (!t.leafOnly || !((a = e.node.children) != null && a.length));
-    })), s = c(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue].filter(Boolean)), b = c(() => t.multiple || Array.isArray(t.modelValue)), F = c(() => D.value.filter((e) => s.value.includes(e.node.value)).map((e) => e.node.label).join("、"));
-    T(v, () => r.value = 0), T(() => t.disabled, (e) => {
-      e && y();
-    });
-    async function E() {
-      var e;
-      t.disabled || (v.value = "", await I(), await le(), (e = A.value) == null || e.focus());
-    }
-    function L(e) {
-      m("update:modelValue", e), m("change", e);
-    }
-    function M(e) {
-      var a;
-      t.disabled || e.disabled || t.leafOnly && ((a = e.children) != null && a.length) || (L(b.value ? s.value.includes(e.value) ? s.value.filter((l) => l !== e.value) : [...s.value, e.value] : e.value), b.value || y(!0));
-    }
-    function R(e) {
-      var a, l;
-      ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) ? (e.preventDefault(), r.value = e.key === "Home" ? 0 : e.key === "End" ? p.value.length - 1 : Math.max(0, Math.min(p.value.length - 1, r.value + (e.key === "ArrowDown" ? 1 : -1))), (l = (a = k.value) == null ? void 0 : a.querySelectorAll("[data-enabled]")[r.value]) == null || l.scrollIntoView({ block: "nearest" })) : e.key === "Enter" && p.value[r.value] ? (e.preventDefault(), M(p.value[r.value].node)) : e.key === "Escape" && (e.preventDefault(), y(!0));
-    }
-    return (e, a) => (o(), i("div", z(n(C), { class: "hys-ui-v4-relative" }), [
-      V("button", {
-        ref_key: "trigger",
-        ref: x,
-        type: "button",
-        class: "hys-ui-v4-control hys-ui-pf-select-trigger",
-        disabled: u.disabled,
-        "aria-haspopup": "listbox",
-        "aria-expanded": n(g),
-        onClick: a[0] || (a[0] = (l) => n(g) ? n(y)() : E()),
-        onKeydown: j(q(E, ["prevent"]), ["down"])
-      }, [
-        V("span", null, H(F.value || u.placeholder || "选择节点"), 1),
-        P(n(ae), {
-          size: 16,
-          class: "hys-ui-pf-select-chevron"
-        })
-      ], 40, ue),
-      (o(), K(W, { to: "body" }, [
-        n(g) ? (o(), i("div", z({
-          key: 0,
-          ref_key: "panel",
-          ref: k
-        }, n(C), {
-          class: "hys-ui-v4-menu hys-ui-pf-select-menu hys-ui-pf-tree-select-menu",
-          style: n($),
-          onKeydown: R
-        }), [
-          u.searchable ? G((o(), i("input", {
-            key: 0,
-            ref_key: "searchInput",
-            ref: A,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => v.value = l),
-            class: "hys-ui-v4-control",
-            placeholder: "搜索节点",
-            "aria-label": "搜索节点"
-          }, null, 512)), [
-            [J, v.value]
-          ]) : h("", !0),
-          V("div", {
-            class: "hys-ui-v4-scroll",
-            role: "listbox",
-            "aria-multiselectable": b.value || void 0,
-            "aria-label": "节点选择"
-          }, [
-            (o(!0), i(Q, null, X(w.value, (l) => {
-              var d, O, S;
-              return o(), i("button", {
-                key: l.node.value,
-                type: "button",
-                role: "option",
-                "aria-selected": s.value.includes(l.node.value),
-                disabled: l.node.disabled || u.leafOnly && !!((d = l.node.children) != null && d.length),
-                "data-enabled": l.node.disabled || u.leafOnly && ((O = l.node.children) != null && O.length) ? void 0 : "",
-                class: Z(["hys-ui-v4-option", { "hys-ui-v4-active": ((S = p.value[r.value]) == null ? void 0 : S.node.value) === l.node.value }]),
-                style: Y({ paddingLeft: 12 + l.depth * 16 + "px" }),
-                onClick: (ie) => M(l.node)
-              }, [
-                _(e.$slots, "option", {
-                  node: l.node
-                }, () => [
-                  ee(H(l.node.label), 1)
-                ]),
-                s.value.includes(l.node.value) ? (o(), K(n(te), {
-                  key: 0,
-                  size: 15
-                })) : h("", !0)
-              ], 14, se);
-            }), 128)),
-            w.value.length ? h("", !0) : (o(), i("p", de, "无匹配节点"))
-          ], 8, re),
-          u.clearable && s.value.length ? (o(), i("button", {
-            key: 1,
-            type: "button",
-            class: "hys-ui-v4-option",
-            onClick: a[2] || (a[2] = (l) => {
-              L(b.value ? [] : ""), m("clear"), n(y)(!0);
-            })
-          }, "清空选择")) : h("", !0)
-        ], 16)) : h("", !0)
-      ]))
-    ], 16));
-  }
-});
+import o from "./HysTreeSelect2.vue.js";
+/* empty css                   */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8dbc38d7"]]);
 export {
-  fe as default
+  m as default
 };