iking-web-ui-pro 0.3.0 → 0.3.2

package/dist/IkBtnSetting/ik.index.es.js

@@ -1,43 +1,40 @@
-import { defineComponent as F, openBlock as u, createElementBlock as f, createElementVNode as S, computed as L, resolveComponent as D, normalizeClass as w, normalizeStyle as B, createCommentVNode as E, createBlock as N, withCtx as m, createTextVNode as z, toDisplayString as T, ref as V, watch as Z, unref as _, createVNode as I, Transition as ne, renderSlot as q, mergeModels as R, useModel as se, resolveDirective as ie, Fragment as G, withDirectives as J, mergeProps as K, createSlots as ue, renderList as re } from "vue";
-import { ikColor as ce, _ as C, ikStore as H } from "iking-utils-pro";
+import { defineComponent as A, openBlock as c, createElementBlock as m, createElementVNode as C, computed as L, resolveComponent as D, Fragment as P, normalizeClass as S, normalizeStyle as x, createCommentVNode as F, createBlock as N, withCtx as f, createTextVNode as z, toDisplayString as T, ref as V, watch as Z, unref as w, createVNode as $, Transition as ne, renderSlot as R, mergeModels as G, useModel as se, resolveDirective as ie, withDirectives as J, mergeProps as K, createSlots as ue, renderList as re } from "vue";
+import { ikColor as ce, _ as I, ikStore as H } from "iking-utils-pro";
 import de from "vuedraggable";
-const P = (a, k) => (a.install = (e) => {
-  for (const r of [a, ...Object.values({})])
-    e.component(r.name, r);
-}, a);
+const X = (o, b) => (o.install = (s) => {
+  for (const e of [o, ...Object.values({})])
+    s.component(e.name, e);
+}, o);
 /*! Element Plus Icons Vue v2.3.1 */
-var ve = /* @__PURE__ */ F({
+var ve = /* @__PURE__ */ A({
   name: "DCaret",
   __name: "d-caret",
-  setup(a) {
-    return (k, e) => (u(), f("svg", {
+  setup(o) {
+    return (b, s) => (c(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      C("path", {
         fill: "currentColor",
         d: "m512 128 288 320H224zM224 576h576L512 896z"
       })
     ]));
   }
 }), pe = ve;
-const X = (a, k) => {
-  const e = a.__vccOpts || a;
-  for (const [r, c] of k)
-    e[r] = c;
-  return e;
-}, fe = {
-  key: 0,
-  class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
+const Y = (o, b) => {
+  const s = o.__vccOpts || o;
+  for (const [e, d] of b)
+    s[e] = d;
+  return s;
 }, me = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, ge = ["xlink:href"], ye = ["src"], he = {
+}, fe = ["xlink:href"], ge = ["src"], ye = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, ke = ["xlink:href"], be = ["src"], _e = /* @__PURE__ */ F({
+}, he = ["xlink:href"], ke = ["src"], be = /* @__PURE__ */ A({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -63,11 +60,12 @@ const X = (a, k) => {
     warning: { type: Boolean },
     width: {}
   },
-  setup(a) {
-    const k = a, e = L(() => k), r = L(() => {
+  emits: ["click", "mouseenter", "mouseleave", "dblclick"],
+  setup(o, { emit: b }) {
+    const s = o, e = L(() => s), d = L(() => {
       const { name: t } = e.value;
       return /^http?:\/\//.test(t) ? "img" : /i-[^:]+:[^:]+/.test(t) ? "unocss" : t != null && t.startsWith("iksig") ? "iksig" : t != null && t.includes(":") ? "iconify" : t != null && t.startsWith("iksvg") ? "svg" : "i";
-    }), c = L(() => {
+    }), i = L(() => {
       const t = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -82,141 +80,164 @@ const X = (a, k) => {
             break;
         }
       e.value.rotate && t.push(`rotate(${e.value.rotate % 360}deg)`);
-      const h = {
+      const a = {
         pointerEvents: e.value.disabled ? "none" : "auto",
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...t.length && { transform: t.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && r.value !== "iksig" ? {
+        ...e.value.color && d.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
           "--ik-icon-shallow-color": e.value.colorLight || ce.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (h.width = h.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), h;
-    });
-    return (t, h) => {
-      const O = D("el-tooltip"), $ = D("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (u(), f("span", fe, [
-        e.value.notip || !e.value.title ? (u(), f(
-          "i",
-          {
-            key: 0,
-            class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [t.name]: r.value === "unocss",
-              "show-bg": e.value.showBg || e.value.bg,
-              default: e.value.size === "default",
-              small: e.value.size === "small",
-              big: e.value.size === "big",
-              warning: e.value.warning || e.value.type === "warning",
-              primary: e.value.primary || e.value.type === "primary",
-              success: t.success || e.value.type === "success",
-              error: e.value.error || e.value.type === "error",
-              active: e.value.active,
-              disabled: e.value.disabled
-            }]),
-            style: B(c.value)
-          },
-          [
-            E(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            r.value === "iksig" ? (u(), f(
-              "i",
-              {
-                key: 0,
-                class: w(`iksig ${e.value.name}`),
-                style: B(c.value)
-              },
-              null,
-              6
-              /* CLASS, STYLE */
-            )) : r.value === "svg" ? (u(), f("svg", me, [
-              S("use", {
-                "xlink:href": `#${e.value.name}`
-              }, null, 8, ge)
-            ])) : r.value === "img" ? (u(), f("img", {
-              key: 2,
-              src: e.value.name,
-              class: "h-[1em] w-[1em]"
-            }, null, 8, ye)) : (u(), f(
-              "i",
-              {
-                key: 3,
-                class: w(e.value.name),
-                style: B(c.value)
-              },
-              null,
-              6
-              /* CLASS, STYLE */
-            ))
-          ],
-          6
-          /* CLASS, STYLE */
-        )) : (u(), N(O, {
-          key: 1,
-          content: e.value.title,
-          placement: "top"
-        }, {
-          default: m(() => [
-            S(
-              "i",
-              {
-                class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [t.name]: r.value === "unocss",
-                  "show-bg": e.value.showBg || e.value.bg,
-                  default: e.value.size === "default",
-                  small: e.value.size === "small",
-                  big: e.value.size === "big",
-                  warning: e.value.warning || e.value.type === "warning",
-                  primary: t.primary || e.value.type === "primary",
-                  success: t.success || e.value.type === "success",
-                  error: e.value.error || e.value.type === "error",
-                  active: e.value.active
-                }]),
-                style: B(c.value)
-              },
-              [
-                r.value === "iksig" ? (u(), f(
-                  "i",
-                  {
-                    key: 0,
-                    class: w(`iksig ${e.value.name}`),
-                    style: B(c.value)
-                  },
-                  null,
-                  6
-                  /* CLASS, STYLE */
-                )) : r.value === "svg" ? (u(), f("svg", he, [
-                  S("use", {
-                    "xlink:href": `#${e.value.name}`
-                  }, null, 8, ke)
-                ])) : r.value === "img" ? (u(), f("img", {
-                  key: 2,
-                  src: e.value.name,
-                  class: "h-[1em] w-[1em]"
-                }, null, 8, be)) : (u(), f(
-                  "i",
-                  {
-                    key: 3,
-                    class: w(e.value.name),
-                    style: B(c.value)
-                  },
-                  null,
-                  6
-                  /* CLASS, STYLE */
-                ))
-              ],
-              6
-              /* CLASS, STYLE */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]))
-      ])) : (u(), N($, {
+      return e.value.width && (a.width = a.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), a;
+    }), k = b, M = (t) => {
+      k("click", t);
+    }, B = (t) => {
+      k("mouseenter", t);
+    }, v = (t) => {
+      k("mouseleave", t);
+    }, y = (t) => {
+      k("dblclick", t);
+    };
+    return (t, a) => {
+      const O = D("el-tooltip"), E = D("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (c(), m(
+        P,
+        { key: 0 },
+        [
+          e.value.notip || !e.value.title ? (c(), m(
+            "span",
+            {
+              key: 0,
+              class: S(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                [t.name]: d.value === "unocss",
+                "show-bg": e.value.showBg || e.value.bg,
+                default: e.value.size === "default",
+                small: e.value.size === "small",
+                big: e.value.size === "big",
+                warning: e.value.warning || e.value.type === "warning",
+                primary: e.value.primary || e.value.type === "primary",
+                success: t.success || e.value.type === "success",
+                error: e.value.error || e.value.type === "error",
+                active: e.value.active,
+                disabled: e.value.disabled
+              }]),
+              style: x(i.value),
+              onClick: M,
+              onDblclick: y,
+              onMouseenter: B,
+              onMouseleave: v
+            },
+            [
+              F(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+              d.value === "iksig" ? (c(), m(
+                "i",
+                {
+                  key: 0,
+                  class: S(`iksig ${e.value.name}`),
+                  style: x(i.value)
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              )) : d.value === "svg" ? (c(), m("svg", me, [
+                C("use", {
+                  "xlink:href": `#${e.value.name}`
+                }, null, 8, fe)
+              ])) : d.value === "img" ? (c(), m("img", {
+                key: 2,
+                src: e.value.name,
+                class: "h-[1em] w-[1em]"
+              }, null, 8, ge)) : (c(), m(
+                "i",
+                {
+                  key: 3,
+                  class: S(e.value.name),
+                  style: x(i.value)
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              ))
+            ],
+            38
+            /* CLASS, STYLE, NEED_HYDRATION */
+          )) : (c(), N(O, {
+            key: 1,
+            content: e.value.title,
+            placement: "top",
+            "hide-after": 0
+          }, {
+            default: f(() => [
+              C(
+                "span",
+                {
+                  class: S(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                    [t.name]: d.value === "unocss",
+                    "show-bg": e.value.showBg || e.value.bg,
+                    default: e.value.size === "default",
+                    small: e.value.size === "small",
+                    big: e.value.size === "big",
+                    warning: e.value.warning || e.value.type === "warning",
+                    primary: t.primary || e.value.type === "primary",
+                    success: t.success || e.value.type === "success",
+                    error: e.value.error || e.value.type === "error",
+                    active: e.value.active
+                  }]),
+                  style: x(i.value),
+                  onClick: M,
+                  onDblclick: y,
+                  onMouseenter: B,
+                  onMouseleave: v
+                },
+                [
+                  d.value === "iksig" ? (c(), m(
+                    "i",
+                    {
+                      key: 0,
+                      class: S(`iksig ${e.value.name}`),
+                      style: x(i.value)
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  )) : d.value === "svg" ? (c(), m("svg", ye, [
+                    C("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, he)
+                  ])) : d.value === "img" ? (c(), m("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, ke)) : (c(), m(
+                    "i",
+                    {
+                      key: 3,
+                      class: S(e.value.name),
+                      style: x(i.value)
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  ))
+                ],
+                38
+                /* CLASS, STYLE, NEED_HYDRATION */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["content"]))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : (c(), N(E, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: m(() => [
+        default: f(() => [
           z(
             T(e.value.title),
             1
@@ -228,7 +249,7 @@ const X = (a, k) => {
       }, 8, ["type"]));
     };
   }
-}), we = /* @__PURE__ */ X(_e, [["__scopeId", "data-v-bd4bda5f"]]), Se = P(we), Q = {
+}), _e = /* @__PURE__ */ Y(be, [["__scopeId", "data-v-c7804024"]]), we = X(_e), Q = {
   animation: 200,
   group: "gl",
   disabled: !1,
@@ -241,7 +262,7 @@ const X = (a, k) => {
     bottom: 8,
     background: "var(--ik-sub-sidebar-menu-bg)"
   }
-}, xe = {
+}, Se = {
   list: {
     required: !0,
     type: Array,
@@ -379,90 +400,90 @@ const X = (a, k) => {
       }
     })
   }
-}, Ce = /* @__PURE__ */ F({
+}, Ce = /* @__PURE__ */ A({
   __name: "IkDragList",
-  props: xe,
+  props: Se,
   emits: ["change"],
-  setup(a, { emit: k }) {
-    const e = a, r = k, c = V([]);
+  setup(o, { emit: b }) {
+    const s = o, e = b, d = V([]);
     Z(
-      () => e.list,
+      () => s.list,
       (v) => {
-        c.value = C.cloneDeep(v);
+        d.value = I.cloneDeep(v);
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    const t = L(() => ({
+    const i = L(() => ({
       ...Q,
-      ...e,
+      ...s,
       itemStyle: {
         ...Q.itemStyle,
-        ...e.itemStyle
+        ...s.itemStyle
       }
-    })), h = V(!1), O = () => {
-      h.value = !0;
-    }, $ = (v) => {
-      h.value = !1;
-      const x = e.list[v.oldIndex];
-      r("change", c.value, {
-        ...x,
+    })), k = V(!1), M = () => {
+      k.value = !0;
+    }, B = (v) => {
+      k.value = !1;
+      const y = s.list[v.oldIndex];
+      e("change", d.value, {
+        ...y,
         oldIndex: v.oldIndex,
         newIndex: v.newIndex
       });
     };
-    return (v, x) => {
-      const p = D("el-icon");
-      return u(), N(_(de), {
-        modelValue: c.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (n) => c.value = n),
-        class: w(["list-group", [t.value.groupClass]]),
+    return (v, y) => {
+      const t = D("el-icon");
+      return c(), N(w(de), {
+        modelValue: d.value,
+        "onUpdate:modelValue": y[0] || (y[0] = (a) => d.value = a),
+        class: S(["list-group", [i.value.groupClass]]),
         tag: "ul",
-        attrs: t.value,
-        animation: t.value.animation,
-        group: t.value.group,
-        disabled: t.value.disabled,
-        "ghost-class": t.value.ghostClass,
-        "force-fallback": t.value.ghostClass,
+        attrs: i.value,
+        animation: i.value.animation,
+        group: i.value.group,
+        disabled: i.value.disabled,
+        "ghost-class": i.value.ghostClass,
+        "force-fallback": i.value.ghostClass,
         "item-key": "order",
-        onStart: O,
-        onEnd: $
+        onStart: M,
+        onEnd: B
       }, {
-        item: m(({ element: n }) => [
-          I(
+        item: f(({ element: a }) => [
+          $(
             ne,
             {
               type: "transition",
               name: "flip-list"
             },
             {
-              default: m(() => [
-                v.$slots.item ? q(v.$slots, "item", {
+              default: f(() => [
+                v.$slots.item ? R(v.$slots, "item", {
                   key: 0,
-                  item: n
-                }, void 0, !0) : (u(), f(
+                  item: a
+                }, void 0, !0) : (c(), m(
                   "li",
                   {
                     key: 1,
-                    class: w(["list-group-item", [t.value.itemClass]]),
-                    style: B({
-                      borderRadius: `${t.value.itemStyle.radius}px`,
-                      marginBottom: `${t.value.itemStyle.bottom}px`,
-                      backgroundColor: `${t.value.itemStyle.background}`
+                    class: S(["list-group-item", [i.value.itemClass]]),
+                    style: x({
+                      borderRadius: `${i.value.itemStyle.radius}px`,
+                      marginBottom: `${i.value.itemStyle.bottom}px`,
+                      backgroundColor: `${i.value.itemStyle.background}`
                     })
                   },
                   [
-                    t.value.showIcon && !v.$slots.icon ? (u(), N(p, { key: 0 }, {
-                      default: m(() => [
-                        I(_(pe))
+                    i.value.showIcon && !v.$slots.icon ? (c(), N(t, { key: 0 }, {
+                      default: f(() => [
+                        $(w(pe))
                       ]),
                       _: 1
                       /* STABLE */
-                    })) : q(v.$slots, "icon", { key: 1 }, void 0, !0),
+                    })) : R(v.$slots, "icon", { key: 1 }, void 0, !0),
                     z(
-                      " " + T(n.label),
+                      " " + T(a.label),
                       1
                       /* TEXT */
                     )
@@ -483,9 +504,9 @@ const X = (a, k) => {
       }, 8, ["modelValue", "class", "attrs", "animation", "group", "disabled", "ghost-class", "force-fallback"]);
     };
   }
-}), Be = /* @__PURE__ */ X(Ce, [["__scopeId", "data-v-3716c05e"]]), Ie = P(Be), $e = { class: "check-right" }, ze = { class: "dialog-footer" }, Ve = /* @__PURE__ */ F({
+}), Be = /* @__PURE__ */ Y(Ce, [["__scopeId", "data-v-3716c05e"]]), Ie = X(Be), xe = { class: "check-right" }, $e = { class: "dialog-footer" }, ze = /* @__PURE__ */ A({
   __name: "IkBtnSetting",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ G({
     list: {
       type: Array,
       default: () => []
@@ -523,7 +544,7 @@ const X = (a, k) => {
     config: {
       type: Object,
       default: () => ({
-        t: (a) => a,
+        t: (o) => o,
         dialog: {
           l: "700px",
           sl: "600px"
@@ -541,104 +562,104 @@ const X = (a, k) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["sort"], ["update:modelValue"]),
-  setup(a, { emit: k }) {
-    const e = a, r = k, c = se(a, "modelValue"), { t, dialog: h, path: O, user: $ } = e.config, v = L(() => `${$ == null ? void 0 : $.id}_${O}${e.tab !== "" ? `_${e.tab}` : ""}`), x = V([]), p = V([]), n = V([]), M = /* @__PURE__ */ new Map(), A = V(!1), ee = L(() => {
-      const s = p.value.length && p.value.length !== e.list.length;
-      return !s && p.value.length && (A.value = !0), !!s;
-    }), U = (s) => {
-      var i;
-      const l = C.cloneDeep(n.value);
-      l == null || l.forEach((o) => {
-        var b;
-        if (!p.value.length)
-          n.value = [];
-        else if (!p.value.includes(o == null ? void 0 : o.key)) {
-          const y = (b = n.value) == null ? void 0 : b.findIndex((d) => d.key === o.key);
-          y !== -1 && n.value.splice(y, 1), o.show = !1, M.set(o.key, o);
+  emits: /* @__PURE__ */ G(["sort"], ["update:modelValue"]),
+  setup(o, { emit: b }) {
+    const s = o, e = b, d = se(o, "modelValue"), { t: i, dialog: k, path: M, user: B } = s.config, v = L(() => `${B == null ? void 0 : B.id}_${M}${s.tab !== "" ? `_${s.tab}` : ""}`), y = V([]), t = V([]), a = V([]), O = /* @__PURE__ */ new Map(), E = V(!1), ee = L(() => {
+      const u = t.value.length && t.value.length !== s.list.length;
+      return !u && t.value.length && (E.value = !0), !!u;
+    }), U = (u) => {
+      var r;
+      const l = I.cloneDeep(a.value);
+      l == null || l.forEach((n) => {
+        var _;
+        if (!t.value.length)
+          a.value = [];
+        else if (!t.value.includes(n == null ? void 0 : n.key)) {
+          const h = (_ = a.value) == null ? void 0 : _.findIndex((p) => p.key === n.key);
+          h !== -1 && a.value.splice(h, 1), n.show = !1, O.set(n.key, n);
         }
-      }), p.value.forEach((o) => {
-        var y;
-        if (((y = n.value) == null ? void 0 : y.findIndex((d) => (d == null ? void 0 : d.key) === o)) === -1) {
-          const d = M.get(o);
-          d && (d.show = !0, n.value.push(d));
+      }), t.value.forEach((n) => {
+        var h;
+        if (((h = a.value) == null ? void 0 : h.findIndex((p) => (p == null ? void 0 : p.key) === n)) === -1) {
+          const p = O.get(n);
+          p && (p.show = !0, a.value.push(p));
         }
-      }), (i = n.value) != null && i.length || (n.value = C.cloneDeep(e.list)), s === !0 && (r("sort", C.cloneDeep(n.value)), c.value = C.cloneDeep(n.value));
-    }, te = (s) => {
-      if (s)
-        p.value = e.list.map((l) => l.key);
+      }), (r = a.value) != null && r.length || (a.value = I.cloneDeep(s.list)), u === !0 && (e("sort", I.cloneDeep(a.value)), d.value = I.cloneDeep(a.value));
+    }, te = (u) => {
+      if (u)
+        t.value = s.list.map((l) => l.key);
       else {
-        const l = e.list.find((i) => !i.key || i.label === "操作");
-        p.value = l ? [l.key] : [];
+        const l = s.list.find((r) => !r.key || r.label === "操作");
+        t.value = l ? [l.key] : [];
       }
       U();
     }, W = () => {
-      const s = H.local.getItem(v.value);
+      const u = H.local.getItem(v.value);
       try {
-        const l = C.cloneDeep(e == null ? void 0 : e.list);
-        if ((!s || !(s != null && s.length)) && H.local.setItem(
+        const l = I.cloneDeep(s == null ? void 0 : s.list);
+        if ((!u || !(u != null && u.length)) && H.local.setItem(
           v.value,
-          l.map(({ show: i, type: o, key: b, label: y, width: d, minWidth: g, align: oe }) => ({
-            show: i,
-            key: b,
-            type: o,
-            label: y,
-            width: d,
+          l.map(({ show: r, type: n, key: _, label: h, width: p, minWidth: g, align: oe }) => ({
+            show: r,
+            key: _,
+            type: n,
+            label: h,
+            width: p,
             minWidth: g,
             align: oe
           }))
-        ), x.value = [
-          ...(l == null ? void 0 : l.map((i) => (M.set(i.key, i), {
-            ...i,
-            show: i.show || !1
+        ), y.value = [
+          ...(l == null ? void 0 : l.map((r) => (O.set(r.key, r), {
+            ...r,
+            show: r.show || !1
           }))) || []
-        ], s) {
-          const i = s.filter((o) => o.show).map((o) => o.key);
-          p.value = [...i];
+        ], u) {
+          const r = u.filter((n) => n.show).map((n) => n.key);
+          t.value = [...r];
         } else {
-          const i = x.value.filter((o) => o.show);
-          p.value = i.map((o) => o.key);
+          const r = y.value.filter((n) => n.show);
+          t.value = r.map((n) => n.key);
         }
         U(!0);
       } catch (l) {
         console.info("error: ", l);
       }
     };
-    W(), Z(() => e.list, () => {
+    W(), Z(() => s.list, () => {
       W();
     }, { deep: !0 });
-    const j = V(!1), Y = () => {
+    const j = V(!1), q = () => {
       j.value = !0;
-    }, le = (s) => {
-      n.value = s;
+    }, le = (u) => {
+      a.value = u;
     }, ae = () => {
       j.value = !1, H.local.setItem(
         v.value,
-        n.value.map(({ show: s, key: l, label: i, value: o, width: b, minWidth: y, align: d }) => ({
-          show: s,
+        a.value.map(({ show: u, key: l, label: r, value: n, width: _, minWidth: h, align: p }) => ({
+          show: u,
           key: l,
-          label: i,
-          value: o,
-          width: b,
-          minWidth: y,
-          align: d
+          label: r,
+          value: n,
+          width: _,
+          minWidth: h,
+          align: p
         }))
-      ), r("sort", C.cloneDeep(n.value)), c.value = C.cloneDeep(n.value);
+      ), e("sort", I.cloneDeep(a.value)), d.value = I.cloneDeep(a.value);
     };
-    return (s, l) => {
-      const i = D("el-button"), o = D("el-checkbox"), b = D("el-checkbox-group"), y = D("el-dialog"), d = ie("role");
-      return u(), f(
-        G,
+    return (u, l) => {
+      const r = D("el-button"), n = D("el-checkbox"), _ = D("el-checkbox-group"), h = D("el-dialog"), p = ie("role");
+      return c(), m(
+        P,
         null,
         [
-          a.btnType === "button" ? J((u(), N(i, K({ key: 0 }, s.$attrs, {
-            circle: a.circle,
-            type: a.type,
-            style: { minWidth: a.circle ? "40px" : "", minHeight: a.circle ? "40px" : "" },
-            onClick: Y
+          o.btnType === "button" ? J((c(), N(r, K({ key: 0 }, u.$attrs, {
+            circle: o.circle,
+            type: o.type,
+            style: { minWidth: o.circle ? "40px" : "", minHeight: o.circle ? "40px" : "" },
+            onClick: q
           }), ue({
-            icon: m(() => [
-              l[4] || (l[4] = S(
+            icon: f(() => [
+              l[4] || (l[4] = C(
                 "i",
                 { class: "ik ik-shezhi" },
                 null,
@@ -649,12 +670,12 @@ const X = (a, k) => {
             _: 2
             /* DYNAMIC */
           }, [
-            a.circle ? void 0 : {
+            o.circle ? void 0 : {
               name: "default",
-              fn: m(() => [
-                E(' {{ t("action.setting") }} '),
+              fn: f(() => [
+                F(' {{ t("action.setting") }} '),
                 z(
-                  " " + T(_(t)("设置")),
+                  " " + T(w(i)("设置")),
                   1
                   /* TEXT */
                 )
@@ -662,57 +683,57 @@ const X = (a, k) => {
               key: "0"
             }
           ]), 1040, ["circle", "type", "style"])), [
-            [d, s.$props.role]
-          ]) : E("v-if", !0),
-          a.btnType === "icon" ? J((u(), N(
-            _(Se),
+            [p, u.$props.role]
+          ]) : F("v-if", !0),
+          o.btnType === "icon" ? J((c(), N(
+            w(we),
             K({
               key: 1,
               name: "iksvg_shezhi-daohang",
               "show-bg": "",
               size: "default"
-            }, s.$attrs, { onClick: Y }),
+            }, u.$attrs, { onClick: q }),
             null,
             16
             /* FULL_PROPS */
           )), [
-            [d, s.$props.role]
-          ]) : E("v-if", !0),
-          I(y, {
+            [p, u.$props.role]
+          ]) : F("v-if", !0),
+          $(h, {
             modelValue: j.value,
             "onUpdate:modelValue": l[3] || (l[3] = (g) => j.value = g),
             draggable: "",
-            width: a.inline ? _(h).l : _(h).sl,
+            width: o.inline ? w(k).l : w(k).sl,
             "close-on-click-modal": !1,
             "close-on-press-escape": !1,
             title: "显示字段",
             "append-to-body": "",
             onOpen: W
           }, {
-            footer: m(() => [
-              S("div", ze, [
-                I(i, {
+            footer: f(() => [
+              C("div", $e, [
+                $(r, {
                   onClick: l[2] || (l[2] = (g) => j.value = !1)
                 }, {
-                  default: m(() => [
+                  default: f(() => [
                     z(
-                      T(_(t)("关闭")) + " ",
+                      T(w(i)("关闭")) + " ",
                       1
                       /* TEXT */
                     ),
-                    E(' {{ t("action.close") }} ')
+                    F(' {{ t("action.close") }} ')
                   ]),
                   _: 1
                   /* STABLE */
                 }),
-                I(i, {
+                $(r, {
                   type: "primary",
-                  disabled: n.value.length < 2,
+                  disabled: a.value.length < 2,
                   onClick: ae
                 }, {
-                  default: m(() => [
+                  default: f(() => [
                     z(
-                      T(n.value.length < 2 ? "至少选择一个字段" : _(t)("确定")),
+                      T(a.value.length < 2 ? "至少选择一个字段" : w(i)("确定")),
                       1
                       /* TEXT */
                     )
@@ -722,47 +743,47 @@ const X = (a, k) => {
                 }, 8, ["disabled"])
               ])
             ]),
-            default: m(() => [
-              S(
+            default: f(() => [
+              C(
                 "div",
                 {
-                  class: w(["view-fields", [a.inline ? null : "un-inline"]])
+                  class: S(["view-fields", [o.inline ? null : "un-inline"]])
                 },
                 [
-                  S(
+                  C(
                     "div",
                     {
-                      style: B({ flex: a.inline ? 2 : 1 })
+                      style: x({ flex: o.inline ? 2 : 1 })
                     },
                     [
-                      I(o, {
-                        modelValue: A.value,
-                        "onUpdate:modelValue": l[0] || (l[0] = (g) => A.value = g),
+                      $(n, {
+                        modelValue: E.value,
+                        "onUpdate:modelValue": l[0] || (l[0] = (g) => E.value = g),
                         class: "single-line",
                         indeterminate: ee.value,
                         onChange: te
                       }, {
-                        default: m(() => l[5] || (l[5] = [
+                        default: f(() => l[5] || (l[5] = [
                           z(" 全选 ")
                         ])),
                         _: 1
                         /* STABLE */
                       }, 8, ["modelValue", "indeterminate"]),
-                      I(b, {
-                        modelValue: p.value,
-                        "onUpdate:modelValue": l[1] || (l[1] = (g) => p.value = g),
+                      $(_, {
+                        modelValue: t.value,
+                        "onUpdate:modelValue": l[1] || (l[1] = (g) => t.value = g),
                         onChange: U
                       }, {
-                        default: m(() => [
-                          (u(!0), f(
-                            G,
+                        default: f(() => [
+                          (c(!0), m(
+                            P,
                             null,
-                            re(x.value, (g) => (u(), N(o, {
+                            re(y.value, (g) => (c(), N(n, {
                               key: g.key,
                               disabled: !g.key,
                               label: g.key
                             }, {
-                              default: m(() => [
+                              default: f(() => [
                                 z(
                                   T(g.label),
                                   1
@@ -783,9 +804,9 @@ const X = (a, k) => {
                     4
                     /* STYLE */
                   ),
-                  S("div", $e, [
-                    I(_(Ie), {
-                      list: n.value,
+                  C("div", xe, [
+                    $(w(Ie), {
+                      list: a.value,
                       "item-style": { bottom: 4 },
                       onChange: le
                     }, null, 8, ["list"])
@@ -804,8 +825,8 @@ const X = (a, k) => {
       );
     };
   }
-}), De = /* @__PURE__ */ X(Ve, [["__scopeId", "data-v-b5ed17ed"]]), Oe = P(De);
+}), Ve = /* @__PURE__ */ Y(ze, [["__scopeId", "data-v-b5ed17ed"]]), Te = X(Ve);
 export {
-  Oe as IkBtnSetting,
-  Oe as default
+  Te as IkBtnSetting,
+  Te as default
 };