hys-ui 0.2.0 → 0.3.0

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

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

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

@@ -1,7 +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-2538ae23"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b47deb49"]]);
 export {
   s as default
 };