iking-web-ui-pro 0.3.3 → 0.3.5

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

@@ -1,10 +1,10 @@
-import { defineComponent as k, computed as w, resolveComponent as _, openBlock as t, createElementBlock as n, Fragment as D, normalizeClass as c, normalizeStyle as v, createElementVNode as h, createBlock as b, withCtx as d, createTextVNode as B, toDisplayString as $, createVNode as T, unref as z, mergeModels as F, useModel as j, ref as N, h as E, mergeProps as H, createSlots as O, renderSlot as y, createCommentVNode as q } from "vue";
+import { defineComponent as f, computed as k, resolveComponent as _, openBlock as t, createElementBlock as n, normalizeClass as r, normalizeStyle as D, Fragment as C, createElementVNode as b, createBlock as m, withCtx as c, mergeProps as I, createTextVNode as w, toDisplayString as B, createVNode as F, unref as $, mergeModels as N, useModel as j, ref as H, h as O, createSlots as q, renderSlot as p, createCommentVNode as E } from "vue";
 import { ikColor as L } from "iking-utils-pro";
-const I = (o, u) => (o.install = (i) => {
-  for (const e of [o, ...Object.values({})])
+const z = (a, u) => (a.install = (i) => {
+  for (const e of [a, ...Object.values({})])
     i.component(e.name, e);
-}, o), V = (o, u) => {
-  const i = o.__vccOpts || o;
+}, a), V = (a, u) => {
+  const i = a.__vccOpts || a;
   for (const [e, s] of u)
     i[e] = s;
   return i;
@@ -16,7 +16,7 @@ const I = (o, u) => (o.install = (i) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, U = ["xlink:href"], A = ["src"], G = /* @__PURE__ */ k({
+}, U = ["xlink:href"], A = ["src"], G = /* @__PURE__ */ f({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -40,14 +40,15 @@ const I = (o, u) => (o.install = (i) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(o, { emit: u }) {
-    const i = o, e = w(() => i), s = w(() => {
+  setup(a, { emit: u }) {
+    const i = a, e = k(() => i), s = k(() => {
       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";
-    }), r = w(() => {
+    }), g = k(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -62,8 +63,7 @@ const I = (o, u) => (o.install = (i) => {
             break;
         }
       e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const g = {
-        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(" ") },
@@ -73,121 +73,99 @@ const I = (o, u) => (o.install = (i) => {
           "--ik-icon-shallow-color": e.value.colorLight || L.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (g.width = g.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), g;
-    }), a = u, p = (l) => {
-      a("click", l);
-    }, f = (l) => {
-      a("mouseenter", l);
-    }, m = (l) => {
-      a("mouseleave", l);
-    }, C = (l) => {
-      a("dblclick", l);
+      return e.value.width && (v.width = v.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), v;
+    }), o = u, d = (l) => {
+      o("click", l);
+    }, h = (l) => {
+      o("mouseenter", l);
+    }, y = (l) => {
+      o("mouseleave", l);
+    }, x = (l) => {
+      o("dblclick", l);
     };
-    return (l, g) => {
-      const S = _("el-tooltip"), x = _("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), n(
-        D,
-        { key: 0 },
+    return (l, v) => {
+      const M = _("el-tooltip"), T = _("el-button");
+      return t(), n(
+        "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]: s.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: D(g.value),
+          onClick: d,
+          onDblclick: x,
+          onMouseenter: h,
+          onMouseleave: y
+        },
         [
-          e.value.notip || !e.value.title ? (t(), n(
-            "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.name]: s.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(r.value),
-              onClick: p,
-              onDblclick: C,
-              onMouseenter: f,
-              onMouseleave: m
-            },
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), n(
+            C,
+            { key: 0 },
             [
-              s.value === "iksig" ? (t(), n(
-                "i",
-                {
-                  key: 0,
-                  class: c(`iksig ${e.value.name}`),
-                  style: v(r.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              )) : s.value === "svg" ? (t(), n("svg", W, [
-                h("use", {
-                  "xlink:href": `#${e.value.name}`
-                }, null, 8, X)
-              ])) : s.value === "img" ? (t(), n("img", {
-                key: 2,
-                src: e.value.name,
-                class: "h-[1em] w-[1em]"
-              }, null, 8, Y)) : (t(), n(
-                "i",
-                {
-                  key: 3,
-                  class: c(e.value.name),
-                  style: v(r.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              ))
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (t(), b(S, {
-            key: 1,
-            content: e.value.title,
-            placement: "top",
-            "popper-class": "ik-svg-icon-tooltip",
-            "hide-after": 0
-          }, {
-            default: d(() => [
-              h(
-                "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.name]: s.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(r.value),
-                  onClick: p,
-                  onDblclick: C,
-                  onMouseenter: f,
-                  onMouseleave: m
-                },
+              e.value.notip || !e.value.title ? (t(), n(
+                C,
+                { key: 0 },
                 [
                   s.value === "iksig" ? (t(), n(
                     "i",
                     {
                       key: 0,
-                      class: c(`iksig ${e.value.name}`),
-                      style: v(r.value)
+                      class: r(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : s.value === "svg" ? (t(), n("svg", W, [
+                    b("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, X)
+                  ])) : s.value === "img" ? (t(), n("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, Y)) : (t(), n(
+                    "i",
+                    {
+                      key: 3,
+                      class: r(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : (t(), m(M, {
+                key: 1,
+                content: e.value.title,
+                placement: "top",
+                "popper-class": "ik-svg-icon-tooltip",
+                "hide-after": 0
+              }, {
+                default: c(() => [
+                  s.value === "iksig" ? (t(), n(
+                    "i",
+                    {
+                      key: 0,
+                      class: r(`iksig ${e.value.name}`)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
+                    2
+                    /* CLASS */
                   )) : s.value === "svg" ? (t(), n("svg", P, [
-                    h("use", {
+                    b("use", {
                       "xlink:href": `#${e.value.name}`
                     }, null, 8, U)
                   ])) : s.value === "img" ? (t(), n("img", {
@@ -198,41 +176,39 @@ const I = (o, u) => (o.install = (i) => {
                     "i",
                     {
                       key: 3,
-                      class: c(e.value.name),
-                      style: v(r.value)
+                      class: r(e.value.name)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
+                    2
+                    /* CLASS */
                   ))
-                ],
-                38
-                /* CLASS, STYLE, NEED_HYDRATION */
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (t(), m(T, I({ key: 1 }, l.$attrs, {
+            type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+          }), {
+            default: c(() => [
+              w(
+                B(e.value.title),
+                1
+                /* TEXT */
               )
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["content"]))
+          }, 16, ["type"]))
         ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : (t(), b(x, {
-        key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
-      }, {
-        default: d(() => [
-          B(
-            $(e.value.title),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["type"]));
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
     };
   }
-}), J = /* @__PURE__ */ V(G, [["__scopeId", "data-v-6889f3aa"]]), M = I(J), K = /* @__PURE__ */ k({
+}), J = /* @__PURE__ */ V(G, [["__scopeId", "data-v-2648e369"]]), S = z(J), K = /* @__PURE__ */ f({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -244,14 +220,14 @@ const I = (o, u) => (o.install = (i) => {
       default: !1
     }
   },
-  setup(o) {
+  setup(a) {
     return (u, i) => (t(), n(
       "div",
       {
-        class: c({ "exit-main-page-maximize": o.showBg && o.fullscreen })
+        class: r({ "exit-main-page-maximize": a.showBg && a.fullscreen })
       },
       [
-        T(z(M), {
+        F($(S), {
           name: "iksvg_guanbi",
           title: "关闭",
           size: 20
@@ -261,9 +237,9 @@ const I = (o, u) => (o.install = (i) => {
       /* CLASS */
     ));
   }
-}), Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-d9a4ea3c"]]), R = { class: "base-header" }, Z = /* @__PURE__ */ k({
+}), Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-d9a4ea3c"]]), R = { class: "base-header" }, Z = /* @__PURE__ */ f({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ N({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -281,74 +257,74 @@ const I = (o, u) => (o.install = (i) => {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const u = o, i = j(o, "modelValue"), e = N(u.fullscreen), s = () => {
+  setup(a) {
+    const u = a, i = j(a, "modelValue"), e = H(u.fullscreen), s = () => {
       e.value = !e.value;
-    }, r = k({
+    }, g = f({
       setup() {
-        return () => E(Q, {
+        return () => O(Q, {
           showBg: u.showCloseBg,
           fullscreen: u.fullscreen
         });
       }
     });
-    return (a, p) => {
-      const f = _("el-dialog");
-      return t(), b(f, H({
+    return (o, d) => {
+      const h = _("el-dialog");
+      return t(), m(h, I({
         modelValue: i.value,
-        "onUpdate:modelValue": p[0] || (p[0] = (m) => i.value = m),
+        "onUpdate:modelValue": d[0] || (d[0] = (y) => i.value = y),
         "align-center": ""
-      }, a.$attrs, {
-        "close-icon": z(r),
-        class: `ik-base-dialog ${a.noHeader ? "no-header" : ""} ${a.noFooter ? "no-footer" : ""}`,
+      }, o.$attrs, {
+        "close-icon": $(g),
+        class: `ik-base-dialog ${o.noHeader ? "no-header" : ""} ${o.noFooter ? "no-footer" : ""}`,
         fullscreen: e.value,
         "modal-class": "baseDialog"
-      }), O({
-        icon: d(() => [
-          y(a.$slots, "title", {}, () => [
-            B(
-              $(a.title),
+      }), q({
+        icon: c(() => [
+          p(o.$slots, "title", {}, () => [
+            w(
+              B(o.title),
               1
               /* TEXT */
             )
           ])
         ]),
-        header: d(() => [
-          h("div", R, [
-            y(a.$slots, "header", {}, () => [
-              B(
-                $(a.title),
+        header: c(() => [
+          b("div", R, [
+            p(o.$slots, "header", {}, () => [
+              w(
+                B(o.title),
                 1
                 /* TEXT */
               )
             ])
           ]),
-          a.$attrs.showClose ? (t(), b(z(M), {
+          o.$attrs.showClose ? (t(), m($(S), {
             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"])) : q("v-if", !0)
+          }, null, 8, ["name", "title"])) : E("v-if", !0)
         ]),
-        default: d(() => [
-          y(a.$slots, "default")
+        default: c(() => [
+          p(o.$slots, "default")
         ]),
         _: 2
         /* DYNAMIC */
       }, [
-        a.$slots.footer ? {
+        o.$slots.footer ? {
           name: "footer",
-          fn: d(() => [
-            y(a.$slots, "footer")
+          fn: c(() => [
+            p(o.$slots, "footer")
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["modelValue", "close-icon", "class", "fullscreen"]);
     };
   }
-}), ae = I(Z);
+}), oe = z(Z);
 export {
-  ae as IkBaseDialog,
-  ae as default
+  oe as IkBaseDialog,
+  oe as default
 };

package/dist/IkBaseDialog/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)}.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{--el-dialog-padding-primary: 0 16px}.el-dialog .el-dialog__header:after,.el-dialog .el-dialog__footer:after{left:-16px;width:calc(100% + 32px)}.el-dialog .el-dialog__header{height:48px}.el-dialog .el-dialog__header .el-dialog__headerbtn{height:0px;top:16px}.el-dialog .el-dialog__footer{height:52px}.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}
+.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)}.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}