ik-next-ui 0.0.13 → 0.0.14

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

@@ -1,35 +1,74 @@
-import { defineComponent as M, computed as v, resolveComponent as b, openBlock as s, createElementBlock as u, normalizeStyle as m, normalizeClass as g, unref as h, createBlock as f, withCtx as d, createElementVNode as c, createCommentVNode as k, Fragment as W, useModel as E, renderSlot as C, toDisplayString as B, createTextVNode as F, createVNode as q, mergeModels as D } from "vue";
-import { Icon as I } from "@iconify/vue";
-import { UseImage as S } from "@vueuse/components";
-const j = (o, n) => (o.install = (e) => {
-  for (const t of [o, ...Object.values({})])
-    e.component(t.name, t);
-}, o);
-function T(...o) {
-  const n = [];
-  for (const e of o)
+import { defineComponent as x, computed as m, resolveComponent as b, openBlock as s, createBlock as f, withCtx as u, renderSlot as p, createElementBlock as d, normalizeStyle as k, normalizeClass as g, unref as h, createElementVNode as c, createCommentVNode as v, Fragment as A, useModel as W, toDisplayString as I, createTextVNode as E, createVNode as F, mergeModels as q } from "vue";
+import { Icon as M } from "@iconify/vue";
+import { UseImage as j } from "@vueuse/components";
+const $ = (l, i) => (l.install = (e) => {
+  for (const n of [l, ...Object.values({})])
+    e.component(n.name, n);
+}, l);
+function T(...l) {
+  const i = [];
+  for (const e of l)
     if (e) {
       if (typeof e == "string")
-        n.push(e);
+        i.push(e);
       else if (Array.isArray(e)) {
-        const t = T(...e);
-        t && n.push(t);
+        const n = T(...e);
+        n && i.push(n);
       } else if (typeof e == "object")
-        for (const [t, r] of Object.entries(e))
-          r && n.push(t);
+        for (const [n, r] of Object.entries(e))
+          r && i.push(n);
     }
-  return n.join(" ");
+  return i.join(" ");
 }
-const V = (o, n) => {
-  const e = o.__vccOpts || o;
-  for (const [t, r] of n)
-    e[t] = r;
+const V = (l, i) => {
+  const e = l.__vccOpts || l;
+  for (const [n, r] of i)
+    e[n] = r;
   return e;
-}, P = {
+}, D = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    effect: {
+      type: String,
+      default: "dark"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    placement: {
+      type: String,
+      default: "top"
+    }
+  },
+  setup(l) {
+    const i = l, e = m(() => i.effect);
+    return (n, r) => {
+      const a = b("el-tooltip");
+      return s(), f(a, {
+        class: "gl-tooltip",
+        effect: e.value,
+        content: l.text || l.content,
+        placement: l.placement,
+        enterable: !1
+      }, {
+        default: u(() => [
+          p(n.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["effect", "content", "placement"]);
+    };
+  }
+}), P = $(D), U = {
   key: 2,
   class: "shrink-0 size-inherit",
   "aria-hidden": "true"
-}, U = ["xlink:href"], G = ["xlink:href"], H = ["size"], J = ["xlink:href"], K = ["xlink:href"], L = /* @__PURE__ */ M({
+}, G = ["xlink:href"], H = ["xlink:href"], J = ["size"], K = ["xlink:href"], L = ["xlink:href"], Q = /* @__PURE__ */ x({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -51,123 +90,122 @@ const V = (o, n) => {
     hover: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(o, { emit: n }) {
-    const e = o, t = n, r = v(() => e.danger ? "danger" : e.error ? "error" : e.type), a = v(() => {
+  setup(l, { emit: i }) {
+    const e = l, n = i, r = m(() => e.danger ? "danger" : e.error ? "error" : e.type), a = m(() => {
       if (!e.name)
         return;
-      const l = (i) => /^\.{1,2}\//.test(i) || i.startsWith("/") || i.includes("/");
-      return /^https?:\/\//.test(e.name) || l(e.name) ? "img" : e.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(e.name) || e.name.startsWith("ik") ? "unocss" : e.name.includes(":") ? "iconify" : "svg";
+      const o = (t) => /^\.{1,2}\//.test(t) || t.startsWith("/") || t.includes("/");
+      return /^https?:\/\//.test(e.name) || o(e.name) ? "img" : e.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(e.name) || e.name.startsWith("ik") ? "unocss" : e.name.includes(":") ? "iconify" : "svg";
     }), w = {
       big: 24,
       default: 22,
       small: 20
     };
-    function p() {
+    function z() {
       return e.size ? w[e.size] || e.size : 18;
     }
-    const z = v(() => {
-      const l = p(), i = typeof l == "number" ? `${l}px` : l;
+    const C = m(() => {
+      const o = z(), t = typeof o == "number" ? `${o}px` : o;
       return {
-        width: i,
-        height: i,
-        fontSize: i
+        width: t,
+        height: t,
+        fontSize: t
       };
-    }), N = v(() => {
-      const i = `${Number.parseInt(p()) + 8}px`;
+    }), N = m(() => {
+      const t = `${Number.parseInt(z()) + 8}px`;
       return {
-        width: i,
-        height: i
+        width: t,
+        height: t
       };
     });
-    function O(l) {
-      e.onClick ? e.onClick(l) : t("click", l);
+    function O(o) {
+      e.onClick ? e.onClick(o) : n("click", o);
     }
-    const y = v(() => {
+    const y = m(() => {
       if (a.value !== "two-color-svg")
         return {};
-      const l = {};
+      const o = {};
       if (e.disabled)
-        return l["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", l["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", l;
-      if (e.deepColor && (l["--ik-icon-deep-color"] = e.deepColor), e.shallowColor && (l["--ik-icon-shallow-color"] = e.shallowColor), e.colorMode !== "auto")
+        return o["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", o["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", o;
+      if (e.deepColor && (o["--ik-icon-deep-color"] = e.deepColor), e.shallowColor && (o["--ik-icon-shallow-color"] = e.shallowColor), e.colorMode !== "auto")
         switch (e.colorMode) {
           case "primary":
-            e.deepColor || (l["--ik-icon-deep-color"] = "var(--ik-color-primary)"), e.shallowColor || (l["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
+            e.deepColor || (o["--ik-icon-deep-color"] = "var(--ik-color-primary)"), e.shallowColor || (o["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
             break;
           case "deep":
-            e.shallowColor || (l["--ik-icon-shallow-color"] = l["--ik-icon-deep-color"] || e.deepColor || "var(--ik-icon-deep-color)");
+            e.shallowColor || (o["--ik-icon-shallow-color"] = o["--ik-icon-deep-color"] || e.deepColor || "var(--ik-icon-deep-color)");
             break;
           case "shallow":
-            e.deepColor || (l["--ik-icon-deep-color"] = l["--ik-icon-shallow-color"] || e.shallowColor || "var(--ik-icon-shallow-color)");
+            e.deepColor || (o["--ik-icon-deep-color"] = o["--ik-icon-shallow-color"] || e.shallowColor || "var(--ik-icon-shallow-color)");
             break;
         }
-      return e.active && r.value !== "default" && !e.deepColor && !e.shallowColor && e.colorMode === "auto" && (l["--ik-icon-deep-color"] = `var(--ik-icon-${r.value}-deep-active)`, l["--ik-icon-shallow-color"] = `var(--ik-icon-${r.value}-shallow-active)`), l;
+      return e.active && r.value !== "default" && !e.deepColor && !e.shallowColor && e.colorMode === "auto" && (o["--ik-icon-deep-color"] = `var(--ik-icon-${r.value}-deep-active)`, o["--ik-icon-shallow-color"] = `var(--ik-icon-${r.value}-shallow-active)`), o;
     });
-    return (l, i) => {
-      var x;
-      const A = b("IkTooltip");
-      return s(), u(
+    return (o, t) => {
+      var B;
+      return s(), d(
         "i",
         {
           class: g(h(T)(
             "ik-icon relative size-[1em] flex-inline items-center justify-center fill-current leading-[1em]",
             e.class,
-            o.showBg ? "bg" : "",
-            o.disabled ? "is-disabled" : "",
-            o.active ? "is-active" : "",
+            l.showBg ? "bg" : "",
+            l.disabled ? "is-disabled" : "",
+            l.active ? "is-active" : "",
             r.value !== "default" ? `is-${r.value}` : "",
-            o.unMargin ? "un-margin" : "margin",
-            o.hover ? "is-hover" : ""
+            l.unMargin ? "un-margin" : "margin",
+            l.hover ? "is-hover" : ""
           )),
-          style: m(o.showBg ? N.value : z.value),
+          style: k(l.showBg ? N.value : C.value),
           onClick: O
         },
         [
-          o.title ? (s(), f(A, {
+          l.title ? (s(), f(h(P), {
             key: 0,
-            text: o.title
+            text: l.title
           }, {
-            default: d(() => {
-              var $;
+            default: u(() => {
+              var S;
               return [
-                a.value === "unocss" ? (s(), u(
+                a.value === "unocss" ? (s(), d(
                   "i",
                   {
                     key: 0,
-                    class: g(["iconfont shrink-0 size-inherit", `${o.name} ${($ = o.name) == null ? void 0 : $.split("_")[0]}`]),
-                    style: m({ ...y.value, ...o.showBg ? z.value : {} })
+                    class: g(["iconfont shrink-0 size-inherit", `${l.name} ${(S = l.name) == null ? void 0 : S.split("_")[0]}`]),
+                    style: k({ ...y.value, ...l.showBg ? C.value : {} })
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : a.value === "iconify" ? (s(), f(h(I), {
+                )) : a.value === "iconify" ? (s(), f(h(M), {
                   key: 1,
-                  icon: o.name,
+                  icon: l.name,
                   class: "shrink-0 size-inherit"
-                }, null, 8, ["icon"])) : a.value === "svg" ? (s(), u("svg", P, [
+                }, null, 8, ["icon"])) : a.value === "svg" ? (s(), d("svg", U, [
                   c("use", {
-                    "xlink:href": `#icon-${o.name}`
-                  }, null, 8, U)
-                ])) : a.value === "two-color-svg" ? (s(), u(
+                    "xlink:href": `#icon-${l.name}`
+                  }, null, 8, G)
+                ])) : a.value === "two-color-svg" ? (s(), d(
                   "svg",
                   {
                     key: 3,
                     class: "two-color-icon shrink-0 size-inherit",
-                    style: m(y.value),
+                    style: k(y.value),
                     "aria-hidden": "true"
                   },
                   [
                     c("use", {
-                      "xlink:href": `#${o.name}`
-                    }, null, 8, G)
+                      "xlink:href": `#${l.name}`
+                    }, null, 8, H)
                   ],
                   4
                   /* STYLE */
-                )) : a.value === "img" ? (s(), f(h(S), {
+                )) : a.value === "img" ? (s(), f(h(j), {
                   key: 4,
-                  src: o.name,
+                  src: l.name,
                   class: "shrink-0"
                 }, {
-                  loading: d(() => [...i[0] || (i[0] = [
+                  loading: u(() => [...t[0] || (t[0] = [
                     c(
                       "i",
                       { class: "i-line-md:loading-loop size-inherit" },
@@ -176,7 +214,7 @@ const V = (o, n) => {
                       /* CACHED */
                     )
                   ])]),
-                  error: d(() => [...i[1] || (i[1] = [
+                  error: u(() => [...t[1] || (t[1] = [
                     c(
                       "i",
                       { class: "i-ph:image-broken-duotone size-inherit" },
@@ -187,59 +225,59 @@ const V = (o, n) => {
                   ])]),
                   _: 1
                   /* STABLE */
-                }, 8, ["src"])) : k("v-if", !0)
+                }, 8, ["src"])) : v("v-if", !0)
               ];
             }),
             _: 1
             /* STABLE */
-          }, 8, ["text"])) : (s(), u(
-            W,
+          }, 8, ["text"])) : (s(), d(
+            A,
             { key: 1 },
             [
-              a.value === "unocss" ? (s(), u(
+              a.value === "unocss" ? (s(), d(
                 "i",
                 {
                   key: 0,
-                  class: g(["iconfont shrink-0 size-inherit", `${o.name} ${(x = o.name) == null ? void 0 : x.split("_")[0]}`]),
-                  style: m({ ...y.value, ...o.showBg ? z.value : {} })
+                  class: g(["iconfont shrink-0 size-inherit", `${l.name} ${(B = l.name) == null ? void 0 : B.split("_")[0]}`]),
+                  style: k({ ...y.value, ...l.showBg ? C.value : {} })
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : a.value === "iconify" ? (s(), f(h(I), {
+              )) : a.value === "iconify" ? (s(), f(h(M), {
                 key: 1,
-                icon: o.name,
+                icon: l.name,
                 class: "shrink-0 size-inherit"
-              }, null, 8, ["icon"])) : a.value === "svg" ? (s(), u("svg", {
+              }, null, 8, ["icon"])) : a.value === "svg" ? (s(), d("svg", {
                 key: 2,
                 class: "shrink-0 size-inherit",
-                size: o.size,
+                size: l.size,
                 "aria-hidden": "true"
               }, [
                 c("use", {
-                  "xlink:href": `#icon-${o.name}`
-                }, null, 8, J)
-              ], 8, H)) : a.value === "two-color-svg" ? (s(), u(
+                  "xlink:href": `#icon-${l.name}`
+                }, null, 8, K)
+              ], 8, J)) : a.value === "two-color-svg" ? (s(), d(
                 "svg",
                 {
                   key: 3,
                   class: "two-color-icon shrink-0 size-inherit",
-                  style: m(y.value),
+                  style: k(y.value),
                   "aria-hidden": "true"
                 },
                 [
                   c("use", {
-                    "xlink:href": `#${o.name}`
-                  }, null, 8, K)
+                    "xlink:href": `#${l.name}`
+                  }, null, 8, L)
                 ],
                 4
                 /* STYLE */
-              )) : a.value === "img" ? (s(), f(h(S), {
+              )) : a.value === "img" ? (s(), f(h(j), {
                 key: 4,
-                src: o.name,
+                src: l.name,
                 class: "shrink-0"
               }, {
-                loading: d(() => [...i[2] || (i[2] = [
+                loading: u(() => [...t[2] || (t[2] = [
                   c(
                     "i",
                     { class: "i-line-md:loading-loop size-inherit" },
@@ -248,7 +286,7 @@ const V = (o, n) => {
                     /* CACHED */
                   )
                 ])]),
-                error: d(() => [...i[3] || (i[3] = [
+                error: u(() => [...t[3] || (t[3] = [
                   c(
                     "i",
                     { class: "i-ph:image-broken-duotone size-inherit" },
@@ -259,7 +297,7 @@ const V = (o, n) => {
                 ])]),
                 _: 1
                 /* STABLE */
-              }, 8, ["src"])) : k("v-if", !0)
+              }, 8, ["src"])) : v("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
@@ -270,9 +308,9 @@ const V = (o, n) => {
       );
     };
   }
-}), Q = /* @__PURE__ */ V(L, [["__scopeId", "data-v-7dee8b6e"]]), R = j(Q), X = { class: "align-center flex justify-between" }, Y = { class: "align-center flex" }, Z = { style: { overflow: "hidden" } }, _ = /* @__PURE__ */ M({
+}), R = /* @__PURE__ */ V(Q, [["__scopeId", "data-v-c202da9d"]]), X = $(R), Y = { class: "align-center flex justify-between" }, Z = { class: "align-center flex" }, _ = { style: { overflow: "hidden" } }, ee = /* @__PURE__ */ x({
   __name: "index",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ q({
     showToggle: {
       type: Boolean,
       default: !0
@@ -289,59 +327,59 @@ const V = (o, n) => {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const n = E(o, "modelValue"), e = () => {
-      n.value = !n.value;
+  setup(l) {
+    const i = W(l, "modelValue"), e = () => {
+      i.value = !i.value;
     };
-    return (t, r) => {
+    return (n, r) => {
       const a = b("el-button"), w = b("el-card");
       return s(), f(w, {
-        class: g(["ik-collapse-box-card", n.value ? "hiddened" : ""]),
+        class: g(["ik-collapse-box-card", i.value ? "hiddened" : ""]),
         shadow: "hover"
       }, {
-        header: d(() => [
-          c("div", X, [
-            k(" card header左侧内容 "),
-            C(t.$slots, "header-leaft", {}, () => [
+        header: u(() => [
+          c("div", Y, [
+            v(" card header左侧内容 "),
+            p(n.$slots, "header-leaft", {}, () => [
               c(
                 "span",
                 null,
-                B(o.title),
+                I(l.title),
                 1
                 /* TEXT */
               )
             ], !0),
-            c("div", Y, [
-              k(" card header右侧内容 "),
-              C(t.$slots, "header-right", {}, void 0, !0),
-              k(" 展开、收起按钮 "),
-              o.showToggle ? (s(), f(a, {
+            c("div", Z, [
+              v(" card header右侧内容 "),
+              p(n.$slots, "header-right", {}, void 0, !0),
+              v(" 展开、收起按钮 "),
+              l.showToggle ? (s(), f(a, {
                 key: 0,
                 link: "",
                 class: "ml-[8px]",
-                onClick: r[0] || (r[0] = (p) => e())
+                onClick: r[0] || (r[0] = (z) => e())
               }, {
-                default: d(() => [
-                  F(
-                    B(n.value ? "展开" : "收起") + " ",
+                default: u(() => [
+                  E(
+                    I(i.value ? "展开" : "收起") + " ",
                     1
                     /* TEXT */
                   ),
-                  q(h(R), {
+                  F(h(X), {
                     name: "iksvg_shouqi",
                     size: 16,
-                    class: g(n.value ? "toogle" : null)
+                    class: g(i.value ? "toogle" : null)
                   }, null, 8, ["class"])
                 ]),
                 _: 1
                 /* STABLE */
-              })) : k("v-if", !0)
+              })) : v("v-if", !0)
             ])
           ])
         ]),
-        default: d(() => [
-          c("div", Z, [
-            C(t.$slots, "default", {}, void 0, !0)
+        default: u(() => [
+          c("div", _, [
+            p(n.$slots, "default", {}, void 0, !0)
           ])
         ]),
         _: 3
@@ -349,7 +387,7 @@ const V = (o, n) => {
       }, 8, ["class"]);
     };
   }
-}), ee = /* @__PURE__ */ V(_, [["__scopeId", "data-v-7eb693b4"]]), ne = j(ee);
+}), le = /* @__PURE__ */ V(ee, [["__scopeId", "data-v-7eb693b4"]]), ne = $(le);
 export {
   ne as IkCollapseCard,
   ne as default