iking-web-ui-pro 0.3.2 → 0.3.4

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

@@ -1,9 +1,9 @@
-import { defineComponent as k, computed as w, resolveComponent as _, openBlock as t, createElementBlock as n, Fragment as D, normalizeClass as c, normalizeStyle as v, createCommentVNode as C, createElementVNode as h, createBlock as b, withCtx as d, createTextVNode as B, toDisplayString as $, createVNode as F, unref as z, mergeModels as j, useModel as N, ref as E, h as H, mergeProps as O, createSlots as q, renderSlot as y } from "vue";
+import { defineComponent as k, computed as w, resolveComponent as _, openBlock as t, createElementBlock as n, Fragment as T, normalizeClass as c, normalizeStyle as v, createElementVNode as h, createBlock as b, withCtx as d, createTextVNode as B, toDisplayString as C, createVNode as F, unref as $, mergeModels as x, useModel as j, ref as N, h as E, mergeProps as H, createSlots as O, renderSlot as y, createCommentVNode as q } from "vue";
 import { ikColor as L } from "iking-utils-pro";
-const V = (o, u) => (o.install = (i) => {
+const I = (o, u) => (o.install = (i) => {
   for (const e of [o, ...Object.values({})])
     i.component(e.name, e);
-}, o), M = (o, u) => {
+}, o), V = (o, u) => {
   const i = o.__vccOpts || o;
   for (const [e, s] of u)
     i[e] = s;
@@ -38,9 +38,10 @@ const V = (o, u) => (o.install = (i) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(o, { emit: u }) {
@@ -80,20 +81,21 @@ const V = (o, u) => (o.install = (i) => {
       a("mouseenter", l);
     }, m = (l) => {
       a("mouseleave", l);
-    }, I = (l) => {
+    }, z = (l) => {
       a("dblclick", l);
     };
     return (l, g) => {
-      const x = _("el-tooltip"), T = _("el-button");
+      const S = _("el-tooltip"), D = _("el-button");
       return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), n(
-        D,
+        T,
         { key: 0 },
         [
           e.value.notip || !e.value.title ? (t(), n(
-            "span",
+            "i",
             {
               key: 0,
               class: c(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                [l.iconClass]: !0,
                 [l.name]: s.value === "unocss",
                 "show-bg": e.value.showBg || e.value.bg,
                 default: e.value.size === "default",
@@ -108,12 +110,11 @@ const V = (o, u) => (o.install = (i) => {
               }]),
               style: v(r.value),
               onClick: p,
-              onDblclick: I,
+              onDblclick: z,
               onMouseenter: f,
               onMouseleave: m
             },
             [
-              C(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
               s.value === "iksig" ? (t(), n(
                 "i",
                 {
@@ -146,17 +147,19 @@ const V = (o, u) => (o.install = (i) => {
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (t(), b(x, {
+          )) : (t(), b(S, {
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: d(() => [
               h(
-                "span",
+                "i",
                 {
                   class: c(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                    [l.iconClass]: !0,
                     [l.name]: s.value === "unocss",
                     "show-bg": e.value.showBg || e.value.bg,
                     default: e.value.size === "default",
@@ -166,11 +169,13 @@ const V = (o, u) => (o.install = (i) => {
                     primary: l.primary || e.value.type === "primary",
                     success: l.success || e.value.type === "success",
                     error: e.value.error || e.value.type === "error",
-                    active: e.value.active
+                    active: e.value.active,
+                    disabled: e.value.disabled,
+                    ...l.$attrs.class || {}
                   }]),
                   style: v(r.value),
                   onClick: p,
-                  onDblclick: I,
+                  onDblclick: z,
                   onMouseenter: f,
                   onMouseleave: m
                 },
@@ -215,13 +220,13 @@ const V = (o, u) => (o.install = (i) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (t(), b(T, {
+      )) : (t(), b(D, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
         default: d(() => [
           B(
-            $(e.value.title),
+            C(e.value.title),
             1
             /* TEXT */
           )
@@ -231,7 +236,7 @@ const V = (o, u) => (o.install = (i) => {
       }, 8, ["type"]));
     };
   }
-}), J = /* @__PURE__ */ M(G, [["__scopeId", "data-v-c7804024"]]), S = V(J), K = /* @__PURE__ */ k({
+}), J = /* @__PURE__ */ V(G, [["__scopeId", "data-v-64b61696"]]), M = I(J), K = /* @__PURE__ */ k({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -250,20 +255,19 @@ const V = (o, u) => (o.install = (i) => {
         class: c({ "exit-main-page-maximize": o.showBg && o.fullscreen })
       },
       [
-        F(z(S), {
-          name: "iksvg_guanbidanchuang",
+        F($(M), {
+          name: "iksvg_guanbi",
           title: "关闭",
-          size: 20,
-          error: ""
+          size: 20
         })
       ],
       2
       /* CLASS */
     ));
   }
-}), Q = /* @__PURE__ */ M(K, [["__scopeId", "data-v-ddb34200"]]), R = { class: "base-header" }, Z = /* @__PURE__ */ k({
+}), Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-d9a4ea3c"]]), R = { class: "base-header" }, Z = /* @__PURE__ */ k({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ x({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -282,11 +286,11 @@ const V = (o, u) => (o.install = (i) => {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const u = o, i = N(o, "modelValue"), e = E(u.fullscreen), s = () => {
+    const u = o, i = j(o, "modelValue"), e = N(u.fullscreen), s = () => {
       e.value = !e.value;
     }, r = k({
       setup() {
-        return () => H(Q, {
+        return () => E(Q, {
           showBg: u.showCloseBg,
           fullscreen: u.fullscreen
         });
@@ -294,20 +298,20 @@ const V = (o, u) => (o.install = (i) => {
     });
     return (a, p) => {
       const f = _("el-dialog");
-      return t(), b(f, O({
+      return t(), b(f, H({
         modelValue: i.value,
         "onUpdate:modelValue": p[0] || (p[0] = (m) => i.value = m),
         "align-center": ""
       }, a.$attrs, {
-        "close-icon": z(r),
+        "close-icon": $(r),
         class: `ik-base-dialog ${a.noHeader ? "no-header" : ""} ${a.noFooter ? "no-footer" : ""}`,
         fullscreen: e.value,
         "modal-class": "baseDialog"
-      }), q({
+      }), O({
         icon: d(() => [
           y(a.$slots, "title", {}, () => [
             B(
-              $(a.title),
+              C(a.title),
               1
               /* TEXT */
             )
@@ -317,19 +321,19 @@ const V = (o, u) => (o.install = (i) => {
           h("div", R, [
             y(a.$slots, "header", {}, () => [
               B(
-                $(a.title),
+                C(a.title),
                 1
                 /* TEXT */
               )
             ])
           ]),
-          a.$attrs.showClose ? (t(), b(z(S), {
+          a.$attrs.showClose ? (t(), b($(M), {
             key: 0,
             onClick: s,
             name: e.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
             class: "absolute! top-[18px] right-[50px] icon-dialog-full",
             title: e.value ? "退出全屏" : "全屏"
-          }, null, 8, ["name", "title"])) : C("v-if", !0)
+          }, null, 8, ["name", "title"])) : q("v-if", !0)
         ]),
         default: d(() => [
           y(a.$slots, "default")
@@ -347,7 +351,7 @@ const V = (o, u) => (o.install = (i) => {
       ]), 1040, ["modelValue", "close-icon", "class", "fullscreen"]);
     };
   }
-}), ae = V(Z);
+}), ae = I(Z);
 export {
   ae as IkBaseDialog,
   ae as default

package/dist/IkBaseDialog/iking-web-ui-pro.css

@@ -1 +1 @@
-.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.exit-main-page-maximize[data-v-ddb34200]{position:fixed;top:-40px;right:-40px;z-index:1000;width:80px;height:80px;cursor:pointer;background-color:var(--ik-icon-bg);border-radius:50%}.exit-main-page-maximize span[data-v-ddb34200]{position:absolute;top:47px;right:47px}.ik-svg-icon.ik-icon[data-v-ddb34200]{--ik-icon-deep-color: var(--ik-bgicon-deep-color);--ik-icon-shallow-color: var(--ik-bgicon-shallow-color)}.el-dialog.ik-base-dialog.no-header .el-dialog__header{height:0}.el-dialog.ik-base-dialog.no-header .el-dialog__header .base-header{overflow:hidden;display:none}.el-dialog.ik-base-dialog.no-header .el-dialog__header:after{display:none}.el-dialog.ik-base-dialog.no-footer .el-dialog__footer{height:0;overflow:hidden}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.exit-main-page-maximize[data-v-d9a4ea3c]{position:fixed;top:-40px;right:-40px;z-index:1000;width:80px;height:80px;cursor:pointer;background-color:var(--ik-icon-bg);border-radius:50%}.exit-main-page-maximize span[data-v-d9a4ea3c]{position:absolute;top:47px;right:47px}.ik-svg-icon.ik-icon[data-v-d9a4ea3c]{--ik-icon-deep-color: var(--ik-bgicon-deep-color);--ik-icon-shallow-color: var(--ik-bgicon-shallow-color)}.el-dialog.ik-base-dialog{--el-dialog-padding-primary: 0 16px}.el-dialog.ik-base-dialog .el-dialog__header{height:48px}.el-dialog.ik-base-dialog.no-header .el-dialog__header{height:0}.el-dialog.ik-base-dialog.no-header .el-dialog__header .base-header{overflow:hidden;display:none}.el-dialog.ik-base-dialog.no-header .el-dialog__header:after{display:none}.el-dialog.ik-base-dialog.no-footer .el-dialog__footer{height:0;overflow:hidden}

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

@@ -1,4 +1,4 @@
-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 { 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 $, createBlock as N, withCtx as f, createTextVNode as z, toDisplayString as T, ref as V, watch as Z, unref as _, createVNode as x, Transition as ne, renderSlot as R, mergeModels as G, useModel as se, resolveDirective as ie, withDirectives as J, mergeProps as K, createSlots as ue, createCommentVNode as F, renderList as re } from "vue";
 import { ikColor as ce, _ as I, ikStore as H } from "iking-utils-pro";
 import de from "vuedraggable";
 const X = (o, b) => (o.install = (s) => {
@@ -56,9 +56,10 @@ const Y = (o, b) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(o, { emit: b }) {
@@ -108,10 +109,11 @@ const Y = (o, b) => {
         { key: 0 },
         [
           e.value.notip || !e.value.title ? (c(), m(
-            "span",
+            "i",
             {
               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.iconClass]: !0,
                 [t.name]: d.value === "unocss",
                 "show-bg": e.value.showBg || e.value.bg,
                 default: e.value.size === "default",
@@ -124,20 +126,19 @@ const Y = (o, b) => {
                 active: e.value.active,
                 disabled: e.value.disabled
               }]),
-              style: x(i.value),
+              style: $(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)
+                  style: $(i.value)
                 },
                 null,
                 6
@@ -155,7 +156,7 @@ const Y = (o, b) => {
                 {
                   key: 3,
                   class: S(e.value.name),
-                  style: x(i.value)
+                  style: $(i.value)
                 },
                 null,
                 6
@@ -168,13 +169,15 @@ const Y = (o, b) => {
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: f(() => [
               C(
-                "span",
+                "i",
                 {
                   class: S(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                    [t.iconClass]: !0,
                     [t.name]: d.value === "unocss",
                     "show-bg": e.value.showBg || e.value.bg,
                     default: e.value.size === "default",
@@ -184,9 +187,11 @@ const Y = (o, b) => {
                     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
+                    active: e.value.active,
+                    disabled: e.value.disabled,
+                    ...t.$attrs.class || {}
                   }]),
-                  style: x(i.value),
+                  style: $(i.value),
                   onClick: M,
                   onDblclick: y,
                   onMouseenter: B,
@@ -198,7 +203,7 @@ const Y = (o, b) => {
                     {
                       key: 0,
                       class: S(`iksig ${e.value.name}`),
-                      style: x(i.value)
+                      style: $(i.value)
                     },
                     null,
                     6
@@ -216,7 +221,7 @@ const Y = (o, b) => {
                     {
                       key: 3,
                       class: S(e.value.name),
-                      style: x(i.value)
+                      style: $(i.value)
                     },
                     null,
                     6
@@ -249,7 +254,7 @@ const Y = (o, b) => {
       }, 8, ["type"]));
     };
   }
-}), _e = /* @__PURE__ */ Y(be, [["__scopeId", "data-v-c7804024"]]), we = X(_e), Q = {
+}), we = /* @__PURE__ */ Y(be, [["__scopeId", "data-v-64b61696"]]), _e = X(we), Q = {
   animation: 200,
   group: "gl",
   disabled: !1,
@@ -436,7 +441,7 @@ const Y = (o, b) => {
     };
     return (v, y) => {
       const t = D("el-icon");
-      return c(), N(w(de), {
+      return c(), N(_(de), {
         modelValue: d.value,
         "onUpdate:modelValue": y[0] || (y[0] = (a) => d.value = a),
         class: S(["list-group", [i.value.groupClass]]),
@@ -452,7 +457,7 @@ const Y = (o, b) => {
         onEnd: B
       }, {
         item: f(({ element: a }) => [
-          $(
+          x(
             ne,
             {
               type: "transition",
@@ -468,7 +473,7 @@ const Y = (o, b) => {
                   {
                     key: 1,
                     class: S(["list-group-item", [i.value.itemClass]]),
-                    style: x({
+                    style: $({
                       borderRadius: `${i.value.itemStyle.radius}px`,
                       marginBottom: `${i.value.itemStyle.bottom}px`,
                       backgroundColor: `${i.value.itemStyle.background}`
@@ -477,7 +482,7 @@ const Y = (o, b) => {
                   [
                     i.value.showIcon && !v.$slots.icon ? (c(), N(t, { key: 0 }, {
                       default: f(() => [
-                        $(w(pe))
+                        x(_(pe))
                       ]),
                       _: 1
                       /* STABLE */
@@ -504,7 +509,7 @@ const Y = (o, b) => {
       }, 8, ["modelValue", "class", "attrs", "animation", "group", "disabled", "ghost-class", "force-fallback"]);
     };
   }
-}), Be = /* @__PURE__ */ Y(Ce, [["__scopeId", "data-v-3716c05e"]]), Ie = X(Be), xe = { class: "check-right" }, $e = { class: "dialog-footer" }, ze = /* @__PURE__ */ A({
+}), Be = /* @__PURE__ */ Y(Ce, [["__scopeId", "data-v-3716c05e"]]), Ie = X(Be), $e = { class: "check-right" }, xe = { class: "dialog-footer" }, ze = /* @__PURE__ */ A({
   __name: "IkBtnSetting",
   props: /* @__PURE__ */ G({
     list: {
@@ -571,11 +576,11 @@ const Y = (o, b) => {
       var r;
       const l = I.cloneDeep(a.value);
       l == null || l.forEach((n) => {
-        var _;
+        var w;
         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);
+          const h = (w = a.value) == null ? void 0 : w.findIndex((p) => p.key === n.key);
           h !== -1 && a.value.splice(h, 1), n.show = !1, O.set(n.key, n);
         }
       }), t.value.forEach((n) => {
@@ -599,9 +604,9 @@ const Y = (o, b) => {
         const l = I.cloneDeep(s == null ? void 0 : s.list);
         if ((!u || !(u != null && u.length)) && H.local.setItem(
           v.value,
-          l.map(({ show: r, type: n, key: _, label: h, width: p, minWidth: g, align: oe }) => ({
+          l.map(({ show: r, type: n, key: w, label: h, width: p, minWidth: g, align: oe }) => ({
             show: r,
-            key: _,
+            key: w,
             type: n,
             label: h,
             width: p,
@@ -635,19 +640,19 @@ const Y = (o, b) => {
     }, ae = () => {
       j.value = !1, H.local.setItem(
         v.value,
-        a.value.map(({ show: u, key: l, label: r, value: n, width: _, minWidth: h, align: p }) => ({
+        a.value.map(({ show: u, key: l, label: r, value: n, width: w, minWidth: h, align: p }) => ({
           show: u,
           key: l,
           label: r,
           value: n,
-          width: _,
+          width: w,
           minWidth: h,
           align: p
         }))
       ), e("sort", I.cloneDeep(a.value)), d.value = I.cloneDeep(a.value);
     };
     return (u, l) => {
-      const r = D("el-button"), n = D("el-checkbox"), _ = D("el-checkbox-group"), h = D("el-dialog"), p = ie("role");
+      const r = D("el-button"), n = D("el-checkbox"), w = D("el-checkbox-group"), h = D("el-dialog"), p = ie("role");
       return c(), m(
         P,
         null,
@@ -675,7 +680,7 @@ const Y = (o, b) => {
               fn: f(() => [
                 F(' {{ t("action.setting") }} '),
                 z(
-                  " " + T(w(i)("设置")),
+                  " " + T(_(i)("设置")),
                   1
                   /* TEXT */
                 )
@@ -686,7 +691,7 @@ const Y = (o, b) => {
             [p, u.$props.role]
           ]) : F("v-if", !0),
           o.btnType === "icon" ? J((c(), N(
-            w(we),
+            _(_e),
             K({
               key: 1,
               name: "iksvg_shezhi-daohang",
@@ -699,11 +704,11 @@ const Y = (o, b) => {
           )), [
             [p, u.$props.role]
           ]) : F("v-if", !0),
-          $(h, {
+          x(h, {
             modelValue: j.value,
             "onUpdate:modelValue": l[3] || (l[3] = (g) => j.value = g),
             draggable: "",
-            width: o.inline ? w(k).l : w(k).sl,
+            width: o.inline ? _(k).l : _(k).sl,
             "close-on-click-modal": !1,
             "close-on-press-escape": !1,
             title: "显示字段",
@@ -711,13 +716,13 @@ const Y = (o, b) => {
             onOpen: W
           }, {
             footer: f(() => [
-              C("div", $e, [
-                $(r, {
+              C("div", xe, [
+                x(r, {
                   onClick: l[2] || (l[2] = (g) => j.value = !1)
                 }, {
                   default: f(() => [
                     z(
-                      T(w(i)("关闭")) + " ",
+                      T(_(i)("关闭")) + " ",
                       1
                       /* TEXT */
                     ),
@@ -726,14 +731,14 @@ const Y = (o, b) => {
                   _: 1
                   /* STABLE */
                 }),
-                $(r, {
+                x(r, {
                   type: "primary",
                   disabled: a.value.length < 2,
                   onClick: ae
                 }, {
                   default: f(() => [
                     z(
-                      T(a.value.length < 2 ? "至少选择一个字段" : w(i)("确定")),
+                      T(a.value.length < 2 ? "至少选择一个字段" : _(i)("确定")),
                       1
                       /* TEXT */
                     )
@@ -753,10 +758,10 @@ const Y = (o, b) => {
                   C(
                     "div",
                     {
-                      style: x({ flex: o.inline ? 2 : 1 })
+                      style: $({ flex: o.inline ? 2 : 1 })
                     },
                     [
-                      $(n, {
+                      x(n, {
                         modelValue: E.value,
                         "onUpdate:modelValue": l[0] || (l[0] = (g) => E.value = g),
                         class: "single-line",
@@ -769,7 +774,7 @@ const Y = (o, b) => {
                         _: 1
                         /* STABLE */
                       }, 8, ["modelValue", "indeterminate"]),
-                      $(_, {
+                      x(w, {
                         modelValue: t.value,
                         "onUpdate:modelValue": l[1] || (l[1] = (g) => t.value = g),
                         onChange: U
@@ -804,8 +809,8 @@ const Y = (o, b) => {
                     4
                     /* STYLE */
                   ),
-                  C("div", xe, [
-                    $(w(Ie), {
+                  C("div", $e, [
+                    x(_(Ie), {
                       list: a.value,
                       "item-style": { bottom: 4 },
                       onChange: le

package/dist/IkBtnSetting/iking-web-ui-pro.css

@@ -1 +1 @@
-.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ghost[data-v-3716c05e]{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.list-group[data-v-3716c05e]{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.list-group-item[data-v-3716c05e]{cursor:move;border-radius:4px;background:var(--el-color-primary-light-9);margin-bottom:var(--base-m);padding:var(--base-p);-webkit-user-select:none;user-select:none;display:flex;align-items:center}.list-group-item[data-v-3716c05e]:hover{background:var(--el-color-primary-light-7)!important}.list-group-item i[data-v-3716c05e]{margin-right:calc(var(--base-m) / 2);cursor:pointer}.view-fields.un-inline .el-checkbox[data-v-b5ed17ed]{width:100%;background:var(--ik-sub-sidebar-menu-bg);margin:2px 0;padding:8px;border-radius:4px;height:37px}.view-fields[data-v-b5ed17ed]{display:flex;justify-content:space-between;max-height:55vh;overflow-y:auto;overflow-x:hidden}.view-fields .check-right[data-v-b5ed17ed]{margin-top:37px}.view-fields .single-line[data-v-b5ed17ed]{background-color:transparent!important}.view-fields>div[data-v-b5ed17ed]:nth-child(1){padding-right:8px;flex:2;border-right:1px solid var(--el-border-color)}.view-fields>div[data-v-b5ed17ed]:nth-child(2){flex:1;margin-left:8px}.view-fields>div:nth-child(2) .field-sort[data-v-b5ed17ed]{cursor:move;padding:calc(var(--base-p) / 2);color:var(--el-text-color-regular)}.view-fields .el-checkbox[data-v-b5ed17ed]{width:195px;margin-right:0}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ghost[data-v-3716c05e]{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.list-group[data-v-3716c05e]{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.list-group-item[data-v-3716c05e]{cursor:move;border-radius:4px;background:var(--el-color-primary-light-9);margin-bottom:var(--base-m);padding:var(--base-p);-webkit-user-select:none;user-select:none;display:flex;align-items:center}.list-group-item[data-v-3716c05e]:hover{background:var(--el-color-primary-light-7)!important}.list-group-item i[data-v-3716c05e]{margin-right:calc(var(--base-m) / 2);cursor:pointer}.view-fields.un-inline .el-checkbox[data-v-b5ed17ed]{width:100%;background:var(--ik-sub-sidebar-menu-bg);margin:2px 0;padding:8px;border-radius:4px;height:37px}.view-fields[data-v-b5ed17ed]{display:flex;justify-content:space-between;max-height:55vh;overflow-y:auto;overflow-x:hidden}.view-fields .check-right[data-v-b5ed17ed]{margin-top:37px}.view-fields .single-line[data-v-b5ed17ed]{background-color:transparent!important}.view-fields>div[data-v-b5ed17ed]:nth-child(1){padding-right:8px;flex:2;border-right:1px solid var(--el-border-color)}.view-fields>div[data-v-b5ed17ed]:nth-child(2){flex:1;margin-left:8px}.view-fields>div:nth-child(2) .field-sort[data-v-b5ed17ed]{cursor:move;padding:calc(var(--base-p) / 2);color:var(--el-text-color-regular)}.view-fields .el-checkbox[data-v-b5ed17ed]{width:195px;margin-right:0}