@keyblade/pro-components 1.7.3 → 1.7.5

package/es/pro-page-header/index.js

@@ -1,10 +1,10 @@
 import o from "./pro-page-header.vue.js";
 import "./pro-page-header.vue2.js";
-import { Breadcrumb as r, Typography as s } from "@arco-design/web-vue";
-import { IconApps as t } from "@arco-design/web-vue/es/icon";
+import { Breadcrumb as r, Typography as s, Link as t } from "@arco-design/web-vue";
+import { IconApps as m } from "@arco-design/web-vue/es/icon";
 const a = Object.assign(o, {
   install: (e) => {
-    e.use(r), e.use(s), e.use(t), e.component("KbProPageHeader", o);
+    e.use(r), e.use(s), e.use(t), e.use(m), e.component("KbProPageHeader", o);
   }
 }), P = a;
 export {

package/es/pro-page-header/pro-page-header.vue.d.ts

@@ -24,6 +24,12 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /** 面包屑路由模式 */
+    breadcrumbRouterMode: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
     /** 面包屑前缀图标 */
     breadcrumbPrefixIcon: {
         type: PropType<string | boolean>;
@@ -32,7 +38,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** 面包屑项 */
     breadcrumbItems: {
-        type: PropType<string[]>;
+        type: PropType<{
+            path?: string | undefined;
+            label: string;
+        }[]>;
         required: false;
         default: () => never[];
     };
@@ -61,6 +70,12 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /** 面包屑路由模式 */
+    breadcrumbRouterMode: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
     /** 面包屑前缀图标 */
     breadcrumbPrefixIcon: {
         type: PropType<string | boolean>;
@@ -69,16 +84,23 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** 面包屑项 */
     breadcrumbItems: {
-        type: PropType<string[]>;
+        type: PropType<{
+            path?: string | undefined;
+            label: string;
+        }[]>;
         required: false;
         default: () => never[];
     };
 }>>, {
     title: string;
-    breadcrumbItems: string[];
+    breadcrumbItems: {
+        path?: string | undefined;
+        label: string;
+    }[];
     subTitle: string;
     titlePosition: "top" | "bottom";
     hideTitle: boolean;
+    breadcrumbRouterMode: boolean;
     breadcrumbPrefixIcon: string | boolean;
 }, {}>;
 export default _default;

package/es/pro-page-header/pro-page-header.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as q, inject as $, computed as S, resolveComponent as d, openBlock as t, createElementBlock as c, normalizeClass as o, createVNode as r, unref as n, withCtx as a, createTextVNode as y, toDisplayString as p, createBlock as b, createCommentVNode as s, resolveDynamicComponent as N, Fragment as _, renderList as R } from "vue";
+import { defineComponent as S, inject as N, computed as V, resolveComponent as n, openBlock as a, createElementBlock as u, normalizeClass as s, createVNode as r, unref as c, withCtx as l, createTextVNode as p, toDisplayString as f, createBlock as d, createCommentVNode as i, resolveDynamicComponent as A, Fragment as _, renderList as D } from "vue";
 import { createReusableTemplate as x } from "@vueuse/core";
-const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
+const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
   __name: "pro-page-header",
   props: {
     /** 标题，不传默认展示面包屑标题最后一项 */
@@ -27,6 +27,12 @@ const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
       required: !1,
       default: !1
     },
+    /** 面包屑路由模式 */
+    breadcrumbRouterMode: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
     /** 面包屑前缀图标 */
     breadcrumbPrefixIcon: {
       type: [Boolean, String],
@@ -40,65 +46,78 @@ const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
       default: () => []
     }
   },
-  setup(l) {
-    const e = l, [I, g] = x(), [k, h] = x(), B = $("ProBreadcrumbItems", []), f = S(() => e.breadcrumbItems instanceof Array && e.breadcrumbItems.length === 0 || !e.breadcrumbItems ? B.value : e.breadcrumbItems || []);
-    return (V, A) => {
-      const v = d("a-typography-title"), C = d("a-typography-text"), T = d("a-breadcrumb-item"), P = d("a-breadcrumb");
-      return t(), c("div", {
-        class: o(i)
+  setup(o) {
+    const e = o, [I, k] = x(), [B, g] = x(), v = N("ProBreadcrumbItems", []), y = V(() => e.breadcrumbItems instanceof Array && e.breadcrumbItems.length === 0 || !e.breadcrumbItems ? v.value : e.breadcrumbItems || []);
+    return (j, w) => {
+      const q = n("a-typography-title"), C = n("a-typography-text"), h = n("a-breadcrumb-item"), P = n("a-link"), $ = n("router-link"), R = n("a-breadcrumb");
+      return a(), u("div", {
+        class: s(b)
       }, [
-        r(n(k), null, {
-          default: a(() => [
-            l.hideTitle ? s("", !0) : (t(), c("div", {
+        r(c(B), null, {
+          default: l(() => [
+            o.hideTitle ? i("", !0) : (a(), u("div", {
               key: 0,
-              class: o(`${i}-section-title`)
+              class: s(`${b}-section-title`)
             }, [
-              r(v, {
+              r(q, {
                 heading: 6,
-                class: o(`${i}-title`)
+                class: s(`${b}-title`)
               }, {
-                default: a(() => {
-                  var u, m;
+                default: l(() => {
+                  var t, m, T;
                   return [
-                    y(p((e == null ? void 0 : e.title) || ((m = f.value) == null ? void 0 : m[((u = f.value) == null ? void 0 : u.length) - 1])), 1)
+                    p(f((e == null ? void 0 : e.title) || ((T = (m = y.value) == null ? void 0 : m[((t = y.value) == null ? void 0 : t.length) - 1]) == null ? void 0 : T.label)), 1)
                   ];
                 }),
                 _: 1
               }, 8, ["class"]),
-              e != null && e.subTitle ? (t(), b(C, {
+              e != null && e.subTitle ? (a(), d(C, {
                 key: 0,
                 type: "secondary",
-                class: o(`${i}-subtitle`)
+                class: s(`${b}-subtitle`)
               }, {
-                default: a(() => [
-                  y(p(e == null ? void 0 : e.subTitle), 1)
+                default: l(() => [
+                  p(f(e == null ? void 0 : e.subTitle), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : s("", !0)
+              }, 8, ["class"])) : i("", !0)
             ], 2))
           ]),
           _: 1
         }),
-        r(n(I), null, {
-          default: a(() => [
-            r(P, {
-              class: o(`${i}-section-breadcrumb`)
+        r(c(I), null, {
+          default: l(() => [
+            r(R, {
+              class: s(`${b}-section-breadcrumb`)
             }, {
-              default: a(() => [
-                l.breadcrumbPrefixIcon ? (t(), b(T, {
+              default: l(() => [
+                o.breadcrumbPrefixIcon ? (a(), d(h, {
                   key: 0,
                   style: { cursor: "text" }
                 }, {
-                  default: a(() => [
-                    (t(), b(N(l.breadcrumbPrefixIcon)))
+                  default: l(() => [
+                    (a(), d(A(o.breadcrumbPrefixIcon)))
                   ]),
                   _: 1
-                })) : s("", !0),
-                (t(!0), c(_, null, R(f.value, (u, m) => (t(), b(T, {
-                  key: `${u}-${m}`
+                })) : i("", !0),
+                (a(!0), u(_, null, D(y.value, (t, m) => (a(), d(h, {
+                  key: `${t}-${m}`
                 }, {
-                  default: a(() => [
-                    y(p(u), 1)
+                  default: l(() => [
+                    o.breadcrumbRouterMode ? (a(), d($, {
+                      key: 0,
+                      to: (t == null ? void 0 : t.path) || ""
+                    }, {
+                      default: l(() => [
+                        r(P, null, {
+                          default: l(() => [
+                            p(f(t == null ? void 0 : t.label), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])) : (a(), u("span", M, f(t == null ? void 0 : t.label), 1))
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -108,18 +127,18 @@ const i = "keyblade-pro-page-header", w = /* @__PURE__ */ q({
           ]),
           _: 1
         }),
-        l.titlePosition === "top" ? (t(), c(_, { key: 0 }, [
-          r(n(h)),
-          r(n(g))
-        ], 64)) : s("", !0),
-        l.titlePosition === "bottom" ? (t(), c(_, { key: 1 }, [
-          r(n(g)),
-          r(n(h))
-        ], 64)) : s("", !0)
+        o.titlePosition === "top" ? (a(), u(_, { key: 0 }, [
+          r(c(g)),
+          r(c(k))
+        ], 64)) : i("", !0),
+        o.titlePosition === "bottom" ? (a(), u(_, { key: 1 }, [
+          r(c(k)),
+          r(c(g))
+        ], 64)) : i("", !0)
       ]);
     };
   }
 });
 export {
-  w as default
+  F as default
 };

package/es/pro-reuse-tabs/index.d.ts

@@ -5,6 +5,9 @@ declare const ProReuseTabs: {
         $data: {};
         $props: {
             tabs?: import("./interface").IProTab[] | undefined;
+            tabsSize?: "small" | "mini" | "medium" | "large" | undefined;
+            tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
+            tabsHeaderPadding?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -71,6 +74,21 @@ declare const ProReuseTabs: {
                 required: true;
                 default: () => never[];
             };
+            tabsSize: {
+                type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+                required: false;
+                default: string;
+            };
+            tabsType: {
+                type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+                required: false;
+                default: string;
+            };
+            tabsHeaderPadding: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
         }>> & {
             "onTab-click"?: ((key: string) => any) | undefined;
             "onTab-delete"?: ((key: string) => any) | undefined;
@@ -79,6 +97,9 @@ declare const ProReuseTabs: {
             'tab-delete': (key: string) => true;
         }, string, {
             tabs: import("./interface").IProTab[];
+            tabsSize: "small" | "mini" | "medium" | "large";
+            tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+            tabsHeaderPadding: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -105,6 +126,21 @@ declare const ProReuseTabs: {
             required: true;
             default: () => never[];
         };
+        tabsSize: {
+            type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+            required: false;
+            default: string;
+        };
+        tabsType: {
+            type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+            required: false;
+            default: string;
+        };
+        tabsHeaderPadding: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
     }>> & {
         "onTab-click"?: ((key: string) => any) | undefined;
         "onTab-delete"?: ((key: string) => any) | undefined;
@@ -118,6 +154,21 @@ declare const ProReuseTabs: {
         required: true;
         default: () => never[];
     };
+    tabsSize: {
+        type: import("vue").PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    tabsType: {
+        type: import("vue").PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     "onTab-click"?: ((key: string) => any) | undefined;
     "onTab-delete"?: ((key: string) => any) | undefined;
@@ -126,6 +177,9 @@ declare const ProReuseTabs: {
     'tab-delete': (key: string) => true;
 }, string, {
     tabs: import("./interface").IProTab[];
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts

@@ -6,6 +6,22 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         default: () => never[];
     };
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'tab-click': (key: string) => true;
     'tab-delete': (key: string) => true;
@@ -15,10 +31,29 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         default: () => never[];
     };
+    tabsSize: {
+        type: PropType<"small" | "mini" | "medium" | "large">;
+        required: false;
+        default: string;
+    };
+    /** tabs类型 */
+    tabsType: {
+        type: PropType<"line" | "text" | "card" | "card-gutter" | "rounded" | "capsule">;
+        required: false;
+        default: string;
+    };
+    tabsHeaderPadding: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     "onTab-click"?: ((key: string) => any) | undefined;
     "onTab-delete"?: ((key: string) => any) | undefined;
 }, {
     tabs: IProTab[];
+    tabsSize: "small" | "mini" | "medium" | "large";
+    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsHeaderPadding: boolean;
 }, {}>;
 export default _default;

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js

@@ -1,53 +1,70 @@
-import { defineComponent as p, computed as k, resolveComponent as c, openBlock as a, createElementBlock as l, normalizeClass as y, createVNode as _, withCtx as f, Fragment as v, renderList as C, createBlock as h } from "vue";
-const g = "keyblade-pro-reuse-tabs", B = /* @__PURE__ */ p({
+import { defineComponent as y, computed as m, resolveComponent as l, openBlock as a, createElementBlock as d, normalizeClass as f, createVNode as k, withCtx as g, Fragment as v, renderList as h, createBlock as C } from "vue";
+const S = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ y({
   __name: "pro-reuse-tabs",
   props: {
     tabs: {
       type: Array,
       required: !0,
       default: () => []
+    },
+    tabsSize: {
+      type: String,
+      required: !1,
+      default: "small"
+    },
+    /** tabs类型 */
+    tabsType: {
+      type: String,
+      required: !1,
+      default: "rounded"
+    },
+    tabsHeaderPadding: {
+      type: Boolean,
+      required: !1,
+      default: !0
     }
   },
   emits: {
-    "tab-click": (t) => !0,
-    "tab-delete": (t) => !0
+    "tab-click": (e) => !0,
+    "tab-delete": (e) => !0
   },
-  setup(t, { emit: n }) {
-    const s = t, i = k(() => {
-      var e;
-      return ((e = s.tabs.find((o) => o.active)) == null ? void 0 : e.name) ?? void 0;
-    }), d = (e) => {
-      n("tab-click", String(e));
-    }, u = (e) => {
-      n("tab-delete", String(e));
+  setup(e, { emit: n }) {
+    const s = e, o = m(() => {
+      var t;
+      return ((t = s.tabs.find((r) => r.active)) == null ? void 0 : t.name) ?? void 0;
+    }), c = (t) => {
+      n("tab-click", String(t));
+    }, u = (t) => {
+      n("tab-delete", String(t));
     };
-    return (e, o) => {
-      const b = c("a-tab-pane"), m = c("a-tabs");
-      return a(), l("div", {
-        class: y(g)
+    return (t, r) => {
+      const b = l("a-tab-pane"), p = l("a-tabs");
+      return a(), d("div", {
+        class: f(S)
       }, [
-        _(m, {
-          "active-key": i.value,
-          size: "mini",
-          type: "rounded",
-          editable: t.tabs.length > 1,
+        k(p, {
+          "active-key": o.value,
+          size: e.tabsSize,
+          type: e.tabsType,
+          "header-padding": e.tabsHeaderPadding,
+          editable: e.tabs.length > 1,
           "hide-content": "",
           "destroy-on-hide": "",
-          onTabClick: d,
+          onTabClick: c,
           onDelete: u
         }, {
-          default: f(() => [
-            (a(!0), l(v, null, C(t.tabs, (r) => (a(), h(b, {
-              key: r.name,
-              title: r.title
+          default: g(() => [
+            (a(!0), d(v, null, h(e.tabs, (i) => (a(), C(b, {
+              key: i.name,
+              title: i.title
             }, null, 8, ["title"]))), 128))
           ]),
           _: 1
-        }, 8, ["active-key", "editable"])
+        }, 8, ["active-key", "size", "type", "header-padding", "editable"])
       ]);
     };
   }
 });
 export {
-  B as default
+  q as default
 };

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--72cbe0ed);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--72cbe0ed);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--72cbe0ed);padding-left:var(--af7d7fc0);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--744d8aa5)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--af7d7fc0);width:calc(100% - var(--af7d7fc0))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--744d8aa5);width:calc(100% - var(--744d8aa5))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}
+.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--c299e954);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--c299e954);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--c299e954);padding-left:var(--5c2d09d7);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--4313bece)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--5c2d09d7);width:calc(100% - var(--5c2d09d7))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--4313bece);width:calc(100% - var(--4313bece))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "private": false,
   "type": "module",
   "main": "es/index.js",