@keyblade/pro-components 1.13.8-alpha.9 → 1.14.0
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/components.d.ts +7 -0
- package/es/global-props.d.ts +20 -3
- package/es/global-props.js +6 -2
- package/es/index.d.ts +7 -0
- package/es/index.js +47 -28
- package/es/inerface.d.ts +5 -2
- package/es/pro-calendar/calendar.vue.d.ts +75 -0
- package/es/pro-calendar/calendar.vue.js +159 -0
- package/es/pro-calendar/calendar.vue3.js +5 -0
- package/es/pro-calendar/enum.d.ts +6 -0
- package/es/pro-calendar/enum.js +4 -0
- package/es/pro-calendar/header.vue.d.ts +35 -0
- package/es/pro-calendar/header.vue.js +146 -0
- package/es/pro-calendar/header.vue2.js +4 -0
- package/es/pro-calendar/hooks/useCellClassName.d.ts +12 -0
- package/es/pro-calendar/hooks/useCellClassName.js +40 -0
- package/es/pro-calendar/index.d.ts +117 -0
- package/es/pro-calendar/index.js +12 -0
- package/es/pro-calendar/interface.d.ts +89 -0
- package/es/pro-calendar/month.d.ts +5 -0
- package/es/pro-calendar/month.js +53 -0
- package/es/pro-calendar/month.vue.d.ts +22 -0
- package/es/pro-calendar/month.vue.js +126 -0
- package/es/pro-calendar/month.vue2.js +4 -0
- package/es/pro-calendar/week.vue.d.ts +3 -0
- package/es/pro-calendar/week.vue.js +34 -0
- package/es/pro-calendar/week.vue2.js +4 -0
- package/es/pro-calendar/year.vue.d.ts +3 -0
- package/es/pro-calendar/year.vue.js +123 -0
- package/es/pro-calendar/year.vue2.js +4 -0
- package/es/pro-date-range-picker/index.d.ts +183 -13
- package/es/pro-date-range-picker/index.js +6 -7
- package/es/pro-date-range-picker/interface.d.ts +38 -0
- package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +173 -6
- package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
- package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +124 -104
- package/es/pro-dates-picker/index.d.ts +49 -0
- package/es/pro-dates-picker/index.js +11 -0
- package/es/pro-dates-picker/index.vue.d.ts +29 -0
- package/es/pro-dates-picker/index.vue.js +135 -0
- package/es/pro-dates-picker/index.vue3.js +5 -0
- package/es/pro-dates-picker/interface.d.ts +38 -0
- package/es/pro-dates-picker/util.d.ts +12 -0
- package/es/pro-dates-picker/util.js +9 -0
- package/es/pro-find-password/enum.d.ts +8 -0
- package/es/pro-find-password/enum.js +4 -0
- package/es/pro-find-password/index.d.ts +11 -0
- package/es/pro-find-password/index.js +11 -0
- package/es/pro-find-password/index.vue.d.ts +4459 -0
- package/es/pro-find-password/index.vue.js +176 -0
- package/es/pro-find-password/index.vue3.js +5 -0
- package/es/pro-find-password/interface.d.ts +45 -0
- package/es/pro-find-password/reset-password.vue.d.ts +591 -0
- package/es/pro-find-password/reset-password.vue.js +179 -0
- package/es/pro-find-password/reset-password.vue2.js +4 -0
- package/es/pro-find-password/verify-user-name.vue.d.ts +795 -0
- package/es/pro-find-password/verify-user-name.vue.js +112 -0
- package/es/pro-find-password/verify-user-name.vue3.js +5 -0
- package/es/pro-footer-bar/index.d.ts +6 -3
- package/es/pro-footer-bar/index.js +6 -7
- package/es/pro-footer-bar/index.vue.d.ts +1 -1
- package/es/pro-footer-bar/index.vue.js +2 -2
- package/es/pro-footer-bar/index.vue2.js +24 -26
- package/es/pro-footer-bar/{inerface.d.ts → interface.d.ts} +1 -0
- package/es/pro-form-group/index.d.ts +7 -6
- package/es/pro-form-group/index.js +6 -8
- package/es/pro-form-group/index.vue.d.ts +2 -2
- package/es/pro-form-group/index.vue.js +1 -1
- package/es/pro-form-group/index.vue2.js +31 -32
- package/es/pro-image-upload/cropper.vue.js +2 -2
- package/es/pro-image-upload/cropper.vue2.js +200 -190
- package/es/pro-image-upload/image-upload.vue.d.ts +1124 -371
- package/es/pro-image-upload/image-upload.vue.js +178 -144
- package/es/pro-image-upload/index.d.ts +1727 -1001
- package/es/pro-image-upload/index.js +6 -8
- package/es/pro-keep-alive-router-view/index.d.ts +1 -0
- package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js +17 -18
- package/es/pro-layout/hooks.d.ts +80 -1
- package/es/pro-layout/hooks.js +133 -84
- package/es/pro-layout/index.d.ts +9 -6
- package/es/pro-layout/index.js +6 -11
- package/es/pro-layout/pro-layout.vue.d.ts +4 -2
- package/es/pro-layout/pro-layout.vue.js +220 -208
- package/es/pro-loader/index.d.ts +43 -0
- package/es/pro-loader/index.js +11 -0
- package/es/pro-loader/index.vue.d.ts +28 -0
- package/es/pro-loader/index.vue.js +112 -0
- package/es/pro-loader/index.vue3.js +5 -0
- package/es/pro-loader/interface.d.ts +16 -0
- package/es/pro-login/enum.d.ts +6 -0
- package/es/pro-login/enum.js +4 -0
- package/es/pro-login/form-mobile.vue.d.ts +797 -0
- package/es/pro-login/form-mobile.vue.js +146 -0
- package/es/pro-login/form-mobile.vue2.js +4 -0
- package/es/pro-login/form-password.vue.d.ts +584 -0
- package/es/pro-login/form-password.vue.js +99 -0
- package/es/pro-login/form-password.vue2.js +4 -0
- package/es/pro-login/index.d.ts +11 -0
- package/es/pro-login/index.js +11 -0
- package/es/pro-login/index.vue.d.ts +4429 -0
- package/es/pro-login/index.vue.js +105 -0
- package/es/pro-login/index.vue3.js +5 -0
- package/es/pro-login/interface.d.ts +72 -0
- package/es/pro-login/regexp.d.ts +17 -0
- package/es/pro-login/regexp.js +28 -0
- package/es/pro-menu/index.d.ts +18 -80
- package/es/pro-menu/index.js +6 -7
- package/es/pro-menu/interface.d.ts +31 -0
- package/es/pro-menu/menu-item.vue.d.ts +27 -0
- package/es/pro-menu/menu-item.vue.js +35 -0
- package/es/pro-menu/menu-item.vue2.js +4 -0
- package/es/pro-menu/pro-menu-item.vue.d.ts +9 -0
- package/es/pro-menu/pro-menu-item.vue.js +63 -0
- package/es/pro-menu/pro-menu-item.vue2.js +4 -0
- package/es/pro-menu/pro-menu.vue.d.ts +9 -55
- package/es/pro-menu/pro-menu.vue.js +36 -119
- package/es/pro-menu/sub-menu.vue.d.ts +22 -0
- package/es/pro-menu/sub-menu.vue.js +55 -0
- package/es/pro-menu/sub-menu.vue2.js +4 -0
- package/es/pro-menu/util.d.ts +9 -0
- package/es/pro-menu/util.js +7 -0
- package/es/pro-page-container/constant.d.ts +2 -0
- package/es/pro-page-container/constant.js +9 -0
- package/es/pro-page-container/index.d.ts +7 -21
- package/es/pro-page-container/index.js +6 -8
- package/es/pro-page-container/interface.d.ts +12 -0
- package/es/pro-page-container/pro-page-container.vue.d.ts +4 -15
- package/es/pro-page-container/pro-page-container.vue.js +58 -38
- package/es/pro-page-header/constant.d.ts +2 -0
- package/es/pro-page-header/constant.js +13 -0
- package/es/pro-page-header/index.d.ts +12 -146
- package/es/pro-page-header/index.js +6 -8
- package/es/pro-page-header/interface.d.ts +21 -0
- package/es/pro-page-header/pro-page-header.vue.d.ts +18 -103
- package/es/pro-page-header/pro-page-header.vue.js +141 -124
- package/es/pro-reuse-tabs/index.d.ts +8 -6
- package/es/pro-reuse-tabs/index.js +6 -7
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +2 -2
- package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js +33 -35
- package/es/pro-table/index.d.ts +18 -18
- package/es/pro-table/index.js +6 -7
- package/es/pro-table/index.vue.d.ts +6 -6
- package/es/pro-table/index.vue.js +94 -39
- package/es/pro-table/interface.d.ts +73 -65
- package/es/pro-textarea/index.d.ts +7 -5
- package/es/pro-textarea/index.js +5 -6
- package/es/pro-textarea/index.vue.d.ts +1 -1
- package/es/pro-textarea/index.vue.js +1 -1
- package/es/pro-textarea/index.vue2.js +14 -16
- package/es/pro-textarea/{inerface.d.ts → interface.d.ts} +19 -18
- package/es/style.css +1 -1
- package/es/utils.d.ts +6 -0
- package/es/utils.js +7 -0
- package/package.json +5 -4
- package/es/pro-date-range-picker/inerface.d.ts +0 -26
- package/es/pro-page-container/inerface.d.ts +0 -12
|
@@ -1,127 +1,44 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { defineComponent as a, createBlock as t, openBlock as o, unref as l, mergeProps as c, withCtx as u, createElementBlock as i, Fragment as y, renderList as k } from "vue";
|
|
2
|
+
import { Menu as f } from "@arco-design/web-vue";
|
|
3
|
+
import K from "./pro-menu-item.vue.js";
|
|
4
|
+
import { renderItems as g } from "./util.js";
|
|
5
|
+
const C = "keyblade-pro-menu", b = /* @__PURE__ */ a({
|
|
4
6
|
__name: "pro-menu",
|
|
5
7
|
props: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
type: Boolean,
|
|
13
|
-
required: !1
|
|
14
|
-
},
|
|
15
|
-
selectedKeys: {
|
|
16
|
-
type: Array,
|
|
17
|
-
required: !0
|
|
18
|
-
},
|
|
19
|
-
items: {
|
|
20
|
-
type: Array,
|
|
21
|
-
required: !0
|
|
22
|
-
},
|
|
23
|
-
menuProps: {
|
|
24
|
-
type: Object,
|
|
25
|
-
required: !1,
|
|
26
|
-
default: () => ({})
|
|
27
|
-
}
|
|
8
|
+
items: {},
|
|
9
|
+
selectedKeys: {},
|
|
10
|
+
openKeys: {},
|
|
11
|
+
mode: { default: "vertical" },
|
|
12
|
+
collapsed: { type: Boolean },
|
|
13
|
+
menuProps: { default: () => ({}) }
|
|
28
14
|
},
|
|
29
|
-
emits:
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const y = l, B = z, [D, v] = j(), d = b(() => (n) => {
|
|
34
|
-
var c;
|
|
35
|
-
return (c = y == null ? void 0 : y.selectedKeys) != null && c.includes(n.name) && n != null && n.selectedIcon ? n == null ? void 0 : n.selectedIcon : n == null ? void 0 : n.icon;
|
|
36
|
-
}), t = b(() => (n) => {
|
|
37
|
-
const c = n == null ? void 0 : n.icon;
|
|
38
|
-
return c != null && c.startsWith("icon") ? "icon" : "url";
|
|
39
|
-
}), K = (n) => {
|
|
40
|
-
B("menu-item-click", n);
|
|
41
|
-
};
|
|
42
|
-
return (n, c) => {
|
|
43
|
-
const P = f("a-sub-menu"), S = f("a-menu-item"), V = f("a-menu");
|
|
44
|
-
return o(), u(V, A(l.menuProps, {
|
|
45
|
-
mode: l.mode,
|
|
46
|
-
class: F,
|
|
47
|
-
collapsed: l.collapsed,
|
|
48
|
-
"selected-keys": l.selectedKeys,
|
|
49
|
-
"auto-open-selected": ""
|
|
50
|
-
}), {
|
|
51
|
-
default: a(() => [
|
|
52
|
-
R(h(D), null, {
|
|
53
|
-
default: a(({ item: e }) => {
|
|
54
|
-
var C, g;
|
|
55
|
-
return [
|
|
56
|
-
e && !e.hideInMenu && (l.mode === "vertical" || l.mode === "horizontal" && e.topMenu) ? (o(), s(p, { key: 0 }, [
|
|
57
|
-
e != null && e.children && ((C = e == null ? void 0 : e.children) == null ? void 0 : C.length) > 0 && // 垂直菜单模式 || (顶部菜单模式 && 子元素都是顶部菜单)
|
|
58
|
-
(l.mode === "vertical" || l.mode === "horizontal" && e.topChildrenMenu) ? (o(), u(P, {
|
|
59
|
-
key: e.name
|
|
60
|
-
}, x({
|
|
61
|
-
title: a(() => [
|
|
62
|
-
_(q(e.title), 1)
|
|
63
|
-
]),
|
|
64
|
-
default: a(() => [
|
|
65
|
-
e != null && e.hideChildrenInMenu ? r("", !0) : (o(!0), s(p, { key: 0 }, M((e == null ? void 0 : e.children) || [], (k) => (o(), u(h(v), {
|
|
66
|
-
key: k.name,
|
|
67
|
-
item: k
|
|
68
|
-
}, null, 8, ["item"]))), 128))
|
|
69
|
-
]),
|
|
70
|
-
_: 2
|
|
71
|
-
}, [
|
|
72
|
-
e != null && e.icon ? {
|
|
73
|
-
name: "icon",
|
|
74
|
-
fn: a(() => [
|
|
75
|
-
t.value(e) === "icon" ? (o(), u(I(d.value(e)), { key: 0 })) : r("", !0),
|
|
76
|
-
t.value(e) === "url" ? (o(), s("img", {
|
|
77
|
-
key: 1,
|
|
78
|
-
class: N(`${T}-img`),
|
|
79
|
-
src: d.value(e),
|
|
80
|
-
alt: ""
|
|
81
|
-
}, null, 10, w)) : r("", !0)
|
|
82
|
-
]),
|
|
83
|
-
key: "0"
|
|
84
|
-
} : void 0
|
|
85
|
-
]), 1024)) : r("", !0),
|
|
86
|
-
!(e != null && e.children) || ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) === 0 || // 顶部菜单模式 & 有子元素 & 子元素不是顶部菜单
|
|
87
|
-
l.mode === "horizontal" && e.children.length > 0 && !e.topChildrenMenu ? (o(), u(S, {
|
|
88
|
-
key: e.name,
|
|
89
|
-
onClick: (k) => K(e)
|
|
90
|
-
}, x({
|
|
91
|
-
default: a(() => [
|
|
92
|
-
_(" " + q(e.title), 1)
|
|
93
|
-
]),
|
|
94
|
-
_: 2
|
|
95
|
-
}, [
|
|
96
|
-
e != null && e.icon ? {
|
|
97
|
-
name: "icon",
|
|
98
|
-
fn: a(() => [
|
|
99
|
-
t.value(e) === "icon" ? (o(), u(I(d.value(e)), { key: 0 })) : r("", !0),
|
|
100
|
-
t.value(e) === "url" ? (o(), s("img", {
|
|
101
|
-
key: 1,
|
|
102
|
-
class: N(`${T}-img`),
|
|
103
|
-
src: d.value(e),
|
|
104
|
-
alt: ""
|
|
105
|
-
}, null, 10, E)) : r("", !0)
|
|
106
|
-
]),
|
|
107
|
-
key: "0"
|
|
108
|
-
} : void 0
|
|
109
|
-
]), 1032, ["onClick"])) : r("", !0)
|
|
110
|
-
], 64)) : r("", !0)
|
|
111
|
-
];
|
|
112
|
-
}),
|
|
113
|
-
_: 1
|
|
114
|
-
}),
|
|
115
|
-
(o(!0), s(p, null, M(l.items, (e) => (o(), u(h(v), {
|
|
116
|
-
key: e.name,
|
|
117
|
-
item: e
|
|
118
|
-
}, null, 8, ["item"]))), 128))
|
|
119
|
-
]),
|
|
120
|
-
_: 1
|
|
121
|
-
}, 16, ["mode", "collapsed", "selected-keys"]);
|
|
15
|
+
emits: ["open-keys-change", "menu-item-click"],
|
|
16
|
+
setup(B, { emit: r }) {
|
|
17
|
+
const s = r, p = (e) => {
|
|
18
|
+
s("open-keys-change", e);
|
|
122
19
|
};
|
|
20
|
+
return (e, n) => (o(), t(l(f), c(e.menuProps, {
|
|
21
|
+
"auto-open-selected": "",
|
|
22
|
+
mode: e.mode,
|
|
23
|
+
class: C,
|
|
24
|
+
collapsed: e.collapsed,
|
|
25
|
+
"selected-keys": e.selectedKeys,
|
|
26
|
+
"open-keys": e.openKeys,
|
|
27
|
+
"onUpdate:openKeys": p
|
|
28
|
+
}), {
|
|
29
|
+
default: u(() => [
|
|
30
|
+
(o(!0), i(y, null, k(l(g)(e.items, { mode: e.mode }), (m) => (o(), t(K, {
|
|
31
|
+
key: m.name,
|
|
32
|
+
mode: e.mode,
|
|
33
|
+
item: m,
|
|
34
|
+
"selected-keys": e.selectedKeys,
|
|
35
|
+
onMenuItemClick: n[0] || (n[0] = (d) => s("menu-item-click", d))
|
|
36
|
+
}, null, 8, ["mode", "item", "selected-keys"]))), 128))
|
|
37
|
+
]),
|
|
38
|
+
_: 1
|
|
39
|
+
}, 16, ["mode", "collapsed", "selected-keys", "open-keys"]));
|
|
123
40
|
}
|
|
124
41
|
});
|
|
125
42
|
export {
|
|
126
|
-
|
|
43
|
+
b as default
|
|
127
44
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { IProMenuItem, IProMenuItemProps } from './interface.ts';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
icon?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<IProMenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"menu-item-click": (_item: IProMenuItem) => void;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<IProMenuItemProps> & Readonly<{
|
|
14
|
+
"onMenu-item-click"?: ((_item: IProMenuItem) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { defineComponent as p, createBlock as s, openBlock as t, unref as l, createSlots as k, withCtx as m, createElementBlock as y, createCommentVNode as f, Fragment as C, renderList as K, createTextVNode as h, toDisplayString as S, renderSlot as B } from "vue";
|
|
2
|
+
import { SubMenu as M } from "@arco-design/web-vue";
|
|
3
|
+
import b from "./pro-menu-item.vue.js";
|
|
4
|
+
import { renderItems as g } from "./util.js";
|
|
5
|
+
const v = /* @__PURE__ */ p({
|
|
6
|
+
__name: "sub-menu",
|
|
7
|
+
props: {
|
|
8
|
+
item: {},
|
|
9
|
+
selectedKeys: {},
|
|
10
|
+
mode: {}
|
|
11
|
+
},
|
|
12
|
+
emits: {
|
|
13
|
+
"menu-item-click": (d) => !0
|
|
14
|
+
},
|
|
15
|
+
setup(d, { emit: c }) {
|
|
16
|
+
const u = c, a = (e) => {
|
|
17
|
+
u("menu-item-click", e);
|
|
18
|
+
};
|
|
19
|
+
return (e, I) => {
|
|
20
|
+
var n;
|
|
21
|
+
return t(), s(l(M), {
|
|
22
|
+
key: e.item.name,
|
|
23
|
+
selectedKeys: e.selectedKeys
|
|
24
|
+
}, k({
|
|
25
|
+
title: m(() => [
|
|
26
|
+
h(S(e.item.title), 1)
|
|
27
|
+
]),
|
|
28
|
+
default: m(() => {
|
|
29
|
+
var o, i;
|
|
30
|
+
return [
|
|
31
|
+
(o = e.item) != null && o.hideChildrenInMenu ? f("", !0) : (t(!0), y(C, { key: 0 }, K(l(g)(((i = e.item) == null ? void 0 : i.children) || [], { mode: e.mode }), (r) => (t(), s(b, {
|
|
32
|
+
key: r.name,
|
|
33
|
+
mode: e.mode,
|
|
34
|
+
item: r,
|
|
35
|
+
"selected-keys": e.selectedKeys,
|
|
36
|
+
onMenuItemClick: a
|
|
37
|
+
}, null, 8, ["mode", "item", "selected-keys"]))), 128))
|
|
38
|
+
];
|
|
39
|
+
}),
|
|
40
|
+
_: 2
|
|
41
|
+
}, [
|
|
42
|
+
(n = e.item) != null && n.icon ? {
|
|
43
|
+
name: "icon",
|
|
44
|
+
fn: m(() => [
|
|
45
|
+
B(e.$slots, "icon")
|
|
46
|
+
]),
|
|
47
|
+
key: "0"
|
|
48
|
+
} : void 0
|
|
49
|
+
]), 1032, ["selectedKeys"]);
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
v as default
|
|
55
|
+
};
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
2
|
declare const ProPageContainer: {
|
|
3
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
4
|
-
hidePageHeader?: boolean;
|
|
5
|
-
showFooterBar?: boolean;
|
|
6
|
-
footerBarOptions?: import('..').ProFooterBarProps;
|
|
7
|
-
pageHeader?: import('./inerface').PageHeaderProps;
|
|
8
|
-
}> & Readonly<{
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').PageContainerProps> & Readonly<{
|
|
9
4
|
onBack?: (() => any) | undefined;
|
|
10
5
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
6
|
back: () => any;
|
|
12
7
|
}, import('vue').PublicProps, {
|
|
13
8
|
hidePageHeader: boolean;
|
|
14
9
|
showFooterBar: boolean;
|
|
15
|
-
pageHeader: import('./inerface').PageHeaderProps;
|
|
16
10
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
17
11
|
P: {};
|
|
18
12
|
B: {};
|
|
@@ -20,41 +14,33 @@ declare const ProPageContainer: {
|
|
|
20
14
|
C: {};
|
|
21
15
|
M: {};
|
|
22
16
|
Defaults: {};
|
|
23
|
-
}, Readonly<{
|
|
24
|
-
hidePageHeader?: boolean;
|
|
25
|
-
showFooterBar?: boolean;
|
|
26
|
-
footerBarOptions?: import('..').ProFooterBarProps;
|
|
27
|
-
pageHeader?: import('./inerface').PageHeaderProps;
|
|
28
|
-
}> & Readonly<{
|
|
17
|
+
}, Readonly<import('./interface').PageContainerProps> & Readonly<{
|
|
29
18
|
onBack?: (() => any) | undefined;
|
|
30
19
|
}>, {}, {}, {}, {}, {
|
|
31
20
|
hidePageHeader: boolean;
|
|
32
21
|
showFooterBar: boolean;
|
|
33
|
-
pageHeader: import('./inerface').PageHeaderProps;
|
|
34
22
|
}>;
|
|
35
23
|
__isFragment?: never;
|
|
36
24
|
__isTeleport?: never;
|
|
37
25
|
__isSuspense?: never;
|
|
38
|
-
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
39
|
-
hidePageHeader?: boolean;
|
|
40
|
-
showFooterBar?: boolean;
|
|
41
|
-
footerBarOptions?: import('..').ProFooterBarProps;
|
|
42
|
-
pageHeader?: import('./inerface').PageHeaderProps;
|
|
43
|
-
}> & Readonly<{
|
|
26
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageContainerProps> & Readonly<{
|
|
44
27
|
onBack?: (() => any) | undefined;
|
|
45
28
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
46
29
|
back: () => any;
|
|
47
30
|
}, string, {
|
|
48
31
|
hidePageHeader: boolean;
|
|
49
32
|
showFooterBar: boolean;
|
|
50
|
-
pageHeader: import('./inerface').PageHeaderProps;
|
|
51
33
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
52
34
|
$slots: {
|
|
35
|
+
'page-header-breadcrumb-right'?(_: {}): any;
|
|
53
36
|
default?(_: {}): any;
|
|
54
37
|
footerBar?(_: {}): any;
|
|
55
38
|
};
|
|
56
39
|
}) & {
|
|
57
40
|
install: (app: App) => void;
|
|
58
41
|
};
|
|
42
|
+
/** 导出类型 */
|
|
43
|
+
export * from './interface';
|
|
44
|
+
/** 导出组件 */
|
|
59
45
|
export { ProPageContainer };
|
|
60
46
|
export default ProPageContainer;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from "./pro-page-container.vue.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
install: (o) => {
|
|
7
|
-
o.use(e), o.use(t), o.component("KbProPageContainer", r);
|
|
3
|
+
const e = Object.assign(o, {
|
|
4
|
+
install: (n) => {
|
|
5
|
+
n.component("KbProPageContainer", o);
|
|
8
6
|
}
|
|
9
7
|
});
|
|
10
8
|
export {
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
e as ProPageContainer,
|
|
10
|
+
e as default
|
|
13
11
|
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ProFooterBarProps } from '../pro-footer-bar/interface.ts';
|
|
2
|
+
import { PageHeaderProps } from '../pro-page-header/interface.ts';
|
|
3
|
+
export interface PageContainerProps {
|
|
4
|
+
/** 是否隐藏页头 */
|
|
5
|
+
hidePageHeader?: boolean;
|
|
6
|
+
/** 是否显示底部栏 */
|
|
7
|
+
showFooterBar?: boolean;
|
|
8
|
+
/** 底部栏属性 */
|
|
9
|
+
footerBarOptions?: ProFooterBarProps;
|
|
10
|
+
/** 页头属性 */
|
|
11
|
+
pageHeader?: PageHeaderProps;
|
|
12
|
+
}
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { PageHeaderProps } from './inerface';
|
|
3
|
-
type __VLS_Props = {
|
|
4
|
-
/** 是否隐藏页头 */
|
|
5
|
-
hidePageHeader?: boolean;
|
|
6
|
-
/** 是否显示底部栏 */
|
|
7
|
-
showFooterBar?: boolean;
|
|
8
|
-
/** 底部栏属性 */
|
|
9
|
-
footerBarOptions?: ProFooterBarProps;
|
|
10
|
-
/** 页头属性 */
|
|
11
|
-
pageHeader?: PageHeaderProps;
|
|
12
|
-
};
|
|
1
|
+
import { PageContainerProps } from './interface.ts';
|
|
13
2
|
declare function __VLS_template(): {
|
|
14
3
|
attrs: Partial<{}>;
|
|
15
4
|
slots: {
|
|
5
|
+
'page-header-breadcrumb-right'?(_: {}): any;
|
|
16
6
|
default?(_: {}): any;
|
|
17
7
|
footerBar?(_: {}): any;
|
|
18
8
|
};
|
|
@@ -20,14 +10,13 @@ declare function __VLS_template(): {
|
|
|
20
10
|
rootEl: HTMLDivElement;
|
|
21
11
|
};
|
|
22
12
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
23
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<PageContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
24
14
|
back: () => any;
|
|
25
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<PageContainerProps> & Readonly<{
|
|
26
16
|
onBack?: (() => any) | undefined;
|
|
27
17
|
}>, {
|
|
28
18
|
hidePageHeader: boolean;
|
|
29
19
|
showFooterBar: boolean;
|
|
30
|
-
pageHeader: PageHeaderProps;
|
|
31
20
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
32
21
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
22
|
export default _default;
|
|
@@ -1,56 +1,76 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var V = Object.defineProperty;
|
|
2
|
+
var I = Object.getOwnPropertySymbols;
|
|
3
|
+
var z = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var T = (a, e, r) => e in a ? V(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, y = (a, e) => {
|
|
5
|
+
for (var r in e || (e = {}))
|
|
6
|
+
z.call(e, r) && T(a, r, e[r]);
|
|
7
|
+
if (I)
|
|
8
|
+
for (var r of I(e))
|
|
9
|
+
S.call(e, r) && T(a, r, e[r]);
|
|
10
|
+
return a;
|
|
11
|
+
};
|
|
12
|
+
import { defineComponent as j, computed as F, createElementBlock as q, openBlock as s, normalizeClass as _, createBlock as M, createCommentVNode as N, createElementVNode as A, withCtx as R, renderSlot as l, mergeProps as D } from "vue";
|
|
13
|
+
import G from "../pro-page-header/pro-page-header.vue.js";
|
|
14
|
+
/* empty css */
|
|
15
|
+
import J from "../pro-footer-bar/index.vue.js";
|
|
16
|
+
import { merge as x } from "es-toolkit/object";
|
|
17
|
+
import { globalProps as K } from "../global-props.js";
|
|
18
|
+
import { defaultPageContainerProps as L } from "./constant.js";
|
|
19
|
+
const i = "keyblade-pro-page-container", te = /* @__PURE__ */ j({
|
|
3
20
|
__name: "pro-page-container",
|
|
4
21
|
props: {
|
|
5
|
-
hidePageHeader: { type: Boolean, default:
|
|
6
|
-
showFooterBar: { type: Boolean, default:
|
|
22
|
+
hidePageHeader: { type: Boolean, default: void 0 },
|
|
23
|
+
showFooterBar: { type: Boolean, default: void 0 },
|
|
7
24
|
footerBarOptions: {},
|
|
8
|
-
pageHeader: {
|
|
9
|
-
title: "",
|
|
10
|
-
subTitle: "",
|
|
11
|
-
titlePosition: "top",
|
|
12
|
-
hideTitle: !1,
|
|
13
|
-
breadcrumbRouterMode: !1,
|
|
14
|
-
breadcrumbPrefixIcon: "icon-apps",
|
|
15
|
-
breadcrumbItems: []
|
|
16
|
-
}) }
|
|
25
|
+
pageHeader: {}
|
|
17
26
|
},
|
|
18
27
|
emits: ["back"],
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
28
|
+
setup(a, { emit: e }) {
|
|
29
|
+
const r = e, E = a, t = F(() => {
|
|
30
|
+
var o;
|
|
31
|
+
return x(y({}, L), x(((o = K) == null ? void 0 : o.pageContainer) || {}, E || {}));
|
|
32
|
+
}), O = F(() => {
|
|
33
|
+
var o;
|
|
34
|
+
return (o = t.value) != null && o.showFooterBar ? [i, `${i}-with-footer-bar`] : [i];
|
|
35
|
+
});
|
|
36
|
+
return (o, n) => {
|
|
37
|
+
var d, u, m, p, c, b, f, g, v, h, B, P, k, H, w, $, C;
|
|
38
|
+
return s(), q("div", {
|
|
39
|
+
class: _(O.value)
|
|
26
40
|
}, [
|
|
27
|
-
|
|
41
|
+
(d = t.value) != null && d.hidePageHeader ? N("", !0) : (s(), M(G, {
|
|
28
42
|
key: 0,
|
|
29
|
-
title:
|
|
30
|
-
subTitle:
|
|
31
|
-
titlePosition:
|
|
32
|
-
hideTitle:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
title: (m = (u = t.value) == null ? void 0 : u.pageHeader) == null ? void 0 : m.title,
|
|
44
|
+
subTitle: (c = (p = t.value) == null ? void 0 : p.pageHeader) == null ? void 0 : c.subTitle,
|
|
45
|
+
titlePosition: (f = (b = t.value) == null ? void 0 : b.pageHeader) == null ? void 0 : f.titlePosition,
|
|
46
|
+
hideTitle: (v = (g = t.value) == null ? void 0 : g.pageHeader) == null ? void 0 : v.hideTitle,
|
|
47
|
+
"show-back-button": (B = (h = t.value) == null ? void 0 : h.pageHeader) == null ? void 0 : B.showBackButton,
|
|
48
|
+
breadcrumbRouterMode: (k = (P = t.value) == null ? void 0 : P.pageHeader) == null ? void 0 : k.breadcrumbRouterMode,
|
|
49
|
+
breadcrumbPrefixIcon: (w = (H = t.value) == null ? void 0 : H.pageHeader) == null ? void 0 : w.breadcrumbPrefixIcon,
|
|
50
|
+
breadcrumbItems: (C = ($ = t.value) == null ? void 0 : $.pageHeader) == null ? void 0 : C.breadcrumbItems
|
|
51
|
+
}, {
|
|
52
|
+
"breadcrumb-right": R(() => [
|
|
53
|
+
l(o.$slots, "page-header-breadcrumb-right")
|
|
54
|
+
]),
|
|
55
|
+
_: 3
|
|
56
|
+
}, 8, ["title", "subTitle", "titlePosition", "hideTitle", "show-back-button", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
|
|
57
|
+
A("div", {
|
|
58
|
+
class: _(`${i}-content`)
|
|
39
59
|
}, [
|
|
40
|
-
l(
|
|
60
|
+
l(o.$slots, "default")
|
|
41
61
|
], 2),
|
|
42
|
-
|
|
43
|
-
onBack:
|
|
62
|
+
o.showFooterBar ? (s(), M(J, D({ key: 1 }, o.footerBarOptions, {
|
|
63
|
+
onBack: n[0] || (n[0] = (Q) => r("back"))
|
|
44
64
|
}), {
|
|
45
|
-
default:
|
|
46
|
-
l(
|
|
65
|
+
default: R(() => [
|
|
66
|
+
l(o.$slots, "footerBar")
|
|
47
67
|
]),
|
|
48
68
|
_: 3
|
|
49
|
-
}, 16)) :
|
|
69
|
+
}, 16)) : N("", !0)
|
|
50
70
|
], 2);
|
|
51
71
|
};
|
|
52
72
|
}
|
|
53
73
|
});
|
|
54
74
|
export {
|
|
55
|
-
|
|
75
|
+
te as default
|
|
56
76
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
title: "",
|
|
3
|
+
subTitle: "",
|
|
4
|
+
titlePosition: "top",
|
|
5
|
+
hideTitle: void 0,
|
|
6
|
+
showBackButton: void 0,
|
|
7
|
+
breadcrumbRouterMode: void 0,
|
|
8
|
+
breadcrumbPrefixIcon: "icon-apps",
|
|
9
|
+
breadcrumbItems: []
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
e as defaultPageHeaderProps
|
|
13
|
+
};
|