@keyblade/pro-components 1.13.8-alpha.34 → 1.13.8-alpha.36

package/es/pro-find-password/verify-user-name.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent as N, useSlots as h, ref as d, resolveComponent as s, createBlock as I, openBlock as S, normalizeClass as f, withCtx as a, createVNode as n, mergeProps as m, renderSlot as z, createCommentVNode as k, unref as $, normalizeProps as w, guardReactiveProps as x, createTextVNode as R } from "vue";
+import { testUserName as U } from "../pro-login/regexp.js";
+const c = "keyblade-find-password", E = /* @__PURE__ */ N({
+  __name: "verify-user-name",
+  props: {
+    current: {},
+    phoneNum: {},
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    countdown: {},
+    formItemProps: { default: () => ({
+      hideLabel: !0,
+      validateTrigger: []
+    }) },
+    onNext: {},
+    onSendSmsCode: {},
+    onEntry: {},
+    "update:current": {},
+    prefixClsName: {}
+  },
+  emits: ["submit"],
+  setup(q, { expose: v, emit: y }) {
+    const P = y, _ = h(), l = d(), r = d({
+      username: "",
+      captcha: ""
+    }), b = {
+      username: [{
+        required: !0,
+        message: "请输入用户名或手机号"
+      }, {
+        validator: U
+      }],
+      captcha: [{
+        required: !0,
+        message: "请输入验证码"
+      }]
+    }, p = (o) => {
+      var e;
+      (e = l.value) == null || e.clearValidate(o);
+    }, g = () => {
+      P("submit", r.value);
+    };
+    return v({
+      formRef: l
+    }), (o, e) => {
+      const i = s("a-input"), u = s("a-form-item"), V = s("a-button"), C = s("a-form");
+      return S(), I(C, {
+        ref_key: "formRef",
+        ref: l,
+        model: r.value,
+        rules: b,
+        class: f(`${c}-verify-user-name`),
+        onSubmitSuccess: g
+      }, {
+        default: a(() => [
+          n(u, m({ field: "username" }, o.formItemProps), {
+            default: a(() => [
+              n(i, m(o.inputProps, {
+                modelValue: r.value.username,
+                "onUpdate:modelValue": e[0] || (e[0] = (t) => r.value.username = t),
+                "max-length": 16,
+                placeholder: "请输入用户名/手机号",
+                onInput: e[1] || (e[1] = (t) => p("username"))
+              }), null, 16, ["modelValue"])
+            ]),
+            _: 1
+          }, 16),
+          n(u, m({ field: "captcha" }, o.formItemProps), {
+            default: a(() => [
+              n(i, m(o.inputProps, {
+                modelValue: r.value.captcha,
+                "onUpdate:modelValue": e[2] || (e[2] = (t) => r.value.captcha = t),
+                "max-length": 4,
+                placeholder: "请输入短信验证码",
+                onInput: e[3] || (e[3] = (t) => p("captcha"))
+              }), {
+                append: a(() => [
+                  $(_)["verify-code"] ? z(o.$slots, "verify-code", { key: 0 }) : k("", !0)
+                ]),
+                _: 3
+              }, 16, ["modelValue"])
+            ]),
+            _: 3
+          }, 16),
+          n(u, w(x(o.formItemProps)), {
+            default: a(() => {
+              var t;
+              return [
+                n(V, {
+                  type: "primary",
+                  long: "",
+                  "html-type": "submit",
+                  size: (t = o.inputProps) == null ? void 0 : t.size,
+                  class: f(`${c}-verify-submit`)
+                }, {
+                  default: a(() => e[4] || (e[4] = [
+                    R(" 下一步 ")
+                  ])),
+                  _: 1
+                }, 8, ["size", "class"])
+              ];
+            }),
+            _: 1
+          }, 16)
+        ]),
+        _: 3
+      }, 8, ["model", "class"]);
+    };
+  }
+});
+export {
+  E as default
+};

package/es/pro-find-password/verify-user-name.vue3.js

@@ -0,0 +1,5 @@
+import o from "./verify-user-name.vue.js";
+/* empty css                      */
+export {
+  o as default
+};

package/es/pro-footer-bar/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const ProFooterBar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').ProFooterBarProps> & Readonly<{
         onBack?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         back: () => any;
@@ -13,7 +13,7 @@ declare const ProFooterBar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+    }, Readonly<import('./interface').ProFooterBarProps> & Readonly<{
         onBack?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         backText: string;
@@ -21,7 +21,7 @@ declare const ProFooterBar: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').ProFooterBarProps> & Readonly<{
     onBack?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     back: () => any;

package/es/pro-footer-bar/index.vue.d.ts

@@ -1,4 +1,4 @@
-import { ProFooterBarProps } from './inerface';
+import { ProFooterBarProps } from './interface.ts';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

package/es/pro-footer-bar/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f9d45b25"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-05cbcd1b"]]);
 export {
-  f as default
+  c as default
 };

package/es/pro-form-group/index.d.ts

@@ -2,11 +2,11 @@ import { App } from 'vue';
 declare const ProFormGroup: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         label: string;
-        heading?: number | string;
+        heading?: 1 | 6 | 2 | 3 | 4 | 5;
         extra?: string;
         hideIcon?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        heading: number | string;
+        heading: 1 | 6 | 2 | 3 | 4 | 5;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -16,22 +16,22 @@ declare const ProFormGroup: {
         Defaults: {};
     }, Readonly<{
         label: string;
-        heading?: number | string;
+        heading?: 1 | 6 | 2 | 3 | 4 | 5;
         extra?: string;
         hideIcon?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, {
-        heading: number | string;
+        heading: 1 | 6 | 2 | 3 | 4 | 5;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     label: string;
-    heading?: number | string;
+    heading?: 1 | 6 | 2 | 3 | 4 | 5;
     extra?: string;
     hideIcon?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    heading: number | string;
+    heading: 1 | 6 | 2 | 3 | 4 | 5;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/es/pro-form-group/index.vue.d.ts

@@ -1,7 +1,7 @@
 type __VLS_Props = {
     label: string;
     /** 标题大小 */
-    heading?: number | string;
+    heading?: 1 | 6 | 2 | 3 | 4 | 5;
     /** 扩展提示 */
     extra?: string;
     /** 隐藏icon */
@@ -17,7 +17,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    heading: number | string;
+    heading: 1 | 6 | 2 | 3 | 4 | 5;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/pro-form-group/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9f030479"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-da3b25bd"]]);
 export {
   _ as default
 };

package/es/pro-image-upload/image-upload.vue.d.ts

@@ -716,8 +716,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     disabled: boolean;
     name: string;
-    multiple: boolean;
     accept: string[];
+    multiple: boolean;
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/pro-image-upload/index.d.ts

@@ -662,8 +662,8 @@ declare const ProImageUpload: {
     }, import('vue').PublicProps, {
         disabled: boolean;
         name: string;
-        multiple: boolean;
         accept: string[];
+        multiple: boolean;
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -1370,8 +1370,8 @@ declare const ProImageUpload: {
     }, {}, {}, {}, {
         disabled: boolean;
         name: string;
-        multiple: boolean;
         accept: string[];
+        multiple: boolean;
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
     }>;
@@ -2040,8 +2040,8 @@ declare const ProImageUpload: {
 }, string, {
     disabled: boolean;
     name: string;
-    multiple: boolean;
     accept: string[];
+    multiple: boolean;
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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

@@ -7,12 +7,12 @@ declare const ProLayout: {
         collapse: (_collapsed: boolean) => void;
         keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
     }, import('vue').PublicProps, {
+        layout: import('./enum').ProLayoutMode;
         title: string;
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         tabsSize: "mini" | "small" | "medium" | "large";
         tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
         tabsHeaderPadding: boolean;
-        layout: import('./enum').ProLayoutMode;
         hideHeader: boolean;
         hiderSider: boolean;
         headerHeight: number;
@@ -36,12 +36,12 @@ declare const ProLayout: {
         onCollapse?: ((_collapsed: boolean) => any) | undefined;
         onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        layout: import('./enum').ProLayoutMode;
         title: string;
         menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
         tabsSize: "mini" | "small" | "medium" | "large";
         tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
         tabsHeaderPadding: boolean;
-        layout: import('./enum').ProLayoutMode;
         hideHeader: boolean;
         hiderSider: boolean;
         headerHeight: number;
@@ -65,12 +65,12 @@ declare const ProLayout: {
     collapse: (_collapsed: boolean) => void;
     keepAliveIncludeChange: (_keepAliveInclude: string[]) => void;
 }, string, {
+    layout: import('./enum').ProLayoutMode;
     title: string;
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     tabsSize: "mini" | "small" | "medium" | "large";
     tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;
-    layout: import('./enum').ProLayoutMode;
     hideHeader: boolean;
     hiderSider: boolean;
     headerHeight: number;
@@ -86,6 +86,8 @@ declare const ProLayout: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'header-left'?(_: {}): any;
+        'header-left-logo-img'?(_: {}): any;
+        'header-left-logo-title'?(_: {}): any;
         'header-center-left'?(_: {}): any;
         'header-center-center'?(_: {}): any;
         'header-center-right'?(_: {}): any;

package/es/pro-layout/pro-layout.vue.d.ts

@@ -4,6 +4,8 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'header-left'?(_: {}): any;
+        'header-left-logo-img'?(_: {}): any;
+        'header-left-logo-title'?(_: {}): any;
         'header-center-left'?(_: {}): any;
         'header-center-center'?(_: {}): any;
         'header-center-right'?(_: {}): any;
@@ -22,12 +24,12 @@ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}
     onCollapse?: ((_collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((_keepAliveInclude: string[]) => any) | undefined;
 }>, {
+    layout: ProLayoutMode;
     title: string;
     menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
     tabsSize: "mini" | "small" | "medium" | "large";
     tabsType: "line" | "card" | "card-gutter" | "text" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;
-    layout: ProLayoutMode;
     hideHeader: boolean;
     hiderSider: boolean;
     headerHeight: number;

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

@@ -1,7 +1,7 @@
-import { defineComponent as ne, useCssVars as de, ref as V, useSlots as re, computed as ie, provide as P, onMounted as ue, watch as F, resolveComponent as a, createBlock as i, openBlock as l, normalizeClass as s, withCtx as n, createCommentVNode as d, createVNode as m, createElementVNode as h, renderSlot as y, createElementBlock as k, unref as t, Fragment as b, createTextVNode as T, toDisplayString as B } from "vue";
+import { defineComponent as ne, useCssVars as de, ref as V, useSlots as re, computed as ie, provide as P, onMounted as ue, watch as F, resolveComponent as a, createBlock as u, openBlock as s, normalizeClass as l, withCtx as n, createCommentVNode as d, createVNode as p, createElementVNode as h, renderSlot as c, createElementBlock as k, unref as o, Fragment as b, createTextVNode as T, toDisplayString as B } from "vue";
 import { useHooks as pe } from "./hooks.js";
 import { ProLayoutMode as ce, ProLayoutMenuType as g } from "./enum.js";
-const me = ["src"], ye = ["src"], o = "keyblade-pro-layout", fe = 48, ge = /* @__PURE__ */ ne({
+const me = ["src"], fe = ["src"], t = "keyblade-pro-layout", ye = 48, ge = /* @__PURE__ */ ne({
   __name: "pro-layout",
   props: {
     layout: { default: ce.mix },
@@ -32,11 +32,11 @@ const me = ["src"], ye = ["src"], o = "keyblade-pro-layout", fe = 48, ge = /* @_
   },
   setup(_, { emit: E }) {
     de((e) => ({
-      "2226bb97": W.value,
-      "5a98b0b6": Q,
-      "8f473a62": U
+      "02b0fea0": W.value,
+      "8612f486": Q,
+      "77c045a8": U
     }));
-    const p = _, I = E, f = re(), M = ie(() => p.hiderSider || v.value.length > 0 && H.value.length === 0), {
+    const m = _, I = E, y = re(), M = ie(() => m.hiderSider || v.value.length > 0 && H.value.length === 0), {
       topMenuItems: v,
       siderMenuItems: H,
       topMenuSelectedKeys: L,
@@ -50,90 +50,93 @@ const me = ["src"], ye = ["src"], o = "keyblade-pro-layout", fe = 48, ge = /* @_
       onProMenuOpenKeysChange: w,
       onTabClick: J,
       onTabDelete: z
-    } = pe(p);
+    } = pe(m);
     P("ProBreadcrumbItems", G), P("ProKeepAliveInclude", $), P("onProReuseTabDelete", z);
-    const W = V(`${p.headerHeight}px`), Q = `${p.siderWidth}px`, U = `${fe}px`, r = V(p.siderCollapsed), A = (e) => {
+    const W = V(`${m.headerHeight}px`), Q = `${m.siderWidth}px`, U = `${ye}px`, r = V(m.siderCollapsed), A = (e) => {
       r.value = e, I("collapse", e);
     };
     return ue(() => {
-      p.hideHeader && (W.value = "0px");
-    }), F(() => p.siderCollapsed, () => {
-      r.value = p.siderCollapsed;
+      m.hideHeader && (W.value = "0px");
+    }), F(() => m.siderCollapsed, () => {
+      r.value = m.siderCollapsed;
     }, { immediate: !0 }), F($, () => {
       I("keepAliveIncludeChange", $.value);
-    }, { immediate: !0 }), (e, u) => {
-      const D = a("a-typography-title"), N = a("a-space"), O = a("kb-pro-menu"), X = a("a-layout-header"), Y = a("icon-menu-unfold"), Z = a("icon-menu-fold"), x = a("a-button"), ee = a("a-layout-sider"), te = a("kb-pro-reuse-tabs"), oe = a("a-affix"), le = a("kb-pro-keep-alive-router-view"), se = a("a-layout-content"), ae = a("a-layout-footer"), C = a("a-layout");
-      return l(), i(C, {
-        class: s([o, `${o}-${e.layout}`])
+    }, { immediate: !0 }), (e, i) => {
+      const D = a("a-typography-title"), N = a("a-space"), O = a("kb-pro-menu"), X = a("a-layout-header"), Y = a("icon-menu-unfold"), Z = a("icon-menu-fold"), x = a("a-button"), ee = a("a-layout-sider"), oe = a("kb-pro-reuse-tabs"), te = a("a-affix"), le = a("kb-pro-keep-alive-router-view"), se = a("a-layout-content"), ae = a("a-layout-footer"), C = a("a-layout");
+      return s(), u(C, {
+        class: l([t, `${t}-${e.layout}`])
       }, {
         default: n(() => [
-          e.hideHeader ? d("", !0) : (l(), i(X, {
+          e.hideHeader ? d("", !0) : (s(), u(X, {
             key: 0,
-            class: s([`${o}-header`, { [`${o}-header-collapsed`]: r.value }])
+            class: l([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
           }, {
             default: n(() => [
               h("div", {
-                class: s(`${o}-header-left`)
+                class: l(`${t}-header-left`)
               }, [
-                t(f)["header-left"] ? y(e.$slots, "header-left", { key: 0 }) : (l(), k(b, { key: 1 }, [
-                  e.layout !== "side" ? (l(), k("div", {
+                o(y)["header-left"] ? c(e.$slots, "header-left", { key: 0 }) : (s(), k(b, { key: 1 }, [
+                  e.layout !== "side" ? (s(), k("div", {
                     key: 0,
-                    class: s(`${o}-header-left-logo`)
+                    class: l(`${t}-header-left-logo`)
                   }, [
-                    m(N, null, {
+                    p(N, null, {
                       default: n(() => [
-                        h("img", {
-                          class: s(`${o}-header-left-logo-img`),
-                          alt: "logo",
-                          src: e.logo
-                        }, null, 10, me),
-                        r.value ? d("", !0) : (l(), i(D, {
-                          key: 0,
-                          class: s(`${o}-header-left-logo-title`),
-                          heading: 5
-                        }, {
-                          default: n(() => [
-                            T(B(e.title), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["class"]))
+                        c(e.$slots, "header-left-logo-img", {}, () => [
+                          h("img", {
+                            class: l(`${t}-header-left-logo-img`),
+                            alt: "logo",
+                            src: e.logo
+                          }, null, 10, me)
+                        ]),
+                        r.value ? d("", !0) : c(e.$slots, "header-left-logo-title", { key: 0 }, () => [
+                          p(D, {
+                            class: l(`${t}-header-left-logo-title`),
+                            heading: 5
+                          }, {
+                            default: n(() => [
+                              T(B(e.title), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["class"])
+                        ])
                       ]),
-                      _: 1
+                      _: 3
                     })
                   ], 2)) : d("", !0)
                 ], 64))
               ], 2),
               h("div", {
-                class: s(`${o}-header-center`)
+                class: l(`${t}-header-center`)
               }, [
-                t(f)["header-center-left"] ? y(e.$slots, "header-center-left", { key: 0 }) : d("", !0),
-                t(v).length > 0 ? (l(), i(O, {
+                o(y)["header-center-left"] ? c(e.$slots, "header-center-left", { key: 0 }) : d("", !0),
+                o(v).length > 0 ? (s(), u(O, {
                   key: 1,
                   mode: "horizontal",
-                  "selected-keys": t(L),
-                  "open-keys": t(j),
-                  items: t(v),
+                  "selected-keys": o(L),
+                  "open-keys": o(j),
+                  items: o(v),
                   "menu-props": e.menuProps,
-                  onMenuItemClick: u[0] || (u[0] = (c) => t(S)(t(g).top, c)),
-                  onOpenKeysChange: u[1] || (u[1] = (c) => t(w)(t(g).side, c))
-                }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (l(), k(b, { key: 2 }, [
-                  t(f)["header-center-center"] ? y(e.$slots, "header-center-center", { key: 0 }) : d("", !0)
+                  onMenuItemClick: i[0] || (i[0] = (f) => o(S)(o(g).top, f)),
+                  onOpenKeysChange: i[1] || (i[1] = (f) => o(w)(o(g).side, f))
+                }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (s(), k(b, { key: 2 }, [
+                  o(y)["header-center-center"] ? c(e.$slots, "header-center-center", { key: 0 }) : d("", !0)
                 ], 64)),
-                t(f)["header-center-right"] ? y(e.$slots, "header-center-right", { key: 3 }) : d("", !0)
+                o(y)["header-center-right"] ? c(e.$slots, "header-center-right", { key: 3 }) : d("", !0)
               ], 2),
               h("div", {
-                class: s(`${o}-header-right`)
+                class: l(`${t}-header-right`)
               }, [
-                y(e.$slots, "header-right")
+                c(e.$slots, "header-right")
               ], 2)
             ]),
             _: 3
           }, 8, ["class"])),
-          m(C, null, {
+          p(C, null, {
             default: n(() => [
-              M.value ? d("", !0) : (l(), i(ee, {
+              M.value ? d("", !0) : (s(), u(ee, {
                 key: 0,
-                class: s([`${o}-sider`, { [`${o}-sider-collapsed`]: r.value }]),
+                class: l([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
                 width: e.siderWidth,
                 collapsible: !0,
                 breakpoint: e.siderBreakpoint,
@@ -143,23 +146,23 @@ const me = ["src"], ye = ["src"], o = "keyblade-pro-layout", fe = 48, ge = /* @_
               }, {
                 default: n(() => [
                   h("div", {
-                    class: s(`${o}-sider-content`)
+                    class: l(`${t}-sider-content`)
                   }, [
-                    t(f)["sider-top"] ? y(e.$slots, "sider-top", { key: 0 }) : (l(), k(b, { key: 1 }, [
-                      e.layout === "side" ? (l(), k("div", {
+                    o(y)["sider-top"] ? c(e.$slots, "sider-top", { key: 0 }) : (s(), k(b, { key: 1 }, [
+                      e.layout === "side" ? (s(), k("div", {
                         key: 0,
-                        class: s(`${o}-sider-content-logo`)
+                        class: l(`${t}-sider-content-logo`)
                       }, [
-                        m(N, null, {
+                        p(N, null, {
                           default: n(() => [
                             h("img", {
-                              class: s(`${o}-sider-content-logo-img`),
+                              class: l(`${t}-sider-content-logo-img`),
                               alt: "logo",
                               src: e.logo
-                            }, null, 10, ye),
-                            r.value ? d("", !0) : (l(), i(D, {
+                            }, null, 10, fe),
+                            r.value ? d("", !0) : (s(), u(D, {
                               key: 0,
-                              class: s(`${o}-sider-content-logo-title`),
+                              class: l(`${t}-sider-content-logo-title`),
                               heading: 5
                             }, {
                               default: n(() => [
@@ -172,66 +175,66 @@ const me = ["src"], ye = ["src"], o = "keyblade-pro-layout", fe = 48, ge = /* @_
                         })
                       ], 2)) : d("", !0)
                     ], 64)),
-                    m(O, {
+                    p(O, {
                       mode: "vertical",
                       collapsed: r.value,
-                      "selected-keys": t(R),
-                      "open-keys": t(q),
-                      items: t(H),
+                      "selected-keys": o(R),
+                      "open-keys": o(q),
+                      items: o(H),
                       "menu-props": e.menuProps,
-                      onMenuItemClick: u[2] || (u[2] = (c) => t(S)(t(g).side, c)),
-                      onOpenKeysChange: u[3] || (u[3] = (c) => t(w)(t(g).side, c))
+                      onMenuItemClick: i[2] || (i[2] = (f) => o(S)(o(g).side, f)),
+                      onOpenKeysChange: i[3] || (i[3] = (f) => o(w)(o(g).side, f))
                     }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
                   ], 2),
-                  m(x, {
-                    class: s(`${o}-sider-collapse-btn`),
+                  p(x, {
+                    class: l(`${t}-sider-collapse-btn`),
                     size: "mini",
-                    onClick: u[4] || (u[4] = (c) => A(!r.value))
+                    onClick: i[4] || (i[4] = (f) => A(!r.value))
                   }, {
                     icon: n(() => [
-                      r.value ? (l(), i(Y, { key: 0 })) : (l(), i(Z, { key: 1 }))
+                      r.value ? (s(), u(Y, { key: 0 })) : (s(), u(Z, { key: 1 }))
                     ]),
                     _: 1
                   }, 8, ["class"])
                 ]),
                 _: 3
               }, 8, ["class", "width", "breakpoint", "collapsed"])),
-              m(C, {
-                class: s([
-                  `${o}-body`,
-                  { [`${o}-body-hide-sider`]: M.value },
-                  { [`${o}-body-collapsed`]: r.value }
+              p(C, {
+                class: l([
+                  `${t}-body`,
+                  { [`${t}-body-hide-sider`]: M.value },
+                  { [`${t}-body-collapsed`]: r.value }
                 ])
               }, {
                 default: n(() => [
-                  e.hideTabs ? d("", !0) : (l(), i(oe, {
+                  e.hideTabs ? d("", !0) : (s(), u(te, {
                     key: 0,
-                    class: s(`${o}-body-affix`),
+                    class: l(`${t}-body-affix`),
                     offsetTop: e.hideHeader ? 0 : e.headerHeight
                   }, {
                     default: n(() => [
-                      t(K).length > 0 ? (l(), i(te, {
+                      o(K).length > 0 ? (s(), u(oe, {
                         key: 0,
-                        tabs: t(K),
+                        tabs: o(K),
                         "tabs-size": e.tabsSize,
                         "tabs-type": e.tabsType,
                         "tabs-header-padding": e.tabsHeaderPadding,
-                        onTabClick: t(J),
-                        onTabDelete: t(z)
+                        onTabClick: o(J),
+                        onTabDelete: o(z)
                       }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : d("", !0)
                     ]),
                     _: 1
                   }, 8, ["class", "offsetTop"])),
-                  m(se, null, {
+                  p(se, null, {
                     default: n(() => [
-                      m(le)
+                      p(le)
                     ]),
                     _: 1
                   }),
-                  e.hideFooter ? d("", !0) : (l(), k(b, { key: 1 }, [
-                    t(f).footer !== void 0 ? y(e.$slots, "footer", { key: 0 }) : (l(), i(ae, {
+                  e.hideFooter ? d("", !0) : (s(), k(b, { key: 1 }, [
+                    o(y).footer !== void 0 ? c(e.$slots, "footer", { key: 0 }) : (s(), u(ae, {
                       key: 1,
-                      class: s(`${o}-body-footer`)
+                      class: l(`${t}-body-footer`)
                     }, {
                       default: n(() => [
                         T(B(e.footerTitle), 1)