element-ps 1.0.14 → 1.0.17
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/dist/index.full.js +154 -137
- package/dist/index.full.min.js +4 -4
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +4 -4
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +153 -138
- package/es/components/descriptions/index.d.ts +14 -2
- package/es/components/descriptions/src/description-item.d.ts +7 -1
- package/es/components/descriptions/src/descriptions.type.d.ts +1 -0
- package/es/components/input-number/index.d.ts +2 -0
- package/es/components/input-number/src/input-number.vue.d.ts +2 -0
- package/es/components/rate/index.d.ts +75 -246
- package/es/components/rate/src/rate.d.ts +26 -0
- package/es/components/rate/src/rate.vue.d.ts +108 -0
- package/es/components/select-v2/index.d.ts +6 -6
- package/es/components/select-v2/src/defaults.d.ts +1 -1
- package/es/components/select-v2/src/select.vue.d.ts +3 -3
- package/es/index.mjs +9 -8
- package/es/index.mjs.map +1 -1
- package/es/packages/components/alert/index.mjs +2 -2
- package/es/packages/components/alert/src/alert.mjs +5 -34
- package/es/packages/components/alert/src/alert.mjs.map +1 -1
- package/es/packages/components/alert/src/alert.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/alert/src/alert2.mjs +34 -5
- package/es/packages/components/alert/src/alert2.mjs.map +1 -1
- package/es/packages/components/badge/index.mjs +2 -2
- package/es/packages/components/badge/src/badge.mjs +5 -20
- package/es/packages/components/badge/src/badge.mjs.map +1 -1
- package/es/packages/components/badge/src/badge.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/badge/src/badge2.mjs +20 -5
- package/es/packages/components/badge/src/badge2.mjs.map +1 -1
- package/es/packages/components/card/index.mjs +2 -2
- package/es/packages/components/card/src/card.mjs +17 -5
- package/es/packages/components/card/src/card.mjs.map +1 -1
- package/es/packages/components/card/src/card.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/card/src/card2.mjs +5 -17
- package/es/packages/components/card/src/card2.mjs.map +1 -1
- package/es/packages/components/cascader/src/index.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.mjs +8 -6
- package/es/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.mjs.map +1 -1
- package/es/packages/components/descriptions/src/description-item.mjs +3 -0
- package/es/packages/components/descriptions/src/description-item.mjs.map +1 -1
- package/es/packages/components/descriptions/src/descriptions-cell.mjs +2 -1
- package/es/packages/components/descriptions/src/descriptions-cell.mjs.map +1 -1
- package/es/packages/components/divider/index.mjs +2 -2
- package/es/packages/components/divider/src/divider.mjs +15 -5
- package/es/packages/components/divider/src/divider.mjs.map +1 -1
- package/es/packages/components/divider/src/divider.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/divider/src/divider2.mjs +5 -15
- package/es/packages/components/divider/src/divider2.mjs.map +1 -1
- package/es/packages/components/image/index.mjs +2 -2
- package/es/packages/components/image/src/image.mjs +44 -5
- package/es/packages/components/image/src/image.mjs.map +1 -1
- package/es/packages/components/image/src/image.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/image/src/image2.mjs +5 -44
- package/es/packages/components/image/src/image2.mjs.map +1 -1
- package/es/packages/components/index.mjs +9 -8
- package/es/packages/components/index.mjs.map +1 -1
- package/es/packages/components/input-number/src/input-number.vue_vue&type=script&lang.mjs +4 -2
- package/es/packages/components/input-number/src/input-number.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/input-number/src/input-number.vue_vue&type=template&id=dec60af6&lang.mjs.map +1 -1
- package/es/packages/components/menu/index.mjs +4 -4
- package/es/packages/components/menu/src/menu-item-group.mjs +4 -5
- package/es/packages/components/menu/src/menu-item-group.mjs.map +1 -1
- package/es/packages/components/menu/src/menu-item-group.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/menu/src/menu-item-group2.mjs +5 -4
- package/es/packages/components/menu/src/menu-item-group2.mjs.map +1 -1
- package/es/packages/components/menu/src/menu-item.mjs +18 -5
- package/es/packages/components/menu/src/menu-item.mjs.map +1 -1
- package/es/packages/components/menu/src/menu-item.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/menu/src/menu-item2.mjs +5 -18
- package/es/packages/components/menu/src/menu-item2.mjs.map +1 -1
- package/es/packages/components/rate/index.mjs +6 -8
- package/es/packages/components/rate/index.mjs.map +1 -1
- package/es/packages/components/rate/src/rate.mjs +87 -0
- package/es/packages/components/rate/src/rate.mjs.map +1 -0
- package/es/packages/components/rate/src/{index.vue_vue&type=script&lang.mjs → rate.vue_vue&type=script&lang.mjs} +19 -88
- package/es/packages/components/rate/src/rate.vue_vue&type=script&lang.mjs.map +1 -0
- package/es/packages/components/rate/src/{index.vue_vue&type=template&id=55b4fa7d&lang.mjs → rate.vue_vue&type=template&id=38c42df6&lang.mjs} +1 -1
- package/es/packages/components/rate/src/rate.vue_vue&type=template&id=38c42df6&lang.mjs.map +1 -0
- package/es/packages/components/rate/src/rate2.mjs +7 -0
- package/es/packages/components/rate/src/rate2.mjs.map +1 -0
- package/es/packages/components/select-v2/src/defaults.mjs +1 -1
- package/es/packages/components/select-v2/src/defaults.mjs.map +1 -1
- package/es/packages/components/select-v2/src/select.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/select-v2/src/select.vue_vue&type=template&id=13e598a4&lang.mjs +4 -4
- package/es/packages/components/select-v2/src/select.vue_vue&type=template&id=13e598a4&lang.mjs.map +1 -1
- package/es/packages/components/select-v2/src/useSelect.mjs +8 -8
- package/es/packages/components/select-v2/src/useSelect.mjs.map +1 -1
- package/es/packages/components/tag/index.mjs +2 -2
- package/es/packages/components/tag/src/tag.mjs +5 -26
- package/es/packages/components/tag/src/tag.mjs.map +1 -1
- package/es/packages/components/tag/src/tag.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/tag/src/tag2.mjs +26 -5
- package/es/packages/components/tag/src/tag2.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/descriptions/index.d.ts +14 -2
- package/lib/components/descriptions/src/description-item.d.ts +7 -1
- package/lib/components/descriptions/src/descriptions.type.d.ts +1 -0
- package/lib/components/input-number/index.d.ts +2 -0
- package/lib/components/input-number/src/input-number.vue.d.ts +2 -0
- package/lib/components/rate/index.d.ts +75 -246
- package/lib/components/rate/src/rate.d.ts +26 -0
- package/lib/components/rate/src/rate.vue.d.ts +108 -0
- package/lib/components/select-v2/index.d.ts +6 -6
- package/lib/components/select-v2/src/defaults.d.ts +1 -1
- package/lib/components/select-v2/src/select.vue.d.ts +3 -3
- package/lib/index.js +11 -8
- package/lib/index.js.map +1 -1
- package/lib/packages/components/alert/index.js +2 -2
- package/lib/packages/components/alert/src/alert.js +5 -33
- package/lib/packages/components/alert/src/alert.js.map +1 -1
- package/lib/packages/components/alert/src/alert.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/alert/src/alert2.js +33 -5
- package/lib/packages/components/alert/src/alert2.js.map +1 -1
- package/lib/packages/components/badge/index.js +2 -2
- package/lib/packages/components/badge/src/badge.js +5 -19
- package/lib/packages/components/badge/src/badge.js.map +1 -1
- package/lib/packages/components/badge/src/badge.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/badge/src/badge2.js +19 -5
- package/lib/packages/components/badge/src/badge2.js.map +1 -1
- package/lib/packages/components/card/index.js +2 -2
- package/lib/packages/components/card/src/card.js +16 -5
- package/lib/packages/components/card/src/card.js.map +1 -1
- package/lib/packages/components/card/src/card.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/card/src/card2.js +5 -16
- package/lib/packages/components/card/src/card2.js.map +1 -1
- package/lib/packages/components/cascader/src/index.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.js +8 -6
- package/lib/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.js.map +1 -1
- package/lib/packages/components/descriptions/src/description-item.js +3 -0
- package/lib/packages/components/descriptions/src/description-item.js.map +1 -1
- package/lib/packages/components/descriptions/src/descriptions-cell.js +2 -1
- package/lib/packages/components/descriptions/src/descriptions-cell.js.map +1 -1
- package/lib/packages/components/divider/index.js +2 -2
- package/lib/packages/components/divider/src/divider.js +14 -5
- package/lib/packages/components/divider/src/divider.js.map +1 -1
- package/lib/packages/components/divider/src/divider.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/divider/src/divider2.js +5 -14
- package/lib/packages/components/divider/src/divider2.js.map +1 -1
- package/lib/packages/components/image/index.js +2 -2
- package/lib/packages/components/image/src/image.js +44 -5
- package/lib/packages/components/image/src/image.js.map +1 -1
- package/lib/packages/components/image/src/image.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/image/src/image2.js +5 -44
- package/lib/packages/components/image/src/image2.js.map +1 -1
- package/lib/packages/components/index.js +11 -8
- package/lib/packages/components/index.js.map +1 -1
- package/lib/packages/components/input-number/src/input-number.vue_vue&type=script&lang.js +4 -2
- package/lib/packages/components/input-number/src/input-number.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/input-number/src/input-number.vue_vue&type=template&id=dec60af6&lang.js.map +1 -1
- package/lib/packages/components/menu/index.js +4 -4
- package/lib/packages/components/menu/src/menu-item-group.js +4 -6
- package/lib/packages/components/menu/src/menu-item-group.js.map +1 -1
- package/lib/packages/components/menu/src/menu-item-group.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/menu/src/menu-item-group2.js +6 -4
- package/lib/packages/components/menu/src/menu-item-group2.js.map +1 -1
- package/lib/packages/components/menu/src/menu-item.js +18 -5
- package/lib/packages/components/menu/src/menu-item.js.map +1 -1
- package/lib/packages/components/menu/src/menu-item.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/menu/src/menu-item2.js +5 -18
- package/lib/packages/components/menu/src/menu-item2.js.map +1 -1
- package/lib/packages/components/rate/index.js +8 -8
- package/lib/packages/components/rate/index.js.map +1 -1
- package/lib/packages/components/rate/src/rate.js +92 -0
- package/lib/packages/components/rate/src/rate.js.map +1 -0
- package/lib/packages/components/rate/src/{index.vue_vue&type=script&lang.js → rate.vue_vue&type=script&lang.js} +19 -88
- package/lib/packages/components/rate/src/rate.vue_vue&type=script&lang.js.map +1 -0
- package/lib/packages/components/rate/src/{index.vue_vue&type=template&id=55b4fa7d&lang.js → rate.vue_vue&type=template&id=38c42df6&lang.js} +1 -1
- package/lib/packages/components/rate/src/rate.vue_vue&type=template&id=38c42df6&lang.js.map +1 -0
- package/lib/packages/components/rate/src/rate2.js +12 -0
- package/lib/packages/components/rate/src/rate2.js.map +1 -0
- package/lib/packages/components/select-v2/src/defaults.js +1 -1
- package/lib/packages/components/select-v2/src/defaults.js.map +1 -1
- package/lib/packages/components/select-v2/src/select.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/select-v2/src/select.vue_vue&type=template&id=13e598a4&lang.js +4 -4
- package/lib/packages/components/select-v2/src/select.vue_vue&type=template&id=13e598a4&lang.js.map +1 -1
- package/lib/packages/components/select-v2/src/useSelect.js +8 -8
- package/lib/packages/components/select-v2/src/useSelect.js.map +1 -1
- package/lib/packages/components/tag/index.js +2 -2
- package/lib/packages/components/tag/src/tag.js +5 -25
- package/lib/packages/components/tag/src/tag.js.map +1 -1
- package/lib/packages/components/tag/src/tag.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/tag/src/tag2.js +25 -5
- package/lib/packages/components/tag/src/tag2.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
- package/es/components/rate/src/index.vue.d.ts +0 -141
- package/es/packages/components/rate/src/index.mjs +0 -7
- package/es/packages/components/rate/src/index.mjs.map +0 -1
- package/es/packages/components/rate/src/index.vue_vue&type=script&lang.mjs.map +0 -1
- package/es/packages/components/rate/src/index.vue_vue&type=template&id=55b4fa7d&lang.mjs.map +0 -1
- package/lib/components/rate/src/index.vue.d.ts +0 -141
- package/lib/packages/components/rate/src/index.js +0 -12
- package/lib/packages/components/rate/src/index.js.map +0 -1
- package/lib/packages/components/rate/src/index.vue_vue&type=script&lang.js.map +0 -1
- package/lib/packages/components/rate/src/index.vue_vue&type=template&id=55b4fa7d&lang.js.map +0 -1
|
@@ -35,7 +35,7 @@ export declare const SelectProps: {
|
|
|
35
35
|
loading: BooleanConstructor;
|
|
36
36
|
loadingText: StringConstructor;
|
|
37
37
|
label: StringConstructor;
|
|
38
|
-
|
|
38
|
+
_modelValue: PropType<any>;
|
|
39
39
|
multiple: BooleanConstructor;
|
|
40
40
|
multipleLimit: {
|
|
41
41
|
type: NumberConstructor;
|
|
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
31
|
loading: BooleanConstructor;
|
|
32
32
|
loadingText: StringConstructor;
|
|
33
33
|
label: StringConstructor;
|
|
34
|
-
|
|
34
|
+
_modelValue: import("vue").PropType<any>;
|
|
35
35
|
multiple: BooleanConstructor;
|
|
36
36
|
multipleLimit: {
|
|
37
37
|
type: NumberConstructor;
|
|
@@ -139,7 +139,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
139
139
|
loading?: unknown;
|
|
140
140
|
loadingText?: unknown;
|
|
141
141
|
label?: unknown;
|
|
142
|
-
|
|
142
|
+
_modelValue?: unknown;
|
|
143
143
|
multiple?: unknown;
|
|
144
144
|
multipleLimit?: unknown;
|
|
145
145
|
name?: unknown;
|
|
@@ -179,7 +179,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
179
179
|
} & {
|
|
180
180
|
name?: string | undefined;
|
|
181
181
|
size?: import("../../../utils/types").ComponentSize | undefined;
|
|
182
|
-
modelValue?: unknown;
|
|
183
182
|
placeholder?: string | undefined;
|
|
184
183
|
label?: string | undefined;
|
|
185
184
|
id?: string | undefined;
|
|
@@ -190,6 +189,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
190
189
|
noDataText?: string | undefined;
|
|
191
190
|
remoteMethod?: Function | undefined;
|
|
192
191
|
estimatedOptionHeight?: number | undefined;
|
|
192
|
+
_modelValue?: unknown;
|
|
193
193
|
}>, {
|
|
194
194
|
height: number;
|
|
195
195
|
multiple: boolean;
|
package/es/index.mjs
CHANGED
|
@@ -6,14 +6,14 @@ import './packages/tokens/index.mjs';
|
|
|
6
6
|
export { default as makeInstaller } from './make-installer.mjs';
|
|
7
7
|
export { affixProps } from './packages/components/affix/src/affix.mjs';
|
|
8
8
|
export { PsAffix } from './packages/components/affix/index.mjs';
|
|
9
|
-
export { alertProps } from './packages/components/alert/src/
|
|
9
|
+
export { alertProps } from './packages/components/alert/src/alert2.mjs';
|
|
10
10
|
export { PsAlert } from './packages/components/alert/index.mjs';
|
|
11
11
|
export { PsAutocomplete } from './packages/components/autocomplete/index.mjs';
|
|
12
12
|
export { avatarProps } from './packages/components/avatar/src/avatar.mjs';
|
|
13
13
|
export { PsAvatar } from './packages/components/avatar/index.mjs';
|
|
14
14
|
export { backtopProps } from './packages/components/backtop/src/backtop.mjs';
|
|
15
15
|
export { PsBacktop } from './packages/components/backtop/index.mjs';
|
|
16
|
-
export { badgeProps } from './packages/components/badge/src/
|
|
16
|
+
export { badgeProps } from './packages/components/badge/src/badge2.mjs';
|
|
17
17
|
export { PsBadge } from './packages/components/badge/index.mjs';
|
|
18
18
|
export { breadcrumbProps } from './packages/components/breadcrumb/src/breadcrumb2.mjs';
|
|
19
19
|
export { breadcrumbItemProps } from './packages/components/breadcrumb/src/breadcrumb-item.mjs';
|
|
@@ -21,7 +21,7 @@ export { PsBreadcrumb, PsBreadcrumbItem } from './packages/components/breadcrumb
|
|
|
21
21
|
export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './packages/components/button/src/button.mjs';
|
|
22
22
|
export { PsButton, PsButtonGroup } from './packages/components/button/index.mjs';
|
|
23
23
|
export { PsCalendar } from './packages/components/calendar/index.mjs';
|
|
24
|
-
export { cardProps } from './packages/components/card/src/
|
|
24
|
+
export { cardProps } from './packages/components/card/src/card.mjs';
|
|
25
25
|
export { PsCard } from './packages/components/card/index.mjs';
|
|
26
26
|
export { PsCarousel, PsCarouselItem } from './packages/components/carousel/index.mjs';
|
|
27
27
|
export { PsCascader } from './packages/components/cascader/index.mjs';
|
|
@@ -42,7 +42,7 @@ export { PsDescriptions, PsDescriptionsItem } from './packages/components/descri
|
|
|
42
42
|
export { useDialog } from './packages/components/dialog/src/use-dialog.mjs';
|
|
43
43
|
export { dialogProps } from './packages/components/dialog/src/dialog.mjs';
|
|
44
44
|
export { PsDialog } from './packages/components/dialog/index.mjs';
|
|
45
|
-
export { dividerProps } from './packages/components/divider/src/
|
|
45
|
+
export { dividerProps } from './packages/components/divider/src/divider.mjs';
|
|
46
46
|
export { PsDivider } from './packages/components/divider/index.mjs';
|
|
47
47
|
export { PsDrawer } from './packages/components/drawer/index.mjs';
|
|
48
48
|
export { PsDropdown, PsDropdownItem, PsDropdownMenu } from './packages/components/dropdown/index.mjs';
|
|
@@ -51,7 +51,7 @@ export { PsEmpty } from './packages/components/empty/index.mjs';
|
|
|
51
51
|
export { PsForm, PsFormItem } from './packages/components/form/index.mjs';
|
|
52
52
|
export { iconProps } from './packages/components/icon/src/icon.mjs';
|
|
53
53
|
export { PsIcon } from './packages/components/icon/index.mjs';
|
|
54
|
-
export { imageEmits, imageProps } from './packages/components/image/src/
|
|
54
|
+
export { imageEmits, imageProps } from './packages/components/image/src/image.mjs';
|
|
55
55
|
export { PsImage } from './packages/components/image/index.mjs';
|
|
56
56
|
export { imageViewerProps } from './packages/components/image-viewer/src/image-viewer.mjs';
|
|
57
57
|
export { PsImageViewer } from './packages/components/image-viewer/index.mjs';
|
|
@@ -62,8 +62,8 @@ export { PsInputNumber } from './packages/components/input-number/index.mjs';
|
|
|
62
62
|
export { linkProps } from './packages/components/link/src/link.mjs';
|
|
63
63
|
export { PsLink } from './packages/components/link/index.mjs';
|
|
64
64
|
export { menuEmits, menuProps } from './packages/components/menu/src/menu.mjs';
|
|
65
|
-
export { menuItemEmits, menuItemProps } from './packages/components/menu/src/menu-
|
|
66
|
-
export { menuItemGroupProps } from './packages/components/menu/src/menu-item-
|
|
65
|
+
export { menuItemEmits, menuItemProps } from './packages/components/menu/src/menu-item.mjs';
|
|
66
|
+
export { menuItemGroupProps } from './packages/components/menu/src/menu-item-group.mjs';
|
|
67
67
|
export { subMenuProps } from './packages/components/menu/src/sub-menu.mjs';
|
|
68
68
|
export { PsMenu, PsMenuItem, PsMenuItemGroup, PsSubMenu } from './packages/components/menu/index.mjs';
|
|
69
69
|
export { overlayEmits, overlayProps } from './packages/components/overlay/src/overlay.mjs';
|
|
@@ -82,6 +82,7 @@ export { default as renderArrow } from './packages/components/popper/src/rendere
|
|
|
82
82
|
export { PsPopper } from './packages/components/popper/index.mjs';
|
|
83
83
|
export { PsProgress } from './packages/components/progress/index.mjs';
|
|
84
84
|
export { PsRadio, PsRadioButton, PsRadioGroup } from './packages/components/radio/index.mjs';
|
|
85
|
+
export { rateEmits, rateProps } from './packages/components/rate/src/rate.mjs';
|
|
85
86
|
export { PsRate } from './packages/components/rate/index.mjs';
|
|
86
87
|
export { PsResult } from './packages/components/result/index.mjs';
|
|
87
88
|
export { PsRow } from './packages/components/row/index.mjs';
|
|
@@ -100,7 +101,7 @@ export { PsStep, PsSteps } from './packages/components/steps/index.mjs';
|
|
|
100
101
|
export { PsSwitch } from './packages/components/switch/index.mjs';
|
|
101
102
|
export { PsTable, PsTableColumn } from './packages/components/table/index.mjs';
|
|
102
103
|
export { PsTabPane, PsTabs } from './packages/components/tabs/index.mjs';
|
|
103
|
-
export { tagProps } from './packages/components/tag/src/
|
|
104
|
+
export { tagProps } from './packages/components/tag/src/tag2.mjs';
|
|
104
105
|
export { PsTag } from './packages/components/tag/index.mjs';
|
|
105
106
|
export { PsText } from './packages/components/text/index.mjs';
|
|
106
107
|
export { extractDateFormat, extractTimeFormat, rangeArr } from './packages/components/time-picker/src/common/date-utils.mjs';
|
package/es/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../packages/element-ps/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-ps/components'\nexport * from '@element-ps/hooks'\nexport * from '@element-ps/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../packages/element-ps/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-ps/components'\nexport * from '@element-ps/hooks'\nexport * from '@element-ps/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQa,UAAU,UAAU;MACpB,UAAU,UAAU;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { withInstall } from '../../utils/with-install.mjs';
|
|
2
|
-
import './src/
|
|
3
|
-
export { alertProps } from './src/
|
|
2
|
+
import './src/alert.mjs';
|
|
3
|
+
export { alertProps } from './src/alert2.mjs';
|
|
4
4
|
import script from './src/alert.vue_vue&type=script&lang.mjs';
|
|
5
5
|
|
|
6
6
|
const PsAlert = withInstall(script);
|
|
@@ -1,36 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import script from './alert.vue_vue&type=script&lang.mjs';
|
|
2
|
+
export { default } from './alert.vue_vue&type=script&lang.mjs';
|
|
3
|
+
import { render } from './alert.vue_vue&type=template&id=1755b449&lang.mjs';
|
|
3
4
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type: String,
|
|
7
|
-
default: ""
|
|
8
|
-
},
|
|
9
|
-
description: {
|
|
10
|
-
type: String,
|
|
11
|
-
default: ""
|
|
12
|
-
},
|
|
13
|
-
type: {
|
|
14
|
-
type: String,
|
|
15
|
-
values: keyOf(TypeComponentsMap),
|
|
16
|
-
default: "info"
|
|
17
|
-
},
|
|
18
|
-
closable: {
|
|
19
|
-
type: Boolean,
|
|
20
|
-
default: true
|
|
21
|
-
},
|
|
22
|
-
closeText: {
|
|
23
|
-
type: String,
|
|
24
|
-
default: ""
|
|
25
|
-
},
|
|
26
|
-
showIcon: Boolean,
|
|
27
|
-
center: Boolean,
|
|
28
|
-
effect: {
|
|
29
|
-
type: String,
|
|
30
|
-
values: ["light", "dark"],
|
|
31
|
-
default: "light"
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
export { alertProps };
|
|
5
|
+
script.render = render;
|
|
6
|
+
script.__file = "packages/components/alert/src/alert.vue";
|
|
36
7
|
//# sourceMappingURL=alert.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"alert.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed } from 'vue';
|
|
2
2
|
import { PsIcon } from '../../icon/index.mjs';
|
|
3
3
|
import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
|
|
4
|
-
import { alertProps } from './
|
|
4
|
+
import { alertProps } from './alert2.mjs';
|
|
5
5
|
|
|
6
6
|
var script = defineComponent({
|
|
7
7
|
name: "PsAlert",
|
|
@@ -1,7 +1,36 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { render } from './alert.vue_vue&type=template&id=1755b449&lang.mjs';
|
|
1
|
+
import { TypeComponentsMap } from '../../../utils/icon.mjs';
|
|
2
|
+
import { buildProps, keyOf } from '../../../utils/props.mjs';
|
|
4
3
|
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const alertProps = buildProps({
|
|
5
|
+
title: {
|
|
6
|
+
type: String,
|
|
7
|
+
default: ""
|
|
8
|
+
},
|
|
9
|
+
description: {
|
|
10
|
+
type: String,
|
|
11
|
+
default: ""
|
|
12
|
+
},
|
|
13
|
+
type: {
|
|
14
|
+
type: String,
|
|
15
|
+
values: keyOf(TypeComponentsMap),
|
|
16
|
+
default: "info"
|
|
17
|
+
},
|
|
18
|
+
closable: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: true
|
|
21
|
+
},
|
|
22
|
+
closeText: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
25
|
+
},
|
|
26
|
+
showIcon: Boolean,
|
|
27
|
+
center: Boolean,
|
|
28
|
+
effect: {
|
|
29
|
+
type: String,
|
|
30
|
+
values: ["light", "dark"],
|
|
31
|
+
default: "light"
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export { alertProps };
|
|
7
36
|
//# sourceMappingURL=alert2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert2.mjs","sources":["../../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap } from '@element-ps/utils/icon'\nimport { buildProps, keyOf } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type AlertEffect = 'light' | 'dark'\n\nexport const alertProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n description: {\n type: String,\n default: '',\n },\n type: {\n type: String,\n values: keyOf(TypeComponentsMap),\n default: 'info',\n },\n closable: {\n type: Boolean,\n default: true,\n },\n closeText: {\n type: String,\n default: '',\n },\n showIcon: Boolean,\n center: Boolean,\n effect: {\n type: String,\n values: ['light', 'dark'],\n default: 'light',\n },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n"],"names":[],"mappings":";;;MAMa,aAAa,WAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IACd,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS;AAAA,IAClB,SAAS;AAAA;AAAA;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { withInstall } from '../../utils/with-install.mjs';
|
|
2
|
-
import './src/
|
|
3
|
-
export { badgeProps } from './src/
|
|
2
|
+
import './src/badge.mjs';
|
|
3
|
+
export { badgeProps } from './src/badge2.mjs';
|
|
4
4
|
import script from './src/badge.vue_vue&type=script&lang.mjs';
|
|
5
5
|
|
|
6
6
|
const PsBadge = withInstall(script);
|
|
@@ -1,22 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import script from './badge.vue_vue&type=script&lang.mjs';
|
|
2
|
+
export { default } from './badge.vue_vue&type=script&lang.mjs';
|
|
3
|
+
import { render } from './badge.vue_vue&type=template&id=020a5517&lang.mjs';
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
type: [String, Number],
|
|
6
|
-
default: ""
|
|
7
|
-
},
|
|
8
|
-
max: {
|
|
9
|
-
type: Number,
|
|
10
|
-
default: 99
|
|
11
|
-
},
|
|
12
|
-
isDot: Boolean,
|
|
13
|
-
hidden: Boolean,
|
|
14
|
-
type: {
|
|
15
|
-
type: String,
|
|
16
|
-
values: ["primary", "success", "warning", "info", "danger"],
|
|
17
|
-
default: "danger"
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
export { badgeProps };
|
|
5
|
+
script.render = render;
|
|
6
|
+
script.__file = "packages/components/badge/src/badge.vue";
|
|
22
7
|
//# sourceMappingURL=badge.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"badge.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1,7 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { default } from './badge.vue_vue&type=script&lang.mjs';
|
|
3
|
-
import { render } from './badge.vue_vue&type=template&id=020a5517&lang.mjs';
|
|
1
|
+
import { buildProps } from '../../../utils/props.mjs';
|
|
4
2
|
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
const badgeProps = buildProps({
|
|
4
|
+
value: {
|
|
5
|
+
type: [String, Number],
|
|
6
|
+
default: ""
|
|
7
|
+
},
|
|
8
|
+
max: {
|
|
9
|
+
type: Number,
|
|
10
|
+
default: 99
|
|
11
|
+
},
|
|
12
|
+
isDot: Boolean,
|
|
13
|
+
hidden: Boolean,
|
|
14
|
+
type: {
|
|
15
|
+
type: String,
|
|
16
|
+
values: ["primary", "success", "warning", "info", "danger"],
|
|
17
|
+
default: "danger"
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { badgeProps };
|
|
7
22
|
//# sourceMappingURL=badge2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"badge2.mjs","sources":["../../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n value: {\n type: [String, Number],\n default: '',\n },\n max: {\n type: Number,\n default: 99,\n },\n isDot: Boolean,\n hidden: Boolean,\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger'],\n default: 'danger',\n },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":[],"mappings":";;MAIa,aAAa,WAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { withInstall } from '../../utils/with-install.mjs';
|
|
2
|
-
import './src/
|
|
3
|
-
export { cardProps } from './src/
|
|
2
|
+
import './src/card2.mjs';
|
|
3
|
+
export { cardProps } from './src/card.mjs';
|
|
4
4
|
import script from './src/card.vue_vue&type=script&lang.mjs';
|
|
5
5
|
|
|
6
6
|
const PsCard = withInstall(script);
|
|
@@ -1,7 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { default } from './card.vue_vue&type=script&lang.mjs';
|
|
3
|
-
import { render } from './card.vue_vue&type=template&id=7a6bdf05&lang.mjs';
|
|
1
|
+
import { buildProps, definePropType } from '../../../utils/props.mjs';
|
|
4
2
|
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
const cardProps = buildProps({
|
|
4
|
+
header: {
|
|
5
|
+
type: String,
|
|
6
|
+
default: ""
|
|
7
|
+
},
|
|
8
|
+
bodyStyle: {
|
|
9
|
+
type: definePropType([String, Object, Array]),
|
|
10
|
+
default: ""
|
|
11
|
+
},
|
|
12
|
+
shadow: {
|
|
13
|
+
type: String,
|
|
14
|
+
default: ""
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
export { cardProps };
|
|
7
19
|
//# sourceMappingURL=card.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"card.mjs","sources":["../../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\n\nexport const cardProps = buildProps({\n header: {\n type: String,\n default: '',\n },\n bodyStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n shadow: {\n type: String,\n default: '',\n },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":[],"mappings":";;MAIa,YAAY,WAAW;AAAA,EAClC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,eAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
|
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import script from './card.vue_vue&type=script&lang.mjs';
|
|
2
|
+
export { default } from './card.vue_vue&type=script&lang.mjs';
|
|
3
|
+
import { render } from './card.vue_vue&type=template&id=7a6bdf05&lang.mjs';
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
type: String,
|
|
6
|
-
default: ""
|
|
7
|
-
},
|
|
8
|
-
bodyStyle: {
|
|
9
|
-
type: definePropType([String, Object, Array]),
|
|
10
|
-
default: ""
|
|
11
|
-
},
|
|
12
|
-
shadow: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: ""
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
export { cardProps };
|
|
5
|
+
script.render = render;
|
|
6
|
+
script.__file = "packages/components/card/src/card.vue";
|
|
19
7
|
//# sourceMappingURL=card2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card2.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"card2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n 'el-cascader',\n realSize && `el-cascader--${realSize}`,\n { 'is-disabled': isDisabled },\n ]\"\n >\n <ps-input\n ref='input'\n v-model.trim='inputValue'\n :placeholder='inputPlaceholder'\n :readonly='readonly'\n :disabled='isDisabled'\n :validate-event='false'\n :size='realSize'\n :class=\"{ 'is-focus': popperVisible }\"\n >\n <template #suffix>\n <ps-icon\n v-if='clearBtnVisible'\n key='clear'\n class='el-input__icon icon-circle-close'\n >\n <circle-close />\n </ps-icon>\n <ps-icon\n v-else\n key='arrow-down'\n :class=\"[\n 'el-input__icon',\n 'icon-arrow-down',\n ]\"\n >\n <arrow-down />\n </ps-icon>\n </template>\n </ps-input>\n\n <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n <ps-tag\n v-for='tag in presentTags'\n :key='tag.key'\n type='info'\n :size='tagSize'\n :hit='tag.hitState'\n :closable='tag.closable'\n disable-transitions\n >\n <span>{{ tag.text }}</span>\n </ps-tag>\n <input\n v-if='filterable && !isDisabled'\n v-model.trim='searchInputValue'\n type='text'\n class='el-cascader__search-input'\n :placeholder=\"presentText ? '' : inputPlaceholder\"\n />\n </div>\n </div>\n</template>\n\n<script lang='ts'>\nimport {\n computed,\n defineComponent,\n inject,\n onMounted,\n ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n CascaderNode,\n Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n medium: 36,\n small: 32,\n mini: 28\n}\n\nexport default defineComponent({\n name: 'PsCascader',\n components: {\n PsInput,\n PsTag,\n PsIcon,\n CircleClose,\n Check,\n ArrowDown\n },\n props: {\n ...CommonProps,\n size: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize\n },\n placeholder: {\n type: String\n },\n disabled: Boolean,\n clearable: Boolean,\n filterable: Boolean,\n filterMethod: {\n type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n default: (node: CascaderNode, keyword: string) =>\n node.text.includes(keyword)\n },\n separator: {\n type: String,\n default: ' / '\n },\n showAllLevels: {\n type: Boolean,\n default: true\n },\n collapseTags: Boolean,\n debounce: {\n type: Number,\n default: 300\n },\n beforeFilter: {\n type: Function as PropType<(value: string) => boolean | Promise<any>>,\n default: () => true\n },\n popperClass: {\n type: String,\n default: ''\n },\n popperAppendToBody: {\n type: Boolean,\n default: true\n },\n widget: {\n type: String\n }\n },\n setup(props) {\n let inputInitialHeight = 0\n\n const { t } = useLocaleInject()\n const $ELEMENT = useGlobalConfig()\n const elForm = inject(elFormKey, {} as ElFormContext)\n const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n const input: Ref<inputType | null> = ref(null)\n const tagWrapper = ref(null)\n const panel: Ref<cascaderPanelType | null> = ref(null)\n const inputHover = ref(false)\n const filtering = ref(false)\n const inputValue = ref('')\n const searchInputValue = ref('')\n const presentTags: Ref<Tag[]> = ref([])\n\n const isDisabled = computed(() => props.disabled || elForm.disabled)\n const inputPlaceholder = computed(\n () => props.placeholder || t('el.cascader.placeholder')\n )\n const realSize: ComputedRef<ComponentSize> = computed(\n () => props.size || elFormItem.size || $ELEMENT.size\n )\n const tagSize = computed(() =>\n ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n )\n const multiple = computed(() => !!props.props.multiple)\n const readonly = computed(() => !props.filterable || multiple.value)\n\n const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n () => panel.value?.checkedNodes || []\n )\n const clearBtnVisible = computed(() => {\n if (\n !props.clearable ||\n isDisabled.value ||\n filtering.value ||\n !inputHover.value\n )\n return false\n\n return !!checkedNodes.value.length\n })\n const presentText = computed(() => {\n const { showAllLevels, separator } = props\n const nodes = checkedNodes.value\n return nodes.length\n ? multiple.value\n ? ' '\n : nodes[0].calcText(showAllLevels, separator)\n : ''\n })\n\n onMounted(() => {\n const inputEl = input.value?.$el\n inputInitialHeight =\n inputEl?.offsetHeight ||\n INPUT_HEIGHT_MAP[realSize.value] ||\n DEFAULT_INPUT_HEIGHT\n })\n\n return {\n input,\n tagWrapper,\n inputPlaceholder,\n presentText,\n inputValue,\n searchInputValue,\n presentTags,\n isDisabled,\n realSize,\n tagSize,\n multiple,\n readonly,\n clearBtnVisible,\n }\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n 'el-cascader',\n realSize && `el-cascader--${realSize}`,\n { 'is-disabled': isDisabled },\n ]\"\n :widget=\"widget\"\n >\n <ps-input\n ref='input'\n v-model.trim='inputValue'\n :placeholder='inputPlaceholder'\n :readonly='readonly'\n :disabled='isDisabled'\n :validate-event='false'\n :size='realSize'\n :class=\"{ 'is-focus': popperVisible }\"\n >\n <template #suffix>\n <ps-icon\n v-if='clearBtnVisible'\n key='clear'\n class='el-input__icon icon-circle-close'\n >\n <circle-close />\n </ps-icon>\n <ps-icon\n v-else\n key='arrow-down'\n :class=\"[\n 'el-input__icon',\n 'icon-arrow-down',\n ]\"\n >\n <arrow-down />\n </ps-icon>\n </template>\n </ps-input>\n\n <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n <ps-tag\n v-for='tag in presentTags'\n :key='tag.key'\n type='info'\n :size='tagSize'\n :hit='tag.hitState'\n :closable='tag.closable'\n disable-transitions\n >\n <span>{{ tag.text }}</span>\n </ps-tag>\n <input\n v-if='filterable && !isDisabled'\n v-model.trim='searchInputValue'\n type='text'\n class='el-cascader__search-input'\n :placeholder=\"presentText ? '' : inputPlaceholder\"\n />\n </div>\n </div>\n</template>\n\n<script lang='ts'>\nimport {\n computed,\n defineComponent,\n inject,\n onMounted,\n ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n CascaderNode,\n Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n medium: 36,\n small: 32,\n mini: 28\n}\n\nexport default defineComponent({\n name: 'PsCascader',\n components: {\n PsInput,\n PsTag,\n PsIcon,\n CircleClose,\n Check,\n ArrowDown\n },\n props: {\n ...CommonProps,\n size: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize\n },\n placeholder: {\n type: String\n },\n disabled: Boolean,\n clearable: Boolean,\n filterable: Boolean,\n filterMethod: {\n type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n default: (node: CascaderNode, keyword: string) =>\n node.text.includes(keyword)\n },\n separator: {\n type: String,\n default: ' / '\n },\n showAllLevels: {\n type: Boolean,\n default: true\n },\n collapseTags: Boolean,\n debounce: {\n type: Number,\n default: 300\n },\n beforeFilter: {\n type: Function as PropType<(value: string) => boolean | Promise<any>>,\n default: () => true\n },\n popperClass: {\n type: String,\n default: ''\n },\n popperAppendToBody: {\n type: Boolean,\n default: true\n },\n widget: {\n type: String\n }\n },\n setup(props) {\n let inputInitialHeight = 0\n\n const { t } = useLocaleInject()\n const $ELEMENT = useGlobalConfig()\n const elForm = inject(elFormKey, {} as ElFormContext)\n const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n const input: Ref<inputType | null> = ref(null)\n const tagWrapper = ref(null)\n const panel: Ref<cascaderPanelType | null> = ref(null)\n const inputHover = ref(false)\n const filtering = ref(false)\n const inputValue = ref('')\n const searchInputValue = ref('')\n const presentTags: Ref<Tag[]> = ref([])\n\n const isDisabled = computed(() => props.disabled || elForm.disabled)\n const inputPlaceholder = computed(\n () => props.placeholder || t('el.cascader.placeholder')\n )\n const realSize: ComputedRef<ComponentSize> = computed(\n () => props.size || elFormItem.size || $ELEMENT.size\n )\n const tagSize = computed(() =>\n ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n )\n const multiple = computed(() => !!props.props.multiple)\n const readonly = computed(() => !props.filterable || multiple.value)\n\n const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n () => panel.value?.checkedNodes || []\n )\n const clearBtnVisible = computed(() => {\n if (\n !props.clearable ||\n isDisabled.value ||\n filtering.value ||\n !inputHover.value\n )\n return false\n\n return !!checkedNodes.value.length\n })\n const presentText = computed(() => {\n const { showAllLevels, separator } = props\n const nodes = checkedNodes.value\n return nodes.length\n ? multiple.value\n ? ' '\n : nodes[0].calcText(showAllLevels, separator)\n : ''\n })\n\n onMounted(() => {\n const inputEl = input.value?.$el\n inputInitialHeight =\n inputEl?.offsetHeight ||\n INPUT_HEIGHT_MAP[realSize.value] ||\n DEFAULT_INPUT_HEIGHT\n })\n\n return {\n input,\n tagWrapper,\n inputPlaceholder,\n presentText,\n inputValue,\n searchInputValue,\n presentTags,\n isDisabled,\n realSize,\n tagSize,\n multiple,\n readonly,\n clearBtnVisible,\n }\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiGA,MAAM,uBAAuB;AAE7B,MAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAEb,aAAa;AAAA,MACX,MAAM;AAAA;AAAA,IAER,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,CAAC,MAAoB,YAC5B,KAAK,KAAK,SAAS;AAAA;AAAA,IAEvB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO;AACX,QAAI,qBAAqB;AAEzB,UAAM,EAAE,MAAM;AACd,UAAM,WAAW;AACjB,UAAM,SAAS,OAAO,WAAW;AACjC,UAAM,aAAa,OAAO,eAAe;AAEzC,UAAM,QAA+B,IAAI;AACzC,UAAM,aAAa,IAAI;AACvB,UAAM,QAAuC,IAAI;AACjD,UAAM,aAAa,IAAI;AACvB,UAAM,YAAY,IAAI;AACtB,UAAM,aAAa,IAAI;AACvB,UAAM,mBAAmB,IAAI;AAC7B,UAAM,cAA0B,IAAI;AAEpC,UAAM,aAAa,SAAS,MAAM,MAAM,YAAY,OAAO;AAC3D,UAAM,mBAAmB,SACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,WAAuC,SAC3C,MAAM,MAAM,QAAQ,WAAW,QAAQ,SAAS;AAElD,UAAM,UAAU,SAAS,MACvB,CAAC,SAAS,QAAQ,SAAS,SAAS,SAAS,SAAS;AAExD,UAAM,WAAW,SAAS,MAAM,CAAC,CAAC,MAAM,MAAM;AAC9C,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,cAAc,SAAS;AAE9D,UAAM,eAA4C,SAChD,MAAG;;AAAG,0BAAM,UAAN,mBAAa,iBAAgB;AAAA;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,UACE,CAAC,MAAM,aACP,WAAW,SACX,UAAU,SACV,CAAC,WAAW;AAEZ,eAAO;AAET,aAAO,CAAC,CAAC,aAAa,MAAM;AAAA;AAE9B,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,EAAE,eAAe,cAAc;AACrC,YAAM,QAAQ,aAAa;AAC3B,aAAO,MAAM,SACT,SAAS,QACP,MACA,MAAM,GAAG,SAAS,eAAe,aACnC;AAAA;AAGN,cAAU,MAAM;;AACd,YAAM,UAAU,YAAM,UAAN,mBAAa;AAC7B,2BACE,oCAAS,iBACT,iBAAiB,SAAS,UAC1B;AAAA;AAGJ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
|
package/es/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.mjs
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createBlock, Fragment, renderList, createElementVNode, toDisplayString, withDirectives, vModelText, createCommentVNode } from 'vue';
|
|
2
2
|
|
|
3
|
-
const _hoisted_1 =
|
|
3
|
+
const _hoisted_1 = ["widget"];
|
|
4
|
+
const _hoisted_2 = {
|
|
4
5
|
key: 0,
|
|
5
6
|
ref: "tagWrapper",
|
|
6
7
|
class: "el-cascader__tags"
|
|
7
8
|
};
|
|
8
|
-
const
|
|
9
|
+
const _hoisted_3 = ["placeholder"];
|
|
9
10
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10
11
|
const _component_circle_close = resolveComponent("circle-close");
|
|
11
12
|
const _component_ps_icon = resolveComponent("ps-icon");
|
|
@@ -17,7 +18,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
17
18
|
"el-cascader",
|
|
18
19
|
_ctx.realSize && `el-cascader--${_ctx.realSize}`,
|
|
19
20
|
{ "is-disabled": _ctx.isDisabled }
|
|
20
|
-
])
|
|
21
|
+
]),
|
|
22
|
+
widget: _ctx.widget
|
|
21
23
|
}, [
|
|
22
24
|
createVNode(_component_ps_input, {
|
|
23
25
|
ref: "input",
|
|
@@ -55,7 +57,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
55
57
|
]),
|
|
56
58
|
_: 1
|
|
57
59
|
}, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
|
|
58
|
-
_ctx.multiple ? (openBlock(), createElementBlock("div",
|
|
60
|
+
_ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
59
61
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
|
|
60
62
|
return openBlock(), createBlock(_component_ps_tag, {
|
|
61
63
|
key: tag.key,
|
|
@@ -77,7 +79,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
77
79
|
type: "text",
|
|
78
80
|
class: "el-cascader__search-input",
|
|
79
81
|
placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder
|
|
80
|
-
}, null, 8,
|
|
82
|
+
}, null, 8, _hoisted_3)), [
|
|
81
83
|
[
|
|
82
84
|
vModelText,
|
|
83
85
|
_ctx.searchInputValue,
|
|
@@ -86,7 +88,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
86
88
|
]
|
|
87
89
|
]) : createCommentVNode("v-if", true)
|
|
88
90
|
], 512)) : createCommentVNode("v-if", true)
|
|
89
|
-
],
|
|
91
|
+
], 10, _hoisted_1);
|
|
90
92
|
}
|
|
91
93
|
|
|
92
94
|
export { render };
|
package/es/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue_vue&type=template&id=0429c2db&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue?vue&type=template&id=0429c2db&lang.js"],"sourcesContent":["<template>\n <div\n :class=\"[\n 'el-cascader',\n realSize && `el-cascader--${realSize}`,\n { 'is-disabled': isDisabled },\n ]\"\n >\n <ps-input\n ref='input'\n v-model.trim='inputValue'\n :placeholder='inputPlaceholder'\n :readonly='readonly'\n :disabled='isDisabled'\n :validate-event='false'\n :size='realSize'\n :class=\"{ 'is-focus': popperVisible }\"\n >\n <template #suffix>\n <ps-icon\n v-if='clearBtnVisible'\n key='clear'\n class='el-input__icon icon-circle-close'\n >\n <circle-close />\n </ps-icon>\n <ps-icon\n v-else\n key='arrow-down'\n :class=\"[\n 'el-input__icon',\n 'icon-arrow-down',\n ]\"\n >\n <arrow-down />\n </ps-icon>\n </template>\n </ps-input>\n\n <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n <ps-tag\n v-for='tag in presentTags'\n :key='tag.key'\n type='info'\n :size='tagSize'\n :hit='tag.hitState'\n :closable='tag.closable'\n disable-transitions\n >\n <span>{{ tag.text }}</span>\n </ps-tag>\n <input\n v-if='filterable && !isDisabled'\n v-model.trim='searchInputValue'\n type='text'\n class='el-cascader__search-input'\n :placeholder=\"presentText ? '' : inputPlaceholder\"\n />\n </div>\n </div>\n</template>\n\n<script lang='ts'>\nimport {\n computed,\n defineComponent,\n inject,\n onMounted,\n ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n CascaderNode,\n Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n medium: 36,\n small: 32,\n mini: 28\n}\n\nexport default defineComponent({\n name: 'PsCascader',\n components: {\n PsInput,\n PsTag,\n PsIcon,\n CircleClose,\n Check,\n ArrowDown\n },\n props: {\n ...CommonProps,\n size: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize\n },\n placeholder: {\n type: String\n },\n disabled: Boolean,\n clearable: Boolean,\n filterable: Boolean,\n filterMethod: {\n type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n default: (node: CascaderNode, keyword: string) =>\n node.text.includes(keyword)\n },\n separator: {\n type: String,\n default: ' / '\n },\n showAllLevels: {\n type: Boolean,\n default: true\n },\n collapseTags: Boolean,\n debounce: {\n type: Number,\n default: 300\n },\n beforeFilter: {\n type: Function as PropType<(value: string) => boolean | Promise<any>>,\n default: () => true\n },\n popperClass: {\n type: String,\n default: ''\n },\n popperAppendToBody: {\n type: Boolean,\n default: true\n },\n widget: {\n type: String\n }\n },\n setup(props) {\n let inputInitialHeight = 0\n\n const { t } = useLocaleInject()\n const $ELEMENT = useGlobalConfig()\n const elForm = inject(elFormKey, {} as ElFormContext)\n const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n const input: Ref<inputType | null> = ref(null)\n const tagWrapper = ref(null)\n const panel: Ref<cascaderPanelType | null> = ref(null)\n const inputHover = ref(false)\n const filtering = ref(false)\n const inputValue = ref('')\n const searchInputValue = ref('')\n const presentTags: Ref<Tag[]> = ref([])\n\n const isDisabled = computed(() => props.disabled || elForm.disabled)\n const inputPlaceholder = computed(\n () => props.placeholder || t('el.cascader.placeholder')\n )\n const realSize: ComputedRef<ComponentSize> = computed(\n () => props.size || elFormItem.size || $ELEMENT.size\n )\n const tagSize = computed(() =>\n ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n )\n const multiple = computed(() => !!props.props.multiple)\n const readonly = computed(() => !props.filterable || multiple.value)\n\n const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n () => panel.value?.checkedNodes || []\n )\n const clearBtnVisible = computed(() => {\n if (\n !props.clearable ||\n isDisabled.value ||\n filtering.value ||\n !inputHover.value\n )\n return false\n\n return !!checkedNodes.value.length\n })\n const presentText = computed(() => {\n const { showAllLevels, separator } = props\n const nodes = checkedNodes.value\n return nodes.length\n ? multiple.value\n ? ' '\n : nodes[0].calcText(showAllLevels, separator)\n : ''\n })\n\n onMounted(() => {\n const inputEl = input.value?.$el\n inputInitialHeight =\n inputEl?.offsetHeight ||\n INPUT_HEIGHT_MAP[realSize.value] ||\n DEFAULT_INPUT_HEIGHT\n })\n\n return {\n input,\n tagWrapper,\n inputPlaceholder,\n presentText,\n inputValue,\n searchInputValue,\n presentTags,\n isDisabled,\n realSize,\n tagSize,\n multiple,\n readonly,\n clearBtnVisible,\n }\n }\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock","_createElementVNode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.vue_vue&type=template&id=0429c2db&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue?vue&type=template&id=0429c2db&lang.js"],"sourcesContent":["<template>\n <div\n :class=\"[\n 'el-cascader',\n realSize && `el-cascader--${realSize}`,\n { 'is-disabled': isDisabled },\n ]\"\n :widget=\"widget\"\n >\n <ps-input\n ref='input'\n v-model.trim='inputValue'\n :placeholder='inputPlaceholder'\n :readonly='readonly'\n :disabled='isDisabled'\n :validate-event='false'\n :size='realSize'\n :class=\"{ 'is-focus': popperVisible }\"\n >\n <template #suffix>\n <ps-icon\n v-if='clearBtnVisible'\n key='clear'\n class='el-input__icon icon-circle-close'\n >\n <circle-close />\n </ps-icon>\n <ps-icon\n v-else\n key='arrow-down'\n :class=\"[\n 'el-input__icon',\n 'icon-arrow-down',\n ]\"\n >\n <arrow-down />\n </ps-icon>\n </template>\n </ps-input>\n\n <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n <ps-tag\n v-for='tag in presentTags'\n :key='tag.key'\n type='info'\n :size='tagSize'\n :hit='tag.hitState'\n :closable='tag.closable'\n disable-transitions\n >\n <span>{{ tag.text }}</span>\n </ps-tag>\n <input\n v-if='filterable && !isDisabled'\n v-model.trim='searchInputValue'\n type='text'\n class='el-cascader__search-input'\n :placeholder=\"presentText ? '' : inputPlaceholder\"\n />\n </div>\n </div>\n</template>\n\n<script lang='ts'>\nimport {\n computed,\n defineComponent,\n inject,\n onMounted,\n ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n CascaderNode,\n Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n medium: 36,\n small: 32,\n mini: 28\n}\n\nexport default defineComponent({\n name: 'PsCascader',\n components: {\n PsInput,\n PsTag,\n PsIcon,\n CircleClose,\n Check,\n ArrowDown\n },\n props: {\n ...CommonProps,\n size: {\n type: String as PropType<ComponentSize>,\n validator: isValidComponentSize\n },\n placeholder: {\n type: String\n },\n disabled: Boolean,\n clearable: Boolean,\n filterable: Boolean,\n filterMethod: {\n type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n default: (node: CascaderNode, keyword: string) =>\n node.text.includes(keyword)\n },\n separator: {\n type: String,\n default: ' / '\n },\n showAllLevels: {\n type: Boolean,\n default: true\n },\n collapseTags: Boolean,\n debounce: {\n type: Number,\n default: 300\n },\n beforeFilter: {\n type: Function as PropType<(value: string) => boolean | Promise<any>>,\n default: () => true\n },\n popperClass: {\n type: String,\n default: ''\n },\n popperAppendToBody: {\n type: Boolean,\n default: true\n },\n widget: {\n type: String\n }\n },\n setup(props) {\n let inputInitialHeight = 0\n\n const { t } = useLocaleInject()\n const $ELEMENT = useGlobalConfig()\n const elForm = inject(elFormKey, {} as ElFormContext)\n const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n const input: Ref<inputType | null> = ref(null)\n const tagWrapper = ref(null)\n const panel: Ref<cascaderPanelType | null> = ref(null)\n const inputHover = ref(false)\n const filtering = ref(false)\n const inputValue = ref('')\n const searchInputValue = ref('')\n const presentTags: Ref<Tag[]> = ref([])\n\n const isDisabled = computed(() => props.disabled || elForm.disabled)\n const inputPlaceholder = computed(\n () => props.placeholder || t('el.cascader.placeholder')\n )\n const realSize: ComputedRef<ComponentSize> = computed(\n () => props.size || elFormItem.size || $ELEMENT.size\n )\n const tagSize = computed(() =>\n ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n )\n const multiple = computed(() => !!props.props.multiple)\n const readonly = computed(() => !props.filterable || multiple.value)\n\n const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n () => panel.value?.checkedNodes || []\n )\n const clearBtnVisible = computed(() => {\n if (\n !props.clearable ||\n isDisabled.value ||\n filtering.value ||\n !inputHover.value\n )\n return false\n\n return !!checkedNodes.value.length\n })\n const presentText = computed(() => {\n const { showAllLevels, separator } = props\n const nodes = checkedNodes.value\n return nodes.length\n ? multiple.value\n ? ' '\n : nodes[0].calcText(showAllLevels, separator)\n : ''\n })\n\n onMounted(() => {\n const inputEl = input.value?.$el\n inputInitialHeight =\n inputEl?.offsetHeight ||\n INPUT_HEIGHT_MAP[realSize.value] ||\n DEFAULT_INPUT_HEIGHT\n })\n\n return {\n input,\n tagWrapper,\n inputPlaceholder,\n presentText,\n inputValue,\n searchInputValue,\n presentTags,\n isDisabled,\n realSize,\n tagSize,\n multiple,\n readonly,\n clearBtnVisible,\n }\n }\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock","_createElementVNode"],"mappings":";;;;;EAwCyB,KAAI;AAAA,EAAa,OAAM;AAAA;;;;;;;;sBAvC9CA;IACG;;;;;IAKA,QAAQ;;IAETC;MACE,KAAI;AAAA,kBACU;mEAAA;sBAAd;MACC,aAAa;MACb,UAAU;MACV,UAAU;MACV,kBAAgB;AAAA,MAChB,MAAM;MACN,oCAAqB;;MAEX,gBACT;QACQ,qCADRC;UAEE,KAAI;AAAA,UACJ,OAAM;AAAA;2BAEN;YAAAD;;;4BAEFC;UAEE,KAAI;AAAA,UACH,sBAAO;AAAA;;;;2BAKR;YAAAD;;;;;;;IAKK,8BAAXD,0BAAA;wBACEA,8CACgB,mBAAP;4BADTE;UAEG,KAAK,IAAI;AAAA,UACV,MAAK;AAAA,UACJ,MAAM;UACN,KAAK,IAAI;AAAA,UACT,UAAU,IAAI;AAAA,UACf,uBAAA;AAAA;2BAEA;YAAAC,iDAAS,IAAI;;;;;MAGP,oBAAe,+CADvBH;;qEAEgB;QACd,MAAK;AAAA,QACL,OAAM;AAAA,QACL,aAAa,wBAAmB;;;;UAHnB;;kBAAd;AAAA;AAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-item.mjs","sources":["../../../../../../../packages/components/descriptions/src/description-item.ts"],"sourcesContent":["import { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'PsDescriptionsItem',\n props: {\n label: {\n type: String,\n default: '',\n },\n span: {\n type: Number,\n default: 1,\n },\n width: {\n type: [String, Number],\n default: '',\n },\n minWidth: {\n type: [String, Number],\n default: '',\n },\n align: {\n type: String,\n default: 'left',\n },\n labelAlign: {\n type: String,\n default: '',\n },\n className: {\n type: String,\n default: '',\n },\n labelClassName: {\n type: String,\n default: '',\n },\n },\n})\n"],"names":[],"mappings":";;AAEA,uBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"description-item.mjs","sources":["../../../../../../../packages/components/descriptions/src/description-item.ts"],"sourcesContent":["import { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'PsDescriptionsItem',\n props: {\n label: {\n type: String,\n default: '',\n },\n span: {\n type: Number,\n default: 1,\n },\n width: {\n type: [String, Number],\n default: '',\n },\n minWidth: {\n type: [String, Number],\n default: '',\n },\n align: {\n type: String,\n default: 'left',\n },\n labelAlign: {\n type: String,\n default: '',\n },\n className: {\n type: String,\n default: '',\n },\n labelClassName: {\n type: String,\n default: '',\n },\n widget: {\n type: String,\n }\n },\n})\n"],"names":[],"mappings":";;AAEA,uBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -47,7 +47,8 @@ var PsDescriptionsCell = defineComponent({
|
|
|
47
47
|
labelAlign,
|
|
48
48
|
labelClassName
|
|
49
49
|
],
|
|
50
|
-
colSpan: this.descriptions.direction === "vertical" ? span : 1
|
|
50
|
+
colSpan: this.descriptions.direction === "vertical" ? span : 1,
|
|
51
|
+
widget: item.widget
|
|
51
52
|
}, label);
|
|
52
53
|
case "content":
|
|
53
54
|
return h(this.tag, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descriptions-cell.mjs","sources":["../../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-ps/utils/util'\nimport { getNormalizedProps } from '@element-ps/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n IDescriptionsInject,\n IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n name: 'PsDescriptionsCell',\n props: {\n cell: {\n type: Object,\n },\n tag: {\n type: String,\n },\n type: {\n type: String,\n },\n },\n setup() {\n const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n return {\n descriptions,\n }\n },\n render() {\n const item = getNormalizedProps(\n this.cell as VNode\n ) as IDescriptionsItemInject\n\n const label = this.cell?.children?.label?.() || item.label\n const content = this.cell?.children?.default?.()\n const span = item.span\n const align = item.align ? `is-${item.align}` : ''\n const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n const className = item.className\n const labelClassName = item.labelClassName\n const style = {\n width: addUnit(item.width),\n minWidth: addUnit(item.minWidth),\n }\n\n switch (this.type) {\n case 'label':\n return h(\n this.tag as string,\n {\n style,\n class: [\n 'el-descriptions__cell',\n 'el-descriptions__label',\n { 'is-bordered-label': this.descriptions.border },\n labelAlign,\n labelClassName,\n ],\n colSpan: this.descriptions.direction === 'vertical' ? span : 1,\n },\n label\n )\n case 'content':\n return h(\n this.tag as string,\n {\n style,\n class: [\n 'el-descriptions__cell',\n 'el-descriptions__content',\n align,\n className,\n ],\n colSpan:\n this.descriptions.direction === 'vertical' ? span : span * 2 - 1,\n },\n content\n )\n default:\n return h(\n 'td',\n {\n style,\n class: ['el-descriptions__cell', align],\n colSpan: span,\n },\n [\n h(\n 'span',\n {\n class: ['el-descriptions__label', labelClassName],\n },\n label\n ),\n h(\n 'span',\n {\n class: ['el-descriptions__content', className],\n },\n content\n ),\n ]\n )\n }\n },\n})\n"],"names":[],"mappings":";;;;;AAWA,yBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA,IAER,KAAK;AAAA,MACH,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAGV,QAAQ;AACN,UAAM,eAAe,OAAO,mBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;AA/BX;AAgCI,UAAM,OAAO,mBACX,KAAK;AAGP,UAAM,QAAQ,wBAAK,SAAL,mBAAW,aAAX,mBAAqB,UAArB,gCAAkC,KAAK;AACrD,UAAM,UAAU,uBAAK,SAAL,mBAAW,aAAX,mBAAqB,YAArB;AAChB,UAAM,OAAO,KAAK;AAClB,UAAM,QAAQ,KAAK,QAAQ,MAAM,KAAK,UAAU;AAChD,UAAM,aAAa,KAAK,aAAa,MAAM,KAAK,eAAqB;AACrE,UAAM,YAAY,KAAK;AACvB,UAAM,iBAAiB,KAAK;AAC5B,UAAM,QAAQ;AAAA,MACZ,OAAO,QAAQ,KAAK;AAAA,MACpB,UAAU,QAAQ,KAAK;AAAA;AAGzB,YAAQ,KAAK;AAAA,WACN;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA,EAAE,qBAAqB,KAAK,aAAa;AAAA,YACzC;AAAA,YACA;AAAA;AAAA,UAEF,SAAS,KAAK,aAAa,cAAc,aAAa,OAAO;AAAA,
|
|
1
|
+
{"version":3,"file":"descriptions-cell.mjs","sources":["../../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-ps/utils/util'\nimport { getNormalizedProps } from '@element-ps/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n IDescriptionsInject,\n IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n name: 'PsDescriptionsCell',\n props: {\n cell: {\n type: Object,\n },\n tag: {\n type: String,\n },\n type: {\n type: String,\n },\n },\n setup() {\n const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n return {\n descriptions,\n }\n },\n render() {\n const item = getNormalizedProps(\n this.cell as VNode\n ) as IDescriptionsItemInject\n\n const label = this.cell?.children?.label?.() || item.label\n const content = this.cell?.children?.default?.()\n const span = item.span\n const align = item.align ? `is-${item.align}` : ''\n const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n const className = item.className\n const labelClassName = item.labelClassName\n const style = {\n width: addUnit(item.width),\n minWidth: addUnit(item.minWidth),\n }\n\n switch (this.type) {\n case 'label':\n return h(\n this.tag as string,\n {\n style,\n class: [\n 'el-descriptions__cell',\n 'el-descriptions__label',\n { 'is-bordered-label': this.descriptions.border },\n labelAlign,\n labelClassName,\n ],\n colSpan: this.descriptions.direction === 'vertical' ? span : 1,\n widget: item.widget\n },\n label\n )\n case 'content':\n return h(\n this.tag as string,\n {\n style,\n class: [\n 'el-descriptions__cell',\n 'el-descriptions__content',\n align,\n className,\n ],\n colSpan:\n this.descriptions.direction === 'vertical' ? span : span * 2 - 1,\n },\n content\n )\n default:\n return h(\n 'td',\n {\n style,\n class: ['el-descriptions__cell', align],\n colSpan: span,\n },\n [\n h(\n 'span',\n {\n class: ['el-descriptions__label', labelClassName],\n },\n label\n ),\n h(\n 'span',\n {\n class: ['el-descriptions__content', className],\n },\n content\n ),\n ]\n )\n }\n },\n})\n"],"names":[],"mappings":";;;;;AAWA,yBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA,IAER,KAAK;AAAA,MACH,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAGV,QAAQ;AACN,UAAM,eAAe,OAAO,mBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;AA/BX;AAgCI,UAAM,OAAO,mBACX,KAAK;AAGP,UAAM,QAAQ,wBAAK,SAAL,mBAAW,aAAX,mBAAqB,UAArB,gCAAkC,KAAK;AACrD,UAAM,UAAU,uBAAK,SAAL,mBAAW,aAAX,mBAAqB,YAArB;AAChB,UAAM,OAAO,KAAK;AAClB,UAAM,QAAQ,KAAK,QAAQ,MAAM,KAAK,UAAU;AAChD,UAAM,aAAa,KAAK,aAAa,MAAM,KAAK,eAAqB;AACrE,UAAM,YAAY,KAAK;AACvB,UAAM,iBAAiB,KAAK;AAC5B,UAAM,QAAQ;AAAA,MACZ,OAAO,QAAQ,KAAK;AAAA,MACpB,UAAU,QAAQ,KAAK;AAAA;AAGzB,YAAQ,KAAK;AAAA,WACN;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA,EAAE,qBAAqB,KAAK,aAAa;AAAA,YACzC;AAAA,YACA;AAAA;AAAA,UAEF,SAAS,KAAK,aAAa,cAAc,aAAa,OAAO;AAAA,UAC7D,QAAQ,KAAK;AAAA,WAEf;AAAA,WAEC;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UAEF,SACE,KAAK,aAAa,cAAc,aAAa,OAAO,OAAO,IAAI;AAAA,WAEnE;AAAA;AAGF,eAAO,EACL,MACA;AAAA,UACE;AAAA,UACA,OAAO,CAAC,yBAAyB;AAAA,UACjC,SAAS;AAAA,WAEX;AAAA,UACE,EACE,QACA;AAAA,YACE,OAAO,CAAC,0BAA0B;AAAA,aAEpC;AAAA,UAEF,EACE,QACA;AAAA,YACE,OAAO,CAAC,4BAA4B;AAAA,aAEtC;AAAA;AAAA;AAAA;AAAA;;;;"}
|