@keyblade/pro-components 1.13.8-alpha.8 → 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 +21 -2
  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 -1
  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 +1 -1
  36. package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +127 -97
  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/type.d.ts +0 -22
  156. package/es/pro-page-container/inerface.d.ts +0 -12
@@ -1,168 +1,34 @@
1
1
  import { App } from 'vue';
2
2
  declare const ProPageHeader: {
3
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
4
- title: {
5
- type: import('vue').PropType<string>;
6
- required: false;
7
- default: string;
8
- };
9
- subTitle: {
10
- type: import('vue').PropType<string>;
11
- required: false;
12
- default: string;
13
- };
14
- titlePosition: {
15
- type: import('vue').PropType<"top" | "bottom">;
16
- required: false;
17
- default: string;
18
- };
19
- hideTitle: {
20
- type: import('vue').PropType<boolean>;
21
- required: false;
22
- default: boolean;
23
- };
24
- breadcrumbRouterMode: {
25
- type: import('vue').PropType<boolean>;
26
- required: false;
27
- default: boolean;
28
- };
29
- breadcrumbPrefixIcon: {
30
- type: import('vue').PropType<boolean | string>;
31
- required: false;
32
- default: string;
33
- };
34
- breadcrumbItems: {
35
- type: import('vue').PropType<{
36
- path?: string;
37
- label: string;
38
- }[]>;
39
- required: false;
40
- default: () => never[];
41
- };
42
- }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
43
- title: string;
44
- subTitle: string;
45
- titlePosition: "top" | "bottom";
3
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
46
4
  hideTitle: boolean;
47
5
  breadcrumbRouterMode: boolean;
48
- breadcrumbPrefixIcon: string | boolean;
49
- breadcrumbItems: {
50
- path?: string;
51
- label: string;
52
- }[];
53
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
6
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
54
7
  P: {};
55
8
  B: {};
56
9
  D: {};
57
10
  C: {};
58
11
  M: {};
59
12
  Defaults: {};
60
- }, Readonly<import('vue').ExtractPropTypes<{
61
- title: {
62
- type: import('vue').PropType<string>;
63
- required: false;
64
- default: string;
65
- };
66
- subTitle: {
67
- type: import('vue').PropType<string>;
68
- required: false;
69
- default: string;
70
- };
71
- titlePosition: {
72
- type: import('vue').PropType<"top" | "bottom">;
73
- required: false;
74
- default: string;
75
- };
76
- hideTitle: {
77
- type: import('vue').PropType<boolean>;
78
- required: false;
79
- default: boolean;
80
- };
81
- breadcrumbRouterMode: {
82
- type: import('vue').PropType<boolean>;
83
- required: false;
84
- default: boolean;
85
- };
86
- breadcrumbPrefixIcon: {
87
- type: import('vue').PropType<boolean | string>;
88
- required: false;
89
- default: string;
90
- };
91
- breadcrumbItems: {
92
- type: import('vue').PropType<{
93
- path?: string;
94
- label: string;
95
- }[]>;
96
- required: false;
97
- default: () => never[];
98
- };
99
- }>> & Readonly<{}>, {}, {}, {}, {}, {
100
- title: string;
101
- subTitle: string;
102
- titlePosition: "top" | "bottom";
13
+ }, Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, {
103
14
  hideTitle: boolean;
104
15
  breadcrumbRouterMode: boolean;
105
- breadcrumbPrefixIcon: string | boolean;
106
- breadcrumbItems: {
107
- path?: string;
108
- label: string;
109
- }[];
110
16
  }>;
111
17
  __isFragment?: never;
112
18
  __isTeleport?: never;
113
19
  __isSuspense?: never;
114
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
115
- title: {
116
- type: import('vue').PropType<string>;
117
- required: false;
118
- default: string;
119
- };
120
- subTitle: {
121
- type: import('vue').PropType<string>;
122
- required: false;
123
- default: string;
124
- };
125
- titlePosition: {
126
- type: import('vue').PropType<"top" | "bottom">;
127
- required: false;
128
- default: string;
129
- };
130
- hideTitle: {
131
- type: import('vue').PropType<boolean>;
132
- required: false;
133
- default: boolean;
134
- };
135
- breadcrumbRouterMode: {
136
- type: import('vue').PropType<boolean>;
137
- required: false;
138
- default: boolean;
139
- };
140
- breadcrumbPrefixIcon: {
141
- type: import('vue').PropType<boolean | string>;
142
- required: false;
143
- default: string;
144
- };
145
- breadcrumbItems: {
146
- type: import('vue').PropType<{
147
- path?: string;
148
- label: string;
149
- }[]>;
150
- required: false;
151
- default: () => never[];
152
- };
153
- }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
154
- title: string;
155
- subTitle: string;
156
- titlePosition: "top" | "bottom";
20
+ } & import('vue').ComponentOptionsBase<Readonly<import('./interface').PageHeaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
157
21
  hideTitle: boolean;
158
22
  breadcrumbRouterMode: boolean;
159
- breadcrumbPrefixIcon: string | boolean;
160
- breadcrumbItems: {
161
- path?: string;
162
- label: string;
163
- }[];
164
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
23
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
24
+ $slots: {
25
+ 'breadcrumb-right'?(_: {}): any;
26
+ };
27
+ }) & {
165
28
  install: (app: App) => void;
166
29
  };
30
+ /** 导出类型 */
31
+ export * from './interface';
32
+ /** 导出组件 */
167
33
  export { ProPageHeader };
168
34
  export default ProPageHeader;
@@ -1,13 +1,11 @@
1
- import o from "./pro-page-header.vue.js";
1
+ import e from "./pro-page-header.vue.js";
2
2
  /* empty css */
3
- import { Breadcrumb as r, Typography as s, Link as m } from "@arco-design/web-vue";
4
- import { IconApps as t } from "@arco-design/web-vue/es/icon";
5
- const u = Object.assign(o, {
6
- install: (e) => {
7
- e.use(r), e.use(s), e.use(m), e.use(t), e.component("KbProPageHeader", o);
3
+ const t = Object.assign(e, {
4
+ install: (a) => {
5
+ a.component("KbProPageHeader", e);
8
6
  }
9
7
  });
10
8
  export {
11
- u as ProPageHeader,
12
- u as default
9
+ t as ProPageHeader,
10
+ t as default
13
11
  };
@@ -0,0 +1,21 @@
1
+ export interface PageHeaderProps {
2
+ /** 标题,不传默认展示面包屑标题最后一项 */
3
+ title?: string;
4
+ /** 副标题,不传默认不展示 */
5
+ subTitle?: string;
6
+ /** 标题位置 */
7
+ titlePosition?: 'top' | 'bottom';
8
+ /** 是否隐藏标题 */
9
+ hideTitle?: boolean;
10
+ /** 是否显示返回按钮 */
11
+ showBackButton?: boolean;
12
+ /** 面包屑路由模式 */
13
+ breadcrumbRouterMode?: boolean;
14
+ /** 面包屑前缀图标 */
15
+ breadcrumbPrefixIcon?: boolean | string;
16
+ /** 面包屑项 */
17
+ breadcrumbItems?: {
18
+ label: string;
19
+ path?: string;
20
+ }[];
21
+ }
@@ -1,106 +1,21 @@
1
- import { PropType } from 'vue';
2
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
- /** 标题,不传默认展示面包屑标题最后一项 */
4
- title: {
5
- type: PropType<string>;
6
- required: false;
7
- default: string;
8
- };
9
- /** 副标题,不传默认不展示 */
10
- subTitle: {
11
- type: PropType<string>;
12
- required: false;
13
- default: string;
14
- };
15
- /** 标题位置 */
16
- titlePosition: {
17
- type: PropType<"top" | "bottom">;
18
- required: false;
19
- default: string;
20
- };
21
- /** 是否隐藏标题 */
22
- hideTitle: {
23
- type: PropType<boolean>;
24
- required: false;
25
- default: boolean;
26
- };
27
- /** 面包屑路由模式 */
28
- breadcrumbRouterMode: {
29
- type: PropType<boolean>;
30
- required: false;
31
- default: boolean;
32
- };
33
- /** 面包屑前缀图标 */
34
- breadcrumbPrefixIcon: {
35
- type: PropType<boolean | string>;
36
- required: false;
37
- default: string;
38
- };
39
- /** 面包屑项 */
40
- breadcrumbItems: {
41
- type: PropType<{
42
- path?: string;
43
- label: string;
44
- }[]>;
45
- required: false;
46
- default: () => never[];
47
- };
48
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
49
- /** 标题,不传默认展示面包屑标题最后一项 */
50
- title: {
51
- type: PropType<string>;
52
- required: false;
53
- default: string;
54
- };
55
- /** 副标题,不传默认不展示 */
56
- subTitle: {
57
- type: PropType<string>;
58
- required: false;
59
- default: string;
60
- };
61
- /** 标题位置 */
62
- titlePosition: {
63
- type: PropType<"top" | "bottom">;
64
- required: false;
65
- default: string;
66
- };
67
- /** 是否隐藏标题 */
68
- hideTitle: {
69
- type: PropType<boolean>;
70
- required: false;
71
- default: boolean;
72
- };
73
- /** 面包屑路由模式 */
74
- breadcrumbRouterMode: {
75
- type: PropType<boolean>;
76
- required: false;
77
- default: boolean;
78
- };
79
- /** 面包屑前缀图标 */
80
- breadcrumbPrefixIcon: {
81
- type: PropType<boolean | string>;
82
- required: false;
83
- default: string;
84
- };
85
- /** 面包屑项 */
86
- breadcrumbItems: {
87
- type: PropType<{
88
- path?: string;
89
- label: string;
90
- }[]>;
91
- required: false;
92
- default: () => never[];
93
- };
94
- }>> & Readonly<{}>, {
95
- title: string;
96
- subTitle: string;
97
- titlePosition: "top" | "bottom";
1
+ import { PageHeaderProps } from './interface.ts';
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<{}>, {
98
12
  hideTitle: boolean;
99
13
  breadcrumbRouterMode: boolean;
100
- breadcrumbPrefixIcon: string | boolean;
101
- breadcrumbItems: {
102
- path?: string;
103
- label: string;
104
- }[];
105
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
14
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
106
16
  export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -1,144 +1,161 @@
1
- import { defineComponent as S, inject as N, computed as V, resolveComponent as n, createElementBlock as u, openBlock as a, normalizeClass as s, createVNode as r, createCommentVNode as d, unref as c, withCtx as l, createBlock as i, createTextVNode as p, toDisplayString as f, resolveDynamicComponent as A, Fragment as _, renderList as D } from "vue";
2
- import { createReusableTemplate as x } from "@vueuse/core";
3
- const M = { key: 1 }, b = "keyblade-pro-page-header", F = /* @__PURE__ */ S({
1
+ var z = Object.defineProperty;
2
+ var $ = Object.getOwnPropertySymbols;
3
+ var A = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
4
+ var R = (u, a, e) => a in u ? z(u, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[a] = e, N = (u, a) => {
5
+ for (var e in a || (a = {}))
6
+ A.call(a, e) && R(u, e, a[e]);
7
+ if ($)
8
+ for (var e of $(a))
9
+ F.call(a, e) && R(u, e, a[e]);
10
+ return u;
11
+ };
12
+ import { defineComponent as q, computed as w, inject as G, resolveComponent as J, createElementBlock as d, openBlock as o, normalizeClass as b, createVNode as s, createCommentVNode as i, unref as r, withCtx as l, createBlock as m, createTextVNode as k, toDisplayString as B, createElementVNode as K, renderSlot as O, resolveDynamicComponent as Q, Fragment as g, renderList as U } from "vue";
13
+ import { useRouter as W } from "vue-router";
14
+ import { createReusableTemplate as V } from "@vueuse/core";
15
+ import { TypographyTitle as X, TypographyText as Y, Breadcrumb as Z, BreadcrumbItem as S, Link as ee, Button as te } from "@arco-design/web-vue";
16
+ import { merge as j } from "es-toolkit/object";
17
+ import { globalProps as re } from "../global-props.js";
18
+ import { defaultPageHeaderProps as ae } from "./constant.js";
19
+ const oe = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, le = { key: 1 }, f = "keyblade-pro-page-header", be = /* @__PURE__ */ q({
4
20
  __name: "pro-page-header",
5
21
  props: {
6
- /** 标题,不传默认展示面包屑标题最后一项 */
7
- title: {
8
- type: String,
9
- required: !1,
10
- default: ""
11
- },
12
- /** 副标题,不传默认不展示 */
13
- subTitle: {
14
- type: String,
15
- required: !1,
16
- default: ""
17
- },
18
- /** 标题位置 */
19
- titlePosition: {
20
- type: String,
21
- required: !1,
22
- default: "top"
23
- },
24
- /** 是否隐藏标题 */
25
- hideTitle: {
26
- type: Boolean,
27
- required: !1,
28
- default: !1
29
- },
30
- /** 面包屑路由模式 */
31
- breadcrumbRouterMode: {
32
- type: Boolean,
33
- required: !1,
34
- default: !1
35
- },
36
- /** 面包屑前缀图标 */
37
- breadcrumbPrefixIcon: {
38
- type: [Boolean, String],
39
- required: !1,
40
- default: "icon-apps"
41
- },
42
- /** 面包屑项 */
43
- breadcrumbItems: {
44
- type: Array,
45
- required: !1,
46
- default: () => []
47
- }
22
+ title: {},
23
+ subTitle: {},
24
+ titlePosition: {},
25
+ hideTitle: { type: Boolean, default: void 0 },
26
+ showBackButton: { type: Boolean },
27
+ breadcrumbRouterMode: { type: Boolean, default: void 0 },
28
+ breadcrumbPrefixIcon: { type: [Boolean, String] },
29
+ breadcrumbItems: {}
48
30
  },
49
- setup(o) {
50
- const e = o, [I, k] = x(), [B, g] = x(), v = N("ProBreadcrumbItems", []), y = V(() => e.breadcrumbItems instanceof Array && e.breadcrumbItems.length === 0 || !e.breadcrumbItems ? v.value : e.breadcrumbItems || []);
51
- return (j, w) => {
52
- const q = n("a-typography-title"), C = n("a-typography-text"), h = n("a-breadcrumb-item"), P = n("a-link"), $ = n("router-link"), R = n("a-breadcrumb");
53
- return a(), u("div", {
54
- class: s(b)
31
+ setup(u) {
32
+ const a = u, e = w(() => {
33
+ var y;
34
+ return j(N({}, ae), j(((y = re) == null ? void 0 : y.pageHeader) || {}, a || {}));
35
+ }), [D, T] = V(), [E, h] = V(), H = W(), L = G("ProBreadcrumbItems", []), _ = w(() => e.value.breadcrumbItems instanceof Array && e.value.breadcrumbItems.length === 0 || !e.value.breadcrumbItems ? L.value : e.value.breadcrumbItems || []);
36
+ return (y, v) => {
37
+ var I, P;
38
+ const M = J("router-link");
39
+ return o(), d("div", {
40
+ class: b(f)
55
41
  }, [
56
- r(c(B), null, {
42
+ s(r(E), null, {
43
+ default: l(() => {
44
+ var n, t;
45
+ return [
46
+ (n = e.value) != null && n.hideTitle ? i("", !0) : (o(), d("div", {
47
+ key: 0,
48
+ class: b(`${f}-section-title`)
49
+ }, [
50
+ s(r(X), {
51
+ heading: 6,
52
+ class: b(`${f}-title`)
53
+ }, {
54
+ default: l(() => {
55
+ var c, p, x, C;
56
+ return [
57
+ k(B(((c = e.value) == null ? void 0 : c.title) || ((C = (x = _.value) == null ? void 0 : x[((p = _.value) == null ? void 0 : p.length) - 1]) == null ? void 0 : C.label)), 1)
58
+ ];
59
+ }),
60
+ _: 1
61
+ }, 8, ["class"]),
62
+ (t = e.value) != null && t.subTitle ? (o(), m(r(Y), {
63
+ key: 0,
64
+ type: "secondary",
65
+ class: b(`${f}-subtitle`)
66
+ }, {
67
+ default: l(() => {
68
+ var c;
69
+ return [
70
+ k(B((c = e.value) == null ? void 0 : c.subTitle), 1)
71
+ ];
72
+ }),
73
+ _: 1
74
+ }, 8, ["class"])) : i("", !0)
75
+ ], 2))
76
+ ];
77
+ }),
78
+ _: 1
79
+ }),
80
+ s(r(D), null, {
57
81
  default: l(() => [
58
- o.hideTitle ? d("", !0) : (a(), u("div", {
59
- key: 0,
60
- class: s(`${b}-section-title`)
61
- }, [
62
- r(q, {
63
- heading: 6,
64
- class: s(`${b}-title`)
82
+ K("div", oe, [
83
+ s(r(Z), {
84
+ class: b(`${f}-section-breadcrumb`)
65
85
  }, {
66
86
  default: l(() => {
67
- var t, m, T;
87
+ var n;
68
88
  return [
69
- p(f((e == null ? void 0 : e.title) || ((T = (m = y.value) == null ? void 0 : m[((t = y.value) == null ? void 0 : t.length) - 1]) == null ? void 0 : T.label)), 1)
89
+ (n = e.value) != null && n.breadcrumbPrefixIcon ? (o(), m(r(S), {
90
+ key: 0,
91
+ style: { cursor: "text" }
92
+ }, {
93
+ default: l(() => {
94
+ var t;
95
+ return [
96
+ (o(), m(Q((t = e.value) == null ? void 0 : t.breadcrumbPrefixIcon)))
97
+ ];
98
+ }),
99
+ _: 1
100
+ })) : i("", !0),
101
+ (o(!0), d(g, null, U(_.value, (t, c) => (o(), m(r(S), {
102
+ key: `${t}-${c}`
103
+ }, {
104
+ default: l(() => {
105
+ var p;
106
+ return [
107
+ (p = e.value) != null && p.breadcrumbRouterMode ? (o(), m(M, {
108
+ key: 0,
109
+ to: (t == null ? void 0 : t.path) || ""
110
+ }, {
111
+ default: l(() => [
112
+ s(r(ee), null, {
113
+ default: l(() => [
114
+ k(B(t == null ? void 0 : t.label), 1)
115
+ ]),
116
+ _: 2
117
+ }, 1024)
118
+ ]),
119
+ _: 2
120
+ }, 1032, ["to"])) : (o(), d("span", le, B(t == null ? void 0 : t.label), 1))
121
+ ];
122
+ }),
123
+ _: 2
124
+ }, 1024))), 128))
70
125
  ];
71
126
  }),
72
127
  _: 1
73
128
  }, 8, ["class"]),
74
- e != null && e.subTitle ? (a(), i(C, {
75
- key: 0,
76
- type: "secondary",
77
- class: s(`${b}-subtitle`)
78
- }, {
79
- default: l(() => [
80
- p(f(e == null ? void 0 : e.subTitle), 1)
81
- ]),
82
- _: 1
83
- }, 8, ["class"])) : d("", !0)
84
- ], 2))
85
- ]),
86
- _: 1
87
- }),
88
- r(c(I), null, {
89
- default: l(() => [
90
- r(R, {
91
- class: s(`${b}-section-breadcrumb`)
92
- }, {
93
- default: l(() => [
94
- o.breadcrumbPrefixIcon ? (a(), i(h, {
95
- key: 0,
96
- style: { cursor: "text" }
97
- }, {
98
- default: l(() => [
99
- (a(), i(A(o.breadcrumbPrefixIcon)))
100
- ]),
101
- _: 1
102
- })) : d("", !0),
103
- (a(!0), u(_, null, D(y.value, (t, m) => (a(), i(h, {
104
- key: `${t}-${m}`
105
- }, {
106
- default: l(() => [
107
- o.breadcrumbRouterMode ? (a(), i($, {
108
- key: 0,
109
- to: (t == null ? void 0 : t.path) || ""
110
- }, {
111
- default: l(() => [
112
- r(P, null, {
113
- default: l(() => [
114
- p(f(t == null ? void 0 : t.label), 1)
115
- ]),
116
- _: 2
117
- }, 1024)
118
- ]),
119
- _: 2
120
- }, 1032, ["to"])) : (a(), u("span", M, f(t == null ? void 0 : t.label), 1))
121
- ]),
122
- _: 2
123
- }, 1024))), 128))
124
- ]),
125
- _: 1
126
- }, 8, ["class"])
129
+ O(y.$slots, "breadcrumb-right", {}, () => {
130
+ var n;
131
+ return [
132
+ (n = e.value) != null && n.showBackButton ? i("", !0) : (o(), m(r(te), {
133
+ key: 0,
134
+ onClick: v[0] || (v[0] = (t) => r(H).back())
135
+ }, {
136
+ default: l(() => v[1] || (v[1] = [
137
+ k("返回")
138
+ ])),
139
+ _: 1
140
+ }))
141
+ ];
142
+ })
143
+ ])
127
144
  ]),
128
- _: 1
145
+ _: 3
129
146
  }),
130
- o.titlePosition === "top" ? (a(), u(_, { key: 0 }, [
131
- r(c(g)),
132
- r(c(k))
133
- ], 64)) : d("", !0),
134
- o.titlePosition === "bottom" ? (a(), u(_, { key: 1 }, [
135
- r(c(k)),
136
- r(c(g))
137
- ], 64)) : d("", !0)
147
+ ((I = e.value) == null ? void 0 : I.titlePosition) === "top" ? (o(), d(g, { key: 0 }, [
148
+ s(r(h)),
149
+ s(r(T))
150
+ ], 64)) : i("", !0),
151
+ ((P = e.value) == null ? void 0 : P.titlePosition) === "bottom" ? (o(), d(g, { key: 1 }, [
152
+ s(r(T)),
153
+ s(r(h))
154
+ ], 64)) : i("", !0)
138
155
  ]);
139
156
  };
140
157
  }
141
158
  });
142
159
  export {
143
- F as default
160
+ be as default
144
161
  };
@@ -29,8 +29,8 @@ declare const ProReuseTabs: {
29
29
  "tab-delete": (_key: string) => void;
30
30
  }, import('vue').PublicProps, {
31
31
  tabs: import('./interface').IProTab[];
32
- tabsSize: "small" | "mini" | "medium" | "large";
33
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
32
+ tabsSize: "small" | "medium" | "mini" | "large";
33
+ tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
34
34
  tabsHeaderPadding: boolean;
35
35
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
36
36
  P: {};
@@ -65,8 +65,8 @@ declare const ProReuseTabs: {
65
65
  "onTab-delete"?: ((_key: string) => any) | undefined;
66
66
  }>, {}, {}, {}, {}, {
67
67
  tabs: import('./interface').IProTab[];
68
- tabsSize: "small" | "mini" | "medium" | "large";
69
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
68
+ tabsSize: "small" | "medium" | "mini" | "large";
69
+ tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
70
70
  tabsHeaderPadding: boolean;
71
71
  }>;
72
72
  __isFragment?: never;
@@ -101,12 +101,14 @@ declare const ProReuseTabs: {
101
101
  "tab-delete": (_key: string) => void;
102
102
  }, string, {
103
103
  tabs: import('./interface').IProTab[];
104
- tabsSize: "small" | "mini" | "medium" | "large";
105
- tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
104
+ tabsSize: "small" | "medium" | "mini" | "large";
105
+ tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
106
106
  tabsHeaderPadding: boolean;
107
107
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
108
108
  install: (app: App) => void;
109
109
  };
110
+ /** 导出类型 */
110
111
  export * from './interface';
112
+ /** 导出组件 */
111
113
  export { ProReuseTabs };
112
114
  export default ProReuseTabs;