@keyblade/pro-components 1.13.8-alpha.36 → 1.13.8-alpha.37
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-page-container/index.d.ts +1 -0
- package/es/pro-page-container/pro-page-container.vue.d.ts +1 -0
- package/es/pro-page-container/pro-page-container.vue.js +42 -37
- package/es/pro-page-header/index.d.ts +5 -1
- package/es/pro-page-header/pro-page-header.vue.d.ts +16 -1
- package/es/pro-page-header/pro-page-header.vue.js +100 -98
- package/package.json +1 -1
|
@@ -23,6 +23,7 @@ declare const ProPageContainer: {
|
|
|
23
23
|
back: () => any;
|
|
24
24
|
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
25
25
|
$slots: {
|
|
26
|
+
'page-header-breadcrumb-right'?(_: {}): any;
|
|
26
27
|
default?(_: {}): any;
|
|
27
28
|
footerBar?(_: {}): any;
|
|
28
29
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
var
|
|
1
|
+
var j = Object.defineProperty;
|
|
2
2
|
var I = Object.getOwnPropertySymbols;
|
|
3
|
-
var
|
|
4
|
-
var T = (a, e, r) => e in a ?
|
|
3
|
+
var q = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var T = (a, e, r) => e in a ? j(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, w = (a, e) => {
|
|
5
5
|
for (var r in e || (e = {}))
|
|
6
|
-
|
|
6
|
+
q.call(e, r) && T(a, r, e[r]);
|
|
7
7
|
if (I)
|
|
8
8
|
for (var r of I(e))
|
|
9
|
-
|
|
9
|
+
A.call(e, r) && T(a, r, e[r]);
|
|
10
10
|
return a;
|
|
11
11
|
};
|
|
12
|
-
import { defineComponent as
|
|
13
|
-
import { merge as
|
|
12
|
+
import { defineComponent as D, computed as y, resolveComponent as F, createElementBlock as G, openBlock as i, normalizeClass as M, createBlock as N, createCommentVNode as R, createElementVNode as J, withCtx as x, renderSlot as s, mergeProps as K } from "vue";
|
|
13
|
+
import { merge as E } from "es-toolkit/object";
|
|
14
14
|
import { globalProps as L } from "../global-props.js";
|
|
15
15
|
import { defaultPageContainerProps as Q } from "./constant.js";
|
|
16
|
-
const n = "keyblade-pro-page-container", re = /* @__PURE__ */
|
|
16
|
+
const n = "keyblade-pro-page-container", re = /* @__PURE__ */ D({
|
|
17
17
|
__name: "pro-page-container",
|
|
18
18
|
props: {
|
|
19
19
|
hidePageHeader: { type: Boolean },
|
|
@@ -23,43 +23,48 @@ const n = "keyblade-pro-page-container", re = /* @__PURE__ */ A({
|
|
|
23
23
|
},
|
|
24
24
|
emits: ["back"],
|
|
25
25
|
setup(a, { emit: e }) {
|
|
26
|
-
const r = e,
|
|
27
|
-
var
|
|
28
|
-
return
|
|
29
|
-
}),
|
|
30
|
-
var
|
|
31
|
-
return (
|
|
26
|
+
const r = e, O = a, t = y(() => {
|
|
27
|
+
var o;
|
|
28
|
+
return E(w({}, Q), E(((o = L) == null ? void 0 : o.pageContainer) || {}, O || {}));
|
|
29
|
+
}), V = y(() => {
|
|
30
|
+
var o;
|
|
31
|
+
return (o = t.value) != null && o.showFooterBar ? [n, `${n}-with-footer-bar`] : [n];
|
|
32
32
|
});
|
|
33
|
-
return (
|
|
34
|
-
var
|
|
35
|
-
const
|
|
36
|
-
return i(),
|
|
37
|
-
class:
|
|
33
|
+
return (o, d) => {
|
|
34
|
+
var l, p, u, m, b, c, g, f, h, k, v, B, P, H, _, C, $;
|
|
35
|
+
const z = F("kb-pro-page-header"), S = F("kb-pro-footer-bar");
|
|
36
|
+
return i(), G("div", {
|
|
37
|
+
class: M(V.value)
|
|
38
38
|
}, [
|
|
39
|
-
(
|
|
39
|
+
(l = t.value) != null && l.hidePageHeader ? R("", !0) : (i(), N(z, {
|
|
40
40
|
key: 0,
|
|
41
|
-
title: (
|
|
42
|
-
subTitle: (
|
|
43
|
-
titlePosition: (
|
|
44
|
-
hideTitle: (
|
|
45
|
-
"hide-back-button": (v = (k =
|
|
46
|
-
breadcrumbRouterMode: (
|
|
47
|
-
breadcrumbPrefixIcon: (
|
|
48
|
-
breadcrumbItems: (
|
|
49
|
-
},
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
title: (u = (p = t.value) == null ? void 0 : p.pageHeader) == null ? void 0 : u.title,
|
|
42
|
+
subTitle: (b = (m = t.value) == null ? void 0 : m.pageHeader) == null ? void 0 : b.subTitle,
|
|
43
|
+
titlePosition: (g = (c = t.value) == null ? void 0 : c.pageHeader) == null ? void 0 : g.titlePosition,
|
|
44
|
+
hideTitle: (h = (f = t.value) == null ? void 0 : f.pageHeader) == null ? void 0 : h.hideTitle,
|
|
45
|
+
"hide-back-button": (v = (k = t.value) == null ? void 0 : k.pageHeader) == null ? void 0 : v.hideBackButton,
|
|
46
|
+
breadcrumbRouterMode: (P = (B = t.value) == null ? void 0 : B.pageHeader) == null ? void 0 : P.breadcrumbRouterMode,
|
|
47
|
+
breadcrumbPrefixIcon: (_ = (H = t.value) == null ? void 0 : H.pageHeader) == null ? void 0 : _.breadcrumbPrefixIcon,
|
|
48
|
+
breadcrumbItems: ($ = (C = t.value) == null ? void 0 : C.pageHeader) == null ? void 0 : $.breadcrumbItems
|
|
49
|
+
}, {
|
|
50
|
+
"breadcrumb-right": x(() => [
|
|
51
|
+
s(o.$slots, "page-header-breadcrumb-right")
|
|
52
|
+
]),
|
|
53
|
+
_: 3
|
|
54
|
+
}, 8, ["title", "subTitle", "titlePosition", "hideTitle", "hide-back-button", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
|
|
55
|
+
J("div", {
|
|
56
|
+
class: M(`${n}-content`)
|
|
52
57
|
}, [
|
|
53
|
-
|
|
58
|
+
s(o.$slots, "default")
|
|
54
59
|
], 2),
|
|
55
|
-
|
|
56
|
-
onBack:
|
|
60
|
+
o.showFooterBar ? (i(), N(S, K({ key: 1 }, o.footerBarOptions, {
|
|
61
|
+
onBack: d[0] || (d[0] = (U) => r("back"))
|
|
57
62
|
}), {
|
|
58
|
-
default:
|
|
59
|
-
|
|
63
|
+
default: x(() => [
|
|
64
|
+
s(o.$slots, "footerBar")
|
|
60
65
|
]),
|
|
61
66
|
_: 3
|
|
62
|
-
}, 16)) :
|
|
67
|
+
}, 16)) : R("", !0)
|
|
63
68
|
], 2);
|
|
64
69
|
};
|
|
65
70
|
}
|
|
@@ -11,7 +11,11 @@ declare const ProPageHeader: {
|
|
|
11
11
|
__isFragment?: never;
|
|
12
12
|
__isTeleport?: never;
|
|
13
13
|
__isSuspense?: never;
|
|
14
|
-
} & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
14
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
15
|
+
$slots: {
|
|
16
|
+
'breadcrumb-right'?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
}) & {
|
|
15
19
|
install: (app: App) => void;
|
|
16
20
|
};
|
|
17
21
|
export { ProPageHeader };
|
|
@@ -1,3 +1,18 @@
|
|
|
1
1
|
import { PageHeaderProps } from './interface.ts';
|
|
2
|
-
declare
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
'breadcrumb-right'?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<PageHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
3
13
|
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var K = Object.defineProperty;
|
|
2
2
|
var N = Object.getOwnPropertySymbols;
|
|
3
3
|
var O = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
|
|
4
|
-
var V = (l, r, e) => r in l ? K(l, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[r] = e,
|
|
4
|
+
var V = (l, r, e) => r in l ? K(l, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[r] = e, S = (l, r) => {
|
|
5
5
|
for (var e in r || (r = {}))
|
|
6
6
|
O.call(r, e) && V(l, e, r[e]);
|
|
7
7
|
if (N)
|
|
@@ -9,13 +9,13 @@ var V = (l, r, e) => r in l ? K(l, r, { enumerable: !0, configurable: !0, writab
|
|
|
9
9
|
Q.call(r, e) && V(l, e, r[e]);
|
|
10
10
|
return l;
|
|
11
11
|
};
|
|
12
|
-
import { defineComponent as U, computed as
|
|
13
|
-
import { createReusableTemplate as
|
|
14
|
-
import { useRouter as
|
|
15
|
-
import { merge as
|
|
16
|
-
import { globalProps as
|
|
17
|
-
import { defaultPageHeaderProps as
|
|
18
|
-
const ae = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } },
|
|
12
|
+
import { defineComponent as U, computed as j, inject as W, resolveComponent as c, createElementBlock as m, openBlock as o, normalizeClass as _, createVNode as n, createCommentVNode as p, unref as d, withCtx as a, createBlock as i, createTextVNode as k, toDisplayString as g, createElementVNode as X, renderSlot as Y, resolveDynamicComponent as Z, Fragment as B, renderList as ee } from "vue";
|
|
13
|
+
import { createReusableTemplate as w } from "@vueuse/core";
|
|
14
|
+
import { useRouter as te } from "vue-router";
|
|
15
|
+
import { merge as D } from "es-toolkit/object";
|
|
16
|
+
import { globalProps as re } from "../global-props.js";
|
|
17
|
+
import { defaultPageHeaderProps as oe } from "./constant.js";
|
|
18
|
+
const ae = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, le = { key: 1 }, y = "keyblade-pro-page-header", ie = /* @__PURE__ */ U({
|
|
19
19
|
__name: "pro-page-header",
|
|
20
20
|
props: {
|
|
21
21
|
title: {},
|
|
@@ -28,21 +28,21 @@ const ae = { style: { display: "flex", "justify-content": "space-between", "alig
|
|
|
28
28
|
breadcrumbItems: {}
|
|
29
29
|
},
|
|
30
30
|
setup(l) {
|
|
31
|
-
const r = l, e =
|
|
32
|
-
var
|
|
33
|
-
return
|
|
34
|
-
}), [
|
|
35
|
-
return (
|
|
36
|
-
var
|
|
37
|
-
const A =
|
|
38
|
-
return
|
|
31
|
+
const r = l, e = j(() => {
|
|
32
|
+
var f;
|
|
33
|
+
return D(S({}, oe), D(((f = re) == null ? void 0 : f.pageHeader) || {}, r || {}));
|
|
34
|
+
}), [E, T] = w(), [H, x] = w(), M = te(), z = W("ProBreadcrumbItems", []), h = j(() => e.value.breadcrumbItems instanceof Array && e.value.breadcrumbItems.length === 0 || !e.value.breadcrumbItems ? z.value : e.value.breadcrumbItems || []);
|
|
35
|
+
return (f, v) => {
|
|
36
|
+
var P, C;
|
|
37
|
+
const A = c("a-typography-title"), F = c("a-typography-text"), I = c("a-breadcrumb-item"), L = c("a-link"), q = c("router-link"), G = c("a-breadcrumb"), J = c("a-button");
|
|
38
|
+
return o(), m("div", {
|
|
39
39
|
class: _(y)
|
|
40
40
|
}, [
|
|
41
|
-
n(
|
|
42
|
-
default:
|
|
43
|
-
var
|
|
41
|
+
n(d(H), null, {
|
|
42
|
+
default: a(() => {
|
|
43
|
+
var u, t;
|
|
44
44
|
return [
|
|
45
|
-
(
|
|
45
|
+
(u = e.value) != null && u.hideTitle ? p("", !0) : (o(), m("div", {
|
|
46
46
|
key: 0,
|
|
47
47
|
class: _(`${y}-section-title`)
|
|
48
48
|
}, [
|
|
@@ -50,23 +50,23 @@ const ae = { style: { display: "flex", "justify-content": "space-between", "alig
|
|
|
50
50
|
heading: 6,
|
|
51
51
|
class: _(`${y}-title`)
|
|
52
52
|
}, {
|
|
53
|
-
default:
|
|
54
|
-
var
|
|
53
|
+
default: a(() => {
|
|
54
|
+
var s, b, $, R;
|
|
55
55
|
return [
|
|
56
|
-
k(g(((
|
|
56
|
+
k(g(((s = e.value) == null ? void 0 : s.title) || ((R = ($ = h.value) == null ? void 0 : $[((b = h.value) == null ? void 0 : b.length) - 1]) == null ? void 0 : R.label)), 1)
|
|
57
57
|
];
|
|
58
58
|
}),
|
|
59
59
|
_: 1
|
|
60
60
|
}, 8, ["class"]),
|
|
61
|
-
(
|
|
61
|
+
(t = e.value) != null && t.subTitle ? (o(), i(F, {
|
|
62
62
|
key: 0,
|
|
63
63
|
type: "secondary",
|
|
64
64
|
class: _(`${y}-subtitle`)
|
|
65
65
|
}, {
|
|
66
|
-
default:
|
|
67
|
-
var
|
|
66
|
+
default: a(() => {
|
|
67
|
+
var s;
|
|
68
68
|
return [
|
|
69
|
-
k(g((
|
|
69
|
+
k(g((s = e.value) == null ? void 0 : s.subTitle), 1)
|
|
70
70
|
];
|
|
71
71
|
}),
|
|
72
72
|
_: 1
|
|
@@ -76,83 +76,85 @@ const ae = { style: { display: "flex", "justify-content": "space-between", "alig
|
|
|
76
76
|
}),
|
|
77
77
|
_: 1
|
|
78
78
|
}),
|
|
79
|
-
n(
|
|
80
|
-
default:
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
(
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
79
|
+
n(d(E), null, {
|
|
80
|
+
default: a(() => [
|
|
81
|
+
X("div", ae, [
|
|
82
|
+
n(G, {
|
|
83
|
+
class: _(`${y}-section-breadcrumb`)
|
|
84
|
+
}, {
|
|
85
|
+
default: a(() => {
|
|
86
|
+
var u;
|
|
87
|
+
return [
|
|
88
|
+
(u = e.value) != null && u.breadcrumbPrefixIcon ? (o(), i(I, {
|
|
89
|
+
key: 0,
|
|
90
|
+
style: { cursor: "text" }
|
|
91
|
+
}, {
|
|
92
|
+
default: a(() => {
|
|
93
|
+
var t;
|
|
94
|
+
return [
|
|
95
|
+
(o(), i(Z((t = e.value) == null ? void 0 : t.breadcrumbPrefixIcon)))
|
|
96
|
+
];
|
|
97
|
+
}),
|
|
98
|
+
_: 1
|
|
99
|
+
})) : p("", !0),
|
|
100
|
+
(o(!0), m(B, null, ee(h.value, (t, s) => (o(), i(I, {
|
|
101
|
+
key: `${t}-${s}`
|
|
102
|
+
}, {
|
|
103
|
+
default: a(() => {
|
|
104
|
+
var b;
|
|
105
|
+
return [
|
|
106
|
+
(b = e.value) != null && b.breadcrumbRouterMode ? (o(), i(q, {
|
|
107
|
+
key: 0,
|
|
108
|
+
to: (t == null ? void 0 : t.path) || ""
|
|
109
|
+
}, {
|
|
110
|
+
default: a(() => [
|
|
111
|
+
n(L, null, {
|
|
112
|
+
default: a(() => [
|
|
113
|
+
k(g(t == null ? void 0 : t.label), 1)
|
|
114
|
+
]),
|
|
115
|
+
_: 2
|
|
116
|
+
}, 1024)
|
|
117
|
+
]),
|
|
118
|
+
_: 2
|
|
119
|
+
}, 1032, ["to"])) : (o(), m("span", le, g(t == null ? void 0 : t.label), 1))
|
|
120
|
+
];
|
|
121
|
+
}),
|
|
122
|
+
_: 2
|
|
123
|
+
}, 1024))), 128))
|
|
124
|
+
];
|
|
125
|
+
}),
|
|
126
|
+
_: 1
|
|
127
|
+
}, 8, ["class"]),
|
|
128
|
+
Y(f.$slots, "breadcrumb-right", {}, () => {
|
|
129
|
+
var u;
|
|
130
|
+
return [
|
|
131
|
+
(u = e.value) != null && u.hideBackButton ? p("", !0) : (o(), i(J, {
|
|
132
|
+
key: 0,
|
|
133
|
+
onClick: v[0] || (v[0] = (t) => d(M).back())
|
|
134
|
+
}, {
|
|
135
|
+
default: a(() => v[1] || (v[1] = [
|
|
136
|
+
k("返回")
|
|
137
|
+
])),
|
|
138
|
+
_: 1
|
|
139
|
+
}))
|
|
140
|
+
];
|
|
141
|
+
})
|
|
142
|
+
])
|
|
143
|
+
]),
|
|
144
|
+
_: 3
|
|
143
145
|
}),
|
|
144
|
-
((
|
|
145
|
-
n(
|
|
146
|
-
n(
|
|
146
|
+
((P = e.value) == null ? void 0 : P.titlePosition) === "top" ? (o(), m(B, { key: 0 }, [
|
|
147
|
+
n(d(x)),
|
|
148
|
+
n(d(T))
|
|
147
149
|
], 64)) : p("", !0),
|
|
148
|
-
((
|
|
149
|
-
n(
|
|
150
|
-
n(
|
|
150
|
+
((C = e.value) == null ? void 0 : C.titlePosition) === "bottom" ? (o(), m(B, { key: 1 }, [
|
|
151
|
+
n(d(T)),
|
|
152
|
+
n(d(x))
|
|
151
153
|
], 64)) : p("", !0)
|
|
152
154
|
]);
|
|
153
155
|
};
|
|
154
156
|
}
|
|
155
157
|
});
|
|
156
158
|
export {
|
|
157
|
-
|
|
159
|
+
ie as default
|
|
158
160
|
};
|
package/package.json
CHANGED