@dazhicheng/ui 1.6.40 → 1.6.42

package/dist/components/tt-panel-select/src/components/PanelMiddle.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as se, useTemplateRef as q, ref as h, computed as v, watch as A, nextTick as U, createElementBlock as p, openBlock as r, normalizeClass as s, createElementVNode as C, createCommentVNode as z, createVNode as c, createBlock as B, unref as n, withCtx as u, createTextVNode as b, normalizeStyle as I, Fragment as M, renderList as P, toDisplayString as H } from "vue";
+import { defineComponent as se, useTemplateRef as z, ref as m, computed as h, watch as I, nextTick as K, createElementBlock as f, openBlock as s, normalizeClass as n, createElementVNode as k, createCommentVNode as O, createVNode as p, createBlock as M, unref as i, withCtx as d, createTextVNode as b, normalizeStyle as P, Fragment as H, renderList as V, toDisplayString as E } from "vue";
 import { TtButton as ne } from "../../../tt-button/index.js";
-import { TtText as _ } from "../../../tt-text/index.js";
+import { TtText as S } from "../../../tt-text/index.js";
 import { Search as ie } from "@element-plus/icons-vue";
 import { useResizeObserver as ue } from "@vueuse/core";
-import { ElInput as de, ElIcon as pe, ElCheckbox as V, ElScrollbar as ce } from "element-plus";
-import { DEFAULT_PANEL_SELECT_SEPARATORS as fe, splitPanelSelectText as ve } from "../common.js";
-const he = ["data-virtual-index", "data-flash-seed"], K = 2, _e = /* @__PURE__ */ se({
+import { ElInput as de, ElIcon as ce, ElCheckbox as F, ElScrollbar as fe } from "element-plus";
+import { DEFAULT_PANEL_SELECT_SEPARATORS as pe, splitPanelSelectText as ve } from "../common.js";
+const he = ["data-virtual-index", "data-flash-seed"], Y = 2, be = /* @__PURE__ */ se({
   name: "PanelMiddle",
   __name: "PanelMiddle",
   props: {
@@ -24,163 +24,163 @@ const he = ["data-virtual-index", "data-flash-seed"], K = 2, _e = /* @__PURE__ *
     groupIndeterminateMap: {},
     scrollToGroupValue: { default: void 0 },
     pasteSearch: { type: Boolean, default: !1 },
-    separator: { default: () => [...fe] },
+    separator: { default: () => [...pe] },
     showAll: { type: Boolean },
     middlePlaceholder: {}
   },
   emits: ["update:keyword", "checkAll", "allCheck", "groupCheck", "optionCheck", "optionsCheck"],
-  setup(O, { expose: Y, emit: W }) {
-    const l = O, f = W, m = q("scrollbarRef"), S = q("searchInputRef"), j = h(), T = h(0), E = h(0), g = h(""), k = h(), F = h(0), $ = h(!1);
-    let R;
-    const J = v(() => l.rows.length * l.rowHeight), Q = v(() => Math.max(1, Math.ceil(E.value / l.rowHeight))), w = v(() => Math.max(0, Math.floor(T.value / l.rowHeight) - K)), X = v(() => Math.min(l.rows.length, w.value + Q.value + K * 2)), Z = v(() => w.value * l.rowHeight), ee = v(() => l.rows.slice(w.value, X.value)), le = v(() => {
+  setup(l, { expose: W, emit: j }) {
+    const t = l, v = j, g = z("scrollbarRef"), T = z("searchInputRef"), J = m(), $ = m(0), D = m(0), w = m(""), x = m(), G = m(0), R = m(!1);
+    let A;
+    const Q = h(() => t.rows.length * t.rowHeight), X = h(() => Math.max(1, Math.ceil(D.value / t.rowHeight))), y = h(() => Math.max(0, Math.floor($.value / t.rowHeight) - Y)), Z = h(() => Math.min(t.rows.length, y.value + X.value + Y * 2)), _ = h(() => y.value * t.rowHeight), ee = h(() => t.rows.slice(y.value, Z.value)), le = h(() => {
       var e;
-      return ((e = l.rows[0]) == null ? void 0 : e.type) === "group";
-    }), ae = v(
-      () => l.rows.filter((e) => e.type === "options").flatMap((e) => e.options).filter((e) => !e.disabled)
+      return ((e = t.rows[0]) == null ? void 0 : e.type) === "group";
+    }), te = h(
+      () => t.rows.filter((e) => e.type === "options").flatMap((e) => e.options).filter((e) => !e.disabled)
     );
-    A(
-      () => l.keyword,
+    I(
+      () => t.keyword,
       (e) => {
-        g.value = e;
+        w.value = e;
       },
       { immediate: !0 }
     );
-    function x() {
+    function B() {
       var a;
-      const e = (a = m.value) == null ? void 0 : a.wrapRef;
-      e && (j.value = e, E.value = e.clientHeight, T.value = e.scrollTop);
+      const e = (a = g.value) == null ? void 0 : a.wrapRef;
+      e && (J.value = e, D.value = e.clientHeight, $.value = e.scrollTop);
     }
     ue(
       () => {
         var e;
-        return (e = m.value) == null ? void 0 : e.wrapRef;
+        return (e = g.value) == null ? void 0 : e.wrapRef;
       },
-      () => x()
+      () => B()
     );
-    function D() {
+    function L() {
       var a;
-      const e = (a = m.value) == null ? void 0 : a.wrapRef;
-      e && (T.value = e.scrollTop);
+      const e = (a = g.value) == null ? void 0 : a.wrapRef;
+      e && ($.value = e.scrollTop);
     }
-    function oe(e) {
-      k.value = void 0, F.value += 1, requestAnimationFrame(() => {
-        k.value = e, R && clearTimeout(R), R = setTimeout(() => {
-          k.value = void 0;
+    function ae(e) {
+      x.value = void 0, G.value += 1, requestAnimationFrame(() => {
+        x.value = e, A && clearTimeout(A), A = setTimeout(() => {
+          x.value = void 0;
         }, 1400);
       });
     }
-    async function G(e) {
-      var d;
-      await U(), x();
-      const a = l.rows.findIndex((t) => t.type === "group" && t.group.value === e);
+    async function N(e) {
+      var c;
+      await K(), B();
+      const a = t.rows.findIndex((r) => r.type === "group" && r.group.value === e);
       if (a < 0) return;
-      const o = a * l.rowHeight;
-      (d = m.value) == null || d.setScrollTop(o), requestAnimationFrame(() => {
-        D(), oe(e);
+      const o = a * t.rowHeight;
+      (c = g.value) == null || c.setScrollTop(o), requestAnimationFrame(() => {
+        L(), ae(e);
       });
     }
-    function te(e) {
-      var L;
-      if (l.disabled)
+    function oe(e) {
+      var q;
+      if (t.disabled)
         return;
       e.preventDefault();
-      const a = ((L = e.clipboardData) == null ? void 0 : L.getData("text")) || "";
-      g.value = a.trim(), l.pasteSearch ? f("update:keyword", g.value) : ($.value = !0, requestAnimationFrame(() => {
-        $.value = !1;
+      const a = ((q = e.clipboardData) == null ? void 0 : q.getData("text")) || "";
+      w.value = a.trim(), t.pasteSearch ? v("update:keyword", w.value) : (R.value = !0, requestAnimationFrame(() => {
+        R.value = !1;
       }));
-      const o = ve(a, l.separator), d = () => {
+      const o = ve(a, t.separator), c = () => {
         requestAnimationFrame(() => {
-          var N;
-          const i = (N = S.value) == null ? void 0 : N.input;
-          i == null || i.focus(), i == null || i.select();
+          var U;
+          const u = (U = T.value) == null ? void 0 : U.input;
+          u == null || u.focus(), u == null || u.select();
         });
       };
       if (!o.length) {
-        d();
+        c();
         return;
       }
-      const t = new Set(o), y = ae.value.filter((i) => t.has(i.label) || t.has(String(i.value))).map((i) => i.value);
-      if (!y.length) {
-        d();
+      const r = new Set(o), C = te.value.filter((u) => r.has(u.label) || r.has(String(u.value))).map((u) => u.value);
+      if (!C.length) {
+        c();
         return;
       }
-      if (l.multiple) {
-        f("optionsCheck", y, !0), d();
+      if (t.multiple) {
+        v("optionsCheck", C, !0), c();
         return;
       }
-      f("optionCheck", y.at(-1), !0), d();
+      v("optionCheck", C.at(-1), !0), c();
     }
     function re(e) {
-      g.value = e, !$.value && f("update:keyword", e);
+      w.value = e, !R.value && v("update:keyword", e);
     }
-    return A(
-      () => l.scrollToGroupValue,
+    return I(
+      () => t.scrollToGroupValue,
       async (e) => {
-        e !== void 0 && await G(e);
+        e !== void 0 && await N(e);
       },
       { flush: "post" }
-    ), A(
-      () => l.rows.length,
+    ), I(
+      () => t.rows.length,
       async () => {
-        await U(), x();
+        await K(), B();
       },
       { immediate: !0 }
-    ), Y({
-      scrollToGroup: G,
+    ), W({
+      scrollToGroup: N,
       inputFocus: () => {
         var e, a;
-        (a = (e = S.value) == null ? void 0 : e.focus) == null || a.call(e);
+        (a = (e = T.value) == null ? void 0 : e.focus) == null || a.call(e);
       }
-    }), (e, a) => (r(), p("div", {
-      class: s(`${e.prefixCls}__list`)
+    }), (e, a) => (s(), f("div", {
+      class: n(`${l.prefixCls}__list`)
     }, [
-      C("div", {
-        class: s(`${e.prefixCls}__toolbar`)
+      k("div", {
+        class: n(`${l.prefixCls}__toolbar`)
       }, [
-        c(n(de), {
+        p(i(de), {
           ref_key: "searchInputRef",
-          ref: S,
-          "model-value": g.value,
-          class: s(`${e.prefixCls}__search`),
-          placeholder: l.middlePlaceholder,
+          ref: T,
+          "model-value": w.value,
+          class: n(`${l.prefixCls}__search`),
+          placeholder: t.middlePlaceholder,
           clearable: "",
           "onUpdate:modelValue": re,
-          onPaste: te
+          onPaste: oe
         }, {
-          prefix: u(() => [
-            c(n(pe), null, {
-              default: u(() => [
-                c(n(ie))
+          prefix: d(() => [
+            p(i(ce), null, {
+              default: d(() => [
+                p(i(ie))
               ]),
               _: 1
             })
           ]),
           _: 1
         }, 8, ["model-value", "class", "placeholder"]),
-        e.multiple ? (r(), B(n(ne), {
+        l.multiple ? (s(), M(i(ne), {
           key: 0,
-          disabled: e.disabled,
+          disabled: l.disabled,
           plain: "",
-          onClick: a[0] || (a[0] = () => f("checkAll", !0))
+          onClick: a[0] || (a[0] = () => v("checkAll", !0))
         }, {
-          default: u(() => [...a[2] || (a[2] = [
-            C("span", null, "全选", -1)
+          default: d(() => [...a[2] || (a[2] = [
+            k("span", null, "全选", -1)
           ])]),
           _: 1
-        }, 8, ["disabled"])) : z("", !0)
+        }, 8, ["disabled"])) : O("", !0)
       ], 2),
-      l.showAll ? (r(), p("div", {
+      t.showAll ? (s(), f("div", {
         key: 0,
-        class: s([`${e.prefixCls}__panel-head`, le.value ? "is-standalone" : ""])
+        class: n([`${l.prefixCls}__panel-head`, le.value ? "is-standalone" : ""])
       }, [
-        c(n(V), {
-          disabled: e.disabled,
-          "model-value": l.allChecked,
-          onChange: a[1] || (a[1] = (o) => f("allCheck", !!o))
+        p(i(F), {
+          disabled: l.disabled,
+          "model-value": t.allChecked,
+          onChange: a[1] || (a[1] = (o) => v("allCheck", !!o))
         }, {
-          default: u(() => [
-            c(n(_), null, {
-              default: u(() => [...a[3] || (a[3] = [
+          default: d(() => [
+            p(i(S), null, {
+              default: d(() => [...a[3] || (a[3] = [
                 b("全部", -1)
               ])]),
               _: 1
@@ -188,81 +188,81 @@ const he = ["data-virtual-index", "data-flash-seed"], K = 2, _e = /* @__PURE__ *
           ]),
           _: 1
         }, 8, ["disabled", "model-value"])
-      ], 2)) : z("", !0),
-      C("div", {
-        class: s(`${e.prefixCls}__checkbox-group`)
+      ], 2)) : O("", !0),
+      k("div", {
+        class: n(`${l.prefixCls}__checkbox-group`)
       }, [
-        c(n(ce), {
+        p(i(fe), {
           ref_key: "scrollbarRef",
-          ref: m,
-          class: s(`${e.prefixCls}__middle-scrollbar`),
-          onScroll: D
+          ref: g,
+          class: n(`${l.prefixCls}__middle-scrollbar`),
+          onScroll: L
         }, {
-          default: u(() => [
-            C("div", {
-              class: s(`${e.prefixCls}__middle-virtual-host`),
-              style: I({ height: `${J.value}px` })
+          default: d(() => [
+            k("div", {
+              class: n(`${l.prefixCls}__middle-virtual-host`),
+              style: P({ height: `${Q.value}px` })
             }, [
-              C("div", {
-                style: I({ transform: `translateY(${Z.value}px)` })
+              k("div", {
+                style: P({ transform: `translateY(${_.value}px)` })
               }, [
-                (r(!0), p(M, null, P(ee.value, (o, d) => (r(), p("div", {
+                (s(!0), f(H, null, V(ee.value, (o, c) => (s(), f("div", {
                   key: o.key,
-                  style: I({ height: `${e.rowHeight}px` }),
-                  class: s([
-                    `${e.prefixCls}__middle-row`,
-                    o.type === "group" ? `${e.prefixCls}__middle-group` : `${e.prefixCls}__middle-options`,
+                  style: P({ height: `${l.rowHeight}px` }),
+                  class: n([
+                    `${l.prefixCls}__middle-row`,
+                    o.type === "group" ? `${l.prefixCls}__middle-group` : `${l.prefixCls}__middle-options`,
                     o.type === "options" && o.isLast ? "is-last" : "",
-                    o.type === "options" && w.value + d === 0 && !l.showAll ? "is-first" : "",
-                    k.value === o.group.value ? `${e.prefixCls}__group-flash` : ""
+                    o.type === "options" && y.value + c === 0 && !t.showAll ? "is-first" : "",
+                    x.value === o.group.value ? `${l.prefixCls}__group-flash` : ""
                   ]),
-                  "data-virtual-index": w.value + d,
-                  "data-flash-seed": F.value
+                  "data-virtual-index": y.value + c,
+                  "data-flash-seed": G.value
                 }, [
-                  o.type === "group" ? (r(), p("div", {
+                  o.type === "group" ? (s(), f("div", {
                     key: 0,
-                    class: s(`${e.prefixCls}__panel-head`)
+                    class: n(`${l.prefixCls}__panel-head`)
                   }, [
-                    l.multiple ? (r(), B(n(V), {
+                    t.multiple ? (s(), M(i(F), {
                       key: 0,
-                      "model-value": e.groupCheckedMap[String(o.group.value)],
-                      indeterminate: e.groupIndeterminateMap[String(o.group.value)],
-                      disabled: e.disabled,
-                      onChange: (t) => f("groupCheck", o.group.value, !!t)
+                      "model-value": l.groupCheckedMap[String(o.group.value)],
+                      indeterminate: l.groupIndeterminateMap[String(o.group.value)],
+                      disabled: l.disabled,
+                      onChange: (r) => v("groupCheck", o.group.value, !!r)
                     }, {
-                      default: u(() => [
-                        c(n(_), null, {
-                          default: u(() => [
-                            b(H(o.group.label), 1)
+                      default: d(() => [
+                        p(i(S), null, {
+                          default: d(() => [
+                            b(E(o.group.label), 1)
                           ]),
                           _: 2
                         }, 1024)
                       ]),
                       _: 2
-                    }, 1032, ["model-value", "indeterminate", "disabled", "onChange"])) : (r(), B(n(_), { key: 1 }, {
-                      default: u(() => [
-                        b(H(o.group.label), 1)
+                    }, 1032, ["model-value", "indeterminate", "disabled", "onChange"])) : (s(), M(i(S), { key: 1 }, {
+                      default: d(() => [
+                        b(E(o.group.label), 1)
                       ]),
                       _: 2
                     }, 1024))
-                  ], 2)) : (r(), p("div", {
+                  ], 2)) : (s(), f("div", {
                     key: 1,
-                    class: s(`${e.prefixCls}__option-row`)
+                    class: n(`${l.prefixCls}__option-row`)
                   }, [
-                    (r(!0), p(M, null, P(o.options, (t) => (r(), p("div", {
-                      key: t.value,
-                      class: s(`${e.prefixCls}__option-cell`)
+                    (s(!0), f(H, null, V(o.options, (r) => (s(), f("div", {
+                      key: r.value,
+                      class: n(`${l.prefixCls}__option-cell`)
                     }, [
-                      c(n(V), {
-                        "model-value": l.selectedValueSet.has(t.value),
-                        disabled: e.disabled || t.disabled,
-                        class: s(`${e.prefixCls}__option`),
-                        onChange: (y) => f("optionCheck", t.value, !!y)
+                      p(i(F), {
+                        "model-value": t.selectedValueSet.has(r.value),
+                        disabled: l.disabled || r.disabled,
+                        class: n(`${l.prefixCls}__option`),
+                        onChange: (C) => v("optionCheck", r.value, !!C)
                       }, {
-                        default: u(() => [
-                          c(n(_), { "tool-tip-line": 2 }, {
-                            default: u(() => [
-                              b(H(t.label), 1)
+                        default: d(() => [
+                          p(i(S), { "tool-tip-line": 2 }, {
+                            default: d(() => [
+                              b(E(r.label), 1)
                             ]),
                             _: 2
                           }, 1024)
@@ -270,9 +270,9 @@ const he = ["data-virtual-index", "data-flash-seed"], K = 2, _e = /* @__PURE__ *
                         _: 2
                       }, 1032, ["model-value", "disabled", "class", "onChange"])
                     ], 2))), 128)),
-                    (r(!0), p(M, null, P(e.optionPerRow - o.options.length, (t) => (r(), p("div", {
-                      key: `empty-${o.key}-${t}`,
-                      class: s(`${e.prefixCls}__option-cell`)
+                    (s(!0), f(H, null, V(l.optionPerRow - o.options.length, (r) => (s(), f("div", {
+                      key: `empty-${o.key}-${r}`,
+                      class: n(`${l.prefixCls}__option-cell`)
                     }, null, 2))), 128))
                   ], 2))
                 ], 14, he))), 128))
@@ -286,5 +286,5 @@ const he = ["data-virtual-index", "data-flash-seed"], K = 2, _e = /* @__PURE__ *
   }
 });
 export {
-  _e as default
+  be as default
 };

package/dist/components/tt-panel-select/src/components/PanelRight.vue.d.ts

@@ -23,8 +23,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly maxHeight?: number | string | undefined;
             readonly native?: boolean | undefined;
             readonly wrapStyle?: import('vue').StyleValue;
-            readonly wrapClass?: string | string[] | undefined;
-            readonly viewClass?: string | string[] | undefined;
+            readonly wrapClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly viewClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
             readonly viewStyle?: import('vue').StyleValue;
             readonly noresize?: boolean | undefined;
             readonly tag?: (keyof HTMLElementTagNameMap | (string & {})) | undefined;
@@ -41,9 +41,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             }) => any) | undefined | undefined;
             readonly "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -87,8 +85,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             tag: keyof HTMLElementTagNameMap | (string & {});
             distance: number;
             wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
-            wrapClass: string | string[];
-            viewClass: string | string[];
+            wrapClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            viewClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
             viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
             minSize: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -118,8 +116,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         tag: keyof HTMLElementTagNameMap | (string & {});
         distance: number;
         wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
-        wrapClass: string | string[];
-        viewClass: string | string[];
+        wrapClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        viewClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
         viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
         minSize: number;
     }> & Omit<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
@@ -128,8 +126,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             scrollLeft: number;
         }) => any) | undefined;
         "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
-    }>, "height" | "tabindex" | "tag" | "handleScroll" | "maxHeight" | "scrollTo" | "update" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & import('vue').ShallowUnwrapRef<{
-        wrapRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    }>, "height" | "tabindex" | "tag" | "handleScroll" | "maxHeight" | "scrollTo" | "update" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & {
+        wrapRef: HTMLDivElement | undefined;
         update: () => void;
         scrollTo: {
             (xCord: number, yCord?: number): void;
@@ -138,7 +136,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         };

package/dist/components/tt-panel-select/src/components/PanelRight.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as M, ref as f, computed as s, watch as V, nextTick as H, createElementBlock as p, openBlock as u, normalizeClass as r, createElementVNode as v, createVNode as a, unref as t, withCtx as h, createTextVNode as x, normalizeStyle as g, Fragment as N, renderList as I, createCommentVNode as A, toDisplayString as P } from "vue";
-import y from "../../../../assets/svg/close.svg.js";
-import { TtButton as Y } from "../../../tt-button/index.js";
-import { TtIcon as $ } from "../../../tt-icon/index.js";
+import { defineComponent as V, ref as p, computed as o, watch as H, nextTick as N, createElementBlock as d, openBlock as m, normalizeClass as n, createElementVNode as x, createVNode as i, unref as s, withCtx as h, createTextVNode as y, normalizeStyle as g, Fragment as I, renderList as A, createCommentVNode as P, toDisplayString as Y } from "vue";
+import $ from "../../../../assets/svg/close.svg.js";
+import { TtButton as _ } from "../../../tt-button/index.js";
+import { TtIcon as k } from "../../../tt-icon/index.js";
 import { TtText as D } from "../../../tt-text/index.js";
 import { useResizeObserver as F } from "@vueuse/core";
 import { ElScrollbar as L } from "element-plus";
-const n = 34, _ = 8, X = /* @__PURE__ */ M({
+const r = 34, R = 8, X = /* @__PURE__ */ V({
   name: "PanelRight",
   __name: "PanelRight",
   props: {
@@ -15,91 +15,91 @@ const n = 34, _ = 8, X = /* @__PURE__ */ M({
     disabled: { type: Boolean }
   },
   emits: ["clearAll", "remove"],
-  setup(k, { emit: R }) {
-    const i = k, C = R, c = f(), d = f(0), b = f(0), T = s(() => i.selectedOptions.length * n), O = s(() => Math.max(1, Math.ceil(b.value / n))), m = s(() => Math.max(0, Math.floor(d.value / n) - _)), S = s(
-      () => Math.min(i.selectedOptions.length, m.value + O.value + _ * 2)
-    ), z = s(() => m.value * n), B = s(() => i.selectedOptions.slice(m.value, S.value));
+  setup(t, { emit: T }) {
+    const c = t, C = T, u = p(), f = p(0), b = p(0), O = o(() => c.selectedOptions.length * r), S = o(() => Math.max(1, Math.ceil(b.value / r))), v = o(() => Math.max(0, Math.floor(f.value / r) - R)), z = o(
+      () => Math.min(c.selectedOptions.length, v.value + S.value + R * 2)
+    ), B = o(() => v.value * r), E = o(() => c.selectedOptions.slice(v.value, z.value));
     function w() {
       var l;
-      const e = (l = c.value) == null ? void 0 : l.wrapRef;
-      e && (b.value = e.clientHeight, d.value = e.scrollTop);
+      const e = (l = u.value) == null ? void 0 : l.wrapRef;
+      e && (b.value = e.clientHeight, f.value = e.scrollTop);
     }
-    function E() {
+    function M() {
       var l;
-      const e = (l = c.value) == null ? void 0 : l.wrapRef;
-      e && (d.value = e.scrollTop);
+      const e = (l = u.value) == null ? void 0 : l.wrapRef;
+      e && (f.value = e.scrollTop);
     }
-    return V(
-      () => i.selectedOptions.length,
+    return H(
+      () => c.selectedOptions.length,
       async () => {
-        await H(), w();
+        await N(), w();
       },
       { immediate: !0 }
     ), F(
       () => {
         var e;
-        return (e = c.value) == null ? void 0 : e.wrapRef;
+        return (e = u.value) == null ? void 0 : e.wrapRef;
       },
       () => w()
-    ), (e, l) => (u(), p("div", {
-      class: r(`${e.prefixCls}__right`)
+    ), (e, l) => (m(), d("div", {
+      class: n(`${t.prefixCls}__right`)
     }, [
-      v("div", {
-        class: r(`${e.prefixCls}__selected-actions`)
+      x("div", {
+        class: n(`${t.prefixCls}__selected-actions`)
       }, [
-        a(t(Y), {
-          disabled: e.disabled,
+        i(s(_), {
+          disabled: t.disabled,
           class: "w-full",
           plain: "",
-          onClick: l[0] || (l[0] = (o) => C("clearAll"))
+          onClick: l[0] || (l[0] = (a) => C("clearAll"))
         }, {
           default: h(() => [
-            a(t($), {
+            i(s(k), {
               class: "mr-[4px]",
               size: 14,
               "is-custom-svg": "",
-              icon: t(y)
+              icon: s($)
             }, null, 8, ["icon"]),
-            l[1] || (l[1] = x(" 取消全选 ", -1))
+            l[1] || (l[1] = y(" 取消全选 ", -1))
           ]),
           _: 1
         }, 8, ["disabled"])
       ], 2),
-      a(t(L), {
+      i(s(L), {
         ref_key: "scrollbarRef",
-        ref: c,
-        class: r(`${e.prefixCls}__selected-list ${e.prefixCls}__right-scrollbar`),
-        onScroll: E
+        ref: u,
+        class: n(`${t.prefixCls}__selected-list ${t.prefixCls}__right-scrollbar`),
+        onScroll: M
       }, {
         default: h(() => [
-          v("div", {
-            style: g({ height: `${T.value}px` })
+          x("div", {
+            style: g({ height: `${O.value}px` })
           }, [
-            v("div", {
-              style: g({ transform: `translateY(${z.value}px)` })
+            x("div", {
+              style: g({ transform: `translateY(${B.value}px)` })
             }, [
-              (u(!0), p(N, null, I(B.value, (o) => (u(), p("div", {
-                key: o.value,
-                style: g({ height: `${n}px` }),
-                class: r(`${e.prefixCls}__selected-item`)
+              (m(!0), d(I, null, A(E.value, (a) => (m(), d("div", {
+                key: a.value,
+                style: g({ height: `${r}px` }),
+                class: n(`${t.prefixCls}__selected-item`)
               }, [
-                a(t(D), null, {
+                i(s(D), null, {
                   default: h(() => [
-                    x(P(o.label), 1)
+                    y(Y(a.label), 1)
                   ]),
                   _: 2
                 }, 1024),
-                !e.disabled && !o.disabled ? (u(), p("span", {
+                !t.disabled && !a.disabled ? (m(), d("span", {
                   key: 0,
-                  class: r(`${e.prefixCls}__selected-item-close`)
+                  class: n(`${t.prefixCls}__selected-item-close`)
                 }, [
-                  a(t($), {
+                  i(s(k), {
                     size: 14,
                     "is-custom-svg": "",
-                    icon: t(y),
-                    onClick: (j) => C("remove", o.value)
+                    icon: s($),
+                    onClick: (j) => C("remove", a.value)
                   }, null, 8, ["icon", "onClick"])
-                ], 2)) : A("", !0)
+                ], 2)) : P("", !0)
               ], 6))), 128))
             ], 4)
           ], 4)