@keyblade/pro-components 1.13.8-alpha.8 → 1.14.0

package/es/pro-layout/pro-layout.vue.js

@@ -1,10 +1,17 @@
-import { defineComponent as le, useCssVars as ae, ref as N, useSlots as se, computed as de, provide as C, onMounted as ne, watch as V, resolveComponent as s, createBlock as i, openBlock as l, normalizeClass as a, withCtx as d, createCommentVNode as n, createVNode as p, createElementVNode as h, renderSlot as c, createElementBlock as m, unref as o, Fragment as k, createTextVNode as T, toDisplayString as P } from "vue";
-import { useHooks as re } from "./hooks.js";
-import { ProLayoutMode as ie, ProLayoutMenuType as F } from "./enum.js";
-const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @__PURE__ */ le({
+import { defineComponent as X, useCssVars as Y, ref as w, useSlots as Z, computed as _, provide as C, onMounted as x, watch as D, createBlock as n, openBlock as s, unref as e, normalizeClass as o, withCtx as a, createCommentVNode as d, createVNode as u, createElementVNode as y, renderSlot as p, createElementBlock as h, Fragment as k, createTextVNode as T, toDisplayString as P } from "vue";
+import { Layout as B, LayoutHeader as ee, Space as F, TypographyTitle as N, LayoutSider as le, Button as te, Affix as oe, LayoutContent as se, LayoutFooter as ae } from "@arco-design/web-vue";
+import { IconMenuUnfold as de, IconMenuFold as re } from "@arco-design/web-vue/es/icon";
+import ie from "../pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js";
+import ne from "../pro-reuse-tabs/pro-reuse-tabs.vue.js";
+/* empty css                                    */
+import O from "../pro-menu/pro-menu.vue.js";
+/* empty css                        */
+import { useHooks as ue } from "./hooks.js";
+import { ProLayoutMode as pe, ProLayoutMenuType as g } from "./enum.js";
+const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @__PURE__ */ X({
   __name: "pro-layout",
   props: {
-    layout: { default: ie.mix },
+    layout: { default: pe.mix },
     hideHeader: { type: Boolean, default: !1 },
     hiderSider: { type: Boolean, default: !1 },
     headerHeight: { default: 60 },
@@ -26,226 +33,231 @@ const ue = ["src"], pe = ["src"], t = "keyblade-pro-layout", ce = 48, he = /* @_
   },
   emits: {
     /** 收缩事件 */
-    collapse: (g) => !0,
+    collapse: (b) => !0,
     /** keepAlive改变事件 */
-    keepAliveIncludeChange: (g) => !0
+    keepAliveIncludeChange: (b) => !0
   },
-  setup(g, { emit: E }) {
-    ae((e) => ({
-      "4a477a1a": z.value,
-      "3599ef93": G,
-      "5b478c92": J
+  setup(b, { emit: V }) {
+    Y((l) => ({
+      "60f0bf10": L.value,
+      "30e69946": J,
+      "6cb36c08": Q
     }));
-    const u = g, B = E, f = se(), I = de(() => u.hiderSider || b.value.length > 0 && H.value.length === 0), {
-      topMenuItems: b,
+    const f = b, I = V, c = Z(), M = _(() => f.hiderSider || $.value.length > 0 && H.value.length === 0), {
+      topMenuItems: $,
       siderMenuItems: H,
-      topMenuSelectedKeys: L,
+      topMenuSelectedKeys: E,
       siderMenuSelectedKeys: R,
-      breadcrumbItems: j,
-      tabs: M,
+      topMenuOpenKeys: U,
+      siderMenuOpenKeys: j,
+      breadcrumbItems: q,
+      tabs: S,
       keepAliveInclude: v,
-      onProMenuItemClick: S,
-      onTabClick: q,
-      onTabDelete: w
-    } = re(u);
-    C("ProBreadcrumbItems", j), C("ProKeepAliveInclude", v), C("onProReuseTabDelete", w);
-    const z = N(`${u.headerHeight}px`), G = `${u.siderWidth}px`, J = `${ce}px`, r = N(u.siderCollapsed), W = (e) => {
-      r.value = e, B("collapse", e);
+      onProMenuItemClick: K,
+      onProMenuOpenKeysChange: z,
+      onTabClick: G,
+      onTabDelete: A
+    } = ue(f);
+    C("ProBreadcrumbItems", q), C("ProKeepAliveInclude", v), C("onProReuseTabDelete", A);
+    const L = w(`${f.headerHeight}px`), J = `${f.siderWidth}px`, Q = `${ce}px`, r = w(f.siderCollapsed), W = (l) => {
+      r.value = l, I("collapse", l);
     };
-    return ne(() => {
-      u.hideHeader && (z.value = "0px");
-    }), V(() => u.siderCollapsed, () => {
-      r.value = u.siderCollapsed;
-    }, { immediate: !0 }), V(v, () => {
-      B("keepAliveIncludeChange", v.value);
-    }, { immediate: !0 }), (e, y) => {
-      const A = s("a-typography-title"), K = s("a-space"), D = s("kb-pro-menu"), O = s("a-layout-header"), Q = s("icon-menu-unfold"), U = s("icon-menu-fold"), X = s("a-button"), Y = s("a-layout-sider"), Z = s("kb-pro-reuse-tabs"), x = s("a-affix"), ee = s("kb-pro-keep-alive-router-view"), te = s("a-layout-content"), oe = s("a-layout-footer"), $ = s("a-layout");
-      return l(), i($, {
-        class: a([t, `${t}-${e.layout}`])
-      }, {
-        default: d(() => [
-          e.hideHeader ? n("", !0) : (l(), i(O, {
-            key: 0,
-            class: a([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
-          }, {
-            default: d(() => [
-              h("div", {
-                class: a(`${t}-header-left`)
-              }, [
-                o(f)["header-left"] ? c(e.$slots, "header-left", { key: 0 }) : (l(), m(k, { key: 1 }, [
-                  e.layout !== "side" ? (l(), m("div", {
-                    key: 0,
-                    class: a(`${t}-header-left-logo`)
-                  }, [
-                    p(K, null, {
-                      default: d(() => [
-                        h("img", {
-                          class: a(`${t}-header-left-logo-img`),
+    return x(() => {
+      f.hideHeader && (L.value = "0px");
+    }), D(() => f.siderCollapsed, () => {
+      r.value = f.siderCollapsed;
+    }, { immediate: !0 }), D(v, () => {
+      I("keepAliveIncludeChange", v.value);
+    }, { immediate: !0 }), (l, i) => (s(), n(e(B), {
+      class: o([t, `${t}-${l.layout}`])
+    }, {
+      default: a(() => [
+        l.hideHeader ? d("", !0) : (s(), n(e(ee), {
+          key: 0,
+          class: o([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
+        }, {
+          default: a(() => [
+            y("div", {
+              class: o(`${t}-header-left`)
+            }, [
+              e(c)["header-left"] ? p(l.$slots, "header-left", { key: 0 }) : (s(), h(k, { key: 1 }, [
+                l.layout !== "side" ? (s(), h("div", {
+                  key: 0,
+                  class: o(`${t}-header-left-logo`)
+                }, [
+                  u(e(F), null, {
+                    default: a(() => [
+                      p(l.$slots, "header-left-logo-img", {}, () => [
+                        y("img", {
+                          class: o(`${t}-header-left-logo-img`),
                           alt: "logo",
-                          src: e.logo
-                        }, null, 10, ue),
-                        r.value ? n("", !0) : (l(), i(A, {
-                          key: 0,
-                          class: a(`${t}-header-left-logo-title`),
+                          src: l.logo
+                        }, null, 10, fe)
+                      ]),
+                      r.value ? d("", !0) : p(l.$slots, "header-left-logo-title", { key: 0 }, () => [
+                        u(e(N), {
+                          class: o(`${t}-header-left-logo-title`),
                           heading: 5
                         }, {
-                          default: d(() => [
-                            T(P(e.title), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["class"]))
-                      ]),
-                      _: 1
-                    })
-                  ], 2)) : n("", !0)
-                ], 64))
-              ], 2),
-              h("div", {
-                class: a(`${t}-header-center`)
-              }, [
-                o(f)["header-center-left"] ? c(e.$slots, "header-center-left", { key: 0 }) : n("", !0),
-                o(b).length > 0 ? (l(), m(k, { key: 1 }, [
-                  o(b).length > 0 ? (l(), i(D, {
-                    key: 0,
-                    mode: "horizontal",
-                    "selected-keys": o(L),
-                    items: o(b),
-                    "menu-props": e.menuProps,
-                    onMenuItemClick: y[0] || (y[0] = (_) => o(S)(o(F).top, _))
-                  }, null, 8, ["selected-keys", "items", "menu-props"])) : n("", !0)
-                ], 64)) : (l(), m(k, { key: 2 }, [
-                  o(f)["header-center-center"] ? c(e.$slots, "header-center-center", { key: 0 }) : n("", !0)
-                ], 64)),
-                o(f)["header-center-right"] ? c(e.$slots, "header-center-right", { key: 3 }) : n("", !0)
-              ], 2),
-              h("div", {
-                class: a(`${t}-header-right`)
-              }, [
-                c(e.$slots, "header-right")
-              ], 2)
-            ]),
-            _: 3
-          }, 8, ["class"])),
-          p($, null, {
-            default: d(() => [
-              I.value ? n("", !0) : (l(), i(Y, {
-                key: 0,
-                class: a([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
-                width: e.siderWidth,
-                collapsible: !0,
-                breakpoint: e.siderBreakpoint,
-                collapsed: r.value,
-                "hide-trigger": !0,
-                onCollapse: W
-              }, {
-                default: d(() => [
-                  h("div", {
-                    class: a(`${t}-sider-content`)
-                  }, [
-                    o(f)["sider-top"] ? c(e.$slots, "sider-top", { key: 0 }) : (l(), m(k, { key: 1 }, [
-                      e.layout === "side" ? (l(), m("div", {
-                        key: 0,
-                        class: a(`${t}-sider-content-logo`)
-                      }, [
-                        p(K, null, {
-                          default: d(() => [
-                            h("img", {
-                              class: a(`${t}-sider-content-logo-img`),
-                              alt: "logo",
-                              src: e.logo
-                            }, null, 10, pe),
-                            r.value ? n("", !0) : (l(), i(A, {
-                              key: 0,
-                              class: a(`${t}-sider-content-logo-title`),
-                              heading: 5
-                            }, {
-                              default: d(() => [
-                                T(P(e.title), 1)
-                              ]),
-                              _: 1
-                            }, 8, ["class"]))
+                          default: a(() => [
+                            T(P(l.title), 1)
                           ]),
                           _: 1
-                        })
-                      ], 2)) : n("", !0)
-                    ], 64)),
-                    p(D, {
-                      mode: "vertical",
-                      collapsed: r.value,
-                      "selected-keys": o(R),
-                      items: o(H),
-                      "menu-props": e.menuProps,
-                      onMenuItemClick: y[1] || (y[1] = (_) => o(S)(o(F).side, _))
-                    }, null, 8, ["collapsed", "selected-keys", "items", "menu-props"])
-                  ], 2),
-                  p(X, {
-                    class: a(`${t}-sider-collapse-btn`),
-                    size: "mini",
-                    onClick: y[2] || (y[2] = (_) => W(!r.value))
-                  }, {
-                    icon: d(() => [
-                      r.value ? (l(), i(Q, { key: 0 })) : (l(), i(U, { key: 1 }))
+                        }, 8, ["class"])
+                      ])
                     ]),
-                    _: 1
-                  }, 8, ["class"])
-                ]),
-                _: 3
-              }, 8, ["class", "width", "breakpoint", "collapsed"])),
-              p($, {
-                class: a([
-                  `${t}-body`,
-                  { [`${t}-body-hide-sider`]: I.value },
-                  { [`${t}-body-collapsed`]: r.value }
-                ])
-              }, {
-                default: d(() => [
-                  e.hideTabs ? n("", !0) : (l(), i(x, {
-                    key: 0,
-                    class: a(`${t}-body-affix`),
-                    offsetTop: e.hideHeader ? 0 : e.headerHeight
+                    _: 3
+                  })
+                ], 2)) : d("", !0)
+              ], 64))
+            ], 2),
+            y("div", {
+              class: o(`${t}-header-center`)
+            }, [
+              e(c)["header-center-left"] ? p(l.$slots, "header-center-left", { key: 0 }) : d("", !0),
+              e($).length > 0 ? (s(), n(O, {
+                key: 1,
+                mode: "horizontal",
+                "selected-keys": e(E),
+                "open-keys": e(U),
+                items: e($),
+                "menu-props": l.menuProps,
+                onMenuItemClick: i[0] || (i[0] = (m) => e(K)(e(g).top, m)),
+                onOpenKeysChange: i[1] || (i[1] = (m) => e(z)(e(g).side, m))
+              }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (s(), h(k, { key: 2 }, [
+                e(c)["header-center-center"] ? p(l.$slots, "header-center-center", { key: 0 }) : d("", !0)
+              ], 64)),
+              e(c)["header-center-right"] ? p(l.$slots, "header-center-right", { key: 3 }) : d("", !0)
+            ], 2),
+            y("div", {
+              class: o(`${t}-header-right`)
+            }, [
+              p(l.$slots, "header-right")
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["class"])),
+        u(e(B), null, {
+          default: a(() => [
+            M.value ? d("", !0) : (s(), n(e(le), {
+              key: 0,
+              class: o([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
+              width: l.siderWidth,
+              collapsible: !0,
+              breakpoint: l.siderBreakpoint,
+              collapsed: r.value,
+              "hide-trigger": !0,
+              onCollapse: W
+            }, {
+              default: a(() => [
+                y("div", {
+                  class: o(`${t}-sider-content`)
+                }, [
+                  e(c)["sider-top"] ? p(l.$slots, "sider-top", { key: 0 }) : (s(), h(k, { key: 1 }, [
+                    l.layout === "side" ? (s(), h("div", {
+                      key: 0,
+                      class: o(`${t}-sider-content-logo`)
+                    }, [
+                      u(e(F), null, {
+                        default: a(() => [
+                          y("img", {
+                            class: o(`${t}-sider-content-logo-img`),
+                            alt: "logo",
+                            src: l.logo
+                          }, null, 10, me),
+                          r.value ? d("", !0) : (s(), n(e(N), {
+                            key: 0,
+                            class: o(`${t}-sider-content-logo-title`),
+                            heading: 5
+                          }, {
+                            default: a(() => [
+                              T(P(l.title), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["class"]))
+                        ]),
+                        _: 1
+                      })
+                    ], 2)) : d("", !0)
+                  ], 64)),
+                  u(O, {
+                    mode: "vertical",
+                    collapsed: r.value,
+                    "selected-keys": e(R),
+                    "open-keys": e(j),
+                    items: e(H),
+                    "menu-props": l.menuProps,
+                    onMenuItemClick: i[2] || (i[2] = (m) => e(K)(e(g).side, m)),
+                    onOpenKeysChange: i[3] || (i[3] = (m) => e(z)(e(g).side, m))
+                  }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
+                ], 2),
+                u(e(te), {
+                  class: o(`${t}-sider-collapse-btn`),
+                  size: "mini",
+                  onClick: i[4] || (i[4] = (m) => W(!r.value))
+                }, {
+                  icon: a(() => [
+                    r.value ? (s(), n(e(de), { key: 0 })) : (s(), n(e(re), { key: 1 }))
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 3
+            }, 8, ["class", "width", "breakpoint", "collapsed"])),
+            u(e(B), {
+              class: o([
+                `${t}-body`,
+                { [`${t}-body-hide-sider`]: M.value },
+                { [`${t}-body-collapsed`]: r.value }
+              ])
+            }, {
+              default: a(() => [
+                l.hideTabs ? d("", !0) : (s(), n(e(oe), {
+                  key: 0,
+                  class: o(`${t}-body-affix`),
+                  offsetTop: l.hideHeader ? 0 : l.headerHeight
+                }, {
+                  default: a(() => [
+                    e(S).length > 0 ? (s(), n(ne, {
+                      key: 0,
+                      tabs: e(S),
+                      "tabs-size": l.tabsSize,
+                      "tabs-type": l.tabsType,
+                      "tabs-header-padding": l.tabsHeaderPadding,
+                      onTabClick: e(G),
+                      onTabDelete: e(A)
+                    }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : d("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["class", "offsetTop"])),
+                u(e(se), null, {
+                  default: a(() => [
+                    u(ie)
+                  ]),
+                  _: 1
+                }),
+                l.hideFooter ? d("", !0) : (s(), h(k, { key: 1 }, [
+                  e(c).footer !== void 0 ? p(l.$slots, "footer", { key: 0 }) : (s(), n(e(ae), {
+                    key: 1,
+                    class: o(`${t}-body-footer`)
                   }, {
-                    default: d(() => [
-                      o(M).length > 0 ? (l(), i(Z, {
-                        key: 0,
-                        tabs: o(M),
-                        "tabs-size": e.tabsSize,
-                        "tabs-type": e.tabsType,
-                        "tabs-header-padding": e.tabsHeaderPadding,
-                        onTabClick: o(q),
-                        onTabDelete: o(w)
-                      }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : n("", !0)
-                    ]),
-                    _: 1
-                  }, 8, ["class", "offsetTop"])),
-                  p(te, null, {
-                    default: d(() => [
-                      p(ee)
+                    default: a(() => [
+                      T(P(l.footerTitle), 1)
                     ]),
                     _: 1
-                  }),
-                  e.hideFooter ? n("", !0) : (l(), m(k, { key: 1 }, [
-                    o(f).footer !== void 0 ? c(e.$slots, "footer", { key: 0 }) : (l(), i(oe, {
-                      key: 1,
-                      class: a(`${t}-body-footer`)
-                    }, {
-                      default: d(() => [
-                        T(P(e.footerTitle), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"]))
-                  ], 64))
-                ]),
-                _: 3
-              }, 8, ["class"])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
+                  }, 8, ["class"]))
+                ], 64))
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  he as default
+  Be as default
 };

package/es/pro-loader/index.d.ts

@@ -0,0 +1,43 @@
+import { App } from 'vue';
+declare const ProLoader: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: number | string;
+        loading: boolean;
+        animation: import('./interface').IProLoaderAnimation;
+        tip: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        divRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, {
+        size: number | string;
+        loading: boolean;
+        animation: import('./interface').IProLoaderAnimation;
+        tip: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProLoader> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: number | string;
+    loading: boolean;
+    animation: import('./interface').IProLoaderAnimation;
+    tip: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        tip?(_: {}): any;
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+/** 导出类型 */
+export * from './interface';
+/** 导出组件 */
+export { ProLoader };
+export default ProLoader;

package/es/pro-loader/index.js

@@ -0,0 +1,11 @@
+import o from "./index.vue.js";
+/* empty css           */
+const e = Object.assign(o, {
+  install: (r) => {
+    r.component("KbProLoader", o);
+  }
+});
+export {
+  e as ProLoader,
+  e as default
+};

package/es/pro-loader/index.vue.d.ts

@@ -0,0 +1,28 @@
+import { IProLoader } from './interface';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tip?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        divRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProLoader, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProLoader> & Readonly<{}>, {
+    size: number | string;
+    loading: boolean;
+    animation: import('./interface').IProLoaderAnimation;
+    tip: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    divRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/pro-loader/index.vue.js

@@ -0,0 +1,112 @@
+import { defineComponent as x, ref as h, useSlots as w, computed as i, watch as m, createElementBlock as a, openBlock as r, normalizeStyle as p, normalizeClass as o, createCommentVNode as $, renderSlot as k, unref as z, createElementVNode as c, createStaticVNode as b, toDisplayString as B } from "vue";
+import { conclude as M } from "vue-global-config";
+import { globalProps as N } from "../global-props.js";
+const e = "keyblade-pro-loader", F = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    size: { default: "100px" },
+    loading: { type: Boolean, default: !0 },
+    color: {},
+    tip: { default: "" },
+    animation: { default: () => ({
+      startStrokeWidth: 2,
+      endStrokeWidth: 3
+    }) }
+  },
+  setup(C) {
+    const d = h(), l = C, n = h(l.loading), u = w(), S = i(() => l.loading ? "" : `${e}-fade-out`), f = i(() => {
+      const t = typeof s.value.size == "number" ? `${s.value.size}px` : s.value.size;
+      return {
+        width: t,
+        height: t
+      };
+    });
+    m(() => l.loading, (t) => {
+      t && (n.value = !0);
+    }), m(d, (t) => {
+      t && (t == null || t.addEventListener("transitionend", () => {
+        l.loading || (n.value = !1);
+      }));
+    });
+    const s = i(() => M([l, N.loader || {}]));
+    return (t, v) => {
+      var y, g;
+      return r(), a("div", {
+        class: o(e),
+        style: p({ minHeight: `calc(${f.value.height} + ${t.tip ? "24px" : "0px"})` })
+      }, [
+        n.value ? (r(), a("div", {
+          key: 0,
+          ref_key: "divRef",
+          ref: d,
+          class: o([`${e}-container`, S.value, `${s.value.color ? e + "-custom-color" : ""}`]),
+          style: p({
+            position: z(u).default ? "absolute" : void 0,
+            "--start-stroke-width": `${(y = s.value.animation) == null ? void 0 : y.startStrokeWidth}`,
+            "--end-stroke-width": `${(g = s.value.animation) == null ? void 0 : g.endStrokeWidth}`,
+            "--loader-color": `${s.value.color}`
+          })
+        }, [
+          c("div", {
+            class: o(`${e}-svg-container`)
+          }, [
+            (r(), a("svg", {
+              class: o(`${e}-svg-logo`),
+              style: p(f.value),
+              viewBox: "0 0 243.8 320.3"
+            }, [
+              v[0] || (v[0] = b('<defs><linearGradient id="css-gradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#4ade80;stop-opacity:1;"></stop><stop offset="25%" style="stop-color:#22d3ee;stop-opacity:1;"></stop><stop offset="50%" style="stop-color:#818cf8;stop-opacity:1;"></stop><stop offset="60%" style="stop-color:#c084fc;stop-opacity:1;"></stop><stop offset="75%" style="stop-color:#f472b6;stop-opacity:1;"></stop><stop offset="100%" style="stop-color:#FFB134;stop-opacity:1;"></stop></linearGradient></defs>', 1)),
+              c("path", {
+                class: o(`${e}-svg-path`),
+                stroke: "url(#css-gradient)",
+                d: `M70.1,236.7c-4-0.5-7.4-0.1-10.9-0.7c-14.8-2.8-25.2-15.3-25.3-30.3c0-5.1,0-10.2,0-15.3c0-5.1,3.1-8.7,7.5-9
+                c4.5-0.3,8,2.7,8.5,8c0.4,4.8,0.5,9.7,0.2,14.5c-0.7,10,5.8,16.5,16,16.8c5.4,0.2,10.8,0,16.2,0.1c1.6,0,2.7-0.6,3.8-1.8
+                c2.9-3.3,6-6.5,8.9-9.9c14.2-16.9,37.9-17.8,53.2-1.9c3.6,3.8,7,7.8,10.4,11.6c0.8,0.9,1.7,1.9,3.1,1.9c6.7-0.1,13.5,0.6,20.2-0.4
+                c7.8-1.2,12.5-6.7,12.6-14.5c0-4.5-0.1-9.1,0-13.6c0-1.8,0.2-3.7,0.7-5.4c0.9-3.3,4.5-5.6,8.1-5.3c3.9,0.3,7.2,3,7.3,7
+                c0.3,7.5,0.9,15.1-0.3,22.5c-2.5,14.9-15.2,25.5-30.3,25.7c-1.5,0-3.7-0.8-4.3,0.6c-0.6,1.4,1.5,2.4,2.5,3.5
+                c1.2,1.4,2.5,2.7,3.2,4.4c1.5,3.5,0.4,7.4-2.6,9.6c-3.2,2.3-7.2,2.2-10.1-0.8c-4.8-5-9.4-10.2-14-15.4c-6.1-6.8-12.1-13.8-18.4-20.4
+                c-7.9-8.4-20-8.4-27.9,0.2c-10.2,11.2-20.2,22.6-30.3,33.9c-0.9,1-1.8,2.1-2.8,2.9c-3.3,2.7-7.9,2.4-10.8-0.4
+                c-2.8-2.9-3.1-7.6-0.4-10.8C65.9,241.4,67.9,239.3,70.1,236.7z`
+              }, null, 2),
+              c("path", {
+                class: o(`${e}-svg-path`),
+                stroke: "url(#css-gradient)",
+                d: `M123.4,173.2c-33.2-0.5-65-3.1-96.3-10.9c-1.3-0.3-2.6-0.7-3.9-1.2c-4.1-1.5-6.2-5.5-5-9.5c1.2-4,5.1-6.5,9.3-5.4
+                c13.6,3.5,27.4,5.7,41.3,7.5c9.9,1.3,19.9,2.1,30,2.6c9.5,0.5,19.1,0.7,28.6,0.6c29.7-0.5,59.1-3.4,88-10.5c6.6-1.6,11.6,2,11.2,8.1
+                c-0.3,3.6-2.5,6.1-6.7,7.3c-7.7,2.2-15.6,3.7-23.5,5.1c-20.9,3.5-41.8,5.7-63,5.9C129.6,172.8,126,173.3,123.4,173.2z`
+              }, null, 2),
+              c("path", {
+                class: o(`${e}-svg-path`),
+                stroke: "url(#css-gradient)",
+                d: `M210.9,114.1c0,3.9,0,7.7,0,11.6c-0.1,4.8-3.2,8.4-7.5,8.8c-4.4,0.3-8.2-2.7-8.5-7.7c-0.4-6.8-0.3-13.7-0.3-20.5
+                c0-9.7-5.5-15.2-15.2-15.2c-6.8-0.1-13.7,0-20.5-0.1c-5-0.1-8.3-3.2-8.4-7.7c-0.1-4.6,2.9-8.2,7.8-8.3c9.1-0.2,18.2-0.9,27.2,0.5
+                c15.1,2.3,25.5,14.6,25.5,29.7C210.9,108.1,210.9,111.1,210.9,114.1z`
+              }, null, 2),
+              c("path", {
+                class: o(`${e}-svg-path`),
+                stroke: "url(#css-gradient)",
+                d: `M34.1,112.9c0.2-4-0.5-9.1,0.5-14.2c2.3-12,13.5-22.1,25.7-23.4c8.2-0.9,16.4-0.4,24.6-0.5c2,0,4.1,0.2,5.8,1.4
+                c2.9,1.9,4.1,4.6,3.5,8c-0.5,3.2-2.5,5.2-5.5,6.1c-1.6,0.5-3.2,0.6-4.9,0.6c-6.3,0-12.6,0-18.8,0c-9.3,0.1-15.2,6-15.3,15.2
+                c0,6.5,0,12.9-0.1,19.4c0,5-3.4,8.7-7.8,8.7c-4.3,0-7.8-3.7-7.9-8.7C34,121.7,34.1,117.9,34.1,112.9z`
+              }, null, 2),
+              c("path", {
+                class: o(`${e}-svg-path`),
+                stroke: "url(#css-gradient)",
+                d: `M130.4,97c0,8,0,16,0,24c0,5.3-3.3,8.8-8,8.7c-4.4-0.1-7.8-3.8-7.8-8.7c0-16.1,0-32.2,0.1-48.3c0-4.7,3.5-8.4,7.8-8.5
+                c4.6-0.1,7.9,3.3,7.9,8.4C130.3,80.8,130.3,88.9,130.4,97C130.3,97,130.3,97,130.4,97z`
+              }, null, 2)
+            ], 6))
+          ], 2),
+          z(u).tip ? k(t.$slots, "tip", { key: 0 }) : s.value.tip ? (r(), a("div", {
+            key: 1,
+            class: o(`${e}-tip`)
+          }, B(s.value.tip), 3)) : $("", !0)
+        ], 6)) : $("", !0),
+        k(t.$slots, "default")
+      ], 4);
+    };
+  }
+});
+export {
+  F as default
+};