iking-web-ui-pro 0.3.3 → 0.3.5

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

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]: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-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]: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}

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

@@ -1,22 +1,22 @@
-import { defineComponent as z, computed as k, resolveComponent as f, openBlock as a, createElementBlock as n, Fragment as S, normalizeClass as r, normalizeStyle as v, createElementVNode as d, createBlock as h, withCtx as p, createTextVNode as C, toDisplayString as $, mergeModels as V, useModel as j, createCommentVNode as g, renderSlot as _, createVNode as D, unref as N } from "vue";
+import { defineComponent as b, computed as g, resolveComponent as m, openBlock as t, createElementBlock as s, normalizeClass as r, normalizeStyle as S, Fragment as _, createElementVNode as c, createBlock as f, withCtx as d, mergeProps as V, createTextVNode as w, toDisplayString as B, mergeModels as j, useModel as N, createCommentVNode as p, renderSlot as y, createVNode as D, unref as O } from "vue";
 import { ikColor as E } from "iking-utils-pro";
-const x = (o, s) => (o.install = (i) => {
+const C = (o, n) => (o.install = (i) => {
   for (const e of [o, ...Object.values({})])
     i.component(e.name, e);
-}, o), I = (o, s) => {
+}, o), $ = (o, n) => {
   const i = o.__vccOpts || o;
-  for (const [e, t] of s)
-    i[e] = t;
+  for (const [e, a] of n)
+    i[e] = a;
   return i;
-}, O = {
+}, L = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, L = ["xlink:href"], W = ["src"], X = {
+}, W = ["xlink:href"], X = ["src"], Y = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Y = ["xlink:href"], q = ["src"], F = /* @__PURE__ */ z({
+}, q = ["xlink:href"], F = ["src"], P = /* @__PURE__ */ b({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -40,14 +40,15 @@ const x = (o, s) => (o.install = (i) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(o, { emit: s }) {
-    const i = o, e = k(() => i), t = k(() => {
+  setup(o, { emit: n }) {
+    const i = o, e = g(() => i), a = g(() => {
       const { name: l } = e.value;
       return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
-    }), u = k(() => {
+    }), h = g(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -62,179 +63,154 @@ const x = (o, s) => (o.install = (i) => {
             break;
         }
       e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const m = {
-        pointerEvents: e.value.disabled ? "none" : "auto",
+      const v = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...l.length && { transform: l.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && t.value !== "iksig" ? {
+        ...e.value.color && a.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
           "--ik-icon-shallow-color": e.value.colorLight || E.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (m.width = m.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), m;
-    }), c = s, y = (l) => {
-      c("click", l);
-    }, b = (l) => {
-      c("mouseenter", l);
-    }, w = (l) => {
-      c("mouseleave", l);
-    }, B = (l) => {
-      c("dblclick", l);
+      return e.value.width && (v.width = v.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), v;
+    }), u = n, k = (l) => {
+      u("click", l);
+    }, x = (l) => {
+      u("mouseenter", l);
+    }, z = (l) => {
+      u("mouseleave", l);
+    }, I = (l) => {
+      u("dblclick", l);
     };
-    return (l, m) => {
-      const M = f("el-tooltip"), T = f("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (a(), n(
-        S,
-        { key: 0 },
+    return (l, v) => {
+      const T = m("el-tooltip"), M = m("el-button");
+      return t(), s(
+        "i",
+        {
+          class: r(["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]: a.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: l.success || e.value.type === "success",
+            error: e.value.error || e.value.type === "error",
+            active: e.value.active,
+            disabled: e.value.disabled
+          }]),
+          style: S(h.value),
+          onClick: k,
+          onDblclick: I,
+          onMouseenter: x,
+          onMouseleave: z
+        },
         [
-          e.value.notip || !e.value.title ? (a(), n(
-            "i",
-            {
-              key: 0,
-              class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                [l.name]: t.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: l.success || e.value.type === "success",
-                error: e.value.error || e.value.type === "error",
-                active: e.value.active,
-                disabled: e.value.disabled
-              }]),
-              style: v(u.value),
-              onClick: y,
-              onDblclick: B,
-              onMouseenter: b,
-              onMouseleave: w
-            },
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), s(
+            _,
+            { key: 0 },
             [
-              t.value === "iksig" ? (a(), n(
-                "i",
-                {
-                  key: 0,
-                  class: r(`iksig ${e.value.name}`),
-                  style: v(u.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              )) : t.value === "svg" ? (a(), n("svg", O, [
-                d("use", {
-                  "xlink:href": `#${e.value.name}`
-                }, null, 8, L)
-              ])) : t.value === "img" ? (a(), n("img", {
-                key: 2,
-                src: e.value.name,
-                class: "h-[1em] w-[1em]"
-              }, null, 8, W)) : (a(), n(
-                "i",
-                {
-                  key: 3,
-                  class: r(e.value.name),
-                  style: v(u.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              ))
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (a(), h(M, {
-            key: 1,
-            content: e.value.title,
-            placement: "top",
-            "popper-class": "ik-svg-icon-tooltip",
-            "hide-after": 0
-          }, {
-            default: p(() => [
-              d(
-                "i",
-                {
-                  class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [l.name]: t.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: 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,
-                    disabled: e.value.disabled
-                  }]),
-                  style: v(u.value),
-                  onClick: y,
-                  onDblclick: B,
-                  onMouseenter: b,
-                  onMouseleave: w
-                },
+              e.value.notip || !e.value.title ? (t(), s(
+                _,
+                { key: 0 },
                 [
-                  t.value === "iksig" ? (a(), n(
+                  a.value === "iksig" ? (t(), s(
                     "i",
                     {
                       key: 0,
-                      class: r(`iksig ${e.value.name}`),
-                      style: v(u.value)
+                      class: r(`iksig ${e.value.name}`)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
-                  )) : t.value === "svg" ? (a(), n("svg", X, [
-                    d("use", {
+                    2
+                    /* CLASS */
+                  )) : a.value === "svg" ? (t(), s("svg", L, [
+                    c("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, Y)
-                  ])) : t.value === "img" ? (a(), n("img", {
+                    }, null, 8, W)
+                  ])) : a.value === "img" ? (t(), s("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, q)) : (a(), n(
+                  }, null, 8, X)) : (t(), s(
                     "i",
                     {
                       key: 3,
-                      class: r(e.value.name),
-                      style: v(u.value)
+                      class: r(e.value.name)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
+                    2
+                    /* CLASS */
                   ))
                 ],
-                38
-                /* CLASS, STYLE, NEED_HYDRATION */
+                64
+                /* STABLE_FRAGMENT */
+              )) : (t(), f(T, {
+                key: 1,
+                content: e.value.title,
+                placement: "top",
+                "popper-class": "ik-svg-icon-tooltip",
+                "hide-after": 0
+              }, {
+                default: d(() => [
+                  a.value === "iksig" ? (t(), s(
+                    "i",
+                    {
+                      key: 0,
+                      class: r(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : a.value === "svg" ? (t(), s("svg", Y, [
+                    c("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, q)
+                  ])) : a.value === "img" ? (t(), s("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, F)) : (t(), s(
+                    "i",
+                    {
+                      key: 3,
+                      class: r(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (t(), f(M, V({ key: 1 }, l.$attrs, {
+            type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+          }), {
+            default: d(() => [
+              w(
+                B(e.value.title),
+                1
+                /* TEXT */
               )
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["content"]))
+          }, 16, ["type"]))
         ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : (a(), h(T, {
-        key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
-      }, {
-        default: p(() => [
-          C(
-            $(e.value.title),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["type"]));
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
     };
   }
-}), A = /* @__PURE__ */ I(F, [["__scopeId", "data-v-6889f3aa"]]), G = x(A), H = { class: "align-center flex justify-between" }, J = { class: "align-center flex" }, K = { style: { overflow: "hidden" } }, P = /* @__PURE__ */ z({
+}), A = /* @__PURE__ */ $(P, [["__scopeId", "data-v-2648e369"]]), G = C(A), H = { class: "align-center flex justify-between" }, J = { class: "align-center flex" }, K = { style: { overflow: "hidden" } }, Q = /* @__PURE__ */ b({
   __name: "index",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ j({
     showToggle: {
       type: Boolean,
       default: !0
@@ -248,50 +224,50 @@ const x = (o, s) => (o.install = (i) => {
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const s = j(o, "modelValue"), i = () => {
-      s.value = !s.value;
+    const n = N(o, "modelValue"), i = () => {
+      n.value = !n.value;
     };
-    return (e, t) => {
-      const u = f("el-button"), c = f("el-card");
-      return a(), h(c, {
-        class: r(["ik-collapse-box-card", s.value ? "hiddened" : ""]),
+    return (e, a) => {
+      const h = m("el-button"), u = m("el-card");
+      return t(), f(u, {
+        class: r(["ik-collapse-box-card", n.value ? "hiddened" : ""]),
         shadow: "hover"
       }, {
-        header: p(() => [
-          d("div", H, [
-            g(" card header左侧内容 "),
-            _(e.$slots, "header-leaft", {}, void 0, !0),
-            d("div", J, [
-              g(" card header右侧内容 "),
-              _(e.$slots, "header-right", {}, void 0, !0),
-              g(" 展开、收起按钮 "),
-              o.showToggle ? (a(), h(u, {
+        header: d(() => [
+          c("div", H, [
+            p(" card header左侧内容 "),
+            y(e.$slots, "header-leaft", {}, void 0, !0),
+            c("div", J, [
+              p(" card header右侧内容 "),
+              y(e.$slots, "header-right", {}, void 0, !0),
+              p(" 展开、收起按钮 "),
+              o.showToggle ? (t(), f(h, {
                 key: 0,
                 link: "",
                 class: "ml-[8px]",
-                onClick: t[0] || (t[0] = (y) => i())
+                onClick: a[0] || (a[0] = (k) => i())
               }, {
-                default: p(() => [
-                  C(
-                    $(s.value ? "展开" : "收起") + " ",
+                default: d(() => [
+                  w(
+                    B(n.value ? "展开" : "收起") + " ",
                     1
                     /* TEXT */
                   ),
-                  D(N(G), {
+                  D(O(G), {
                     name: "iksvg_shouqi",
                     size: 16,
-                    class: r(s.value ? "toogle" : null)
+                    class: r(n.value ? "toogle" : null)
                   }, null, 8, ["class"])
                 ]),
                 _: 1
                 /* STABLE */
-              })) : g("v-if", !0)
+              })) : p("v-if", !0)
             ])
           ])
         ]),
-        default: p(() => [
-          d("div", K, [
-            _(e.$slots, "default", {}, void 0, !0)
+        default: d(() => [
+          c("div", K, [
+            y(e.$slots, "default", {}, void 0, !0)
           ])
         ]),
         _: 3
@@ -299,8 +275,8 @@ const x = (o, s) => (o.install = (i) => {
       }, 8, ["class"]);
     };
   }
-}), Q = /* @__PURE__ */ I(P, [["__scopeId", "data-v-34b0a02c"]]), Z = x(Q);
+}), R = /* @__PURE__ */ $(Q, [["__scopeId", "data-v-34b0a02c"]]), ee = C(R);
 export {
-  Z as IkCollapseCard,
-  Z as default
+  ee as IkCollapseCard,
+  ee as default
 };

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

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-collapse-box-card[data-v-34b0a02c]{flex:1;margin-bottom:20px;--el-card-border-radius: 0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header{padding-right:0;color:var(--el-text-color-regular);background-color:var(--el-bg-color-page);border-bottom:none}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header .el-button.is-link:hover{--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-color-hover)}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon{transition:all .25s}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon.toogle{transform:rotate(-90deg)}.ik-collapse-box-card.hiddened[data-v-34b0a02c] .el-card__body{grid-template-rows:0fr;padding-top:0!important;padding-bottom:0!important;overflow:hidden;opacity:0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body{display:grid;grid-template-rows:1fr;padding:0;overflow:hidden!important;opacity:1;transition:all .25s ease}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .cell-icon{font-size:14px}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .el-button span{margin-left:3px}
+.row-title[data-v-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-collapse-box-card[data-v-34b0a02c]{flex:1;margin-bottom:20px;--el-card-border-radius: 0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header{padding-right:0;color:var(--el-text-color-regular);background-color:var(--el-bg-color-page);border-bottom:none}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header .el-button.is-link:hover{--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-color-hover)}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon{transition:all .25s}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon.toogle{transform:rotate(-90deg)}.ik-collapse-box-card.hiddened[data-v-34b0a02c] .el-card__body{grid-template-rows:0fr;padding-top:0!important;padding-bottom:0!important;overflow:hidden;opacity:0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body{display:grid;grid-template-rows:1fr;padding:0;overflow:hidden!important;opacity:1;transition:all .25s ease}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .cell-icon{font-size:14px}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .el-button span{margin-left:3px}