@keyblade/pro-components 1.12.3 → 1.12.4
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/{style.css → pro-components.css} +1 -1
- package/es/pro-image-upload/image-upload.vue.d.ts +12 -12
- package/es/pro-image-upload/index.d.ts +138 -138
- package/es/pro-keep-alive-router-view/index.d.ts +3 -3
- package/es/pro-layout/hooks.d.ts +1 -1
- package/es/pro-layout/index.d.ts +21 -9
- package/es/pro-layout/pro-layout.vue.d.ts +30 -12
- package/es/pro-layout/pro-layout.vue.js +112 -96
- package/es/pro-menu/index.d.ts +8 -8
- package/es/pro-menu/pro-menu.vue.d.ts +2 -2
- package/es/pro-menu/pro-menu.vue.js +47 -54
- package/es/pro-page-container/index.d.ts +51 -51
- package/es/pro-page-container/pro-page-container.vue.d.ts +36 -28
- package/es/pro-page-header/index.d.ts +12 -12
- package/es/pro-page-header/pro-page-header.vue.d.ts +5 -5
- package/es/pro-reuse-tabs/index.d.ts +9 -9
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +4 -4
- package/package.json +1 -1
package/es/pro-layout/index.d.ts
CHANGED
|
@@ -67,12 +67,12 @@ declare const ProLayout: {
|
|
|
67
67
|
default: boolean;
|
|
68
68
|
};
|
|
69
69
|
tabsSize: {
|
|
70
|
-
type: import('vue').PropType<"
|
|
70
|
+
type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
|
|
71
71
|
required: false;
|
|
72
72
|
default: string;
|
|
73
73
|
};
|
|
74
74
|
tabsType: {
|
|
75
|
-
type: import('vue').PropType<"line" | "
|
|
75
|
+
type: import('vue').PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
|
|
76
76
|
required: false;
|
|
77
77
|
default: string;
|
|
78
78
|
};
|
|
@@ -86,6 +86,10 @@ declare const ProLayout: {
|
|
|
86
86
|
required: false;
|
|
87
87
|
default: boolean;
|
|
88
88
|
};
|
|
89
|
+
onMenuItemClick: {
|
|
90
|
+
type: import('vue').PropType<(menuItem: import('../pro-menu').IProMenuItem) => Promise<boolean>>;
|
|
91
|
+
required: false;
|
|
92
|
+
};
|
|
89
93
|
}>> & Readonly<{
|
|
90
94
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
91
95
|
onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
|
|
@@ -184,12 +188,12 @@ declare const ProLayout: {
|
|
|
184
188
|
default: boolean;
|
|
185
189
|
};
|
|
186
190
|
tabsSize: {
|
|
187
|
-
type: import('vue').PropType<"
|
|
191
|
+
type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
|
|
188
192
|
required: false;
|
|
189
193
|
default: string;
|
|
190
194
|
};
|
|
191
195
|
tabsType: {
|
|
192
|
-
type: import('vue').PropType<"line" | "
|
|
196
|
+
type: import('vue').PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
|
|
193
197
|
required: false;
|
|
194
198
|
default: string;
|
|
195
199
|
};
|
|
@@ -203,6 +207,10 @@ declare const ProLayout: {
|
|
|
203
207
|
required: false;
|
|
204
208
|
default: boolean;
|
|
205
209
|
};
|
|
210
|
+
onMenuItemClick: {
|
|
211
|
+
type: import('vue').PropType<(menuItem: import('../pro-menu').IProMenuItem) => Promise<boolean>>;
|
|
212
|
+
required: false;
|
|
213
|
+
};
|
|
206
214
|
}>> & Readonly<{
|
|
207
215
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
208
216
|
onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
|
|
@@ -225,9 +233,9 @@ declare const ProLayout: {
|
|
|
225
233
|
hideTabs: boolean;
|
|
226
234
|
disableKeepAlive: boolean;
|
|
227
235
|
}>;
|
|
228
|
-
__isFragment?:
|
|
229
|
-
__isTeleport?:
|
|
230
|
-
__isSuspense?:
|
|
236
|
+
__isFragment?: never;
|
|
237
|
+
__isTeleport?: never;
|
|
238
|
+
__isSuspense?: never;
|
|
231
239
|
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
232
240
|
layout: {
|
|
233
241
|
type: import('vue').PropType<"mix" | "side">;
|
|
@@ -295,12 +303,12 @@ declare const ProLayout: {
|
|
|
295
303
|
default: boolean;
|
|
296
304
|
};
|
|
297
305
|
tabsSize: {
|
|
298
|
-
type: import('vue').PropType<"
|
|
306
|
+
type: import('vue').PropType<"mini" | "small" | "medium" | "large">;
|
|
299
307
|
required: false;
|
|
300
308
|
default: string;
|
|
301
309
|
};
|
|
302
310
|
tabsType: {
|
|
303
|
-
type: import('vue').PropType<"line" | "
|
|
311
|
+
type: import('vue').PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
|
|
304
312
|
required: false;
|
|
305
313
|
default: string;
|
|
306
314
|
};
|
|
@@ -314,6 +322,10 @@ declare const ProLayout: {
|
|
|
314
322
|
required: false;
|
|
315
323
|
default: boolean;
|
|
316
324
|
};
|
|
325
|
+
onMenuItemClick: {
|
|
326
|
+
type: import('vue').PropType<(menuItem: import('../pro-menu').IProMenuItem) => Promise<boolean>>;
|
|
327
|
+
required: false;
|
|
328
|
+
};
|
|
317
329
|
}>> & Readonly<{
|
|
318
330
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
319
331
|
onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
|
|
@@ -1,7 +1,20 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { IProMenuItem } from '../pro-menu';
|
|
3
3
|
import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
|
|
4
|
-
declare
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
"header-left"?(_: {}): any;
|
|
8
|
+
"header-center"?(_: {}): any;
|
|
9
|
+
"header-right"?(_: {}): any;
|
|
10
|
+
"sider-top"?(_: {}): any;
|
|
11
|
+
footer?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
5
18
|
/**
|
|
6
19
|
* 布局模式
|
|
7
20
|
* side:侧边菜单布局
|
|
@@ -86,13 +99,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
86
99
|
};
|
|
87
100
|
/** tabs尺寸 */
|
|
88
101
|
tabsSize: {
|
|
89
|
-
type: PropType<"
|
|
102
|
+
type: PropType<"mini" | "small" | "medium" | "large">;
|
|
90
103
|
required: false;
|
|
91
104
|
default: string;
|
|
92
105
|
};
|
|
93
106
|
/** tabs类型 */
|
|
94
107
|
tabsType: {
|
|
95
|
-
type: PropType<"line" | "
|
|
108
|
+
type: PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
|
|
96
109
|
required: false;
|
|
97
110
|
default: string;
|
|
98
111
|
};
|
|
@@ -108,6 +121,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
108
121
|
required: false;
|
|
109
122
|
default: boolean;
|
|
110
123
|
};
|
|
124
|
+
/** 菜单项点击事件 */
|
|
125
|
+
onMenuItemClick: {
|
|
126
|
+
type: PropType<(menuItem: IProMenuItem) => Promise<boolean>>;
|
|
127
|
+
required: false;
|
|
128
|
+
};
|
|
111
129
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
112
130
|
collapse: (collapsed: boolean) => void;
|
|
113
131
|
keepAliveIncludeChange: (keepAliveInclude: string[]) => void;
|
|
@@ -196,13 +214,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
196
214
|
};
|
|
197
215
|
/** tabs尺寸 */
|
|
198
216
|
tabsSize: {
|
|
199
|
-
type: PropType<"
|
|
217
|
+
type: PropType<"mini" | "small" | "medium" | "large">;
|
|
200
218
|
required: false;
|
|
201
219
|
default: string;
|
|
202
220
|
};
|
|
203
221
|
/** tabs类型 */
|
|
204
222
|
tabsType: {
|
|
205
|
-
type: PropType<"line" | "
|
|
223
|
+
type: PropType<"line" | "card" | "card-gutter" | "text" | "rounded" | "capsule">;
|
|
206
224
|
required: false;
|
|
207
225
|
default: string;
|
|
208
226
|
};
|
|
@@ -218,6 +236,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
218
236
|
required: false;
|
|
219
237
|
default: boolean;
|
|
220
238
|
};
|
|
239
|
+
/** 菜单项点击事件 */
|
|
240
|
+
onMenuItemClick: {
|
|
241
|
+
type: PropType<(menuItem: IProMenuItem) => Promise<boolean>>;
|
|
242
|
+
required: false;
|
|
243
|
+
};
|
|
221
244
|
}>> & Readonly<{
|
|
222
245
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
223
246
|
onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
|
|
@@ -239,13 +262,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
|
|
|
239
262
|
hideFooter: boolean;
|
|
240
263
|
hideTabs: boolean;
|
|
241
264
|
disableKeepAlive: boolean;
|
|
242
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any
|
|
243
|
-
|
|
244
|
-
"header-center"?(_: {}): any;
|
|
245
|
-
"header-right"?(_: {}): any;
|
|
246
|
-
"sider-top"?(_: {}): any;
|
|
247
|
-
footer?(_: {}): any;
|
|
248
|
-
}>;
|
|
265
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
266
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
249
267
|
export default _default;
|
|
250
268
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
251
269
|
new (): {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useHooks as
|
|
3
|
-
|
|
1
|
+
import { defineComponent as ee, useCssVars as te, toRefs as ae, useSlots as le, provide as _, ref as A, onMounted as oe, watch as W, resolveComponent as o, openBlock as s, createBlock as u, normalizeClass as l, withCtx as n, createElementVNode as p, unref as i, renderSlot as y, createElementBlock as h, Fragment as $, createVNode as c, createTextVNode as C, toDisplayString as q, createCommentVNode as f } from "vue";
|
|
2
|
+
import { useHooks as se } from "./hooks.js";
|
|
3
|
+
import { useRouter as de } from "vue-router";
|
|
4
|
+
const ne = ["src"], re = ["src"], t = "keyblade-pro-layout", ie = 48, ye = /* @__PURE__ */ ee({
|
|
4
5
|
__name: "pro-layout",
|
|
5
6
|
props: {
|
|
6
7
|
/**
|
|
@@ -108,6 +109,11 @@ const oe = ["src"], se = ["src"], t = "keyblade-pro-layout", de = 48, ue = /* @_
|
|
|
108
109
|
type: Boolean,
|
|
109
110
|
required: !1,
|
|
110
111
|
default: !1
|
|
112
|
+
},
|
|
113
|
+
/** 菜单项点击事件 */
|
|
114
|
+
onMenuItemClick: {
|
|
115
|
+
type: Function,
|
|
116
|
+
required: !1
|
|
111
117
|
}
|
|
112
118
|
},
|
|
113
119
|
emits: {
|
|
@@ -117,66 +123,76 @@ const oe = ["src"], se = ["src"], t = "keyblade-pro-layout", de = 48, ue = /* @_
|
|
|
117
123
|
keepAliveIncludeChange: (e) => !0
|
|
118
124
|
},
|
|
119
125
|
setup(e, { emit: K }) {
|
|
120
|
-
|
|
121
|
-
"
|
|
122
|
-
|
|
123
|
-
|
|
126
|
+
te((a) => ({
|
|
127
|
+
"3c05dc68": x.value,
|
|
128
|
+
ec912df6: V,
|
|
129
|
+
"5212d940": F
|
|
124
130
|
}));
|
|
125
|
-
const
|
|
126
|
-
menuSelectedKeys:
|
|
127
|
-
breadcrumbItems:
|
|
128
|
-
tabs:
|
|
129
|
-
keepAliveInclude:
|
|
131
|
+
const d = e, T = K, b = de(), { menuItems: I } = ae(d), m = le(), {
|
|
132
|
+
menuSelectedKeys: M,
|
|
133
|
+
breadcrumbItems: N,
|
|
134
|
+
tabs: B,
|
|
135
|
+
keepAliveInclude: k,
|
|
130
136
|
onMenuItemClick: z,
|
|
131
137
|
onTabClick: D,
|
|
132
|
-
onTabDelete:
|
|
133
|
-
} =
|
|
134
|
-
hideTabs:
|
|
135
|
-
disableKeepAlive:
|
|
138
|
+
onTabDelete: S
|
|
139
|
+
} = se(I, {
|
|
140
|
+
hideTabs: d.hideTabs,
|
|
141
|
+
disableKeepAlive: d.disableKeepAlive
|
|
142
|
+
});
|
|
143
|
+
_("ProBreadcrumbItems", N), _("ProKeepAliveInclude", k), _("onProReuseTabDelete", S);
|
|
144
|
+
const x = A(`${d.headerHeight}px`), V = `${d.siderWidth}px`, F = `${ie}px`, r = A(d.siderCollapsed), P = (a) => {
|
|
145
|
+
r.value = a, T("collapse", a);
|
|
146
|
+
};
|
|
147
|
+
oe(() => {
|
|
148
|
+
d.hideHeader && (x.value = "0px");
|
|
136
149
|
});
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
150
|
+
const R = async (a) => {
|
|
151
|
+
if (a != null && a.path && !(d != null && d.onMenuItemClick && !await d.onMenuItemClick(a))) {
|
|
152
|
+
if (a.path.startsWith("http") || a.path.startsWith("https")) {
|
|
153
|
+
window.open(a.path);
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
b == null || b.push({ path: a.path }), z(a.name);
|
|
157
|
+
}
|
|
140
158
|
};
|
|
141
|
-
return
|
|
142
|
-
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
}, { immediate: !0 }),
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
return o(), u(g, {
|
|
150
|
-
class: a([t, `${t}-${e.layout}`])
|
|
159
|
+
return W(() => d.siderCollapsed, () => {
|
|
160
|
+
r.value = d.siderCollapsed;
|
|
161
|
+
}, { immediate: !0 }), W(k, () => {
|
|
162
|
+
T("keepAliveIncludeChange", k.value);
|
|
163
|
+
}, { immediate: !0 }), (a, g) => {
|
|
164
|
+
const w = o("a-typography-title"), H = o("a-space"), E = o("a-layout-header"), j = o("kb-pro-menu"), O = o("icon-menu-unfold"), G = o("icon-menu-fold"), J = o("a-button"), L = o("a-layout-sider"), Q = o("kb-pro-reuse-tabs"), U = o("a-affix"), X = o("kb-pro-keep-alive-router-view"), Y = o("a-layout-content"), Z = o("a-layout-footer"), v = o("a-layout");
|
|
165
|
+
return s(), u(v, {
|
|
166
|
+
class: l([t, `${t}-${e.layout}`])
|
|
151
167
|
}, {
|
|
152
|
-
default:
|
|
153
|
-
e.hideHeader ? f("", !0) : (
|
|
168
|
+
default: n(() => [
|
|
169
|
+
e.hideHeader ? f("", !0) : (s(), u(E, {
|
|
154
170
|
key: 0,
|
|
155
|
-
class:
|
|
171
|
+
class: l([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
|
|
156
172
|
}, {
|
|
157
|
-
default:
|
|
173
|
+
default: n(() => [
|
|
158
174
|
p("div", {
|
|
159
|
-
class:
|
|
175
|
+
class: l(`${t}-header-left`)
|
|
160
176
|
}, [
|
|
161
|
-
|
|
162
|
-
e.layout !== "side" ? (
|
|
177
|
+
i(m)["header-left"] ? y(a.$slots, "header-left", { key: 0 }) : (s(), h($, { key: 1 }, [
|
|
178
|
+
e.layout !== "side" ? (s(), h("div", {
|
|
163
179
|
key: 0,
|
|
164
|
-
class:
|
|
180
|
+
class: l(`${t}-header-left-logo`)
|
|
165
181
|
}, [
|
|
166
182
|
c(H, null, {
|
|
167
|
-
default:
|
|
183
|
+
default: n(() => [
|
|
168
184
|
p("img", {
|
|
169
|
-
class:
|
|
185
|
+
class: l(`${t}-header-left-logo-img`),
|
|
170
186
|
alt: "logo",
|
|
171
187
|
src: e.logo
|
|
172
|
-
}, null, 10,
|
|
173
|
-
|
|
188
|
+
}, null, 10, ne),
|
|
189
|
+
r.value ? f("", !0) : (s(), u(w, {
|
|
174
190
|
key: 0,
|
|
175
|
-
class:
|
|
191
|
+
class: l(`${t}-header-left-logo-title`),
|
|
176
192
|
heading: 5
|
|
177
193
|
}, {
|
|
178
|
-
default:
|
|
179
|
-
|
|
194
|
+
default: n(() => [
|
|
195
|
+
C(q(e.title), 1)
|
|
180
196
|
]),
|
|
181
197
|
_: 1
|
|
182
198
|
}, 8, ["class"]))
|
|
@@ -187,52 +203,52 @@ const oe = ["src"], se = ["src"], t = "keyblade-pro-layout", de = 48, ue = /* @_
|
|
|
187
203
|
], 64))
|
|
188
204
|
], 2),
|
|
189
205
|
p("div", {
|
|
190
|
-
class:
|
|
206
|
+
class: l(`${t}-header-center`)
|
|
191
207
|
}, [
|
|
192
|
-
|
|
208
|
+
i(m)["header-center"] ? y(a.$slots, "header-center", { key: 0 }) : f("", !0)
|
|
193
209
|
], 2),
|
|
194
210
|
p("div", {
|
|
195
|
-
class:
|
|
211
|
+
class: l(`${t}-header-right`)
|
|
196
212
|
}, [
|
|
197
|
-
|
|
213
|
+
y(a.$slots, "header-right")
|
|
198
214
|
], 2)
|
|
199
215
|
]),
|
|
200
216
|
_: 3
|
|
201
217
|
}, 8, ["class"])),
|
|
202
|
-
c(
|
|
203
|
-
default:
|
|
204
|
-
c(
|
|
205
|
-
class:
|
|
218
|
+
c(v, null, {
|
|
219
|
+
default: n(() => [
|
|
220
|
+
c(L, {
|
|
221
|
+
class: l([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
|
|
206
222
|
width: e.siderWidth,
|
|
207
223
|
collapsible: !0,
|
|
208
224
|
breakpoint: e.siderBreakpoint,
|
|
209
|
-
collapsed:
|
|
225
|
+
collapsed: r.value,
|
|
210
226
|
"hide-trigger": !0,
|
|
211
|
-
onCollapse:
|
|
227
|
+
onCollapse: P
|
|
212
228
|
}, {
|
|
213
|
-
default:
|
|
229
|
+
default: n(() => [
|
|
214
230
|
p("div", {
|
|
215
|
-
class:
|
|
231
|
+
class: l(`${t}-sider-content`)
|
|
216
232
|
}, [
|
|
217
|
-
|
|
218
|
-
e.layout === "side" ? (
|
|
233
|
+
i(m)["sider-top"] ? y(a.$slots, "sider-top", { key: 0 }) : (s(), h($, { key: 1 }, [
|
|
234
|
+
e.layout === "side" ? (s(), h("div", {
|
|
219
235
|
key: 0,
|
|
220
|
-
class:
|
|
236
|
+
class: l(`${t}-sider-content-logo`)
|
|
221
237
|
}, [
|
|
222
238
|
c(H, null, {
|
|
223
|
-
default:
|
|
239
|
+
default: n(() => [
|
|
224
240
|
p("img", {
|
|
225
|
-
class:
|
|
241
|
+
class: l(`${t}-sider-content-logo-img`),
|
|
226
242
|
alt: "logo",
|
|
227
243
|
src: e.logo
|
|
228
|
-
}, null, 10,
|
|
229
|
-
|
|
244
|
+
}, null, 10, re),
|
|
245
|
+
r.value ? f("", !0) : (s(), u(w, {
|
|
230
246
|
key: 0,
|
|
231
|
-
class:
|
|
247
|
+
class: l(`${t}-sider-content-logo-title`),
|
|
232
248
|
heading: 5
|
|
233
249
|
}, {
|
|
234
|
-
default:
|
|
235
|
-
|
|
250
|
+
default: n(() => [
|
|
251
|
+
C(q(e.title), 1)
|
|
236
252
|
]),
|
|
237
253
|
_: 1
|
|
238
254
|
}, 8, ["class"]))
|
|
@@ -241,62 +257,62 @@ const oe = ["src"], se = ["src"], t = "keyblade-pro-layout", de = 48, ue = /* @_
|
|
|
241
257
|
})
|
|
242
258
|
], 2)) : f("", !0)
|
|
243
259
|
], 64)),
|
|
244
|
-
c(
|
|
245
|
-
collapsed:
|
|
246
|
-
"selected-keys":
|
|
247
|
-
items:
|
|
260
|
+
c(j, {
|
|
261
|
+
collapsed: r.value,
|
|
262
|
+
"selected-keys": i(M),
|
|
263
|
+
items: i(I),
|
|
248
264
|
"menu-props": e.menuProps,
|
|
249
|
-
onMenuItemClick:
|
|
250
|
-
}, null, 8, ["collapsed", "selected-keys", "items", "menu-props"
|
|
265
|
+
onMenuItemClick: R
|
|
266
|
+
}, null, 8, ["collapsed", "selected-keys", "items", "menu-props"])
|
|
251
267
|
], 2),
|
|
252
|
-
c(
|
|
253
|
-
class:
|
|
268
|
+
c(J, {
|
|
269
|
+
class: l(`${t}-sider-collapse-btn`),
|
|
254
270
|
size: "mini",
|
|
255
|
-
onClick:
|
|
271
|
+
onClick: g[0] || (g[0] = (ue) => P(!r.value))
|
|
256
272
|
}, {
|
|
257
|
-
icon:
|
|
258
|
-
|
|
273
|
+
icon: n(() => [
|
|
274
|
+
r.value ? (s(), u(O, { key: 0 })) : (s(), u(G, { key: 1 }))
|
|
259
275
|
]),
|
|
260
276
|
_: 1
|
|
261
277
|
}, 8, ["class"])
|
|
262
278
|
]),
|
|
263
279
|
_: 3
|
|
264
280
|
}, 8, ["class", "width", "breakpoint", "collapsed"]),
|
|
265
|
-
c(
|
|
266
|
-
class:
|
|
281
|
+
c(v, {
|
|
282
|
+
class: l([`${t}-body`, { [`${t}-body-collapsed`]: r.value }])
|
|
267
283
|
}, {
|
|
268
|
-
default:
|
|
269
|
-
e.hideTabs ? f("", !0) : (
|
|
284
|
+
default: n(() => [
|
|
285
|
+
e.hideTabs ? f("", !0) : (s(), u(U, {
|
|
270
286
|
key: 0,
|
|
271
|
-
class:
|
|
287
|
+
class: l(`${t}-body-affix`),
|
|
272
288
|
offsetTop: e.hideHeader ? 0 : e.headerHeight
|
|
273
289
|
}, {
|
|
274
|
-
default:
|
|
275
|
-
|
|
290
|
+
default: n(() => [
|
|
291
|
+
i(B).length > 0 ? (s(), u(Q, {
|
|
276
292
|
key: 0,
|
|
277
|
-
tabs:
|
|
293
|
+
tabs: i(B),
|
|
278
294
|
"tabs-size": e.tabsSize,
|
|
279
295
|
"tabs-type": e.tabsType,
|
|
280
296
|
"tabs-header-padding": e.tabsHeaderPadding,
|
|
281
|
-
onTabClick:
|
|
282
|
-
onTabDelete:
|
|
297
|
+
onTabClick: i(D),
|
|
298
|
+
onTabDelete: i(S)
|
|
283
299
|
}, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
|
|
284
300
|
]),
|
|
285
301
|
_: 1
|
|
286
302
|
}, 8, ["class", "offsetTop"])),
|
|
287
|
-
c(
|
|
288
|
-
default:
|
|
289
|
-
c(
|
|
303
|
+
c(Y, null, {
|
|
304
|
+
default: n(() => [
|
|
305
|
+
c(X)
|
|
290
306
|
]),
|
|
291
307
|
_: 1
|
|
292
308
|
}),
|
|
293
|
-
e.hideFooter ? f("", !0) : (
|
|
294
|
-
|
|
309
|
+
e.hideFooter ? f("", !0) : (s(), h($, { key: 1 }, [
|
|
310
|
+
i(m).footer !== void 0 ? y(a.$slots, "footer", { key: 0 }) : (s(), u(Z, {
|
|
295
311
|
key: 1,
|
|
296
|
-
class:
|
|
312
|
+
class: l(`${t}-body-footer`)
|
|
297
313
|
}, {
|
|
298
|
-
default:
|
|
299
|
-
|
|
314
|
+
default: n(() => [
|
|
315
|
+
C(q(e.footerTitle), 1)
|
|
300
316
|
]),
|
|
301
317
|
_: 1
|
|
302
318
|
}, 8, ["class"]))
|
|
@@ -314,5 +330,5 @@ const oe = ["src"], se = ["src"], t = "keyblade-pro-layout", de = 48, ue = /* @_
|
|
|
314
330
|
}
|
|
315
331
|
});
|
|
316
332
|
export {
|
|
317
|
-
|
|
333
|
+
ye as default
|
|
318
334
|
};
|
package/es/pro-menu/index.d.ts
CHANGED
|
@@ -24,9 +24,9 @@ declare const ProMenu: {
|
|
|
24
24
|
default: () => {};
|
|
25
25
|
};
|
|
26
26
|
}>> & Readonly<{
|
|
27
|
-
"onMenu-item-click"?: ((
|
|
27
|
+
"onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
|
|
28
28
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
29
|
-
"menu-item-click": (
|
|
29
|
+
"menu-item-click": (item: import('./interface').IProMenuItem) => void;
|
|
30
30
|
}, import('vue').PublicProps, {
|
|
31
31
|
mode: "horizontal" | "vertical";
|
|
32
32
|
menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
|
|
@@ -61,14 +61,14 @@ declare const ProMenu: {
|
|
|
61
61
|
default: () => {};
|
|
62
62
|
};
|
|
63
63
|
}>> & Readonly<{
|
|
64
|
-
"onMenu-item-click"?: ((
|
|
64
|
+
"onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
|
|
65
65
|
}>, {}, {}, {}, {}, {
|
|
66
66
|
mode: "horizontal" | "vertical";
|
|
67
67
|
menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
|
|
68
68
|
}>;
|
|
69
|
-
__isFragment?:
|
|
70
|
-
__isTeleport?:
|
|
71
|
-
__isSuspense?:
|
|
69
|
+
__isFragment?: never;
|
|
70
|
+
__isTeleport?: never;
|
|
71
|
+
__isSuspense?: never;
|
|
72
72
|
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
73
73
|
mode: {
|
|
74
74
|
type: import('vue').PropType<"horizontal" | "vertical">;
|
|
@@ -93,9 +93,9 @@ declare const ProMenu: {
|
|
|
93
93
|
default: () => {};
|
|
94
94
|
};
|
|
95
95
|
}>> & Readonly<{
|
|
96
|
-
"onMenu-item-click"?: ((
|
|
96
|
+
"onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
|
|
97
97
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
98
|
-
"menu-item-click": (
|
|
98
|
+
"menu-item-click": (item: import('./interface').IProMenuItem) => void;
|
|
99
99
|
}, string, {
|
|
100
100
|
mode: "horizontal" | "vertical";
|
|
101
101
|
menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
|
|
@@ -25,7 +25,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
25
25
|
default: () => {};
|
|
26
26
|
};
|
|
27
27
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
-
"menu-item-click": (
|
|
28
|
+
"menu-item-click": (item: IProMenuItem) => void;
|
|
29
29
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
30
30
|
mode: {
|
|
31
31
|
type: PropType<"horizontal" | "vertical">;
|
|
@@ -50,7 +50,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
50
50
|
default: () => {};
|
|
51
51
|
};
|
|
52
52
|
}>> & Readonly<{
|
|
53
|
-
"onMenu-item-click"?: ((
|
|
53
|
+
"onMenu-item-click"?: ((item: IProMenuItem) => any) | undefined;
|
|
54
54
|
}>, {
|
|
55
55
|
mode: "horizontal" | "vertical";
|
|
56
56
|
menuProps: Partial<MenuProps>;
|