iking-web-ui-pro 0.2.4 → 0.2.6

package/dist/IkSchedule/style.css

@@ -1 +1 @@
-[data-v-f0925ff8]{padding:0;margin:0}.demo-app[data-v-f0925ff8]{width:70%;margin:auto}.icon[data-v-f0925ff8]{width:10%!important;text-align:center}.icon svg[data-v-f0925ff8]{width:25px;height:25px;vertical-align:middle}.to[data-v-f0925ff8]{width:4%!important;display:inline-block;margin:auto;text-align:center}[data-v-f0925ff8] .fc-event{width:calc(100% - 4px);padding:0 4px}[data-v-f0925ff8] .fc-button{color:var(--el-color-white);border-color:var(--el-color-primary);background-color:var(--el-color-primary)}[data-v-f0925ff8] .fc-button:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:none}[data-v-f0925ff8] .fc-button-primary:disabled{background-color:var(--el-color-primary-light-5);border-color:var(--el-color-primary-light-5);color:var(--el-color-white)}[data-v-f0925ff8] .fc-button-active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:not(:disabled):active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:focus{box-shadow:none!important}[data-v-f0925ff8] .fc .fc-h-event{background-color:inherit;border:none}[data-v-f0925ff8] .fc .fc-view table.fc-scrollgrid thead{line-height:40px}.title-line[data-v-f0925ff8]{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--el-color-primary-dark-2)}.title-line .title[data-v-f0925ff8]{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ik-full-calendar[data-v-f0925ff8]{width:100%;height:100%}.event-title[data-v-f0925ff8]{display:flex;align-items:center;color:var(--ik-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title{color:var(--el-color-white)}.event-title[data-v-f0925ff8]:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.allday[data-v-f0925ff8]:before{background-color:var(--ik-success)}.no-allday[data-v-f0925ff8]:before{background-color:var(--ik-error)}.event-title-time[data-v-f0925ff8]{color:var(--ik-vice-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title .event-title-time,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title .event-title-time{color:var(--el-color-info-light-8)}.event-title-text[data-v-f0925ff8]{margin-left:4px}.row-title[data-v-7d95dbf5]{display:flex}.ik-schedule[data-v-e308f501]{width:100%;height:100%;display:flex}.ik-schedule__left[data-v-e308f501]{height:100%;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.ik-schedule__header[data-v-e308f501]{flex-shrink:0;flex-grow:0;text-align:left;display:flex}.ik-schedule__title[data-v-e308f501]{font-family:Arial-BoldMT,Arial Bold,Arial,sans-serif;font-weight:700;flex-shrink:0}.ik-schedule__body[data-v-e308f501]{flex-grow:1;margin-top:16px;height:calc(100% - 56px)}.ik-schedule__header-right[data-v-e308f501]{display:flex;justify-content:space-between;flex-grow:1}.ik-schedule__header-right-item[data-v-e308f501]{border-left:4px solid;line-height:32px}.ik-schedule__right-title[data-v-e308f501]{text-align:left;line-height:32px}
+[data-v-f0925ff8]{padding:0;margin:0}.demo-app[data-v-f0925ff8]{width:70%;margin:auto}.icon[data-v-f0925ff8]{width:10%!important;text-align:center}.icon svg[data-v-f0925ff8]{width:25px;height:25px;vertical-align:middle}.to[data-v-f0925ff8]{width:4%!important;display:inline-block;margin:auto;text-align:center}[data-v-f0925ff8] .fc-event{width:calc(100% - 4px);padding:0 4px}[data-v-f0925ff8] .fc-button{color:var(--el-color-white);border-color:var(--el-color-primary);background-color:var(--el-color-primary)}[data-v-f0925ff8] .fc-button:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:none}[data-v-f0925ff8] .fc-button-primary:disabled{background-color:var(--el-color-primary-light-5);border-color:var(--el-color-primary-light-5);color:var(--el-color-white)}[data-v-f0925ff8] .fc-button-active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:not(:disabled):active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:focus{box-shadow:none!important}[data-v-f0925ff8] .fc .fc-h-event{background-color:inherit;border:none}[data-v-f0925ff8] .fc .fc-view table.fc-scrollgrid thead{line-height:40px}.title-line[data-v-f0925ff8]{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--el-color-primary-dark-2)}.title-line .title[data-v-f0925ff8]{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ik-full-calendar[data-v-f0925ff8]{width:100%;height:100%}.event-title[data-v-f0925ff8]{display:flex;align-items:center;color:var(--ik-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title{color:var(--el-color-white)}.event-title[data-v-f0925ff8]:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.allday[data-v-f0925ff8]:before{background-color:var(--ik-success)}.no-allday[data-v-f0925ff8]:before{background-color:var(--ik-error)}.event-title-time[data-v-f0925ff8]{color:var(--ik-vice-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title .event-title-time,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title .event-title-time{color:var(--el-color-info-light-8)}.event-title-text[data-v-f0925ff8]{margin-left:4px}.row-title[data-v-1be337e4]{display:flex}.ik-schedule[data-v-e308f501]{width:100%;height:100%;display:flex}.ik-schedule__left[data-v-e308f501]{height:100%;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.ik-schedule__header[data-v-e308f501]{flex-shrink:0;flex-grow:0;text-align:left;display:flex}.ik-schedule__title[data-v-e308f501]{font-family:Arial-BoldMT,Arial Bold,Arial,sans-serif;font-weight:700;flex-shrink:0}.ik-schedule__body[data-v-e308f501]{flex-grow:1;margin-top:16px;height:calc(100% - 56px)}.ik-schedule__header-right[data-v-e308f501]{display:flex;justify-content:space-between;flex-grow:1}.ik-schedule__header-right-item[data-v-e308f501]{border-left:4px solid;line-height:32px}.ik-schedule__right-title[data-v-e308f501]{text-align:left;line-height:32px}

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

@@ -1,18 +1,18 @@
-import { defineComponent as h, computed as f, resolveComponent as m, openBlock as o, createElementBlock as s, normalizeClass as d, normalizeStyle as c, createCommentVNode as p, createElementVNode as u, createBlock as g, withCtx as v, createTextVNode as z, toDisplayString as y, useCssVars as T, unref as I, ref as C, Fragment as L, createVNode as N } from "vue";
-import { ikColor as _ } from "iking-utils-pro";
-const S = (n, t) => {
-  if (n.install = (a) => {
-    for (const i of [n, ...Object.values(t ?? {})])
-      a.component(i.name, i);
-  }, t)
-    for (const [a, i] of Object.entries(t))
-      n[a] = i;
-  return n;
-}, k = (n, t) => {
-  const a = n.__vccOpts || n;
-  for (const [i, e] of t)
-    a[i] = e;
-  return a;
+import { defineComponent as b, inject as $, computed as p, resolveComponent as m, openBlock as n, createElementBlock as s, normalizeClass as v, normalizeStyle as c, createCommentVNode as g, createElementVNode as u, createBlock as y, withCtx as h, createTextVNode as z, toDisplayString as f, useCssVars as T, unref as I, ref as C, Fragment as L, createVNode as N } from "vue";
+import { ikColor as S } from "iking-utils-pro";
+const B = (t, o) => {
+  if (t.install = (l) => {
+    for (const e of [t, ...Object.values(o ?? {})])
+      l.component(e.name, e);
+  }, o)
+    for (const [l, e] of Object.entries(o))
+      t[l] = e;
+  return t;
+}, w = (t, o) => {
+  const l = t.__vccOpts || t;
+  for (const [e, i] of o)
+    l[e] = i;
+  return l;
 }, j = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
@@ -24,7 +24,7 @@ const S = (n, t) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, U = ["xlink:href"], x = ["src"], W = /* @__PURE__ */ h({
+}, U = ["xlink:href"], W = ["src"], F = /* @__PURE__ */ b({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -50,85 +50,88 @@ const S = (n, t) => {
     disabled: { type: Boolean, default: !1 },
     tableIconType: { default: "icon" }
   },
-  setup(n) {
-    const t = n, a = f(() => {
-      var e, l, r;
-      return /^http?:\/\//.test(t.name) ? "img" : /i-[^:]+:[^:]+/.test(t.name) ? "unocss" : (e = t.name) != null && e.startsWith("iksig") ? "iksig" : (l = t.name) != null && l.includes(":") ? "iconify" : (r = t.name) != null && r.startsWith("iksvg") ? "svg" : "i";
-    }), i = f(() => {
-      const e = [];
-      if (t.flip)
-        switch (t.flip) {
+  setup(t) {
+    const o = t, l = $("iconConfig"), e = p(() => ({
+      ...(l == null ? void 0 : l.value) || {},
+      ...o
+    })), i = p(() => {
+      const { name: a } = e.value;
+      return /^http?:\/\//.test(a) ? "img" : /i-[^:]+:[^:]+/.test(a) ? "unocss" : a != null && a.startsWith("iksig") ? "iksig" : a != null && a.includes(":") ? "iconify" : a != null && a.startsWith("iksvg") ? "svg" : "i";
+    }), r = p(() => {
+      const a = [];
+      if (e.value.flip)
+        switch (e.value.flip) {
           case "horizontal":
-            e.push("rotateY(180deg)");
+            a.push("rotateY(180deg)");
             break;
           case "vertical":
-            e.push("rotateX(180deg)");
+            a.push("rotateX(180deg)");
             break;
           case "both":
-            e.push("rotateX(180deg)"), e.push("rotateY(180deg)");
+            a.push("rotateX(180deg)"), a.push("rotateY(180deg)");
             break;
         }
-      t.rotate && e.push(`rotate(${t.rotate % 360}deg)`);
-      const l = {
-        ...t.color && { color: t.color },
-        ...t.size && { fontSize: typeof t.size == "number" ? `${t.size}px` : t.size },
-        ...e.length && { transform: e.join(" ") },
-        padding: t.showBg || t.bg ? t.padding : 0,
-        ...t.color && a.value !== "iksig" ? {
-          "--ik-color-icon-dark": t.color,
-          "--ik-color-icon-light": t.colorLight || _.setOpacity(t.color, t.opacity)
+      e.value.rotate && a.push(`rotate(${e.value.rotate % 360}deg)`);
+      const d = {
+        ...e.value.color && { color: e.value.color },
+        ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
+        ...a.length && { transform: a.join(" ") },
+        padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
+        ...e.value.color && i.value !== "iksig" ? {
+          "--ik-color-icon-dark": e.value.color,
+          "--ik-color-icon-light": e.value.colorLight || S.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return t.width && (l.width = l.height = typeof t.width == "number" ? `${t.width}px` : t.width), l;
+      return e.value.width && (d.width = d.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), d;
     });
-    return (e, l) => {
-      const r = m("el-tooltip"), b = m("el-button");
-      return e.tableIconType === "icon" ? (o(), s("span", j, [
-        e.notip || !e.title ? (o(), s(
+    return (a, d) => {
+      const k = m("el-tooltip"), _ = m("el-button");
+      return e.value.tableIconType === "icon" ? (n(), s("span", j, [
+        e.value.notip || !e.value.title ? (n(), s(
           "i",
           {
             key: 0,
-            class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [e.name]: a.value === "unocss",
-              "show-bg": e.showBg || e.bg,
-              default: e.size === "default",
-              small: e.size === "small",
-              big: e.size === "big",
-              warning: e.warning || t.type === "warning",
-              primary: e.primary || t.type === "primary",
-              success: e.success || t.type === "success",
-              error: e.error || t.type === "error",
-              active: e.active,
-              disabled: e.disabled
+            class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+              [a.name]: i.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: a.success || e.value.type === "success",
+              error: e.value.error || e.value.type === "error",
+              active: e.value.active,
+              disabled: e.value.disabled
             }]),
-            style: c(i.value)
+            style: c(r.value)
           },
           [
-            p(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            a.value === "iksig" ? (o(), s(
+            g(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            i.value === "iksig" ? (n(), s(
               "i",
               {
                 key: 0,
-                class: d(`iksig ${e.name}`),
-                style: c(i.value)
+                class: v(`iksig ${e.value.name}`),
+                style: c(r.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : a.value === "svg" ? (o(), s("svg", V, [
+            )) : i.value === "svg" ? (n(), s("svg", V, [
               u("use", {
-                "xlink:href": `#${e.name}`
+                "xlink:href": `#${e.value.name}`
               }, null, 8, E)
-            ])) : a.value === "img" ? (o(), s("img", {
+            ])) : i.value === "img" ? (n(), s("img", {
               key: 2,
-              src: e.name,
+              src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, G)) : (o(), s(
+            }, null, 8, G)) : (n(), s(
               "i",
               {
                 key: 3,
-                class: d(e.name),
-                style: c(i.value)
+                class: v(e.value.name),
+                style: c(r.value)
               },
               null,
               6
@@ -137,54 +140,54 @@ const S = (n, t) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (o(), g(r, {
+        )) : (n(), y(k, {
           key: 1,
-          content: e.title,
+          content: e.value.title,
           placement: "top"
         }, {
-          default: v(() => [
+          default: h(() => [
             u(
               "i",
               {
-                class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [e.name]: a.value === "unocss",
-                  "show-bg": e.showBg || e.bg,
-                  default: e.size === "default",
-                  small: e.size === "small",
-                  big: e.size === "big",
-                  warning: e.warning || t.type === "warning",
-                  primary: e.primary || t.type === "primary",
-                  success: e.success || t.type === "success",
-                  error: e.error || t.type === "error",
-                  active: e.active
+                class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                  [a.name]: i.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: a.primary || e.value.type === "primary",
+                  success: a.success || e.value.type === "success",
+                  error: e.value.error || e.value.type === "error",
+                  active: e.value.active
                 }]),
-                style: c(i.value)
+                style: c(r.value)
               },
               [
-                a.value === "iksig" ? (o(), s(
+                i.value === "iksig" ? (n(), s(
                   "i",
                   {
                     key: 0,
-                    class: d(`iksig ${e.name}`),
-                    style: c(i.value)
+                    class: v(`iksig ${e.value.name}`),
+                    style: c(r.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : a.value === "svg" ? (o(), s("svg", O, [
+                )) : i.value === "svg" ? (n(), s("svg", O, [
                   u("use", {
-                    "xlink:href": `#${e.name}`
+                    "xlink:href": `#${e.value.name}`
                   }, null, 8, U)
-                ])) : a.value === "img" ? (o(), s("img", {
+                ])) : i.value === "img" ? (n(), s("img", {
                   key: 2,
-                  src: e.name,
+                  src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, x)) : (o(), s(
+                }, null, 8, W)) : (n(), s(
                   "i",
                   {
                     key: 3,
-                    class: d(e.name),
-                    style: c(i.value)
+                    class: v(e.value.name),
+                    style: c(r.value)
                   },
                   null,
                   6
@@ -198,13 +201,13 @@ const S = (n, t) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (o(), g(b, {
+      ])) : (n(), y(_, {
         key: 1,
-        type: ["warning", "error"].includes(e.type) ? "danger" : ""
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: v(() => [
+        default: h(() => [
           z(
-            y(e.title),
+            f(e.value.title),
             1
             /* TEXT */
           )
@@ -215,12 +218,12 @@ const S = (n, t) => {
     };
   }
 });
-const F = /* @__PURE__ */ k(W, [["__scopeId", "data-v-7d95dbf5"]]), X = S(F), Y = () => ({
-  getLinearGradient: (t) => {
-    const a = _.hexToRGB(t).replace(/[^\d,]/g, "").split(",").map(Number);
-    return `linear-gradient(to top, ${t} 4%, rgb(${a[0]},${a[1] + 50},${a[2]}) 88%)`;
+const X = /* @__PURE__ */ w(F, [["__scopeId", "data-v-1be337e4"]]), Y = B(X), q = () => ({
+  getLinearGradient: (o) => {
+    const l = S.hexToRGB(o).replace(/[^\d,]/g, "").split(",").map(Number);
+    return `linear-gradient(to top, ${o} 4%, rgb(${l[0]},${l[1] + 50},${l[2]}) 88%)`;
   }
-}), q = /* @__PURE__ */ h({
+}), D = /* @__PURE__ */ b({
   __name: "IkLinearIcon",
   props: {
     icon: {
@@ -236,22 +239,22 @@ const F = /* @__PURE__ */ k(W, [["__scopeId", "data-v-7d95dbf5"]]), X = S(F), Y
       default: 40
     }
   },
-  setup(n) {
-    T((e) => ({
-      "435077c3": i.value
+  setup(t) {
+    T((i) => ({
+      "435077c3": e.value
     }));
-    const t = n, { getLinearGradient: a } = Y(), i = f(() => `${t.size}px`);
-    return (e, l) => (o(), s(
+    const o = t, { getLinearGradient: l } = q(), e = p(() => `${o.size}px`);
+    return (i, r) => (n(), s(
       "div",
       {
         class: "form-icon",
-        style: c({ backgroundImage: I(a)(n.backgroundColor || "#28b8a4") })
+        style: c({ backgroundImage: I(l)(t.backgroundColor || "#28b8a4") })
       },
       [
         u(
           "i",
           {
-            class: d(`ikflow ${n.icon}`)
+            class: v(`ikflow ${t.icon}`)
           },
           null,
           2
@@ -263,7 +266,7 @@ const F = /* @__PURE__ */ k(W, [["__scopeId", "data-v-7d95dbf5"]]), X = S(F), Y
     ));
   }
 });
-const D = /* @__PURE__ */ k(q, [["__scopeId", "data-v-0bc5a180"]]), R = { class: "side-text items-center" }, A = { class: "side-left flex items-center" }, H = { class: "side-right" }, J = { class: "text-over-line" }, K = { class: "text-over-line" }, M = /* @__PURE__ */ h({
+const R = /* @__PURE__ */ w(D, [["__scopeId", "data-v-0bc5a180"]]), A = { class: "side-text items-center" }, H = { class: "side-left flex items-center" }, J = { class: "side-right" }, K = { class: "text-over-line" }, M = { class: "text-over-line" }, P = /* @__PURE__ */ b({
   __name: "IkSideText",
   props: {
     // 名称
@@ -320,31 +323,31 @@ const D = /* @__PURE__ */ k(q, [["__scopeId", "data-v-0bc5a180"]]), R = { class:
       default: ""
     }
   },
-  setup(n) {
-    const t = n, a = (r) => r ? r.startsWith("http") ? r : `${t.loadUrl}${r}` : "", i = f(() => a(t.avatar)), e = C(!!t.avatar), l = () => {
-      e.value = !1;
+  setup(t) {
+    const o = t, l = (a) => a ? a.startsWith("http") ? a : `${o.loadUrl}${a}` : "", e = p(() => l(o.avatar)), i = C(!!o.avatar), r = () => {
+      i.value = !1;
     };
-    return (r, b) => {
-      var w;
-      const B = m("el-avatar"), $ = m("el-tooltip");
-      return o(), s("div", R, [
-        u("div", A, [
-          n.avatarType === "url" ? (o(), g(B, {
+    return (a, d) => {
+      var x;
+      const k = m("el-avatar"), _ = m("el-tooltip");
+      return n(), s("div", A, [
+        u("div", H, [
+          t.avatarType === "url" ? (n(), y(k, {
             key: 0,
             style: { "--el-avatar-bg-color": "var(--ik-color-primary)" },
-            size: n.size,
-            shape: n.shape,
-            src: i.value,
+            size: t.size,
+            shape: t.shape,
+            src: e.value,
             fit: "contain",
-            onError: l
+            onError: r
           }, {
-            default: v(() => [
-              e.value ? p("v-if", !0) : (o(), s(
+            default: h(() => [
+              i.value ? g("v-if", !0) : (n(), s(
                 L,
                 { key: 0 },
                 [
                   z(
-                    y(n.name.slice(-2)),
+                    f(t.name.slice(-2)),
                     1
                     /* TEXT */
                   )
@@ -355,35 +358,35 @@ const D = /* @__PURE__ */ k(q, [["__scopeId", "data-v-0bc5a180"]]), R = { class:
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["size", "shape", "src"])) : p("v-if", !0),
-          n.avatarType === "icon" ? (o(), g(I(X), {
+          }, 8, ["size", "shape", "src"])) : g("v-if", !0),
+          t.avatarType === "icon" ? (n(), y(I(Y), {
             key: 1,
-            name: `iksvg_${(w = n.avatar) == null ? void 0 : w.replace("iksvg_", "")}`,
-            "show-bg": n.showIconBg,
-            type: n.iconType,
-            style: c({ fontSize: n.showIconBg ? "34px" : "50px" }),
-            size: n.iconSize
-          }, null, 8, ["name", "show-bg", "type", "style", "size"])) : p("v-if", !0),
-          n.avatarType === "linearIcon" ? (o(), g(D, {
+            name: `iksvg_${(x = t.avatar) == null ? void 0 : x.replace("iksvg_", "")}`,
+            "show-bg": t.showIconBg,
+            type: t.iconType,
+            style: c({ fontSize: t.showIconBg ? "34px" : "50px" }),
+            size: t.iconSize
+          }, null, 8, ["name", "show-bg", "type", "style", "size"])) : g("v-if", !0),
+          t.avatarType === "linearIcon" ? (n(), y(R, {
             key: 2,
-            icon: n.avatar,
-            "background-color": n.iconBackgroundColor
-          }, null, 8, ["icon", "background-color"])) : p("v-if", !0)
+            icon: t.avatar,
+            "background-color": t.iconBackgroundColor
+          }, null, 8, ["icon", "background-color"])) : g("v-if", !0)
         ]),
-        u("div", H, [
+        u("div", J, [
           u(
             "p",
-            J,
-            y(n.text),
+            K,
+            f(t.text),
             1
             /* TEXT */
           ),
-          N($, { content: n.subText }, {
-            default: v(() => [
+          N(_, { content: t.subText }, {
+            default: h(() => [
               u(
                 "p",
-                K,
-                y(n.subText),
+                M,
+                f(t.subText),
                 1
                 /* TEXT */
               )
@@ -396,8 +399,8 @@ const D = /* @__PURE__ */ k(q, [["__scopeId", "data-v-0bc5a180"]]), R = { class:
     };
   }
 });
-const P = /* @__PURE__ */ k(M, [["__scopeId", "data-v-75852e7e"]]), ee = S(P);
+const Q = /* @__PURE__ */ w(P, [["__scopeId", "data-v-75852e7e"]]), te = B(Q);
 export {
-  ee as IkSideText,
-  ee as default
+  te as IkSideText,
+  te as default
 };

package/dist/IkSideText/ik.index.umd.js

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.index={},r.vue,r["iking-utils-pro"]))})(this,function(r,e,d){"use strict";const m=(o,n)=>{if(o.install=l=>{for(const a of[o,...Object.values(n??{})])l.component(a.name,a)},n)for(const[l,a]of Object.entries(n))o[l]=a;return o},c=(o,n)=>{const l=o.__vccOpts||o;for(const[a,t]of n)l[a]=t;return l},g={key:0,class:"ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"},k={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},h=["xlink:href"],u=["src"],B={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},b=["xlink:href"],z=["src"],S=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{name:{},flip:{},rotate:{},color:{},colorLight:{},opacity:{default:.5},size:{default:""},width:{},bg:{type:Boolean,default:!1},showBg:{type:Boolean,default:!1},padding:{default:"6px"},primary:{type:Boolean},warning:{type:Boolean},success:{type:Boolean},error:{type:Boolean},notip:{type:Boolean,default:!1},title:{},type:{},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tableIconType:{default:"icon"}},setup(o){const n=o,l=e.computed(()=>{var t,i,s;return/^http?:\/\//.test(n.name)?"img":/i-[^:]+:[^:]+/.test(n.name)?"unocss":(t=n.name)!=null&&t.startsWith("iksig")?"iksig":(i=n.name)!=null&&i.includes(":")?"iconify":(s=n.name)!=null&&s.startsWith("iksvg")?"svg":"i"}),a=e.computed(()=>{const t=[];if(n.flip)switch(n.flip){case"horizontal":t.push("rotateY(180deg)");break;case"vertical":t.push("rotateX(180deg)");break;case"both":t.push("rotateX(180deg)"),t.push("rotateY(180deg)");break}n.rotate&&t.push(`rotate(${n.rotate%360}deg)`);const i={...n.color&&{color:n.color},...n.size&&{fontSize:typeof n.size=="number"?`${n.size}px`:n.size},...t.length&&{transform:t.join(" ")},padding:n.showBg||n.bg?n.padding:0,...n.color&&l.value!=="iksig"?{"--ik-color-icon-dark":n.color,"--ik-color-icon-light":n.colorLight||d.ikColor.setOpacity(n.color,n.opacity)}:{}};return n.width&&(i.width=i.height=typeof n.width=="number"?`${n.width}px`:n.width),i});return(t,i)=>{const s=e.resolveComponent("el-tooltip"),y=e.resolveComponent("el-button");return t.tableIconType==="icon"?(e.openBlock(),e.createElementBlock("span",g,[t.notip||!t.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:l.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning||n.type==="warning",primary:t.primary||n.type==="primary",success:t.success||n.type==="success",error:t.error||n.type==="error",active:t.active,disabled:t.disabled}]),style:e.normalizeStyle(a.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),l.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(a.value)},null,6)):l.value==="svg"?(e.openBlock(),e.createElementBlock("svg",k,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,h)])):l.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,u)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.name),style:e.normalizeStyle(a.value)},null,6))],6)):(e.openBlock(),e.createBlock(s,{key:1,content:t.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:l.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning||n.type==="warning",primary:t.primary||n.type==="primary",success:t.success||n.type==="success",error:t.error||n.type==="error",active:t.active}]),style:e.normalizeStyle(a.value)},[l.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(a.value)},null,6)):l.value==="svg"?(e.openBlock(),e.createElementBlock("svg",B,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,b)])):l.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,z)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.name),style:e.normalizeStyle(a.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(y,{key:1,type:["warning","error"].includes(t.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1},8,["type"]))}}}),O="",w=m(c(S,[["__scopeId","data-v-7d95dbf5"]])),C=()=>({getLinearGradient:n=>{const l=d.ikColor.hexToRGB(n).replace(/[^\d,]/g,"").split(",").map(Number);return`linear-gradient(to top, ${n} 4%, rgb(${l[0]},${l[1]+50},${l[2]}) 88%)`}}),I=e.defineComponent({__name:"IkLinearIcon",props:{icon:{type:String,default:""},backgroundColor:{type:String,default:""},size:{type:Number,default:40}},setup(o){e.useCssVars(t=>({"435077c3":a.value}));const n=o,{getLinearGradient:l}=C(),a=e.computed(()=>`${n.size}px`);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"form-icon",style:e.normalizeStyle({backgroundImage:e.unref(l)(o.backgroundColor||"#28b8a4")})},[e.createElementVNode("i",{class:e.normalizeClass(`ikflow ${o.icon}`)},null,2)],4))}}),G="",_=c(I,[["__scopeId","data-v-0bc5a180"]]),T={class:"side-text items-center"},E={class:"side-left flex items-center"},$={class:"side-right"},N={class:"text-over-line"},V={class:"text-over-line"},x=e.defineComponent({__name:"IkSideText",props:{name:{type:String,default:""},avatar:{type:String,default:""},avatarType:{type:String,default:"url"},showIconBg:{type:Boolean,default:!1},iconType:{type:String,default:"info"},iconBackgroundColor:{type:String,default:""},text:{type:String,default:""},subText:{type:String,default:""},shape:{type:String,default:"square"},size:{type:Number,default:50},iconSize:{type:String||Number,default:"small"},loadUrl:{type:String,default:""}},setup(o){const n=o,l=s=>s?s.startsWith("http")?s:`${n.loadUrl}${s}`:"",a=e.computed(()=>l(n.avatar)),t=e.ref(!!n.avatar),i=()=>{t.value=!1};return(s,y)=>{var f;const L=e.resolveComponent("el-avatar"),j=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",E,[o.avatarType==="url"?(e.openBlock(),e.createBlock(L,{key:0,style:{"--el-avatar-bg-color":"var(--ik-color-primary)"},size:o.size,shape:o.shape,src:a.value,fit:"contain",onError:i},{default:e.withCtx(()=>[t.value?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.name.slice(-2)),1)],64))]),_:1},8,["size","shape","src"])):e.createCommentVNode("v-if",!0),o.avatarType==="icon"?(e.openBlock(),e.createBlock(e.unref(w),{key:1,name:`iksvg_${(f=o.avatar)==null?void 0:f.replace("iksvg_","")}`,"show-bg":o.showIconBg,type:o.iconType,style:e.normalizeStyle({fontSize:o.showIconBg?"34px":"50px"}),size:o.iconSize},null,8,["name","show-bg","type","style","size"])):e.createCommentVNode("v-if",!0),o.avatarType==="linearIcon"?(e.openBlock(),e.createBlock(_,{key:2,icon:o.avatar,"background-color":o.iconBackgroundColor},null,8,["icon","background-color"])):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",$,[e.createElementVNode("p",N,e.toDisplayString(o.text),1),e.createVNode(j,{content:o.subText},{default:e.withCtx(()=>[e.createElementVNode("p",V,e.toDisplayString(o.subText),1)]),_:1},8,["content"])])])}}}),q="",p=m(c(x,[["__scopeId","data-v-75852e7e"]]));r.IkSideText=p,r.default=p,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.index={},s.vue,s["iking-utils-pro"]))})(this,function(s,e,m){"use strict";const y=(l,a)=>{if(l.install=n=>{for(const t of[l,...Object.values(a??{})])n.component(t.name,t)},a)for(const[n,t]of Object.entries(a))l[n]=t;return l},d=(l,a)=>{const n=l.__vccOpts||l;for(const[t,i]of a)n[t]=i;return n},k={key:0,class:"ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"},h={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},_=["xlink:href"],v=["src"],B={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},b=["xlink:href"],x=["src"],z=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{name:{},flip:{},rotate:{},color:{},colorLight:{},opacity:{default:.5},size:{default:""},width:{},bg:{type:Boolean,default:!1},showBg:{type:Boolean,default:!1},padding:{default:"6px"},primary:{type:Boolean},warning:{type:Boolean},success:{type:Boolean},error:{type:Boolean},notip:{type:Boolean,default:!1},title:{},type:{},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tableIconType:{default:"icon"}},setup(l){const a=l,n=e.inject("iconConfig"),t=e.computed(()=>({...(n==null?void 0:n.value)||{},...a})),i=e.computed(()=>{const{name:o}=t.value;return/^http?:\/\//.test(o)?"img":/i-[^:]+:[^:]+/.test(o)?"unocss":o!=null&&o.startsWith("iksig")?"iksig":o!=null&&o.includes(":")?"iconify":o!=null&&o.startsWith("iksvg")?"svg":"i"}),c=e.computed(()=>{const o=[];if(t.value.flip)switch(t.value.flip){case"horizontal":o.push("rotateY(180deg)");break;case"vertical":o.push("rotateX(180deg)");break;case"both":o.push("rotateX(180deg)"),o.push("rotateY(180deg)");break}t.value.rotate&&o.push(`rotate(${t.value.rotate%360}deg)`);const r={...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...o.length&&{transform:o.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&i.value!=="iksig"?{"--ik-color-icon-dark":t.value.color,"--ik-color-icon-light":t.value.colorLight||m.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(r.width=r.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),r});return(o,r)=>{const u=e.resolveComponent("el-tooltip"),p=e.resolveComponent("el-button");return t.value.tableIconType==="icon"?(e.openBlock(),e.createElementBlock("span",k,[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[o.name]:i.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:t.value.primary||t.value.type==="primary",success:o.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(c.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),i.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(c.value)},null,6)):i.value==="svg"?(e.openBlock(),e.createElementBlock("svg",h,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,_)])):i.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,v)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(c.value)},null,6))],6)):(e.openBlock(),e.createBlock(u,{key:1,content:t.value.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[o.name]:i.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:o.primary||t.value.type==="primary",success:o.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),style:e.normalizeStyle(c.value)},[i.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(c.value)},null,6)):i.value==="svg"?(e.openBlock(),e.createElementBlock("svg",B,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,b)])):i.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,x)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(c.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(p,{key:1,type:["warning","error"].includes(t.value.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),L="",S=y(d(z,[["__scopeId","data-v-1be337e4"]])),w=()=>({getLinearGradient:a=>{const n=m.ikColor.hexToRGB(a).replace(/[^\d,]/g,"").split(",").map(Number);return`linear-gradient(to top, ${a} 4%, rgb(${n[0]},${n[1]+50},${n[2]}) 88%)`}}),C=e.defineComponent({__name:"IkLinearIcon",props:{icon:{type:String,default:""},backgroundColor:{type:String,default:""},size:{type:Number,default:40}},setup(l){e.useCssVars(i=>({"435077c3":t.value}));const a=l,{getLinearGradient:n}=w(),t=e.computed(()=>`${a.size}px`);return(i,c)=>(e.openBlock(),e.createElementBlock("div",{class:"form-icon",style:e.normalizeStyle({backgroundImage:e.unref(n)(l.backgroundColor||"#28b8a4")})},[e.createElementVNode("i",{class:e.normalizeClass(`ikflow ${l.icon}`)},null,2)],4))}}),D="",I=d(C,[["__scopeId","data-v-0bc5a180"]]),T={class:"side-text items-center"},E={class:"side-left flex items-center"},$={class:"side-right"},N={class:"text-over-line"},V={class:"text-over-line"},j=e.defineComponent({__name:"IkSideText",props:{name:{type:String,default:""},avatar:{type:String,default:""},avatarType:{type:String,default:"url"},showIconBg:{type:Boolean,default:!1},iconType:{type:String,default:"info"},iconBackgroundColor:{type:String,default:""},text:{type:String,default:""},subText:{type:String,default:""},shape:{type:String,default:"square"},size:{type:Number,default:50},iconSize:{type:String||Number,default:"small"},loadUrl:{type:String,default:""}},setup(l){const a=l,n=o=>o?o.startsWith("http")?o:`${a.loadUrl}${o}`:"",t=e.computed(()=>n(a.avatar)),i=e.ref(!!a.avatar),c=()=>{i.value=!1};return(o,r)=>{var f;const u=e.resolveComponent("el-avatar"),p=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",E,[l.avatarType==="url"?(e.openBlock(),e.createBlock(u,{key:0,style:{"--el-avatar-bg-color":"var(--ik-color-primary)"},size:l.size,shape:l.shape,src:t.value,fit:"contain",onError:c},{default:e.withCtx(()=>[i.value?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.name.slice(-2)),1)],64))]),_:1},8,["size","shape","src"])):e.createCommentVNode("v-if",!0),l.avatarType==="icon"?(e.openBlock(),e.createBlock(e.unref(S),{key:1,name:`iksvg_${(f=l.avatar)==null?void 0:f.replace("iksvg_","")}`,"show-bg":l.showIconBg,type:l.iconType,style:e.normalizeStyle({fontSize:l.showIconBg?"34px":"50px"}),size:l.iconSize},null,8,["name","show-bg","type","style","size"])):e.createCommentVNode("v-if",!0),l.avatarType==="linearIcon"?(e.openBlock(),e.createBlock(I,{key:2,icon:l.avatar,"background-color":l.iconBackgroundColor},null,8,["icon","background-color"])):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",$,[e.createElementVNode("p",N,e.toDisplayString(l.text),1),e.createVNode(p,{content:l.subText},{default:e.withCtx(()=>[e.createElementVNode("p",V,e.toDisplayString(l.subText),1)]),_:1},8,["content"])])])}}}),G="",g=y(d(j,[["__scopeId","data-v-75852e7e"]]));s.IkSideText=g,s.default=g,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IkSideText/style.css

@@ -1 +1 @@
-.row-title[data-v-7d95dbf5]{display:flex}.form-icon[data-v-0bc5a180]{--ik-color-white: #fff;display:flex;align-items:center;justify-content:center;width:var(--435077c3);height:var(--435077c3);border-radius:4px}.form-icon i[data-v-0bc5a180]{font-size:27px;color:var(--ik-color-white)}.side-text[data-v-75852e7e]{display:flex}.side-text .side-left[data-v-75852e7e]{margin-right:12px}.side-text .side-right[data-v-75852e7e]{display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-75852e7e]{overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-75852e7e]:last-child{color:#b5b5c3}
+.row-title[data-v-1be337e4]{display:flex}.form-icon[data-v-0bc5a180]{--ik-color-white: #fff;display:flex;align-items:center;justify-content:center;width:var(--435077c3);height:var(--435077c3);border-radius:4px}.form-icon i[data-v-0bc5a180]{font-size:27px;color:var(--ik-color-white)}.side-text[data-v-75852e7e]{display:flex}.side-text .side-left[data-v-75852e7e]{margin-right:12px}.side-text .side-right[data-v-75852e7e]{display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-75852e7e]{overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-75852e7e]:last-child{color:#b5b5c3}