ll-plus 2.5.13 → 2.5.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/advanced-filtering/index.d.ts +20 -20
- package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +12 -12
- package/es/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +4 -4
- package/es/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
- package/es/components/api-component/index.d.ts +32 -32
- package/es/components/api-component/src/api-component.vue.d.ts +32 -32
- package/es/components/api-component/src/components/api-modal.vue.d.ts +6 -6
- package/es/components/api-component/src/components/body-component.vue.d.ts +14 -14
- package/es/components/api-component/src/components/click-input.vue.d.ts +10 -10
- package/es/components/api-component/src/components/params-table-row.vue.d.ts +12 -12
- package/es/components/api-component/src/components/params-table.vue.d.ts +14 -14
- package/es/components/api-component/src/config/api-modal.d.ts +1 -1
- package/es/components/api-component/src/config/click-input.d.ts +1 -1
- package/es/components/breadcrumb-card/index.d.ts +5 -4
- package/es/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +5 -4
- package/es/components/code-editor/index.d.ts +2 -2
- package/es/components/code-editor/src/code-editor.vue.d.ts +2 -2
- package/es/components/cropper/index.d.ts +4 -4
- package/es/components/cropper/src/cropper-image.vue.d.ts +2 -2
- package/es/components/cropper/src/cropper-modal.vue.d.ts +2 -2
- package/es/components/drawer/index.d.ts +7 -7
- package/es/components/drawer/src/components/second-confirmation/index.d.ts +9 -9
- package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +9 -9
- package/es/components/drawer/src/drawer.vue.d.ts +7 -7
- package/es/components/easy-cron/index.d.ts +5 -5
- package/es/components/easy-cron/src/easy-cron.vue.d.ts +5 -5
- package/es/components/empty/index.d.ts +2 -2
- package/es/components/empty/src/empty.vue.d.ts +2 -2
- package/es/components/form/index.d.ts +2 -2
- package/es/components/form/src/form.vue.d.ts +2 -2
- package/es/components/input/index.d.ts +31 -31
- package/es/components/input/src/input.vue.d.ts +31 -31
- package/es/components/key-value/index.d.ts +12 -12
- package/es/components/key-value/src/components/key-value-item.vue.d.ts +4 -4
- package/es/components/key-value/src/key-value.vue.d.ts +12 -12
- package/es/components/modal/index.d.ts +4 -4
- package/es/components/modal/src/modal.vue.d.ts +4 -4
- package/es/components/new-drawer/index.d.ts +8 -7
- package/es/components/new-drawer/src/drawer.vue.d.ts +8 -7
- package/es/components/new-modal/index.d.ts +5 -4
- package/es/components/new-modal/src/modal.vue.d.ts +5 -4
- package/es/components/select/index.d.ts +11 -11
- package/es/components/select/src/select.vue.d.ts +11 -11
- package/es/components/select-group/index.d.ts +2 -2
- package/es/components/select-group/src/select-group.vue.d.ts +2 -2
- package/es/components/table/index.d.ts +6 -6
- package/es/components/table/src/components/main-table.vue.d.ts +2 -2
- package/es/components/table/src/config/table.d.ts +2 -2
- package/es/components/table/src/table.vue.d.ts +6 -6
- package/es/components/textarea/index.d.ts +5 -5
- package/es/components/textarea/src/textarea.vue.d.ts +5 -5
- package/es/components/tooltip/index.d.ts +2 -2
- package/es/components/tooltip/src/tooltip.vue.d.ts +2 -2
- package/es/components/tree-search/index.d.ts +14 -14
- package/es/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/es/components/tree-search/src/tree-search.vue.d.ts +14 -14
- package/es/components/upload-drag/index.d.ts +4 -4
- package/es/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
- package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs +10 -1
- package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs.map +1 -1
- package/es/packages/components/new-drawer/src/drawer.vue2.mjs +10 -1
- package/es/packages/components/new-drawer/src/drawer.vue2.mjs.map +1 -1
- package/es/packages/components/new-modal/src/modal.vue2.mjs +11 -7
- package/es/packages/components/new-modal/src/modal.vue2.mjs.map +1 -1
- package/es/packages/hooks/use-scroll/index.mjs +3 -7
- package/es/packages/hooks/use-scroll/index.mjs.map +1 -1
- package/es/utils/props/runtime.d.ts +2 -2
- package/index.full.js +33 -15
- package/index.full.min.js +17 -17
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +17 -17
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +33 -15
- package/lib/components/advanced-filtering/index.d.ts +20 -20
- package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +12 -12
- package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +4 -4
- package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
- package/lib/components/api-component/index.d.ts +32 -32
- package/lib/components/api-component/src/api-component.vue.d.ts +32 -32
- package/lib/components/api-component/src/components/api-modal.vue.d.ts +6 -6
- package/lib/components/api-component/src/components/body-component.vue.d.ts +14 -14
- package/lib/components/api-component/src/components/click-input.vue.d.ts +10 -10
- package/lib/components/api-component/src/components/params-table-row.vue.d.ts +12 -12
- package/lib/components/api-component/src/components/params-table.vue.d.ts +14 -14
- package/lib/components/api-component/src/config/api-modal.d.ts +1 -1
- package/lib/components/api-component/src/config/click-input.d.ts +1 -1
- package/lib/components/breadcrumb-card/index.d.ts +5 -4
- package/lib/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +5 -4
- package/lib/components/code-editor/index.d.ts +2 -2
- package/lib/components/code-editor/src/code-editor.vue.d.ts +2 -2
- package/lib/components/cropper/index.d.ts +4 -4
- package/lib/components/cropper/src/cropper-image.vue.d.ts +2 -2
- package/lib/components/cropper/src/cropper-modal.vue.d.ts +2 -2
- package/lib/components/drawer/index.d.ts +7 -7
- package/lib/components/drawer/src/components/second-confirmation/index.d.ts +9 -9
- package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +9 -9
- package/lib/components/drawer/src/drawer.vue.d.ts +7 -7
- package/lib/components/easy-cron/index.d.ts +5 -5
- package/lib/components/easy-cron/src/easy-cron.vue.d.ts +5 -5
- package/lib/components/empty/index.d.ts +2 -2
- package/lib/components/empty/src/empty.vue.d.ts +2 -2
- package/lib/components/form/index.d.ts +2 -2
- package/lib/components/form/src/form.vue.d.ts +2 -2
- package/lib/components/input/index.d.ts +31 -31
- package/lib/components/input/src/input.vue.d.ts +31 -31
- package/lib/components/key-value/index.d.ts +12 -12
- package/lib/components/key-value/src/components/key-value-item.vue.d.ts +4 -4
- package/lib/components/key-value/src/key-value.vue.d.ts +12 -12
- package/lib/components/modal/index.d.ts +4 -4
- package/lib/components/modal/src/modal.vue.d.ts +4 -4
- package/lib/components/new-drawer/index.d.ts +8 -7
- package/lib/components/new-drawer/src/drawer.vue.d.ts +8 -7
- package/lib/components/new-modal/index.d.ts +5 -4
- package/lib/components/new-modal/src/modal.vue.d.ts +5 -4
- package/lib/components/select/index.d.ts +11 -11
- package/lib/components/select/src/select.vue.d.ts +11 -11
- package/lib/components/select-group/index.d.ts +2 -2
- package/lib/components/select-group/src/select-group.vue.d.ts +2 -2
- package/lib/components/table/index.d.ts +6 -6
- package/lib/components/table/src/components/main-table.vue.d.ts +2 -2
- package/lib/components/table/src/config/table.d.ts +2 -2
- package/lib/components/table/src/table.vue.d.ts +6 -6
- package/lib/components/textarea/index.d.ts +5 -5
- package/lib/components/textarea/src/textarea.vue.d.ts +5 -5
- package/lib/components/tooltip/index.d.ts +2 -2
- package/lib/components/tooltip/src/tooltip.vue.d.ts +2 -2
- package/lib/components/tree-search/index.d.ts +14 -14
- package/lib/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/lib/components/tree-search/src/tree-search.vue.d.ts +14 -14
- package/lib/components/upload-drag/index.d.ts +4 -4
- package/lib/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
- package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js +10 -1
- package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js.map +1 -1
- package/lib/packages/components/new-drawer/src/drawer.vue2.js +10 -1
- package/lib/packages/components/new-drawer/src/drawer.vue2.js.map +1 -1
- package/lib/packages/components/new-modal/src/modal.vue2.js +10 -6
- package/lib/packages/components/new-modal/src/modal.vue2.js.map +1 -1
- package/lib/packages/hooks/use-scroll/index.js +3 -7
- package/lib/packages/hooks/use-scroll/index.js.map +1 -1
- package/lib/utils/props/runtime.d.ts +2 -2
- package/package.json +1 -1
- package/types/packages/components/advanced-filtering/index.d.ts +20 -20
- package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +12 -12
- package/types/packages/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +4 -4
- package/types/packages/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts +4 -4
- package/types/packages/components/api-component/index.d.ts +32 -32
- package/types/packages/components/api-component/src/api-component.vue.d.ts +32 -32
- package/types/packages/components/api-component/src/components/api-modal.vue.d.ts +6 -6
- package/types/packages/components/api-component/src/components/body-component.vue.d.ts +14 -14
- package/types/packages/components/api-component/src/components/click-input.vue.d.ts +10 -10
- package/types/packages/components/api-component/src/components/params-table-row.vue.d.ts +12 -12
- package/types/packages/components/api-component/src/components/params-table.vue.d.ts +14 -14
- package/types/packages/components/api-component/src/config/api-modal.d.ts +1 -1
- package/types/packages/components/api-component/src/config/click-input.d.ts +1 -1
- package/types/packages/components/breadcrumb-card/index.d.ts +5 -4
- package/types/packages/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +5 -4
- package/types/packages/components/code-editor/index.d.ts +2 -2
- package/types/packages/components/code-editor/src/code-editor.vue.d.ts +2 -2
- package/types/packages/components/cropper/index.d.ts +4 -4
- package/types/packages/components/cropper/src/cropper-image.vue.d.ts +2 -2
- package/types/packages/components/cropper/src/cropper-modal.vue.d.ts +2 -2
- package/types/packages/components/drawer/index.d.ts +7 -7
- package/types/packages/components/drawer/src/components/second-confirmation/index.d.ts +9 -9
- package/types/packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +9 -9
- package/types/packages/components/drawer/src/drawer.vue.d.ts +7 -7
- package/types/packages/components/easy-cron/index.d.ts +5 -5
- package/types/packages/components/easy-cron/src/easy-cron.vue.d.ts +5 -5
- package/types/packages/components/empty/index.d.ts +2 -2
- package/types/packages/components/empty/src/empty.vue.d.ts +2 -2
- package/types/packages/components/form/index.d.ts +2 -2
- package/types/packages/components/form/src/form.vue.d.ts +2 -2
- package/types/packages/components/input/index.d.ts +31 -31
- package/types/packages/components/input/src/input.vue.d.ts +31 -31
- package/types/packages/components/key-value/index.d.ts +12 -12
- package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +4 -4
- package/types/packages/components/key-value/src/key-value.vue.d.ts +12 -12
- package/types/packages/components/modal/index.d.ts +4 -4
- package/types/packages/components/modal/src/modal.vue.d.ts +4 -4
- package/types/packages/components/new-drawer/index.d.ts +8 -7
- package/types/packages/components/new-drawer/src/drawer.vue.d.ts +8 -7
- package/types/packages/components/new-modal/index.d.ts +5 -4
- package/types/packages/components/new-modal/src/modal.vue.d.ts +5 -4
- package/types/packages/components/select/index.d.ts +11 -11
- package/types/packages/components/select/src/select.vue.d.ts +11 -11
- package/types/packages/components/select-group/index.d.ts +2 -2
- package/types/packages/components/select-group/src/select-group.vue.d.ts +2 -2
- package/types/packages/components/table/index.d.ts +6 -6
- package/types/packages/components/table/src/components/main-table.vue.d.ts +2 -2
- package/types/packages/components/table/src/config/table.d.ts +2 -2
- package/types/packages/components/table/src/table.vue.d.ts +6 -6
- package/types/packages/components/textarea/index.d.ts +5 -5
- package/types/packages/components/textarea/src/textarea.vue.d.ts +5 -5
- package/types/packages/components/tooltip/index.d.ts +2 -2
- package/types/packages/components/tooltip/src/tooltip.vue.d.ts +2 -2
- package/types/packages/components/tree-search/index.d.ts +14 -14
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +14 -14
- package/types/packages/components/upload-drag/index.d.ts +4 -4
- package/types/packages/components/upload-drag/src/upload-drag.vue.d.ts +4 -4
- package/types/packages/utils/props/runtime.d.ts +2 -2
|
@@ -20,14 +20,14 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
20
20
|
readonly modalConfigProps: {
|
|
21
21
|
readonly type: import("vue").PropType<{
|
|
22
22
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
23
|
-
readonly title: string;
|
|
24
23
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
25
|
-
readonly
|
|
24
|
+
readonly title: string;
|
|
26
25
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
27
26
|
readonly wrapClassName: string;
|
|
28
27
|
readonly class: string;
|
|
29
28
|
readonly cancelText: string;
|
|
30
29
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
30
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
31
31
|
readonly confirmText: string;
|
|
32
32
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
33
33
|
}>;
|
|
@@ -37,12 +37,12 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
37
37
|
};
|
|
38
38
|
readonly drawerConfigProps: {
|
|
39
39
|
readonly type: import("vue").PropType<{
|
|
40
|
-
readonly title: string;
|
|
41
40
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
42
|
-
readonly
|
|
41
|
+
readonly title: string;
|
|
43
42
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
44
43
|
readonly cancelText: string;
|
|
45
44
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
45
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
46
46
|
readonly confirmText: string;
|
|
47
47
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
48
48
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -73,32 +73,32 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
73
73
|
readonly expandedKeys?: string[] | undefined;
|
|
74
74
|
readonly modalConfigProps?: {
|
|
75
75
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
76
|
-
readonly title: string;
|
|
77
76
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
78
|
-
readonly
|
|
77
|
+
readonly title: string;
|
|
79
78
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
80
79
|
readonly wrapClassName: string;
|
|
81
80
|
readonly class: string;
|
|
82
81
|
readonly cancelText: string;
|
|
83
82
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
83
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
84
84
|
readonly confirmText: string;
|
|
85
85
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
86
86
|
} | undefined;
|
|
87
87
|
readonly drawerConfigProps?: {
|
|
88
|
-
readonly title: string;
|
|
89
88
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
90
|
-
readonly
|
|
89
|
+
readonly title: string;
|
|
91
90
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
92
91
|
readonly cancelText: string;
|
|
93
92
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
93
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
94
94
|
readonly confirmText: string;
|
|
95
95
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
96
96
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
97
97
|
readonly cancelConfirmOptions: Record<string, any>;
|
|
98
98
|
} | undefined;
|
|
99
99
|
readonly onSelect?: ((selectedKeys: string[], e: Event) => any) | undefined;
|
|
100
|
-
readonly onClose?: (() => any) | undefined;
|
|
101
100
|
readonly onOk?: (() => any) | undefined;
|
|
101
|
+
readonly onClose?: (() => any) | undefined;
|
|
102
102
|
readonly onExpand?: ((expandedKeys: string[], data: any) => any) | undefined;
|
|
103
103
|
readonly onCancel?: (() => any) | undefined;
|
|
104
104
|
readonly onClickAdd?: (() => any) | undefined;
|
|
@@ -335,14 +335,14 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
335
335
|
readonly modalConfigProps: {
|
|
336
336
|
readonly type: import("vue").PropType<{
|
|
337
337
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
338
|
-
readonly title: string;
|
|
339
338
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
340
|
-
readonly
|
|
339
|
+
readonly title: string;
|
|
341
340
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
342
341
|
readonly wrapClassName: string;
|
|
343
342
|
readonly class: string;
|
|
344
343
|
readonly cancelText: string;
|
|
345
344
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
345
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
346
346
|
readonly confirmText: string;
|
|
347
347
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
348
348
|
}>;
|
|
@@ -352,12 +352,12 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
352
352
|
};
|
|
353
353
|
readonly drawerConfigProps: {
|
|
354
354
|
readonly type: import("vue").PropType<{
|
|
355
|
-
readonly title: string;
|
|
356
355
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
357
|
-
readonly
|
|
356
|
+
readonly title: string;
|
|
358
357
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
359
358
|
readonly cancelText: string;
|
|
360
359
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
360
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
361
361
|
readonly confirmText: string;
|
|
362
362
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
363
363
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -376,8 +376,8 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
376
376
|
readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
|
|
377
377
|
}>> & {
|
|
378
378
|
onSelect?: ((selectedKeys: string[], e: Event) => any) | undefined;
|
|
379
|
-
onClose?: (() => any) | undefined;
|
|
380
379
|
onOk?: (() => any) | undefined;
|
|
380
|
+
onClose?: (() => any) | undefined;
|
|
381
381
|
onExpand?: ((expandedKeys: string[], data: any) => any) | undefined;
|
|
382
382
|
onCancel?: (() => any) | undefined;
|
|
383
383
|
onClickAdd?: (() => any) | undefined;
|
|
@@ -23,14 +23,14 @@ export declare const treeSearchProps: {
|
|
|
23
23
|
readonly modalConfigProps: {
|
|
24
24
|
readonly type: import("vue").PropType<{
|
|
25
25
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
26
|
-
readonly title: string;
|
|
27
26
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
28
|
-
readonly
|
|
27
|
+
readonly title: string;
|
|
29
28
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
30
29
|
readonly wrapClassName: string;
|
|
31
30
|
readonly class: string;
|
|
32
31
|
readonly cancelText: string;
|
|
33
32
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
33
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
34
34
|
readonly confirmText: string;
|
|
35
35
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
36
36
|
}>;
|
|
@@ -40,12 +40,12 @@ export declare const treeSearchProps: {
|
|
|
40
40
|
};
|
|
41
41
|
readonly drawerConfigProps: {
|
|
42
42
|
readonly type: import("vue").PropType<{
|
|
43
|
-
readonly title: string;
|
|
44
43
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
45
|
-
readonly
|
|
44
|
+
readonly title: string;
|
|
46
45
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
47
46
|
readonly cancelText: string;
|
|
48
47
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
48
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
49
49
|
readonly confirmText: string;
|
|
50
50
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
51
51
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -19,14 +19,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
readonly modalConfigProps: {
|
|
20
20
|
readonly type: import("vue").PropType<{
|
|
21
21
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
22
|
-
readonly title: string;
|
|
23
22
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
24
|
-
readonly
|
|
23
|
+
readonly title: string;
|
|
25
24
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
26
25
|
readonly wrapClassName: string;
|
|
27
26
|
readonly class: string;
|
|
28
27
|
readonly cancelText: string;
|
|
29
28
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
29
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
30
30
|
readonly confirmText: string;
|
|
31
31
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
32
32
|
}>;
|
|
@@ -36,12 +36,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
36
36
|
};
|
|
37
37
|
readonly drawerConfigProps: {
|
|
38
38
|
readonly type: import("vue").PropType<{
|
|
39
|
-
readonly title: string;
|
|
40
39
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
41
|
-
readonly
|
|
40
|
+
readonly title: string;
|
|
42
41
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
43
42
|
readonly cancelText: string;
|
|
44
43
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
44
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
45
45
|
readonly confirmText: string;
|
|
46
46
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
47
47
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -72,32 +72,32 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
72
72
|
readonly expandedKeys?: string[] | undefined;
|
|
73
73
|
readonly modalConfigProps?: {
|
|
74
74
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
75
|
-
readonly title: string;
|
|
76
75
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
77
|
-
readonly
|
|
76
|
+
readonly title: string;
|
|
78
77
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
79
78
|
readonly wrapClassName: string;
|
|
80
79
|
readonly class: string;
|
|
81
80
|
readonly cancelText: string;
|
|
82
81
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
82
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
83
83
|
readonly confirmText: string;
|
|
84
84
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
85
85
|
} | undefined;
|
|
86
86
|
readonly drawerConfigProps?: {
|
|
87
|
-
readonly title: string;
|
|
88
87
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
89
|
-
readonly
|
|
88
|
+
readonly title: string;
|
|
90
89
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
91
90
|
readonly cancelText: string;
|
|
92
91
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
92
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
93
93
|
readonly confirmText: string;
|
|
94
94
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
95
95
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
96
96
|
readonly cancelConfirmOptions: Record<string, any>;
|
|
97
97
|
} | undefined;
|
|
98
98
|
readonly onSelect?: ((selectedKeys: string[], e: Event) => any) | undefined;
|
|
99
|
-
readonly onClose?: (() => any) | undefined;
|
|
100
99
|
readonly onOk?: (() => any) | undefined;
|
|
100
|
+
readonly onClose?: (() => any) | undefined;
|
|
101
101
|
readonly onExpand?: ((expandedKeys: string[], data: any) => any) | undefined;
|
|
102
102
|
readonly onCancel?: (() => any) | undefined;
|
|
103
103
|
readonly onClickAdd?: (() => any) | undefined;
|
|
@@ -334,14 +334,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
334
334
|
readonly modalConfigProps: {
|
|
335
335
|
readonly type: import("vue").PropType<{
|
|
336
336
|
readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown>;
|
|
337
|
-
readonly title: string;
|
|
338
337
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
339
|
-
readonly
|
|
338
|
+
readonly title: string;
|
|
340
339
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
341
340
|
readonly wrapClassName: string;
|
|
342
341
|
readonly class: string;
|
|
343
342
|
readonly cancelText: string;
|
|
344
343
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
344
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
345
345
|
readonly confirmText: string;
|
|
346
346
|
readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
347
347
|
}>;
|
|
@@ -351,12 +351,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
351
351
|
};
|
|
352
352
|
readonly drawerConfigProps: {
|
|
353
353
|
readonly type: import("vue").PropType<{
|
|
354
|
-
readonly title: string;
|
|
355
354
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
356
|
-
readonly
|
|
355
|
+
readonly title: string;
|
|
357
356
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
358
357
|
readonly cancelText: string;
|
|
359
358
|
readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
359
|
+
readonly showFooter: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
360
360
|
readonly confirmText: string;
|
|
361
361
|
readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
362
362
|
readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -375,8 +375,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
375
375
|
readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
|
|
376
376
|
}>> & {
|
|
377
377
|
onSelect?: ((selectedKeys: string[], e: Event) => any) | undefined;
|
|
378
|
-
onClose?: (() => any) | undefined;
|
|
379
378
|
onOk?: (() => any) | undefined;
|
|
379
|
+
onClose?: (() => any) | undefined;
|
|
380
380
|
onExpand?: ((expandedKeys: string[], data: any) => any) | undefined;
|
|
381
381
|
onCancel?: (() => any) | undefined;
|
|
382
382
|
onClickAdd?: (() => any) | undefined;
|
|
@@ -35,11 +35,11 @@ export declare const LlUploadDrag: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
35
35
|
readonly tip: string;
|
|
36
36
|
readonly fileSize: number;
|
|
37
37
|
readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
38
|
-
readonly onConfirm?: ((...args: any[]) => any) | undefined;
|
|
39
38
|
readonly onCancel?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
readonly onConfirm?: ((...args: any[]) => any) | undefined;
|
|
40
40
|
readonly onCustomRequest?: ((...args: any[]) => any) | undefined;
|
|
41
41
|
} & {}>;
|
|
42
|
-
emits: (event: "cancel" | "update:value" | "
|
|
42
|
+
emits: (event: "cancel" | "update:value" | "customRequest" | "confirm", ...args: any[]) => void;
|
|
43
43
|
bem: {
|
|
44
44
|
b: (blockSuffix?: string) => string;
|
|
45
45
|
e: (element?: string) => string;
|
|
@@ -61,7 +61,7 @@ export declare const LlUploadDrag: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
61
61
|
handleDragReject: () => void;
|
|
62
62
|
handleClickCancelBtn: () => void;
|
|
63
63
|
handleClickOkBtn: () => void;
|
|
64
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "
|
|
64
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "customRequest" | "confirm")[], "cancel" | "update:value" | "customRequest" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
65
65
|
value: {
|
|
66
66
|
type: ArrayConstructor;
|
|
67
67
|
default: () => never[];
|
|
@@ -88,8 +88,8 @@ export declare const LlUploadDrag: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
88
88
|
};
|
|
89
89
|
}>> & {
|
|
90
90
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
91
|
-
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
92
91
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
92
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
93
93
|
onCustomRequest?: ((...args: any[]) => any) | undefined;
|
|
94
94
|
}, {
|
|
95
95
|
value: unknown[];
|
|
@@ -35,11 +35,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
35
35
|
readonly tip: string;
|
|
36
36
|
readonly fileSize: number;
|
|
37
37
|
readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
38
|
-
readonly onConfirm?: ((...args: any[]) => any) | undefined;
|
|
39
38
|
readonly onCancel?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
readonly onConfirm?: ((...args: any[]) => any) | undefined;
|
|
40
40
|
readonly onCustomRequest?: ((...args: any[]) => any) | undefined;
|
|
41
41
|
} & {}>;
|
|
42
|
-
emits: (event: "cancel" | "update:value" | "
|
|
42
|
+
emits: (event: "cancel" | "update:value" | "customRequest" | "confirm", ...args: any[]) => void;
|
|
43
43
|
bem: {
|
|
44
44
|
b: (blockSuffix?: string) => string;
|
|
45
45
|
e: (element?: string) => string;
|
|
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
handleDragReject: () => void;
|
|
62
62
|
handleClickCancelBtn: () => void;
|
|
63
63
|
handleClickOkBtn: () => void;
|
|
64
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "
|
|
64
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "customRequest" | "confirm")[], "cancel" | "update:value" | "customRequest" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
65
65
|
value: {
|
|
66
66
|
type: ArrayConstructor;
|
|
67
67
|
default: () => never[];
|
|
@@ -88,8 +88,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
88
88
|
};
|
|
89
89
|
}>> & {
|
|
90
90
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
91
|
-
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
92
91
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
92
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
93
93
|
onCustomRequest?: ((...args: any[]) => any) | undefined;
|
|
94
94
|
}, {
|
|
95
95
|
value: unknown[];
|
|
@@ -17,7 +17,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
17
17
|
__name: "breadcrumb-card",
|
|
18
18
|
props: breadcrumbCard.breadcrumbCardProps,
|
|
19
19
|
emits: breadcrumbCard.breadcrumbCardEmits,
|
|
20
|
-
setup(__props, { emit: __emit }) {
|
|
20
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
21
21
|
const props = __props;
|
|
22
22
|
const emits = __emit;
|
|
23
23
|
const { scrollPosition, isHasScrollBar, scrollRef } = index.useScroll();
|
|
@@ -47,6 +47,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
+
const scrollTop = () => {
|
|
51
|
+
if (scrollRef && scrollRef.value) {
|
|
52
|
+
scrollRef.value.scrollTop = 0;
|
|
53
|
+
scrollPosition.value = "top";
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
__expose({
|
|
57
|
+
scrollTop
|
|
58
|
+
});
|
|
50
59
|
return (_ctx, _cache) => {
|
|
51
60
|
const _component_ll_icon = vue.resolveComponent("ll-icon");
|
|
52
61
|
const _component_a_breadcrumb_item = vue.resolveComponent("a-breadcrumb-item");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-card.vue2.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n ref=\"breadcrumbCardRef\"\n :class=\"`${bem.b()} ${rootClass}`\"\n :style=\"rootStyle\"\n >\n <div :class=\"bem.e('container')\">\n <!-- 头部导航栏 -->\n <div :class=\"bem.e('header')\">\n <!-- 左边返回 -->\n <a-breadcrumb :class=\"bem.e('back')\">\n <a-breadcrumb-item class=\"icon\" @click=\"handleClose\">\n <ll-icon\n icon-name=\"icon-return-arrow\"\n class=\"back-icon\"\n :class=\"bem.e('back-icon')\"\n />\n </a-breadcrumb-item>\n <a-breadcrumb-item :class=\"bem.e('title')\">\n {{ title }}\n </a-breadcrumb-item>\n </a-breadcrumb>\n <!-- 头部右边插槽 -->\n <slot name=\"extra\" />\n </div>\n <!-- 内容区域 -->\n <div :class=\"`${bem.e('content')}`\" v-bind=\"$attrs\">\n <!-- 内容滚动区域 -->\n <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n <slot />\n </div>\n </div>\n <!-- 底部footer -->\n <div\n v-if=\"$slots.footer\"\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watchEffect } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.hooks\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n return { zIndex: props.zIndex }\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n emits('update:visible', false)\n emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\nwatchEffect(() => {\n if (props.visible && breadcrumbCardRef.value) {\n // 添加到指定的位置下\n if (props.getContainer) {\n const parentNode: any =\n typeof props.getContainer === 'function'\n ? props.getContainer()\n : props.getContainer\n parentNode.appendChild(breadcrumbCardRef.value!)\n } else {\n // 添加到body下\n document.body.appendChild(breadcrumbCardRef.value!)\n }\n }\n})\n</script>\n"],"names":["useScroll","ref","computed","createNamespace","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcA,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAM,oBAAoBC,OAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBA,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,iBAAiB,CAAA,CAAA;AAI7C,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA,CAAA;AAC7B,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC9B,CAAA;AAGA,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,OAAW,IAAA,iBAAA,CAAkB,KAAO,EAAA;AAE5C,QAAA,IAAI,MAAM,YAAc,EAAA;AACtB,UAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,UAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,SAC1C,MAAA;AAEL,UAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,SACpD;AAAA,OACF;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"breadcrumb-card.vue2.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n ref=\"breadcrumbCardRef\"\n :class=\"`${bem.b()} ${rootClass}`\"\n :style=\"rootStyle\"\n >\n <div :class=\"bem.e('container')\">\n <!-- 头部导航栏 -->\n <div :class=\"bem.e('header')\">\n <!-- 左边返回 -->\n <a-breadcrumb :class=\"bem.e('back')\">\n <a-breadcrumb-item class=\"icon\" @click=\"handleClose\">\n <ll-icon\n icon-name=\"icon-return-arrow\"\n class=\"back-icon\"\n :class=\"bem.e('back-icon')\"\n />\n </a-breadcrumb-item>\n <a-breadcrumb-item :class=\"bem.e('title')\">\n {{ title }}\n </a-breadcrumb-item>\n </a-breadcrumb>\n <!-- 头部右边插槽 -->\n <slot name=\"extra\" />\n </div>\n <!-- 内容区域 -->\n <div :class=\"`${bem.e('content')}`\" v-bind=\"$attrs\">\n <!-- 内容滚动区域 -->\n <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n <slot />\n </div>\n </div>\n <!-- 底部footer -->\n <div\n v-if=\"$slots.footer\"\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watchEffect } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.hooks\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n return { zIndex: props.zIndex }\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n emits('update:visible', false)\n emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\nwatchEffect(() => {\n if (props.visible && breadcrumbCardRef.value) {\n // 添加到指定的位置下\n if (props.getContainer) {\n const parentNode: any =\n typeof props.getContainer === 'function'\n ? props.getContainer()\n : props.getContainer\n parentNode.appendChild(breadcrumbCardRef.value!)\n } else {\n // 添加到body下\n document.body.appendChild(breadcrumbCardRef.value!)\n }\n }\n})\n\n// 滚动条返回顶部\nconst scrollTop = () => {\n if (scrollRef && scrollRef.value) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n}\n\n// 7.defineExpose\ndefineExpose({\n scrollTop\n})\n</script>\n"],"names":["useScroll","ref","computed","createNamespace","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcA,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAM,oBAAoBC,OAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBA,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,iBAAiB,CAAA,CAAA;AAI7C,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA,CAAA;AAC7B,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC9B,CAAA;AAGA,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,OAAW,IAAA,iBAAA,CAAkB,KAAO,EAAA;AAE5C,QAAA,IAAI,MAAM,YAAc,EAAA;AACtB,UAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,UAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,SAC1C,MAAA;AAEL,UAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,SACpD;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAGD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -17,7 +17,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
17
17
|
__name: "drawer",
|
|
18
18
|
props: drawer.newDrawerProps,
|
|
19
19
|
emits: drawer.newDrawerEmits,
|
|
20
|
-
setup(__props, { emit: __emit }) {
|
|
20
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
21
21
|
const props = __props;
|
|
22
22
|
const emits = __emit;
|
|
23
23
|
const attrs = vue.useAttrs();
|
|
@@ -49,6 +49,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
49
49
|
const handleConfirm = () => {
|
|
50
50
|
emits("confirm");
|
|
51
51
|
};
|
|
52
|
+
const scrollTop = () => {
|
|
53
|
+
if (scrollRef && scrollRef.value) {
|
|
54
|
+
scrollRef.value.scrollTop = 0;
|
|
55
|
+
scrollPosition.value = "top";
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
__expose({
|
|
59
|
+
scrollTop
|
|
60
|
+
});
|
|
52
61
|
return (_ctx, _cache) => {
|
|
53
62
|
const _component_ll_button = vue.resolveComponent("ll-button");
|
|
54
63
|
return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Drawer), vue.mergeProps(getBindValue.value, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.vue2.js","sources":["../../../../../../packages/components/new-drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"title\"\n :open=\"open\"\n :root-class-name=\"`${bem.b()} ${rootClassName}`\"\n @close=\"handleClose\"\n >\n <!-- title插槽 -->\n <template #title>\n <slot name=\"title\" />\n </template>\n <!-- extra插槽 -->\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <!-- 内容区域 -->\n <div :class=\"[bem.e('container')]\">\n <!-- 内容区域 -->\n <div ref=\"scrollRef\" :class=\"[bem.e('content')]\">\n <slot />\n </div>\n </div>\n <!-- 底部区域 -->\n <template v-if=\"showFooter\" #footer>\n <div\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n :class=\"bem.m('cancel')\"\n :label=\"cancelText\"\n v-bind=\"cancelButtonProps\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"confirmLoading\"\n :label=\"confirmText\"\n v-bind=\"okButtonProps\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </template>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { Drawer } from 'ant-design-vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\nimport { omit } from 'lodash-es'\nimport { newDrawerProps, newDrawerEmits } from './drawer'\n\nimport type { DrawerProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewDrawer' })\n\n// 1.props/emits\nconst props = defineProps(newDrawerProps)\nconst emits = defineEmits(newDrawerEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst getBindValue = computed(() => {\n const result: DrawerProps = {\n ...omit({ ...attrs }, [...Object.keys(newDrawerProps), 'rootClassName'])\n }\n if (!props.showFooter) result.footer = null\n return result\n})\n// 是否显示底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('new-drawer')\n\n// 4.methods\n// 点击关闭icon\nconst handleClose = (): void => {\n emits('close')\n emits('update:open')\n}\n// 点击取消按钮\nconst handleCancel = (): void => {\n emits('cancel')\n emits('update:open')\n}\n// 点击确定按钮\nconst handleConfirm = (): void => {\n emits('confirm')\n}\n</script>\n"],"names":["useAttrs","useScroll","computed","omit","newDrawerProps","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcC,eAAU,EAAA,CAAA;AAGhE,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,qBAAc,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACzE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBF,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMG,gCAAgB,YAAY,CAAA,CAAA;AAIxC,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"drawer.vue2.js","sources":["../../../../../../packages/components/new-drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"title\"\n :open=\"open\"\n :root-class-name=\"`${bem.b()} ${rootClassName}`\"\n @close=\"handleClose\"\n >\n <!-- title插槽 -->\n <template #title>\n <slot name=\"title\" />\n </template>\n <!-- extra插槽 -->\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <!-- 内容区域 -->\n <div :class=\"[bem.e('container')]\">\n <!-- 内容区域 -->\n <div ref=\"scrollRef\" :class=\"[bem.e('content')]\">\n <slot />\n </div>\n </div>\n <!-- 底部区域 -->\n <template v-if=\"showFooter\" #footer>\n <div\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n :class=\"bem.m('cancel')\"\n :label=\"cancelText\"\n v-bind=\"cancelButtonProps\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"confirmLoading\"\n :label=\"confirmText\"\n v-bind=\"okButtonProps\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </template>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { Drawer } from 'ant-design-vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\nimport { omit } from 'lodash-es'\nimport { newDrawerProps, newDrawerEmits } from './drawer'\n\nimport type { DrawerProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewDrawer' })\n\n// 1.props/emits\nconst props = defineProps(newDrawerProps)\nconst emits = defineEmits(newDrawerEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst getBindValue = computed(() => {\n const result: DrawerProps = {\n ...omit({ ...attrs }, [...Object.keys(newDrawerProps), 'rootClassName'])\n }\n if (!props.showFooter) result.footer = null\n return result\n})\n// 是否显示底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('new-drawer')\n\n// 4.methods\n// 点击关闭icon\nconst handleClose = (): void => {\n emits('close')\n emits('update:open')\n}\n// 点击取消按钮\nconst handleCancel = (): void => {\n emits('cancel')\n emits('update:open')\n}\n// 点击确定按钮\nconst handleConfirm = (): void => {\n emits('confirm')\n}\n// 滚动条返回顶部\nconst scrollTop = () => {\n if (scrollRef && scrollRef.value) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n}\n\n// 4.defineExpose\ndefineExpose({\n scrollTop\n})\n</script>\n"],"names":["useAttrs","useScroll","computed","omit","newDrawerProps","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcC,eAAU,EAAA,CAAA;AAGhE,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,qBAAc,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACzE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBF,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMG,gCAAgB,YAAY,CAAA,CAAA;AAIxC,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -19,7 +19,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
19
19
|
__name: "modal",
|
|
20
20
|
props: modal.newModalProps,
|
|
21
21
|
emits: modal.newModalEmits,
|
|
22
|
-
setup(__props, { emit: __emit }) {
|
|
22
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
23
23
|
const props = __props;
|
|
24
24
|
const emits = __emit;
|
|
25
25
|
const attrs = vue.useAttrs();
|
|
@@ -48,6 +48,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
48
48
|
const handleOk = () => {
|
|
49
49
|
emits("ok");
|
|
50
50
|
};
|
|
51
|
+
const scrollTop = () => {
|
|
52
|
+
if (scrollRef && scrollRef.value) {
|
|
53
|
+
scrollRef.value.scrollTop = 0;
|
|
54
|
+
scrollPosition.value = "top";
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
__expose({
|
|
58
|
+
scrollTop
|
|
59
|
+
});
|
|
51
60
|
return (_ctx, _cache) => {
|
|
52
61
|
return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Modal), vue.mergeProps(getBindValue.value, {
|
|
53
62
|
ref_key: "modal",
|
|
@@ -59,11 +68,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
59
68
|
onOk: handleOk
|
|
60
69
|
}), vue.createSlots({
|
|
61
70
|
default: vue.withCtx(() => [
|
|
62
|
-
vue.createTextVNode(
|
|
63
|
-
" " + vue.toDisplayString(isShowContentBottomBox.value) + " ",
|
|
64
|
-
1
|
|
65
|
-
/* TEXT */
|
|
66
|
-
),
|
|
67
71
|
vue.createElementVNode(
|
|
68
72
|
"div",
|
|
69
73
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vue2.js","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"open\"\n :title=\"title\"\n :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <!-- 内容区域 -->\n
|
|
1
|
+
{"version":3,"file":"modal.vue2.js","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"open\"\n :title=\"title\"\n :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <!-- 内容区域 -->\n <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n <slot />\n </div>\n <!-- 底部区域 -->\n <template v-if=\"showFooter\" #footer>\n <div\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\">\n <ll-button\n v-if=\"type !== 'confirm'\"\n :label=\"cancelText\"\n size=\"middle\"\n v-bind=\"cancelButtonProps\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.confirmLoading\"\n size=\"middle\"\n :label=\"\n props.confirmText\n ? props.confirmText\n : props.type === 'confirm'\n ? '知道了'\n : '确认'\n \"\n v-bind=\"okButtonProps\"\n @click=\"handleOk\"\n />\n </slot>\n </div>\n </template>\n </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, computed } from 'vue'\n\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { newModalProps, newModalEmits } from './modal'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport type { ModalProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewModal' })\n\n// 1.props/emits\nconst props = defineProps(newModalProps)\nconst emits = defineEmits(newModalEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst modal = ref<HTMLElement>()\n// const isShowContentBottomBox = ref(false)\nconst getBindValue = computed(() => {\n const result: ModalProps = {\n ...omit({ ...attrs }, [...Object.keys(newModalProps), 'wrapClassName'])\n }\n if (!props.showFooter) result.footer = null\n return result\n})\n// 是否显示底部的阴影\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.footerShadowPlacement === 'inner') {\n return (\n props.isShowFooterShadow &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'bottom'\n )\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('new-modal')\n\n// 3.methods\nconst handleCancel = () => {\n emits('cancel')\n emits('update:open')\n}\nconst handleOk = () => {\n emits('ok')\n}\n// 滚动条返回顶部\nconst scrollTop = () => {\n if (scrollRef && scrollRef.value) {\n scrollRef.value.scrollTop = 0\n scrollPosition.value = 'top'\n }\n}\n\n// 4.defineExpose\ndefineExpose({\n scrollTop\n})\n</script>\n"],"names":["useAttrs","useScroll","modal","ref","computed","omit","newModalProps","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcC,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAMC,UAAQC,OAAiB,EAAA,CAAA;AAE/B,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,mBAAa,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACxE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBF,aAAS,MAAM;AAE5C,MAAI,IAAA,KAAA,CAAM,0BAA0B,OAAS,EAAA;AAC3C,QAAA,OACE,KAAM,CAAA,kBAAA,IACN,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OAEtB,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMG,gCAAgB,WAAW,CAAA,CAAA;AAGvC,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAI,IAAA,SAAA,IAAa,UAAU,KAAO,EAAA;AAChC,QAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -46,12 +46,7 @@ function useScroll() {
|
|
|
46
46
|
if (scrollRef.value) {
|
|
47
47
|
if (!observer) {
|
|
48
48
|
observer = new ResizeObserver(() => {
|
|
49
|
-
console.log(123);
|
|
50
49
|
if (scrollRef.value) {
|
|
51
|
-
console.log(
|
|
52
|
-
scrollRef.value.scrollHeight,
|
|
53
|
-
scrollRef.value.offsetHeight
|
|
54
|
-
);
|
|
55
50
|
if (scrollRef.value.scrollHeight > scrollRef.value.offsetHeight) {
|
|
56
51
|
isHasScrollBar.value = true;
|
|
57
52
|
} else {
|
|
@@ -59,7 +54,6 @@ function useScroll() {
|
|
|
59
54
|
}
|
|
60
55
|
}
|
|
61
56
|
});
|
|
62
|
-
console.log(observer, "observer");
|
|
63
57
|
observer.observe(scrollRef.value);
|
|
64
58
|
}
|
|
65
59
|
}
|
|
@@ -75,7 +69,9 @@ function useScroll() {
|
|
|
75
69
|
}
|
|
76
70
|
});
|
|
77
71
|
vue.onUnmounted(() => {
|
|
78
|
-
scrollRef.value
|
|
72
|
+
if (scrollRef.value) {
|
|
73
|
+
scrollRef.value.removeEventListener("scroll", handleScroll);
|
|
74
|
+
}
|
|
79
75
|
});
|
|
80
76
|
return { scrollRef, isHasScrollBar, scrollPosition };
|
|
81
77
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n const isHasScrollBar = ref(false) // 是否有滚动条\n let observer: ResizeObserver // 监听dom内容发生变化\n\n // 滚动事件\n const handleScroll = (event: Event) => {\n const target = event.target as HTMLElement\n getSrcollPosition(target)\n }\n // 判断滚动位置\n const getSrcollPosition = (target: HTMLElement) => {\n // 判断是否有滚动体条\n if (target.scrollHeight > target.offsetHeight) {\n isHasScrollBar.value = true\n } else {\n isHasScrollBar.value = false\n }\n if (!!target.scrollTop) {\n // 有0.5px的误差 故-1\n if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n // 在最底部\n scrollPosition.value = 'bottom'\n } else {\n // 滚动中\n scrollPosition.value = 'scrolling'\n }\n } else {\n // 在最顶部\n scrollPosition.value = 'top'\n }\n }\n\n // 监听滚动容器高度的变化\n watch(\n scrollRef,\n () => {\n if (scrollRef.value) {\n scrollRef.value!.addEventListener('scroll', handleScroll)\n }\n },\n {\n immediate: true,\n deep: true\n }\n )\n\n watch(\n scrollRef,\n () => {\n if (scrollRef.value) {\n if (!observer) {\n observer = new ResizeObserver(() => {\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-scroll/index.ts"],"sourcesContent":["/**\n * @description: 用于监听滚动行为/window的resize监听/滚动区域内的dom动态增删dom来添加阴影\n * @return {HTMLElement} elementRef 要滚动监听的dom\n * @return {scrollPosition} IScrollPosition 监听的位置\n */\nimport { onUnmounted, ref, watch } from 'vue'\n\ntype IScrollPosition = 'top' | 'scrolling' | 'bottom' // 滚动到最顶部、滚动中、滚动到最底部\n\nexport function useScroll() {\n const scrollRef = ref<HTMLElement>() // 监听滚动的dom\n const scrollPosition = ref<IScrollPosition>() // 滚动到的位置\n const isHasScrollBar = ref(false) // 是否有滚动条\n let observer: ResizeObserver // 监听dom内容发生变化\n\n // 滚动事件\n const handleScroll = (event: Event) => {\n const target = event.target as HTMLElement\n getSrcollPosition(target)\n }\n // 判断滚动位置\n const getSrcollPosition = (target: HTMLElement) => {\n // 判断是否有滚动体条\n if (target.scrollHeight > target.offsetHeight) {\n isHasScrollBar.value = true\n } else {\n isHasScrollBar.value = false\n }\n if (!!target.scrollTop) {\n // 有0.5px的误差 故-1\n if (target.scrollTop + target.offsetHeight >= target.scrollHeight - 1) {\n // 在最底部\n scrollPosition.value = 'bottom'\n } else {\n // 滚动中\n scrollPosition.value = 'scrolling'\n }\n } else {\n // 在最顶部\n scrollPosition.value = 'top'\n }\n }\n\n // 监听滚动容器高度的变化\n watch(\n scrollRef,\n () => {\n if (scrollRef.value) {\n scrollRef.value!.addEventListener('scroll', handleScroll)\n }\n },\n {\n immediate: true,\n deep: true\n }\n )\n\n watch(\n scrollRef,\n () => {\n if (scrollRef.value) {\n if (!observer) {\n observer = new ResizeObserver(() => {\n if (scrollRef.value) {\n // 检查容器的高度变化\n if (\n scrollRef.value!.scrollHeight > scrollRef.value!.offsetHeight\n ) {\n isHasScrollBar.value = true\n } else {\n isHasScrollBar.value = false\n }\n }\n })\n observer.observe(scrollRef.value)\n }\n }\n },\n {\n immediate: true,\n deep: true\n }\n )\n\n // 组件卸载停止监听\n onUnmounted(() => {\n if (observer) {\n observer.disconnect()\n }\n })\n // 组件卸载停止监听\n onUnmounted(() => {\n if (scrollRef.value) {\n scrollRef.value!.removeEventListener('scroll', handleScroll)\n }\n })\n\n return { scrollRef, isHasScrollBar, scrollPosition }\n}\n"],"names":["ref","watch","onUnmounted"],"mappings":";;;;;AASO,SAAS,SAAY,GAAA;AAC1B,EAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AACnC,EAAA,MAAM,iBAAiBA,OAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,EAAI,IAAA,QAAA,CAAA;AAGJ,EAAM,MAAA,YAAA,GAAe,CAAC,KAAiB,KAAA;AACrC,IAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,IAAA,iBAAA,CAAkB,MAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAwB,KAAA;AAEjD,IAAI,IAAA,MAAA,CAAO,YAAe,GAAA,MAAA,CAAO,YAAc,EAAA;AAC7C,MAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,KAClB,MAAA;AACL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AACA,IAAI,IAAA,CAAC,CAAC,MAAA,CAAO,SAAW,EAAA;AAEtB,MAAA,IAAI,OAAO,SAAY,GAAA,MAAA,CAAO,YAAgB,IAAA,MAAA,CAAO,eAAe,CAAG,EAAA;AAErE,QAAA,cAAA,CAAe,KAAQ,GAAA,QAAA,CAAA;AAAA,OAClB,MAAA;AAEL,QAAA,cAAA,CAAe,KAAQ,GAAA,WAAA,CAAA;AAAA,OACzB;AAAA,KACK,MAAA;AAEL,MAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAGA,EAAAC,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAU,SAAA,CAAA,KAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,OAC1D;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAEA,EAAAA,SAAA;AAAA,IACE,SAAA;AAAA,IACA,MAAM;AACJ,MAAA,IAAI,UAAU,KAAO,EAAA;AACnB,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAW,QAAA,GAAA,IAAI,eAAe,MAAM;AAClC,YAAA,IAAI,UAAU,KAAO,EAAA;AAEnB,cAAA,IACE,SAAU,CAAA,KAAA,CAAO,YAAe,GAAA,SAAA,CAAU,MAAO,YACjD,EAAA;AACA,gBAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,eAClB,MAAA;AACL,gBAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,eACzB;AAAA,aACF;AAAA,WACD,CAAA,CAAA;AACD,UAAS,QAAA,CAAA,OAAA,CAAQ,UAAU,KAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,KACR;AAAA,GACF,CAAA;AAGA,EAAAC,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB;AAAA,GACD,CAAA,CAAA;AAED,EAAAA,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,UAAU,KAAO,EAAA;AACnB,MAAU,SAAA,CAAA,KAAA,CAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,KAC7D;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,SAAW,EAAA,cAAA,EAAgB,cAAe,EAAA,CAAA;AACrD;;;;"}
|
|
@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
|
|
|
27
27
|
export type TestProps = Record<string, {
|
|
28
28
|
[epPropKey]: true;
|
|
29
29
|
} | NativePropType | EpPropInput<any, any, any, any, any>>;
|
|
30
|
-
export declare const buildProps: <Props extends Record<string,
|
|
30
|
+
export declare const buildProps: <Props extends Record<string, {
|
|
31
31
|
__epPropKey: true;
|
|
32
|
-
}
|
|
32
|
+
} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
|