hys-ui 0.1.1 → 0.2.0

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

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