hys-ui 0.1.1 → 0.3.0

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

@@ -1,225 +1,7 @@
-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"
-}, ce = /* @__PURE__ */ Z({
-  __name: "HysTransfer",
-  props: {
-    modelValue: {},
-    options: {},
-    disabled: { type: Boolean },
-    filterable: { type: Boolean, default: !0 },
-    titles: {}
-  },
-  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 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 A(l, a, t) {
-      if (s.disabled || a.disabled || !l.dataTransfer) {
-        l.preventDefault();
-        return;
-      }
-      g.value = { value: a.value, fromSelected: t }, l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", a.value);
-    }
-    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 H(l, a) {
-      E(a) && (l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), p.value = a);
-    }
-    function G(l) {
-      l.relatedTarget instanceof Node && l.currentTarget.contains(l.relatedTarget) || (p.value = null);
-    }
-    function D() {
-      g.value = null, p.value = null;
-    }
-    function K(l, a) {
-      if (!E(a)) {
-        D();
-        return;
-      }
-      l.preventDefault(), B(a, [g.value.value]), D();
-    }
-    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[1] || (a[1] = (e) => H(e, !1)),
-          onDragleave: G,
-          onDrop: a[2] || (a[2] = (e) => K(e, !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)
-          ]),
-          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(() => [
-              (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": 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: (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"
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "disabled", "aria-label", "onChange", "class", "draggable", "title", "onDragstart"]);
-              }), 128)),
-              z.value.length ? L("", !0) : (d(), V("p", {
-                key: c(X),
-                class: "hys-ui-pf-transfer-empty"
-              }, o(C.value ? "无匹配成员" : "暂无待选成员"), 1))
-            ]),
-            _: 3
-          })
-        ], 34),
-        r("div", te, [
-          f(J, {
-            variant: "secondary",
-            size: "sm",
-            class: "hys-ui-v4-control",
-            disabled: n.disabled || !m.value.length,
-            onClick: a[3] || (a[3] = (e) => B(!0)),
-            "aria-label": "添加选中项"
-          }, {
-            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: n.disabled || !b.value.length,
-            onClick: a[4] || (a[4] = (e) => B(!1)),
-            "aria-label": "移除选中项"
-          }, {
-            default: h(() => [
-              f(c(le), {
-                size: 16,
-                "aria-hidden": "true"
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ]),
-        r("section", {
-          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": p.value === !0 }]),
-          "aria-label": "已选择",
-          onDragover: a[5] || (a[5] = (e) => H(e, !0)),
-          onDragleave: G,
-          onDrop: a[6] || (a[6] = (e) => K(e, !0))
-        }, [
-          r("header", re, [
-            r("strong", null, o(((i = n.titles) == null ? void 0 : i[1]) || "已选择"), 1),
-            r("span", null, o(S.value.length), 1)
-          ]),
-          f(F, {
-            name: "hys-ui-transfer-motion",
-            tag: "div",
-            class: "hys-ui-pf-transfer-list"
-          }, {
-            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": ((u = g.value) == null ? void 0 : u.value) === e.value }]),
-                  draggable: !n.disabled && !e.disabled,
-                  title: e.disabled ? void 0 : "拖动到待选择区域",
-                  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"
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "disabled", "aria-label", "onChange", "class", "draggable", "title", "onDragstart"]);
-              }), 128)),
-              S.value.length ? L("", !0) : (d(), V("p", {
-                key: c(Y),
-                class: "hys-ui-pf-transfer-empty"
-              }, "暂无已选成员"))
-            ]),
-            _: 3
-          })
-        ], 34),
-        r("span", ne, o(N.value), 1)
-      ], 16);
-    };
-  }
-});
+import o from "./HysTransfer2.vue.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8f1c6909"]]);
 export {
-  ce as default
+  a as default
 };

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

@@ -1,4 +1,448 @@
-import f from "./HysTransfer.vue.js";
+import { defineComponent as De, ref as I, useId as $e, provide as Be, watch as M, computed as R, onDeactivated as Ke, onBeforeUnmount as Pe, openBlock as m, createElementBlock as C, mergeProps as h, unref as l, Fragment as re, renderList as Ee, normalizeStyle as Ae, renderSlot as g, createVNode as L, withCtx as k, toDisplayString as $, createCommentVNode as B, createBlock as Ie, createSlots as Le, createTextVNode as Ve, createElementVNode as He, nextTick as le } from "vue";
+import { ChevronRight as Ne, ChevronLeft as Oe } from "lucide-vue-next";
+import oe from "../HysButton/HysButton.vue.js";
+import Me from "./HysTransferPanel.vue.js";
+import { useHysRootAttrs as Re } from "../../config.js";
+import { useHysFormItemContext as We, useHysControlState as Fe, fieldKey as je } from "../../composables/formContext.js";
+import { useTransferMotion as qe } from "../../composables/useTransferMotion.js";
+import { useTransfer as Ue } from "../../composables/useTransfer.js";
+import { transferLabel as Ge } from "../../composables/transfer.js";
+const Je = ["id", "data-size", "aria-label", "aria-invalid", "aria-describedby", "aria-busy"], Qe = { key: 0 }, Xe = { key: 0 }, Ye = {
+  key: 0,
+  class: "hys-ui-transfer-drag-count",
+  "aria-hidden": "true"
+}, Ze = {
+  class: "hys-ui-pf-transfer-status",
+  role: "status",
+  "aria-live": "polite"
+}, st = /* @__PURE__ */ De({
+  __name: "HysTransfer",
+  props: {
+    options: {},
+    modelValue: {},
+    defaultValue: {},
+    fieldNames: {},
+    rowKey: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    filterable: { type: Boolean, default: !0 },
+    filterMethod: {},
+    filterPlaceholder: {},
+    searchValues: {},
+    titles: {},
+    buttonTexts: {},
+    showSelectAll: { type: Boolean, default: !0 },
+    showInvert: { type: Boolean },
+    checkedKeys: {},
+    defaultCheckedKeys: {},
+    leftDefaultChecked: {},
+    rightDefaultChecked: {},
+    targetOrder: { default: "original" },
+    oneWay: { type: Boolean },
+    draggable: { type: Boolean, default: !0 },
+    dragChecked: { type: Boolean, default: !0 },
+    moveOnDoubleClick: { type: Boolean, default: !1 },
+    animated: { type: Boolean, default: !0 },
+    moveAnimation: { default: "flight" },
+    moveDuration: { default: 240 },
+    maxAnimatedItems: { default: 6 },
+    highlightOnArrival: { type: Boolean, default: !0 },
+    size: {},
+    listHeight: { default: 240 },
+    listStyle: {},
+    operationStyle: {},
+    status: {},
+    pagination: { type: [Boolean, Object] },
+    pages: {},
+    pageSizes: {},
+    virtual: { type: Boolean },
+    itemHeight: { default: 36 },
+    overscan: { default: 4 },
+    locale: {},
+    format: {},
+    renderContent: {},
+    ariaLabel: {},
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change", "update:checkedKeys", "checkChange", "selectChange", "update:searchValues", "search", "update:pages", "pageChange", "update:pageSizes", "pageSizeChange", "scroll", "dragStart", "dragEnd", "focus", "blur"],
+  setup(o, { expose: ie, emit: se }) {
+    const s = o, W = (e) => e === "left" ? "left-empty" : "right-empty", F = (e) => e === "left" ? "left-footer" : "right-footer", p = se, ne = Re(), z = I(), j = $e(), b = We(), S = Fe(s);
+    Be(je, void 0);
+    const i = Ue(
+      s,
+      S.disabled,
+      (e, ...t) => p(e, ...t),
+      () => {
+        b.validate("change");
+      }
+    ), {
+      live: q,
+      busy: d,
+      keys: de,
+      checked: U,
+      words: w,
+      all: G,
+      filtered: V,
+      visible: J,
+      pages: Q,
+      pageSizes: X,
+      pagination: ue,
+      searchValues: Y,
+      announcement: fe,
+      getCheckedKeys: f,
+      check: Z,
+      checkAll: K,
+      invertSelection: x,
+      setSearch: _,
+      setPage: H,
+      setPageSize: ee
+    } = i, P = qe(z, s);
+    M(
+      [() => i.keys.value, () => i.data.value],
+      P.cancelPlaying
+    ), M(
+      [
+        () => i.searchValues.value.left,
+        () => i.searchValues.value.right,
+        () => s.loading,
+        () => S.disabled.value
+      ],
+      P.stop
+    );
+    async function c(e, t = f(
+      e === "right" ? "left" : "right"
+    )) {
+      if (d.value) return !1;
+      const a = [...new Set(t)].filter((y) => {
+        const ae = i.data.value.map.get(y);
+        return ae && !ae.disabled && i.targetSet.value.has(y) !== (e === "right");
+      }), u = P.capture(e, a), r = await i.move(e, t);
+      return r && (await le(), P.play(u)), r;
+    }
+    const ge = ["left", "right"], ce = R(() => {
+      var e, t;
+      return {
+        left: ((e = s.titles) == null ? void 0 : e[0]) ?? w.value.leftTitle,
+        right: ((t = s.titles) == null ? void 0 : t[1]) ?? w.value.rightTitle
+      };
+    }), ve = R(
+      () => ge.map((e) => ({ side: e, title: ce.value[e] }))
+    ), n = I([]), T = I(), E = I();
+    let N = !1;
+    const A = /* @__PURE__ */ new Map();
+    function he(e, t) {
+      t ? A.set(
+        e,
+        t
+      ) : A.delete(e);
+    }
+    function ye(e) {
+      var t;
+      return typeof s.filterPlaceholder == "string" ? s.filterPlaceholder : ((t = s.filterPlaceholder) == null ? void 0 : t[e === "left" ? 0 : 1]) ?? w.value.search;
+    }
+    function D(e) {
+      return {
+        side: e,
+        items: J.value[e].map((t) => t.option),
+        filteredItems: V.value[e].map((t) => t.option),
+        checkedKeys: f(e),
+        disabled: d.value,
+        query: Y.value[e],
+        check: (t, a) => i.targetSet.value.has(t) === (e === "right") ? Z(t, a) : Promise.resolve(!1),
+        setCheckedKeys: (t) => i.setCheckedKeys([
+          ...f(e === "left" ? "right" : "left"),
+          ...t.filter(
+            (a) => i.targetSet.value.has(a) === (e === "right")
+          )
+        ]),
+        checkAll: (t = !0) => K(e, t),
+        remove: (t) => c("left", t)
+      };
+    }
+    function v() {
+      const e = N;
+      n.value = [], T.value = void 0, E.value = void 0, N = !1, window.removeEventListener("keydown", te), window.removeEventListener("blur", v), e && q.value && p("dragEnd");
+    }
+    function te(e) {
+      e.key === "Escape" && v();
+    }
+    function me(e, t, a) {
+      const u = i.data.value.map.get(a);
+      if (d.value || !s.draggable || u != null && u.disabled || !u || s.oneWay && t === "right" || !e.dataTransfer) {
+        e.preventDefault();
+        return;
+      }
+      v(), n.value = s.dragChecked && i.checkedSet.value.has(a) ? f(t) : [a], T.value = t, N = !0, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData(
+        "text/plain",
+        n.value.map(String).join(", ")
+      ), e.dataTransfer.setData("application/x-hys-ui-transfer", j), window.addEventListener("keydown", te), window.addEventListener("blur", v), p("dragStart", t, [...n.value], e);
+    }
+    const ke = R(
+      () => !d.value && !!s.draggable && n.value.length > 0 && !(s.oneWay && T.value === "right") && n.value.every((e) => {
+        const t = i.data.value.map.get(e);
+        return t && !t.disabled && i.targetSet.value.has(e) === (T.value === "right");
+      })
+    );
+    function O(e) {
+      return ke.value && T.value !== e;
+    }
+    function be(e, t) {
+      O(t) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), E.value = t);
+    }
+    function Se(e) {
+      e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget) || (E.value = void 0);
+    }
+    function we(e, t) {
+      O(t) && (e.preventDefault(), c(t, [...n.value])), v();
+    }
+    M(
+      () => [
+        d.value,
+        s.draggable,
+        s.oneWay,
+        i.data.value,
+        i.keys.value
+      ],
+      () => {
+        n.value.length && (d.value || !s.draggable || !O(T.value === "left" ? "right" : "left")) && v();
+      },
+      { flush: "sync" }
+    ), Ke(v), Pe(v);
+    function Ce(e = "left") {
+      var t;
+      d.value || (t = A.get(e)) == null || t.focus();
+    }
+    async function pe(e, t) {
+      var a;
+      if (q.value) {
+        if (t.key !== void 0 && s.pagination) {
+          const u = V.value[e].findIndex(
+            (y) => y.key === t.key
+          );
+          if (u < 0) return;
+          const r = Math.floor(u / X.value[e]) + 1;
+          if (H(e, r), await le(), Q.value[e] !== r) return;
+        }
+        await ((a = A.get(e)) == null ? void 0 : a.scrollTo(t));
+      }
+    }
+    function Te(e) {
+      var t;
+      e.relatedTarget instanceof Node && ((t = z.value) != null && t.contains(e.relatedTarget)) || (p("blur", e), s.validateEvent && !S.disabled.value && b.validate("blur"));
+    }
+    function ze(e) {
+      var t;
+      e.relatedTarget instanceof Node && ((t = z.value) != null && t.contains(e.relatedTarget)) || p("focus", e);
+    }
+    return ie({
+      element: z,
+      targetKeys: de,
+      checkedKeys: U,
+      getCheckedKeys: f,
+      getTargetItems: () => G.value.right.map((e) => e.option),
+      move: c,
+      remove: (e) => c("left", e),
+      setCheckedKeys: i.setCheckedKeys,
+      clearChecked: i.clearChecked,
+      checkAll: K,
+      invertSelection: x,
+      setSearch: _,
+      clearSearch: i.clearSearch,
+      setPage: H,
+      setPageSize: ee,
+      scrollTo: pe,
+      focus: Ce
+    }), (e, t) => (m(), C("div", h({
+      id: l(b).id.value,
+      ref_key: "element",
+      ref: z
+    }, l(ne), {
+      class: ["hys-ui-v4-transfer hys-ui-pf-transfer hys-ui-transfer", {
+        "hys-ui-transfer-error": o.status === "error" || l(b).invalid.value,
+        "hys-ui-transfer-warning": o.status === "warning"
+      }],
+      "data-size": l(S).size.value,
+      role: "group",
+      "aria-label": o.ariaLabel || l(b).label.value || "穿梭选择",
+      "aria-invalid": o.status === "error" || l(b).invalid.value || void 0,
+      "aria-describedby": l(b).describedBy.value,
+      "aria-busy": o.loading || void 0,
+      onFocusin: ze,
+      onFocusout: Te
+    }), [
+      (m(!0), C(re, null, Ee(ve.value, (a, u) => (m(), C(re, {
+        key: a.side
+      }, [
+        u === 1 ? (m(), C("div", {
+          key: 0,
+          class: "hys-ui-v4-move",
+          style: Ae(o.operationStyle)
+        }, [
+          g(e.$slots, "operations", {
+            move: c,
+            disabled: l(d),
+            leftChecked: l(f)("left"),
+            rightChecked: l(f)("right")
+          }, () => [
+            L(oe, {
+              variant: "secondary",
+              size: l(S).size.value === "lg" ? "md" : "sm",
+              class: "hys-ui-transfer-move",
+              disabled: l(d) || !l(f)("left").length,
+              "aria-label": l(w).moveRight,
+              onClick: t[0] || (t[0] = (r) => c("right"))
+            }, {
+              default: k(() => {
+                var r;
+                return [
+                  L(l(Ne), {
+                    size: 16,
+                    "aria-hidden": "true"
+                  }),
+                  (r = o.buttonTexts) != null && r[0] ? (m(), C("span", Qe, $(o.buttonTexts[0]), 1)) : B("", !0)
+                ];
+              }),
+              _: 1
+            }, 8, ["size", "disabled", "aria-label"]),
+            o.oneWay ? B("", !0) : (m(), Ie(oe, {
+              key: 0,
+              variant: "secondary",
+              size: l(S).size.value === "lg" ? "md" : "sm",
+              class: "hys-ui-transfer-move",
+              disabled: l(d) || !l(f)("right").length,
+              "aria-label": l(w).moveLeft,
+              onClick: t[1] || (t[1] = (r) => c("left"))
+            }, {
+              default: k(() => {
+                var r;
+                return [
+                  L(l(Oe), {
+                    size: 16,
+                    "aria-hidden": "true"
+                  }),
+                  (r = o.buttonTexts) != null && r[1] ? (m(), C("span", Xe, $(o.buttonTexts[1]), 1)) : B("", !0)
+                ];
+              }),
+              _: 1
+            }, 8, ["size", "disabled", "aria-label"]))
+          ], !0),
+          n.value.length > 1 ? (m(), C("span", Ye, $(n.value.length), 1)) : B("", !0)
+        ], 4)) : B("", !0),
+        L(Me, {
+          ref_for: !0,
+          ref: (r) => he(a.side, r),
+          id: l(j) + "-" + a.side,
+          side: a.side,
+          title: a.title,
+          items: l(J)[a.side],
+          total: l(G)[a.side].length,
+          filtered: l(V)[a.side].length,
+          "checked-keys": l(f)(a.side),
+          busy: l(d),
+          loading: o.loading,
+          filterable: o.filterable,
+          query: l(Y)[a.side],
+          placeholder: ye(a.side),
+          "show-select-all": o.showSelectAll,
+          "show-invert": !!o.showInvert,
+          "one-way": !!o.oneWay,
+          size: l(S).size.value,
+          "list-height": o.listHeight,
+          "item-height": o.itemHeight,
+          overscan: o.overscan,
+          virtual: !!o.virtual,
+          draggable: o.draggable,
+          "move-on-double-click": o.moveOnDoubleClick,
+          "dragged-keys": n.value,
+          "drop-target": E.value === a.side,
+          words: l(w),
+          page: l(Q)[a.side],
+          "page-size": l(X)[a.side],
+          pagination: s.pagination ? l(ue) : !1,
+          "list-style": o.listStyle,
+          format: o.format,
+          "render-content": o.renderContent,
+          onCheck: l(Z),
+          onRangeCheck: t[2] || (t[2] = (r) => l(i).setCheckedKeys([.../* @__PURE__ */ new Set([...l(U), ...r])])),
+          onMoveItem: (r) => c(a.side === "left" ? "right" : "left", [r]),
+          onCheckAll: (r) => l(K)(a.side, r),
+          onInvert: (r) => l(x)(a.side),
+          onSearch: (r) => l(_)(a.side, r),
+          onRemove: t[3] || (t[3] = (r) => c("left", [r])),
+          onPage: (r) => l(H)(a.side, r),
+          onPageSize: (r) => l(ee)(a.side, r),
+          onDragStart: (r, y) => me(r, a.side, y),
+          onDragEnd: v,
+          onDragOver: (r) => be(r, a.side),
+          onDragLeave: Se,
+          onDrop: (r) => we(r, a.side),
+          onScroll: (r) => p("scroll", a.side, r)
+        }, Le({ _: 2 }, [
+          e.$slots.option || e.$slots.default ? {
+            name: "option",
+            fn: k((r) => [
+              g(e.$slots, "option", h({ ref_for: !0 }, r, {
+                side: a.side
+              }), () => [
+                g(e.$slots, "default", h({ ref_for: !0 }, r, {
+                  side: a.side
+                }), () => [
+                  Ve($(r.label), 1)
+                ], !0)
+              ], !0)
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.header ? {
+            name: "header",
+            fn: k((r) => [
+              g(e.$slots, "header", h({ ref_for: !0 }, r, {
+                side: a.side,
+                checkAll: (y = !0) => l(K)(a.side, y)
+              }), void 0, !0)
+            ]),
+            key: "1"
+          } : void 0,
+          e.$slots.panel ? {
+            name: "panel",
+            fn: k(() => [
+              g(e.$slots, "panel", h({ ref_for: !0 }, D(a.side)), void 0, !0)
+            ]),
+            key: "2"
+          } : void 0,
+          e.$slots[W(a.side)] || e.$slots.empty ? {
+            name: "empty",
+            fn: k(() => [
+              g(e.$slots, W(a.side), h({ ref_for: !0 }, D(a.side)), () => [
+                g(e.$slots, "empty", h({ ref_for: !0 }, D(a.side)), void 0, !0)
+              ], !0)
+            ]),
+            key: "3"
+          } : void 0,
+          e.$slots[F(a.side)] || e.$slots.footer ? {
+            name: "footer",
+            fn: k(() => [
+              g(e.$slots, F(a.side), h({ ref_for: !0 }, D(a.side)), () => [
+                g(e.$slots, "footer", h({ ref_for: !0 }, D(a.side)), void 0, !0)
+              ], !0)
+            ]),
+            key: "4"
+          } : void 0,
+          e.$slots.loading ? {
+            name: "loading",
+            fn: k(() => [
+              g(e.$slots, "loading", {
+                side: a.side
+              }, void 0, !0)
+            ]),
+            key: "5"
+          } : void 0
+        ]), 1032, ["id", "side", "title", "items", "total", "filtered", "checked-keys", "busy", "loading", "filterable", "query", "placeholder", "show-select-all", "show-invert", "one-way", "size", "list-height", "item-height", "overscan", "virtual", "draggable", "move-on-double-click", "dragged-keys", "drop-target", "words", "page", "page-size", "pagination", "list-style", "format", "render-content", "onCheck", "onMoveItem", "onCheckAll", "onInvert", "onSearch", "onPage", "onPageSize", "onDragStart", "onDragOver", "onDrop", "onScroll"])
+      ], 64))), 128)),
+      He("span", Ze, $(n.value.length ? l(Ge)(l(w).dragCount, { count: n.value.length }) : l(fe)), 1)
+    ], 16, Je));
+  }
+});
 export {
-  f as default
+  st as default
 };

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

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