@keyblade/pro-components 1.11.1 → 1.11.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/pro-layout/index.d.ts +18 -0
- package/es/pro-layout/pro-layout.vue.d.ts +13 -0
- package/es/pro-layout/pro-layout.vue.js +98 -89
- package/es/style.css +1 -1
- package/package.json +1 -1
package/es/pro-layout/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ declare const ProLayout: {
|
|
|
9
9
|
tabsType?: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule" | undefined;
|
|
10
10
|
tabsHeaderPadding?: boolean | undefined;
|
|
11
11
|
layout?: "mix" | "side" | undefined;
|
|
12
|
+
hideHeader?: boolean | undefined;
|
|
12
13
|
headerHeight?: number | undefined;
|
|
13
14
|
logo?: string | undefined;
|
|
14
15
|
siderWidth?: number | undefined;
|
|
@@ -85,6 +86,11 @@ declare const ProLayout: {
|
|
|
85
86
|
required: false;
|
|
86
87
|
default: string;
|
|
87
88
|
};
|
|
89
|
+
hideHeader: {
|
|
90
|
+
type: import("vue").PropType<boolean>;
|
|
91
|
+
required: false;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
88
94
|
headerHeight: {
|
|
89
95
|
type: import("vue").PropType<number>;
|
|
90
96
|
required: false;
|
|
@@ -167,6 +173,7 @@ declare const ProLayout: {
|
|
|
167
173
|
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
168
174
|
tabsHeaderPadding: boolean;
|
|
169
175
|
layout: "mix" | "side";
|
|
176
|
+
hideHeader: boolean;
|
|
170
177
|
headerHeight: number;
|
|
171
178
|
logo: string;
|
|
172
179
|
siderWidth: number;
|
|
@@ -203,6 +210,11 @@ declare const ProLayout: {
|
|
|
203
210
|
required: false;
|
|
204
211
|
default: string;
|
|
205
212
|
};
|
|
213
|
+
hideHeader: {
|
|
214
|
+
type: import("vue").PropType<boolean>;
|
|
215
|
+
required: false;
|
|
216
|
+
default: boolean;
|
|
217
|
+
};
|
|
206
218
|
headerHeight: {
|
|
207
219
|
type: import("vue").PropType<number>;
|
|
208
220
|
required: false;
|
|
@@ -286,6 +298,11 @@ declare const ProLayout: {
|
|
|
286
298
|
required: false;
|
|
287
299
|
default: string;
|
|
288
300
|
};
|
|
301
|
+
hideHeader: {
|
|
302
|
+
type: import("vue").PropType<boolean>;
|
|
303
|
+
required: false;
|
|
304
|
+
default: boolean;
|
|
305
|
+
};
|
|
289
306
|
headerHeight: {
|
|
290
307
|
type: import("vue").PropType<number>;
|
|
291
308
|
required: false;
|
|
@@ -368,6 +385,7 @@ declare const ProLayout: {
|
|
|
368
385
|
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
369
386
|
tabsHeaderPadding: boolean;
|
|
370
387
|
layout: "mix" | "side";
|
|
388
|
+
hideHeader: boolean;
|
|
371
389
|
headerHeight: number;
|
|
372
390
|
logo: string;
|
|
373
391
|
siderWidth: number;
|
|
@@ -11,6 +11,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
11
11
|
required: false;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
|
+
/** 是否隐藏头部 */
|
|
15
|
+
hideHeader: {
|
|
16
|
+
type: PropType<boolean>;
|
|
17
|
+
required: false;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
14
20
|
/** 头部高度 */
|
|
15
21
|
headerHeight: {
|
|
16
22
|
type: PropType<number>;
|
|
@@ -109,6 +115,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
109
115
|
required: false;
|
|
110
116
|
default: string;
|
|
111
117
|
};
|
|
118
|
+
/** 是否隐藏头部 */
|
|
119
|
+
hideHeader: {
|
|
120
|
+
type: PropType<boolean>;
|
|
121
|
+
required: false;
|
|
122
|
+
default: boolean;
|
|
123
|
+
};
|
|
112
124
|
/** 头部高度 */
|
|
113
125
|
headerHeight: {
|
|
114
126
|
type: PropType<number>;
|
|
@@ -202,6 +214,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
202
214
|
tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
|
|
203
215
|
tabsHeaderPadding: boolean;
|
|
204
216
|
layout: "mix" | "side";
|
|
217
|
+
hideHeader: boolean;
|
|
205
218
|
headerHeight: number;
|
|
206
219
|
logo: string;
|
|
207
220
|
siderWidth: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useHooks as
|
|
3
|
-
const le = ["src"],
|
|
1
|
+
import { defineComponent as X, useCssVars as Y, toRefs as Z, useSlots as ee, provide as H, ref as A, onMounted as te, watch as P, resolveComponent as l, openBlock as o, createBlock as u, normalizeClass as a, withCtx as s, createElementVNode as p, unref as r, renderSlot as y, createElementBlock as m, Fragment as k, createVNode as c, createTextVNode as v, toDisplayString as _, createCommentVNode as f } from "vue";
|
|
2
|
+
import { useHooks as ae } from "./hooks.js";
|
|
3
|
+
const le = ["src"], oe = ["src"], t = "keyblade-pro-layout", se = 48, ie = /* @__PURE__ */ X({
|
|
4
4
|
__name: "pro-layout",
|
|
5
5
|
props: {
|
|
6
6
|
/**
|
|
@@ -13,6 +13,12 @@ const le = ["src"], ae = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @_
|
|
|
13
13
|
required: !1,
|
|
14
14
|
default: "mix"
|
|
15
15
|
},
|
|
16
|
+
/** 是否隐藏头部 */
|
|
17
|
+
hideHeader: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
required: !1,
|
|
20
|
+
default: !1
|
|
21
|
+
},
|
|
16
22
|
/** 头部高度 */
|
|
17
23
|
headerHeight: {
|
|
18
24
|
type: Number,
|
|
@@ -100,69 +106,72 @@ const le = ["src"], ae = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @_
|
|
|
100
106
|
},
|
|
101
107
|
emits: {
|
|
102
108
|
/** 收缩事件 */
|
|
103
|
-
collapse: (
|
|
109
|
+
collapse: (e) => !0,
|
|
104
110
|
/** keepAlive改变事件 */
|
|
105
|
-
keepAliveIncludeChange: (
|
|
111
|
+
keepAliveIncludeChange: (e) => !0
|
|
106
112
|
},
|
|
107
|
-
setup(
|
|
108
|
-
const
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
"
|
|
113
|
+
setup(e, { emit: $ }) {
|
|
114
|
+
const n = e;
|
|
115
|
+
Y((i) => ({
|
|
116
|
+
"556e11b0": q.value,
|
|
117
|
+
a1fdd686: V,
|
|
118
|
+
"372696a8": D
|
|
113
119
|
}));
|
|
114
|
-
const { menuItems: C } =
|
|
115
|
-
menuSelectedKeys:
|
|
116
|
-
breadcrumbItems:
|
|
120
|
+
const { menuItems: C } = Z(n), h = ee(), {
|
|
121
|
+
menuSelectedKeys: w,
|
|
122
|
+
breadcrumbItems: K,
|
|
117
123
|
tabs: T,
|
|
118
|
-
keepAliveInclude:
|
|
119
|
-
onMenuItemClick:
|
|
120
|
-
onTabClick:
|
|
121
|
-
onTabDelete:
|
|
122
|
-
} =
|
|
123
|
-
hideTabs:
|
|
124
|
-
disableKeepAlive:
|
|
124
|
+
keepAliveInclude: b,
|
|
125
|
+
onMenuItemClick: N,
|
|
126
|
+
onTabClick: W,
|
|
127
|
+
onTabDelete: z
|
|
128
|
+
} = ae(C, {
|
|
129
|
+
hideTabs: n.hideTabs,
|
|
130
|
+
disableKeepAlive: n.disableKeepAlive
|
|
125
131
|
});
|
|
126
|
-
|
|
127
|
-
const
|
|
132
|
+
H("ProBreadcrumbItems", K), H("ProKeepAliveInclude", b);
|
|
133
|
+
const q = A(`${n.headerHeight}px`), V = `${n.siderWidth}px`, D = `${se}px`, d = A(n.siderCollapsed), B = (i) => {
|
|
128
134
|
d.value = i, $("collapse", i);
|
|
129
135
|
};
|
|
130
|
-
return
|
|
131
|
-
|
|
132
|
-
},
|
|
133
|
-
|
|
136
|
+
return te(() => {
|
|
137
|
+
n.hideHeader && (q.value = "0px");
|
|
138
|
+
}), P(() => n.siderCollapsed, () => {
|
|
139
|
+
d.value = n.siderCollapsed;
|
|
140
|
+
}, { immediate: !0 }), P(b, () => {
|
|
141
|
+
$("keepAliveIncludeChange", b.value);
|
|
134
142
|
}, { immediate: !0 }), (i, S) => {
|
|
135
|
-
const
|
|
143
|
+
const x = l("a-typography-title"), I = l("a-space"), M = l("a-layout-header"), F = l("kb-pro-menu"), E = l("icon-menu-unfold"), R = l("icon-menu-fold"), j = l("a-button"), G = l("a-layout-sider"), J = l("kb-pro-reuse-tabs"), L = l("a-affix"), O = l("kb-pro-keep-alive-router-view"), Q = l("a-layout-content"), U = l("a-layout-footer"), g = l("a-layout");
|
|
136
144
|
return o(), u(g, {
|
|
137
|
-
class:
|
|
145
|
+
class: a([t, `${t}-${e.layout}`])
|
|
138
146
|
}, {
|
|
139
147
|
default: s(() => [
|
|
140
|
-
|
|
141
|
-
|
|
148
|
+
e.hideHeader ? f("", !0) : (o(), u(M, {
|
|
149
|
+
key: 0,
|
|
150
|
+
class: a([`${t}-header`, { [`${t}-header-collapsed`]: d.value }])
|
|
142
151
|
}, {
|
|
143
152
|
default: s(() => [
|
|
144
153
|
p("div", {
|
|
145
|
-
class:
|
|
154
|
+
class: a(`${t}-header-left`)
|
|
146
155
|
}, [
|
|
147
|
-
|
|
148
|
-
|
|
156
|
+
r(h)["header-left"] ? y(i.$slots, "header-left", { key: 0 }) : (o(), m(k, { key: 1 }, [
|
|
157
|
+
e.layout !== "side" ? (o(), m("div", {
|
|
149
158
|
key: 0,
|
|
150
|
-
class:
|
|
159
|
+
class: a(`${t}-header-left-logo`)
|
|
151
160
|
}, [
|
|
152
|
-
|
|
161
|
+
c(I, null, {
|
|
153
162
|
default: s(() => [
|
|
154
163
|
p("img", {
|
|
155
|
-
class:
|
|
164
|
+
class: a(`${t}-header-left-logo-img`),
|
|
156
165
|
alt: "logo",
|
|
157
|
-
src:
|
|
166
|
+
src: e.logo
|
|
158
167
|
}, null, 10, le),
|
|
159
|
-
d.value ? f("", !0) : (o(), u(
|
|
168
|
+
d.value ? f("", !0) : (o(), u(x, {
|
|
160
169
|
key: 0,
|
|
161
|
-
class:
|
|
170
|
+
class: a(`${t}-header-left-logo-title`),
|
|
162
171
|
heading: 5
|
|
163
172
|
}, {
|
|
164
173
|
default: s(() => [
|
|
165
|
-
_(
|
|
174
|
+
v(_(e.title), 1)
|
|
166
175
|
]),
|
|
167
176
|
_: 1
|
|
168
177
|
}, 8, ["class"]))
|
|
@@ -173,52 +182,52 @@ const le = ["src"], ae = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @_
|
|
|
173
182
|
], 64))
|
|
174
183
|
], 2),
|
|
175
184
|
p("div", {
|
|
176
|
-
class:
|
|
185
|
+
class: a(`${t}-header-center`)
|
|
177
186
|
}, [
|
|
178
|
-
|
|
187
|
+
r(h)["header-center"] ? y(i.$slots, "header-center", { key: 0 }) : f("", !0)
|
|
179
188
|
], 2),
|
|
180
189
|
p("div", {
|
|
181
|
-
class:
|
|
190
|
+
class: a(`${t}-header-right`)
|
|
182
191
|
}, [
|
|
183
192
|
y(i.$slots, "header-right")
|
|
184
193
|
], 2)
|
|
185
194
|
]),
|
|
186
195
|
_: 3
|
|
187
|
-
}, 8, ["class"]),
|
|
188
|
-
|
|
196
|
+
}, 8, ["class"])),
|
|
197
|
+
c(g, null, {
|
|
189
198
|
default: s(() => [
|
|
190
|
-
|
|
191
|
-
class:
|
|
192
|
-
width:
|
|
199
|
+
c(G, {
|
|
200
|
+
class: a([`${t}-sider`, { [`${t}-sider-collapsed`]: d.value }]),
|
|
201
|
+
width: e.siderWidth,
|
|
193
202
|
collapsible: !0,
|
|
194
|
-
breakpoint:
|
|
203
|
+
breakpoint: e.siderBreakpoint,
|
|
195
204
|
collapsed: d.value,
|
|
196
205
|
"hide-trigger": !0,
|
|
197
|
-
onCollapse:
|
|
206
|
+
onCollapse: B
|
|
198
207
|
}, {
|
|
199
208
|
default: s(() => [
|
|
200
209
|
p("div", {
|
|
201
|
-
class:
|
|
210
|
+
class: a(`${t}-sider-content`)
|
|
202
211
|
}, [
|
|
203
|
-
|
|
204
|
-
|
|
212
|
+
r(h)["sider-top"] ? y(i.$slots, "sider-top", { key: 0 }) : (o(), m(k, { key: 1 }, [
|
|
213
|
+
e.layout === "side" ? (o(), m("div", {
|
|
205
214
|
key: 0,
|
|
206
|
-
class:
|
|
215
|
+
class: a(`${t}-sider-content-logo`)
|
|
207
216
|
}, [
|
|
208
|
-
|
|
217
|
+
c(I, null, {
|
|
209
218
|
default: s(() => [
|
|
210
219
|
p("img", {
|
|
211
|
-
class:
|
|
220
|
+
class: a(`${t}-sider-content-logo-img`),
|
|
212
221
|
alt: "logo",
|
|
213
|
-
src:
|
|
214
|
-
}, null, 10,
|
|
215
|
-
d.value ? f("", !0) : (o(), u(
|
|
222
|
+
src: e.logo
|
|
223
|
+
}, null, 10, oe),
|
|
224
|
+
d.value ? f("", !0) : (o(), u(x, {
|
|
216
225
|
key: 0,
|
|
217
|
-
class:
|
|
226
|
+
class: a(`${t}-sider-content-logo-title`),
|
|
218
227
|
heading: 5
|
|
219
228
|
}, {
|
|
220
229
|
default: s(() => [
|
|
221
|
-
_(
|
|
230
|
+
v(_(e.title), 1)
|
|
222
231
|
]),
|
|
223
232
|
_: 1
|
|
224
233
|
}, 8, ["class"]))
|
|
@@ -227,61 +236,61 @@ const le = ["src"], ae = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @_
|
|
|
227
236
|
})
|
|
228
237
|
], 2)) : f("", !0)
|
|
229
238
|
], 64)),
|
|
230
|
-
|
|
239
|
+
c(F, {
|
|
231
240
|
collapsed: d.value,
|
|
232
|
-
"selected-keys":
|
|
233
|
-
items:
|
|
234
|
-
onMenuItemClick:
|
|
241
|
+
"selected-keys": r(w),
|
|
242
|
+
items: r(C),
|
|
243
|
+
onMenuItemClick: r(N)
|
|
235
244
|
}, null, 8, ["collapsed", "selected-keys", "items", "onMenuItemClick"])
|
|
236
245
|
], 2),
|
|
237
|
-
|
|
238
|
-
class:
|
|
246
|
+
c(j, {
|
|
247
|
+
class: a(`${t}-sider-collapse-btn`),
|
|
239
248
|
size: "mini",
|
|
240
|
-
onClick: S[0] || (S[0] = (
|
|
249
|
+
onClick: S[0] || (S[0] = (de) => B(!d.value))
|
|
241
250
|
}, {
|
|
242
251
|
icon: s(() => [
|
|
243
|
-
d.value ? (o(), u(
|
|
252
|
+
d.value ? (o(), u(E, { key: 0 })) : (o(), u(R, { key: 1 }))
|
|
244
253
|
]),
|
|
245
254
|
_: 1
|
|
246
255
|
}, 8, ["class"])
|
|
247
256
|
]),
|
|
248
257
|
_: 3
|
|
249
258
|
}, 8, ["class", "width", "breakpoint", "collapsed"]),
|
|
250
|
-
|
|
251
|
-
class:
|
|
259
|
+
c(g, {
|
|
260
|
+
class: a([`${t}-body`, { [`${t}-body-collapsed`]: d.value }])
|
|
252
261
|
}, {
|
|
253
262
|
default: s(() => [
|
|
254
|
-
|
|
263
|
+
e.hideTabs ? f("", !0) : (o(), u(L, {
|
|
255
264
|
key: 0,
|
|
256
|
-
class:
|
|
257
|
-
offsetTop:
|
|
265
|
+
class: a(`${t}-body-affix`),
|
|
266
|
+
offsetTop: e.hideHeader ? 0 : e.headerHeight
|
|
258
267
|
}, {
|
|
259
268
|
default: s(() => [
|
|
260
|
-
|
|
269
|
+
r(T).length > 0 ? (o(), u(J, {
|
|
261
270
|
key: 0,
|
|
262
|
-
tabs:
|
|
263
|
-
"tabs-size":
|
|
264
|
-
"tabs-type":
|
|
265
|
-
"tabs-header-padding":
|
|
266
|
-
onTabClick:
|
|
267
|
-
onTabDelete:
|
|
271
|
+
tabs: r(T),
|
|
272
|
+
"tabs-size": e.tabsSize,
|
|
273
|
+
"tabs-type": e.tabsType,
|
|
274
|
+
"tabs-header-padding": e.tabsHeaderPadding,
|
|
275
|
+
onTabClick: r(W),
|
|
276
|
+
onTabDelete: r(z)
|
|
268
277
|
}, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
|
|
269
278
|
]),
|
|
270
279
|
_: 1
|
|
271
280
|
}, 8, ["class", "offsetTop"])),
|
|
272
|
-
|
|
281
|
+
c(Q, null, {
|
|
273
282
|
default: s(() => [
|
|
274
|
-
|
|
283
|
+
c(O)
|
|
275
284
|
]),
|
|
276
285
|
_: 1
|
|
277
286
|
}),
|
|
278
|
-
|
|
279
|
-
|
|
287
|
+
e.hideFooter ? f("", !0) : (o(), m(k, { key: 1 }, [
|
|
288
|
+
r(h).footer !== void 0 ? y(i.$slots, "footer", { key: 0 }) : (o(), u(U, {
|
|
280
289
|
key: 1,
|
|
281
|
-
class:
|
|
290
|
+
class: a(`${t}-body-footer`)
|
|
282
291
|
}, {
|
|
283
292
|
default: s(() => [
|
|
284
|
-
_(
|
|
293
|
+
v(_(e.footerTitle), 1)
|
|
285
294
|
]),
|
|
286
295
|
_: 1
|
|
287
296
|
}, 8, ["class"]))
|
|
@@ -299,5 +308,5 @@ const le = ["src"], ae = ["src"], e = "keyblade-pro-layout", oe = 48, re = /* @_
|
|
|
299
308
|
}
|
|
300
309
|
});
|
|
301
310
|
export {
|
|
302
|
-
|
|
311
|
+
ie as default
|
|
303
312
|
};
|
package/es/style.css
CHANGED
|
@@ -1 +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(--
|
|
1
|
+
.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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--556e11b0);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(--556e11b0);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(--556e11b0);padding-left:var(--a1fdd686);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(--372696a8)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--a1fdd686);width:calc(100% - var(--a1fdd686))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--372696a8);width:calc(100% - var(--372696a8))}.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}
|