@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.
Files changed (156) hide show
  1. package/es/components.d.ts +7 -0
  2. package/es/global-props.d.ts +20 -3
  3. package/es/global-props.js +6 -2
  4. package/es/index.d.ts +7 -0
  5. package/es/index.js +47 -28
  6. package/es/inerface.d.ts +5 -2
  7. package/es/pro-calendar/calendar.vue.d.ts +75 -0
  8. package/es/pro-calendar/calendar.vue.js +159 -0
  9. package/es/pro-calendar/calendar.vue3.js +5 -0
  10. package/es/pro-calendar/enum.d.ts +6 -0
  11. package/es/pro-calendar/enum.js +4 -0
  12. package/es/pro-calendar/header.vue.d.ts +35 -0
  13. package/es/pro-calendar/header.vue.js +146 -0
  14. package/es/pro-calendar/header.vue2.js +4 -0
  15. package/es/pro-calendar/hooks/useCellClassName.d.ts +12 -0
  16. package/es/pro-calendar/hooks/useCellClassName.js +40 -0
  17. package/es/pro-calendar/index.d.ts +117 -0
  18. package/es/pro-calendar/index.js +12 -0
  19. package/es/pro-calendar/interface.d.ts +89 -0
  20. package/es/pro-calendar/month.d.ts +5 -0
  21. package/es/pro-calendar/month.js +53 -0
  22. package/es/pro-calendar/month.vue.d.ts +22 -0
  23. package/es/pro-calendar/month.vue.js +126 -0
  24. package/es/pro-calendar/month.vue2.js +4 -0
  25. package/es/pro-calendar/week.vue.d.ts +3 -0
  26. package/es/pro-calendar/week.vue.js +34 -0
  27. package/es/pro-calendar/week.vue2.js +4 -0
  28. package/es/pro-calendar/year.vue.d.ts +3 -0
  29. package/es/pro-calendar/year.vue.js +123 -0
  30. package/es/pro-calendar/year.vue2.js +4 -0
  31. package/es/pro-date-range-picker/index.d.ts +183 -13
  32. package/es/pro-date-range-picker/index.js +6 -7
  33. package/es/pro-date-range-picker/interface.d.ts +38 -0
  34. package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +173 -6
  35. package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
  36. package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +124 -104
  37. package/es/pro-dates-picker/index.d.ts +49 -0
  38. package/es/pro-dates-picker/index.js +11 -0
  39. package/es/pro-dates-picker/index.vue.d.ts +29 -0
  40. package/es/pro-dates-picker/index.vue.js +135 -0
  41. package/es/pro-dates-picker/index.vue3.js +5 -0
  42. package/es/pro-dates-picker/interface.d.ts +38 -0
  43. package/es/pro-dates-picker/util.d.ts +12 -0
  44. package/es/pro-dates-picker/util.js +9 -0
  45. package/es/pro-find-password/enum.d.ts +8 -0
  46. package/es/pro-find-password/enum.js +4 -0
  47. package/es/pro-find-password/index.d.ts +11 -0
  48. package/es/pro-find-password/index.js +11 -0
  49. package/es/pro-find-password/index.vue.d.ts +4459 -0
  50. package/es/pro-find-password/index.vue.js +176 -0
  51. package/es/pro-find-password/index.vue3.js +5 -0
  52. package/es/pro-find-password/interface.d.ts +45 -0
  53. package/es/pro-find-password/reset-password.vue.d.ts +591 -0
  54. package/es/pro-find-password/reset-password.vue.js +179 -0
  55. package/es/pro-find-password/reset-password.vue2.js +4 -0
  56. package/es/pro-find-password/verify-user-name.vue.d.ts +795 -0
  57. package/es/pro-find-password/verify-user-name.vue.js +112 -0
  58. package/es/pro-find-password/verify-user-name.vue3.js +5 -0
  59. package/es/pro-footer-bar/index.d.ts +6 -3
  60. package/es/pro-footer-bar/index.js +6 -7
  61. package/es/pro-footer-bar/index.vue.d.ts +1 -1
  62. package/es/pro-footer-bar/index.vue.js +2 -2
  63. package/es/pro-footer-bar/index.vue2.js +24 -26
  64. package/es/pro-footer-bar/{inerface.d.ts → interface.d.ts} +1 -0
  65. package/es/pro-form-group/index.d.ts +7 -6
  66. package/es/pro-form-group/index.js +6 -8
  67. package/es/pro-form-group/index.vue.d.ts +2 -2
  68. package/es/pro-form-group/index.vue.js +1 -1
  69. package/es/pro-form-group/index.vue2.js +31 -32
  70. package/es/pro-image-upload/cropper.vue.js +2 -2
  71. package/es/pro-image-upload/cropper.vue2.js +200 -190
  72. package/es/pro-image-upload/image-upload.vue.d.ts +1124 -371
  73. package/es/pro-image-upload/image-upload.vue.js +178 -144
  74. package/es/pro-image-upload/index.d.ts +1727 -1001
  75. package/es/pro-image-upload/index.js +6 -8
  76. package/es/pro-keep-alive-router-view/index.d.ts +1 -0
  77. package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js +17 -18
  78. package/es/pro-layout/hooks.d.ts +80 -1
  79. package/es/pro-layout/hooks.js +133 -84
  80. package/es/pro-layout/index.d.ts +9 -6
  81. package/es/pro-layout/index.js +6 -11
  82. package/es/pro-layout/pro-layout.vue.d.ts +4 -2
  83. package/es/pro-layout/pro-layout.vue.js +220 -208
  84. package/es/pro-loader/index.d.ts +43 -0
  85. package/es/pro-loader/index.js +11 -0
  86. package/es/pro-loader/index.vue.d.ts +28 -0
  87. package/es/pro-loader/index.vue.js +112 -0
  88. package/es/pro-loader/index.vue3.js +5 -0
  89. package/es/pro-loader/interface.d.ts +16 -0
  90. package/es/pro-login/enum.d.ts +6 -0
  91. package/es/pro-login/enum.js +4 -0
  92. package/es/pro-login/form-mobile.vue.d.ts +797 -0
  93. package/es/pro-login/form-mobile.vue.js +146 -0
  94. package/es/pro-login/form-mobile.vue2.js +4 -0
  95. package/es/pro-login/form-password.vue.d.ts +584 -0
  96. package/es/pro-login/form-password.vue.js +99 -0
  97. package/es/pro-login/form-password.vue2.js +4 -0
  98. package/es/pro-login/index.d.ts +11 -0
  99. package/es/pro-login/index.js +11 -0
  100. package/es/pro-login/index.vue.d.ts +4429 -0
  101. package/es/pro-login/index.vue.js +105 -0
  102. package/es/pro-login/index.vue3.js +5 -0
  103. package/es/pro-login/interface.d.ts +72 -0
  104. package/es/pro-login/regexp.d.ts +17 -0
  105. package/es/pro-login/regexp.js +28 -0
  106. package/es/pro-menu/index.d.ts +18 -80
  107. package/es/pro-menu/index.js +6 -7
  108. package/es/pro-menu/interface.d.ts +31 -0
  109. package/es/pro-menu/menu-item.vue.d.ts +27 -0
  110. package/es/pro-menu/menu-item.vue.js +35 -0
  111. package/es/pro-menu/menu-item.vue2.js +4 -0
  112. package/es/pro-menu/pro-menu-item.vue.d.ts +9 -0
  113. package/es/pro-menu/pro-menu-item.vue.js +63 -0
  114. package/es/pro-menu/pro-menu-item.vue2.js +4 -0
  115. package/es/pro-menu/pro-menu.vue.d.ts +9 -55
  116. package/es/pro-menu/pro-menu.vue.js +36 -119
  117. package/es/pro-menu/sub-menu.vue.d.ts +22 -0
  118. package/es/pro-menu/sub-menu.vue.js +55 -0
  119. package/es/pro-menu/sub-menu.vue2.js +4 -0
  120. package/es/pro-menu/util.d.ts +9 -0
  121. package/es/pro-menu/util.js +7 -0
  122. package/es/pro-page-container/constant.d.ts +2 -0
  123. package/es/pro-page-container/constant.js +9 -0
  124. package/es/pro-page-container/index.d.ts +7 -21
  125. package/es/pro-page-container/index.js +6 -8
  126. package/es/pro-page-container/interface.d.ts +12 -0
  127. package/es/pro-page-container/pro-page-container.vue.d.ts +4 -15
  128. package/es/pro-page-container/pro-page-container.vue.js +58 -38
  129. package/es/pro-page-header/constant.d.ts +2 -0
  130. package/es/pro-page-header/constant.js +13 -0
  131. package/es/pro-page-header/index.d.ts +12 -146
  132. package/es/pro-page-header/index.js +6 -8
  133. package/es/pro-page-header/interface.d.ts +21 -0
  134. package/es/pro-page-header/pro-page-header.vue.d.ts +18 -103
  135. package/es/pro-page-header/pro-page-header.vue.js +141 -124
  136. package/es/pro-reuse-tabs/index.d.ts +8 -6
  137. package/es/pro-reuse-tabs/index.js +6 -7
  138. package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts +2 -2
  139. package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js +33 -35
  140. package/es/pro-table/index.d.ts +18 -18
  141. package/es/pro-table/index.js +6 -7
  142. package/es/pro-table/index.vue.d.ts +6 -6
  143. package/es/pro-table/index.vue.js +94 -39
  144. package/es/pro-table/interface.d.ts +73 -65
  145. package/es/pro-textarea/index.d.ts +7 -5
  146. package/es/pro-textarea/index.js +5 -6
  147. package/es/pro-textarea/index.vue.d.ts +1 -1
  148. package/es/pro-textarea/index.vue.js +1 -1
  149. package/es/pro-textarea/index.vue2.js +14 -16
  150. package/es/pro-textarea/{inerface.d.ts → interface.d.ts} +19 -18
  151. package/es/style.css +1 -1
  152. package/es/utils.d.ts +6 -0
  153. package/es/utils.js +7 -0
  154. package/package.json +5 -4
  155. package/es/pro-date-range-picker/inerface.d.ts +0 -26
  156. package/es/pro-page-container/inerface.d.ts +0 -12
@@ -1,127 +1,44 @@
1
- import { defineComponent as $, computed as b, resolveComponent as f, createBlock as u, openBlock as o, mergeProps as A, withCtx as a, createVNode as R, createElementBlock as s, unref as h, createCommentVNode as r, Fragment as p, createSlots as x, renderList as M, createTextVNode as _, toDisplayString as q, resolveDynamicComponent as I, normalizeClass as N } from "vue";
2
- import { createReusableTemplate as j } from "@vueuse/core";
3
- const w = ["src"], E = ["src"], F = "keyblade-pro-menu", T = "keyblade-pro-menu-item", W = /* @__PURE__ */ $({
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
- mode: {
7
- type: String,
8
- required: !1,
9
- default: "vertical"
10
- },
11
- collapsed: {
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
- "menu-item-click": (l) => !0
31
- },
32
- setup(l, { emit: z }) {
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
- W as default
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
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./sub-menu.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,9 @@
1
+ import { IProMenuItem, IProMenuProps } from './interface.ts';
2
+ /**
3
+ * 真实渲染的items(避免渲染多余的if)
4
+ * @param items
5
+ * @param params
6
+ */
7
+ export declare const renderItems: (items: IProMenuItem[], params: {
8
+ mode: IProMenuProps["mode"];
9
+ }) => IProMenuItem[];
@@ -0,0 +1,7 @@
1
+ const o = (n, t) => {
2
+ const { mode: r } = t || {};
3
+ return n.filter((e) => e && !e.hideInMenu && (r === "vertical" || r === "horizontal" && e.topMenu));
4
+ };
5
+ export {
6
+ o as renderItems
7
+ };
@@ -0,0 +1,2 @@
1
+ import { PageContainerProps } from './interface.ts';
2
+ export declare const defaultPageContainerProps: PageContainerProps;
@@ -0,0 +1,9 @@
1
+ import { defaultPageHeaderProps as e } from "../pro-page-header/constant.js";
2
+ const a = {
3
+ hidePageHeader: void 0,
4
+ showFooterBar: void 0,
5
+ pageHeader: e
6
+ };
7
+ export {
8
+ a as defaultPageContainerProps
9
+ };
@@ -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 r from "./pro-page-container.vue.js";
1
+ import o from "./pro-page-container.vue.js";
2
2
  /* empty css */
3
- import { ProPageHeader as e } from "../pro-page-header/index.js";
4
- import { ProFooterBar as t } from "../pro-footer-bar/index.js";
5
- const s = Object.assign(r, {
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
- s as ProPageContainer,
12
- s as default
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 { ProFooterBarProps } from '../pro-footer-bar/inerface';
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<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
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<__VLS_Props> & 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
- import { defineComponent as k, computed as h, resolveComponent as i, createElementBlock as B, openBlock as o, normalizeClass as s, createBlock as n, createCommentVNode as d, createElementVNode as P, renderSlot as l, mergeProps as H, withCtx as I } from "vue";
2
- const r = "keyblade-pro-page-container", v = /* @__PURE__ */ k({
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: !1 },
6
- showFooterBar: { type: Boolean, default: !1 },
22
+ hidePageHeader: { type: Boolean, default: void 0 },
23
+ showFooterBar: { type: Boolean, default: void 0 },
7
24
  footerBarOptions: {},
8
- pageHeader: { default: () => ({
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(p, { emit: b }) {
20
- const u = b, m = p, c = h(() => m.showFooterBar ? [r, `${r}-with-footer-bar`] : [r]);
21
- return (e, t) => {
22
- var a;
23
- const f = i("kb-pro-page-header"), g = i("kb-pro-footer-bar");
24
- return o(), B("div", {
25
- class: s(c.value)
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
- e.hidePageHeader ? d("", !0) : (o(), n(f, {
41
+ (d = t.value) != null && d.hidePageHeader ? N("", !0) : (s(), M(G, {
28
42
  key: 0,
29
- title: e.pageHeader.title,
30
- subTitle: e.pageHeader.subTitle,
31
- titlePosition: e.pageHeader.titlePosition,
32
- hideTitle: e.pageHeader.hideTitle,
33
- breadcrumbRouterMode: (a = e.pageHeader) == null ? void 0 : a.breadcrumbRouterMode,
34
- breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
35
- breadcrumbItems: e.pageHeader.breadcrumbItems
36
- }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
37
- P("div", {
38
- class: s(`${r}-content`)
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(e.$slots, "default")
60
+ l(o.$slots, "default")
41
61
  ], 2),
42
- e.showFooterBar ? (o(), n(g, H({ key: 1 }, e.footerBarOptions, {
43
- onBack: t[0] || (t[0] = (T) => u("back"))
62
+ o.showFooterBar ? (s(), M(J, D({ key: 1 }, o.footerBarOptions, {
63
+ onBack: n[0] || (n[0] = (Q) => r("back"))
44
64
  }), {
45
- default: I(() => [
46
- l(e.$slots, "footerBar")
65
+ default: R(() => [
66
+ l(o.$slots, "footerBar")
47
67
  ]),
48
68
  _: 3
49
- }, 16)) : d("", !0)
69
+ }, 16)) : N("", !0)
50
70
  ], 2);
51
71
  };
52
72
  }
53
73
  });
54
74
  export {
55
- v as default
75
+ te as default
56
76
  };
@@ -0,0 +1,2 @@
1
+ import { PageHeaderProps } from './interface.ts';
2
+ export declare const defaultPageHeaderProps: PageHeaderProps;
@@ -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
+ };