hys-ui 0.1.0 → 0.1.1

package/dist/components/HysTransfer/HysTransfer.vue.js

@@ -1,209 +1,225 @@
-import { defineComponent as J, ref as g, computed as $, onDeactivated as Q, openBlock as u, createElementBlock as o, mergeProps as W, unref as d, createElementVNode as t, normalizeClass as k, toDisplayString as v, createVNode as p, withDirectives as w, vModelText as X, createCommentVNode as z, TransitionGroup as G, withCtx as H, Fragment as K, renderList as M, vModelCheckbox as q, renderSlot as Y, createTextVNode as Z } from "vue";
-import { useHysRootAttrs as _ } from "../../config.js";
-import { Search as x, GripVertical as F, ChevronRight as ee, ChevronLeft as ae } from "lucide-vue-next";
-const le = { class: "hys-ui-pf-transfer-header" }, te = {
-  key: 0,
-  class: "hys-ui-pf-transfer-search"
-}, se = ["draggable", "title", "onDragstart"], ne = ["value", "disabled"], re = { class: "hys-ui-v4-move" }, ie = ["disabled"], ue = ["disabled"], oe = { class: "hys-ui-pf-transfer-header" }, de = ["draggable", "title", "onDragstart"], ve = ["value", "disabled"], fe = {
+import { defineComponent as Z, ref as y, computed as q, onDeactivated as R, openBlock as d, createElementBlock as V, mergeProps as _, unref as c, createElementVNode as r, normalizeClass as k, toDisplayString as o, createBlock as w, createCommentVNode as L, createVNode as f, TransitionGroup as F, withCtx as h, Fragment as O, renderList as P, renderSlot as U, createTextVNode as j } from "vue";
+import I from "../HysCheckbox/HysCheckbox.vue.js";
+import x from "../HysSearch/HysSearch.vue.js";
+import J from "../HysButton/HysButton.vue.js";
+import { useHysRootAttrs as ee } from "../../config.js";
+import { GripVertical as M, ChevronRight as ae, ChevronLeft as le } from "lucide-vue-next";
+const se = { class: "hys-ui-pf-transfer-header" }, te = { class: "hys-ui-v4-move" }, re = { class: "hys-ui-pf-transfer-header" }, ne = {
   class: "hys-ui-pf-transfer-status",
   role: "status"
-}, ye = /* @__PURE__ */ J({
+}, ce = /* @__PURE__ */ Z({
   __name: "HysTransfer",
   props: {
     modelValue: {},
     options: {},
     disabled: { type: Boolean },
-    filterable: { type: Boolean },
+    filterable: { type: Boolean, default: !0 },
     titles: {}
   },
-  emits: ["update:modelValue"],
-  setup(r, { emit: O }) {
-    const P = _(), s = r, R = O, c = g([]), b = g([]), V = g(""), T = $(() => s.options.filter((l) => !s.modelValue.includes(l.value) && l.label.toLowerCase().includes(V.value.toLowerCase()))), C = $(() => s.options.filter((l) => s.modelValue.includes(l.value))), j = Symbol("empty-available"), I = Symbol("empty-selected"), y = g(null), h = g(null), L = g("");
-    function S(l, a = l ? c.value : b.value) {
+  emits: ["update:modelValue", "change", "checkChange"],
+  setup(n, { emit: Q }) {
+    const W = ee(), s = n, T = Q, m = y([]), b = y([]), C = y(""), z = q(() => s.options.filter((l) => !s.modelValue.includes(l.value) && l.label.toLowerCase().includes(C.value.toLowerCase()))), S = q(() => s.options.filter((l) => s.modelValue.includes(l.value))), X = Symbol("empty-available"), Y = Symbol("empty-selected"), g = y(null), p = y(null), N = y("");
+    function B(l, a = l ? m.value : b.value) {
       if (s.disabled) return;
-      const n = a.filter((e) => s.options.some((i) => i.value === e && !i.disabled)), D = l ? [.../* @__PURE__ */ new Set([...s.modelValue, ...n])] : s.modelValue.filter((e) => !n.includes(e));
-      D.length !== s.modelValue.length && (R("update:modelValue", D), L.value = l ? "已移入已选择区域" : "已移回待选择区域"), c.value = [], b.value = [];
+      const t = a.filter((e) => s.options.some((u) => u.value === e && !u.disabled)), i = l ? [.../* @__PURE__ */ new Set([...s.modelValue, ...t])] : s.modelValue.filter((e) => !t.includes(e));
+      if (i.length !== s.modelValue.length) {
+        const e = t.filter((u) => l ? !s.modelValue.includes(u) : s.modelValue.includes(u));
+        T("update:modelValue", i), T("change", i, l ? "right" : "left", e), N.value = l ? "已移入已选择区域" : "已移回待选择区域";
+      }
+      m.value = [], b.value = [];
+    }
+    function $(l, a, t) {
+      if (s.disabled) return;
+      const i = a ? b : m;
+      i.value = t ? [...i.value, l] : i.value.filter((e) => e !== l), T("checkChange", a ? "right" : "left", [...i.value]);
     }
-    function N(l, a, n) {
+    function A(l, a, t) {
       if (s.disabled || a.disabled || !l.dataTransfer) {
         l.preventDefault();
         return;
       }
-      y.value = { value: a.value, fromSelected: n }, l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", a.value);
+      g.value = { value: a.value, fromSelected: t }, l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", a.value);
     }
-    function A(l) {
-      const a = y.value;
-      return !s.disabled && !!a && a.fromSelected !== l && s.modelValue.includes(a.value) === a.fromSelected && s.options.some((n) => n.value === a.value && !n.disabled);
+    function E(l) {
+      const a = g.value;
+      return !s.disabled && !!a && a.fromSelected !== l && s.modelValue.includes(a.value) === a.fromSelected && s.options.some((t) => t.value === a.value && !t.disabled);
     }
-    function B(l, a) {
-      A(a) && (l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), h.value = a);
+    function H(l, a) {
+      E(a) && (l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), p.value = a);
     }
-    function E(l) {
-      l.relatedTarget instanceof Node && l.currentTarget.contains(l.relatedTarget) || (h.value = null);
+    function G(l) {
+      l.relatedTarget instanceof Node && l.currentTarget.contains(l.relatedTarget) || (p.value = null);
     }
-    function m() {
-      y.value = null, h.value = null;
+    function D() {
+      g.value = null, p.value = null;
     }
-    function U(l, a) {
-      if (!A(a)) {
-        m();
+    function K(l, a) {
+      if (!E(a)) {
+        D();
         return;
       }
-      l.preventDefault(), S(a, [y.value.value]), m();
+      l.preventDefault(), B(a, [g.value.value]), D();
     }
-    return Q(m), (l, a) => {
-      var n, D;
-      return u(), o("div", W(d(P), { class: "hys-ui-v4-transfer hys-ui-pf-transfer" }), [
-        t("section", {
-          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": h.value === !1 }]),
+    return R(D), (l, a) => {
+      var t, i;
+      return d(), V("div", _(c(W), { class: "hys-ui-v4-transfer hys-ui-pf-transfer" }), [
+        r("section", {
+          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": p.value === !1 }]),
           "aria-label": "待选择",
-          onDragover: a[2] || (a[2] = (e) => B(e, !1)),
-          onDragleave: E,
-          onDrop: a[3] || (a[3] = (e) => U(e, !1))
+          onDragover: a[1] || (a[1] = (e) => H(e, !1)),
+          onDragleave: G,
+          onDrop: a[2] || (a[2] = (e) => K(e, !1))
         }, [
-          t("header", le, [
-            t("strong", null, v(((n = r.titles) == null ? void 0 : n[0]) || "待选择"), 1),
-            t("span", null, v(T.value.length), 1)
+          r("header", se, [
+            r("strong", null, o(((t = n.titles) == null ? void 0 : t[0]) || "待选择"), 1),
+            r("span", null, o(z.value.length), 1)
           ]),
-          r.filterable !== !1 ? (u(), o("div", te, [
-            p(d(x), {
-              size: 14,
-              "aria-hidden": "true"
-            }),
-            w(t("input", {
-              "onUpdate:modelValue": a[0] || (a[0] = (e) => V.value = e),
-              placeholder: "筛选成员",
-              "aria-label": "筛选成员"
-            }, null, 512), [
-              [X, V.value]
-            ])
-          ])) : z("", !0),
-          p(G, {
+          n.filterable ? (d(), w(x, {
+            key: 0,
+            modelValue: C.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (e) => C.value = e),
+            class: "hys-ui-pf-transfer-search",
+            placeholder: "筛选成员",
+            "aria-label": "筛选成员",
+            disabled: n.disabled,
+            delay: 0
+          }, null, 8, ["modelValue", "disabled"])) : L("", !0),
+          f(F, {
             name: "hys-ui-transfer-motion",
             tag: "div",
             class: "hys-ui-pf-transfer-list"
           }, {
-            default: H(() => [
-              (u(!0), o(K, null, M(T.value, (e) => {
-                var i;
-                return u(), o("label", {
+            default: h(() => [
+              (d(!0), V(O, null, P(z.value, (e) => {
+                var u;
+                return d(), w(I, {
+                  "model-value": m.value.includes(e.value),
+                  disabled: n.disabled || e.disabled,
+                  "aria-label": e.label,
+                  onChange: (v) => $(e.value, !1, v),
                   key: e.value,
-                  class: k(["hys-ui-v4-option", { "hys-ui-is-checked": c.value.includes(e.value), "hys-ui-is-disabled": e.disabled, "hys-ui-is-dragging": ((i = y.value) == null ? void 0 : i.value) === e.value }]),
-                  draggable: !r.disabled && !e.disabled,
+                  class: k(["hys-ui-v4-option", { "hys-ui-is-checked": m.value.includes(e.value), "hys-ui-is-disabled": e.disabled, "hys-ui-is-dragging": ((u = g.value) == null ? void 0 : u.value) === e.value }]),
+                  draggable: !n.disabled && !e.disabled,
                   title: e.disabled ? void 0 : "拖动到已选择区域",
-                  onDragstart: (f) => N(f, e, !1),
-                  onDragend: m
-                }, [
-                  w(t("input", {
-                    "onUpdate:modelValue": a[1] || (a[1] = (f) => c.value = f),
-                    type: "checkbox",
-                    value: e.value,
-                    disabled: r.disabled || e.disabled
-                  }, null, 8, ne), [
-                    [q, c.value]
-                  ]),
-                  t("span", null, [
-                    Y(l.$slots, "option", { option: e }, () => [
-                      Z(v(e.label), 1)
-                    ])
+                  onDragstart: (v) => A(v, e, !1),
+                  onDragend: D
+                }, {
+                  default: h(() => [
+                    r("span", null, [
+                      U(l.$slots, "option", { option: e }, () => [
+                        j(o(e.label), 1)
+                      ])
+                    ]),
+                    f(c(M), {
+                      class: "hys-ui-pf-transfer-grip",
+                      size: 12,
+                      "aria-hidden": "true"
+                    })
                   ]),
-                  p(d(F), {
-                    class: "hys-ui-pf-transfer-grip",
-                    size: 12,
-                    "aria-hidden": "true"
-                  })
-                ], 42, se);
+                  _: 2
+                }, 1032, ["model-value", "disabled", "aria-label", "onChange", "class", "draggable", "title", "onDragstart"]);
               }), 128)),
-              T.value.length ? z("", !0) : (u(), o("p", {
-                key: d(j),
+              z.value.length ? L("", !0) : (d(), V("p", {
+                key: c(X),
                 class: "hys-ui-pf-transfer-empty"
-              }, v(V.value ? "无匹配成员" : "暂无待选成员"), 1))
+              }, o(C.value ? "无匹配成员" : "暂无待选成员"), 1))
             ]),
             _: 3
           })
         ], 34),
-        t("div", re, [
-          t("button", {
-            type: "button",
+        r("div", te, [
+          f(J, {
+            variant: "secondary",
+            size: "sm",
             class: "hys-ui-v4-control",
-            disabled: r.disabled || !c.value.length,
-            onClick: a[4] || (a[4] = (e) => S(!0)),
+            disabled: n.disabled || !m.value.length,
+            onClick: a[3] || (a[3] = (e) => B(!0)),
             "aria-label": "添加选中项"
-          }, [
-            p(d(ee), {
-              size: 16,
-              "aria-hidden": "true"
-            })
-          ], 8, ie),
-          t("button", {
-            type: "button",
+          }, {
+            default: h(() => [
+              f(c(ae), {
+                size: 16,
+                "aria-hidden": "true"
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          f(J, {
+            variant: "secondary",
+            size: "sm",
             class: "hys-ui-v4-control",
-            disabled: r.disabled || !b.value.length,
-            onClick: a[5] || (a[5] = (e) => S(!1)),
+            disabled: n.disabled || !b.value.length,
+            onClick: a[4] || (a[4] = (e) => B(!1)),
             "aria-label": "移除选中项"
-          }, [
-            p(d(ae), {
-              size: 16,
-              "aria-hidden": "true"
-            })
-          ], 8, ue)
+          }, {
+            default: h(() => [
+              f(c(le), {
+                size: 16,
+                "aria-hidden": "true"
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"])
         ]),
-        t("section", {
-          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": h.value === !0 }]),
+        r("section", {
+          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": p.value === !0 }]),
           "aria-label": "已选择",
-          onDragover: a[7] || (a[7] = (e) => B(e, !0)),
-          onDragleave: E,
-          onDrop: a[8] || (a[8] = (e) => U(e, !0))
+          onDragover: a[5] || (a[5] = (e) => H(e, !0)),
+          onDragleave: G,
+          onDrop: a[6] || (a[6] = (e) => K(e, !0))
         }, [
-          t("header", oe, [
-            t("strong", null, v(((D = r.titles) == null ? void 0 : D[1]) || "已选择"), 1),
-            t("span", null, v(C.value.length), 1)
+          r("header", re, [
+            r("strong", null, o(((i = n.titles) == null ? void 0 : i[1]) || "已选择"), 1),
+            r("span", null, o(S.value.length), 1)
           ]),
-          p(G, {
+          f(F, {
             name: "hys-ui-transfer-motion",
             tag: "div",
             class: "hys-ui-pf-transfer-list"
           }, {
-            default: H(() => [
-              (u(!0), o(K, null, M(C.value, (e) => {
-                var i;
-                return u(), o("label", {
+            default: h(() => [
+              (d(!0), V(O, null, P(S.value, (e) => {
+                var u;
+                return d(), w(I, {
+                  "model-value": b.value.includes(e.value),
+                  disabled: n.disabled || e.disabled,
+                  "aria-label": e.label,
+                  onChange: (v) => $(e.value, !0, v),
                   key: e.value,
-                  class: k(["hys-ui-v4-option", { "hys-ui-is-checked": b.value.includes(e.value), "hys-ui-is-disabled": e.disabled, "hys-ui-is-dragging": ((i = y.value) == null ? void 0 : i.value) === e.value }]),
-                  draggable: !e.disabled,
+                  class: k(["hys-ui-v4-option", { "hys-ui-is-checked": b.value.includes(e.value), "hys-ui-is-disabled": e.disabled, "hys-ui-is-dragging": ((u = g.value) == null ? void 0 : u.value) === e.value }]),
+                  draggable: !n.disabled && !e.disabled,
                   title: e.disabled ? void 0 : "拖动到待选择区域",
-                  onDragstart: (f) => N(f, e, !0),
-                  onDragend: m
-                }, [
-                  w(t("input", {
-                    "onUpdate:modelValue": a[6] || (a[6] = (f) => b.value = f),
-                    type: "checkbox",
-                    value: e.value,
-                    disabled: e.disabled
-                  }, null, 8, ve), [
-                    [q, b.value]
+                  onDragstart: (v) => A(v, e, !0),
+                  onDragend: D
+                }, {
+                  default: h(() => [
+                    r("span", null, [
+                      U(l.$slots, "option", { option: e }, () => [
+                        j(o(e.label), 1)
+                      ])
+                    ]),
+                    f(c(M), {
+                      class: "hys-ui-pf-transfer-grip",
+                      size: 12,
+                      "aria-hidden": "true"
+                    })
                   ]),
-                  t("span", null, v(e.label), 1),
-                  p(d(F), {
-                    class: "hys-ui-pf-transfer-grip",
-                    size: 12,
-                    "aria-hidden": "true"
-                  })
-                ], 42, de);
+                  _: 2
+                }, 1032, ["model-value", "disabled", "aria-label", "onChange", "class", "draggable", "title", "onDragstart"]);
               }), 128)),
-              C.value.length ? z("", !0) : (u(), o("p", {
-                key: d(I),
+              S.value.length ? L("", !0) : (d(), V("p", {
+                key: c(Y),
                 class: "hys-ui-pf-transfer-empty"
               }, "暂无已选成员"))
             ]),
-            _: 1
+            _: 3
           })
         ], 34),
-        t("span", fe, v(L.value), 1)
+        r("span", ne, o(N.value), 1)
       ], 16);
     };
   }
 });
 export {
-  ye as default
+  ce as default
 };

package/dist/components/HysTree/HysTree.vue.js

@@ -2,7 +2,7 @@ import o from "./HysTree2.vue.js";
 /* empty css             */
 /* empty css             */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a69f6c1a"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f89ec88e"]]);
 export {
-  e as default
+  f as default
 };