x-next 1.6.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AI_USAGE.md +57 -4
- package/CHANGELOG.md +36 -0
- package/dist/components/date-picker/DatePicker.vue.d.ts +3 -3
- package/dist/components/date-picker/index.d.ts +6 -6
- package/dist/components/draggable/Draggable.d.ts +1 -1
- package/dist/components/draggable/index.d.ts +2 -2
- package/dist/components/drawer/index.d.ts +6 -6
- package/dist/components/drawer/src/Drawer.vue.d.ts +3 -3
- package/dist/components/dropdown/Dropdown.vue.d.ts +4 -4
- package/dist/components/dropdown/DropdownButton.vue.d.ts +5 -5
- package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +4 -4
- package/dist/components/dropdown/index.d.ts +29 -29
- package/dist/components/form/FormItem.vue.d.ts +12 -12
- package/dist/components/form/form-item-label.vue.d.ts +3 -3
- package/dist/components/form/index.d.ts +24 -24
- package/dist/components/form-select/Select.d.ts +3 -3
- package/dist/components/form-select/index.d.ts +6 -6
- package/dist/components/form-slider/Slider.vue.d.ts +3 -3
- package/dist/components/form-slider/index.d.ts +6 -6
- package/dist/components/form-slider/slider-button.vue.d.ts +3 -3
- package/dist/components/grid/Row.vue.d.ts +3 -3
- package/dist/components/grid/index.d.ts +9 -9
- package/dist/components/image/Image.vue.d.ts +125 -17
- package/dist/components/image/ImagePreview.vue.d.ts +97 -7
- package/dist/components/image/ImagePreviewAction.d.ts +3 -3
- package/dist/components/image/ImagePreviewGroup.vue.d.ts +100 -7
- package/dist/components/image/hooks/use-image-drag.d.ts +2 -2
- package/dist/components/image/index.d.ts +712 -124
- package/dist/components/image/interface.d.ts +9 -1
- package/dist/components/image/preview-toolbar.vue.d.ts +3 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/components/menu/sub-menu-pop.vue.d.ts +3 -3
- package/dist/components/pagination/page-options.vue.d.ts +6 -6
- package/dist/components/popconfirm/src/popup.vue.d.ts +3 -3
- package/dist/components/popover/Popover.d.ts +1 -1
- package/dist/components/popover/index.d.ts +3 -3
- package/dist/components/popup/Popup.d.ts +1 -1
- package/dist/components/popup/index.d.ts +3 -3
- package/dist/components/space/Space.d.ts +1 -1
- package/dist/components/space/index.d.ts +3 -3
- package/dist/components/tabs/Tabs.d.ts +1 -1
- package/dist/components/tabs/index.d.ts +3 -3
- package/dist/components/time-picker/TimePicker.vue.d.ts +3 -3
- package/dist/components/time-picker/index.d.ts +6 -6
- package/dist/components/tooltip/Tooltip.vue.d.ts +1 -1
- package/dist/components/tooltip/index.d.ts +3 -3
- package/dist/components/trigger/Trigger.d.ts +1 -1
- package/dist/components/trigger/index.d.ts +3 -3
- package/dist/components/upload/Upload.d.ts +372 -0
- package/dist/components/upload/context.d.ts +28 -0
- package/dist/components/upload/index.d.ts +656 -0
- package/dist/components/upload/interface.d.ts +110 -0
- package/dist/components/upload/props.d.ts +321 -0
- package/dist/components/upload/upload-list-item.d.ts +15 -0
- package/dist/components/upload/upload-list.d.ts +11 -0
- package/dist/components/upload/upload-picture-item.d.ts +20 -0
- package/dist/components/upload/upload-trigger.d.ts +8 -0
- package/dist/components/upload/utils.d.ts +48 -0
- package/dist/es/_styles/palette-aliases.js +2 -4
- package/dist/es/components/image/Image.vue.js +55 -45
- package/dist/es/components/image/Image.vue2.js +113 -92
- package/dist/es/components/image/ImagePreview.vue.js +66 -53
- package/dist/es/components/image/ImagePreview.vue2.js +219 -171
- package/dist/es/components/image/ImagePreviewAction.js +12 -15
- package/dist/es/components/image/ImagePreviewGroup.vue.js +21 -20
- package/dist/es/components/image/ImagePreviewGroup.vue2.js +45 -39
- package/dist/es/components/image/hooks/use-image-drag.js +16 -14
- package/dist/es/components/index.js +33 -31
- package/dist/es/components/upload/Upload.js +420 -0
- package/dist/es/components/upload/context.js +4 -0
- package/dist/es/components/upload/index.js +8 -0
- package/dist/es/components/upload/props.js +321 -0
- package/dist/es/components/upload/upload-list-item.js +138 -0
- package/dist/es/components/upload/upload-list.js +48 -0
- package/dist/es/components/upload/upload-picture-item.js +109 -0
- package/dist/es/components/upload/upload-trigger.js +89 -0
- package/dist/es/components/upload/utils.js +195 -0
- package/dist/es/icons/_self/upload-icons.js +103 -0
- package/dist/es/index.js +40 -38
- package/dist/es/locale/en-US.js +22 -0
- package/dist/es/locale/zh-CN.js +22 -0
- package/dist/es/style.css +1 -1
- package/dist/icons/_self/upload-icons.d.ts +523 -0
- package/dist/index.cjs +4 -4
- package/dist/index.umd.js +4 -4
- package/dist/locale/interface.d.ts +32 -0
- package/dist/style/base.css +1 -1
- package/dist/style/image.css +1 -1
- package/dist/style/upload.css +1 -0
- package/dist/style/upload.js +2 -0
- package/dist/style.css +1 -1
- package/dist/types.d.ts +1 -0
- package/package.json +1 -1
- package/volar.d.ts +1 -0
- package/dist/es/_hooks/use-popup-overflow-hidden.js +0 -29
|
@@ -348,8 +348,8 @@ export declare const Select: {
|
|
|
348
348
|
resize: () => true;
|
|
349
349
|
}, import('vue').PublicProps, {
|
|
350
350
|
disabled: boolean;
|
|
351
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
352
351
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
352
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
353
353
|
animationName: string;
|
|
354
354
|
autoFitPosition: boolean;
|
|
355
355
|
popupVisible: boolean;
|
|
@@ -536,8 +536,8 @@ export declare const Select: {
|
|
|
536
536
|
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
|
|
537
537
|
}>, () => any, {}, {}, {}, {
|
|
538
538
|
disabled: boolean;
|
|
539
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
540
539
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
540
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
541
541
|
animationName: string;
|
|
542
542
|
autoFitPosition: boolean;
|
|
543
543
|
popupVisible: boolean;
|
|
@@ -724,8 +724,8 @@ export declare const Select: {
|
|
|
724
724
|
resize: () => true;
|
|
725
725
|
}, string, {
|
|
726
726
|
disabled: boolean;
|
|
727
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
728
727
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
728
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
729
729
|
animationName: string;
|
|
730
730
|
autoFitPosition: boolean;
|
|
731
731
|
popupVisible: boolean;
|
|
@@ -1446,8 +1446,8 @@ export declare const Select: {
|
|
|
1446
1446
|
resize: () => true;
|
|
1447
1447
|
}, import('vue').PublicProps, {
|
|
1448
1448
|
disabled: boolean;
|
|
1449
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1450
1449
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1450
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1451
1451
|
animationName: string;
|
|
1452
1452
|
autoFitPosition: boolean;
|
|
1453
1453
|
popupVisible: boolean;
|
|
@@ -1634,8 +1634,8 @@ export declare const Select: {
|
|
|
1634
1634
|
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
|
|
1635
1635
|
}>, () => any, {}, {}, {}, {
|
|
1636
1636
|
disabled: boolean;
|
|
1637
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1638
1637
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1638
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1639
1639
|
animationName: string;
|
|
1640
1640
|
autoFitPosition: boolean;
|
|
1641
1641
|
popupVisible: boolean;
|
|
@@ -1822,8 +1822,8 @@ export declare const Select: {
|
|
|
1822
1822
|
resize: () => true;
|
|
1823
1823
|
}, string, {
|
|
1824
1824
|
disabled: boolean;
|
|
1825
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1826
1825
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1826
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1827
1827
|
animationName: string;
|
|
1828
1828
|
autoFitPosition: boolean;
|
|
1829
1829
|
popupVisible: boolean;
|
|
@@ -564,8 +564,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
564
564
|
}, import('vue').PublicProps, {
|
|
565
565
|
mini: boolean;
|
|
566
566
|
disabled: boolean;
|
|
567
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
568
567
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
568
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
569
569
|
animationName: string;
|
|
570
570
|
autoFitPosition: boolean;
|
|
571
571
|
popupVisible: boolean;
|
|
@@ -750,8 +750,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
750
750
|
}>, () => VNode, {}, {}, {}, {
|
|
751
751
|
mini: boolean;
|
|
752
752
|
disabled: boolean;
|
|
753
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
754
753
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
754
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
755
755
|
animationName: string;
|
|
756
756
|
autoFitPosition: boolean;
|
|
757
757
|
popupVisible: boolean;
|
|
@@ -939,8 +939,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
939
939
|
}, string, {
|
|
940
940
|
mini: boolean;
|
|
941
941
|
disabled: boolean;
|
|
942
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
943
942
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
943
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
944
944
|
animationName: string;
|
|
945
945
|
autoFitPosition: boolean;
|
|
946
946
|
popupVisible: boolean;
|
|
@@ -369,8 +369,8 @@ export declare const Slider: {
|
|
|
369
369
|
}, import('vue').PublicProps, {
|
|
370
370
|
mini: boolean;
|
|
371
371
|
disabled: boolean;
|
|
372
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
373
372
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
373
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
374
374
|
animationName: string;
|
|
375
375
|
autoFitPosition: boolean;
|
|
376
376
|
popupVisible: boolean;
|
|
@@ -555,8 +555,8 @@ export declare const Slider: {
|
|
|
555
555
|
}>, () => VNode, {}, {}, {}, {
|
|
556
556
|
mini: boolean;
|
|
557
557
|
disabled: boolean;
|
|
558
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
559
558
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
559
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
560
560
|
animationName: string;
|
|
561
561
|
autoFitPosition: boolean;
|
|
562
562
|
popupVisible: boolean;
|
|
@@ -744,8 +744,8 @@ export declare const Slider: {
|
|
|
744
744
|
}, string, {
|
|
745
745
|
mini: boolean;
|
|
746
746
|
disabled: boolean;
|
|
747
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
748
747
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
748
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
749
749
|
animationName: string;
|
|
750
750
|
autoFitPosition: boolean;
|
|
751
751
|
popupVisible: boolean;
|
|
@@ -1771,8 +1771,8 @@ export declare const Slider: {
|
|
|
1771
1771
|
}, import('vue').PublicProps, {
|
|
1772
1772
|
mini: boolean;
|
|
1773
1773
|
disabled: boolean;
|
|
1774
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1775
1774
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1775
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1776
1776
|
animationName: string;
|
|
1777
1777
|
autoFitPosition: boolean;
|
|
1778
1778
|
popupVisible: boolean;
|
|
@@ -1957,8 +1957,8 @@ export declare const Slider: {
|
|
|
1957
1957
|
}>, () => VNode, {}, {}, {}, {
|
|
1958
1958
|
mini: boolean;
|
|
1959
1959
|
disabled: boolean;
|
|
1960
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1961
1960
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1961
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1962
1962
|
animationName: string;
|
|
1963
1963
|
autoFitPosition: boolean;
|
|
1964
1964
|
popupVisible: boolean;
|
|
@@ -2146,8 +2146,8 @@ export declare const Slider: {
|
|
|
2146
2146
|
}, string, {
|
|
2147
2147
|
mini: boolean;
|
|
2148
2148
|
disabled: boolean;
|
|
2149
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
2150
2149
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
2150
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
2151
2151
|
animationName: string;
|
|
2152
2152
|
autoFitPosition: boolean;
|
|
2153
2153
|
popupVisible: boolean;
|
|
@@ -245,8 +245,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
245
245
|
}, import('vue').PublicProps, {
|
|
246
246
|
mini: boolean;
|
|
247
247
|
disabled: boolean;
|
|
248
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
249
248
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
249
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
250
250
|
animationName: string;
|
|
251
251
|
autoFitPosition: boolean;
|
|
252
252
|
popupVisible: boolean;
|
|
@@ -431,8 +431,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
431
431
|
}>, () => VNode, {}, {}, {}, {
|
|
432
432
|
mini: boolean;
|
|
433
433
|
disabled: boolean;
|
|
434
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
435
434
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
435
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
436
436
|
animationName: string;
|
|
437
437
|
autoFitPosition: boolean;
|
|
438
438
|
popupVisible: boolean;
|
|
@@ -620,8 +620,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
620
620
|
}, string, {
|
|
621
621
|
mini: boolean;
|
|
622
622
|
disabled: boolean;
|
|
623
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
624
623
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
624
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
625
625
|
animationName: string;
|
|
626
626
|
autoFitPosition: boolean;
|
|
627
627
|
popupVisible: boolean;
|
|
@@ -43,7 +43,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
43
43
|
};
|
|
44
44
|
}>, {
|
|
45
45
|
classNames: import('vue').ComputedRef<{
|
|
46
|
-
[x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end"
|
|
46
|
+
[x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
|
|
47
47
|
}>;
|
|
48
48
|
styles: import('vue').ComputedRef<{
|
|
49
49
|
marginTop?: string;
|
|
@@ -95,8 +95,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
95
95
|
}>> & Readonly<{}>, {
|
|
96
96
|
div: boolean;
|
|
97
97
|
wrap: boolean;
|
|
98
|
-
justify: "center" | "space-around" | "space-between" | "end"
|
|
99
|
-
align: "center" | "
|
|
98
|
+
justify: "center" | "start" | "space-around" | "space-between" | "end";
|
|
99
|
+
align: "center" | "start" | "stretch" | "end";
|
|
100
100
|
gutter: number | ResponsiveValue | [number | ResponsiveValue, number | ResponsiveValue];
|
|
101
101
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
102
102
|
export default _default;
|
|
@@ -159,7 +159,7 @@ export declare const Row: {
|
|
|
159
159
|
};
|
|
160
160
|
}>> & Readonly<{}>, {
|
|
161
161
|
classNames: import('vue').ComputedRef<{
|
|
162
|
-
[x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end"
|
|
162
|
+
[x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
|
|
163
163
|
}>;
|
|
164
164
|
styles: import('vue').ComputedRef<{
|
|
165
165
|
marginTop?: string;
|
|
@@ -170,8 +170,8 @@ export declare const Row: {
|
|
|
170
170
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
171
171
|
div: boolean;
|
|
172
172
|
wrap: boolean;
|
|
173
|
-
justify: "center" | "space-around" | "space-between" | "end"
|
|
174
|
-
align: "center" | "
|
|
173
|
+
justify: "center" | "start" | "space-around" | "space-between" | "end";
|
|
174
|
+
align: "center" | "start" | "stretch" | "end";
|
|
175
175
|
gutter: number | import('./interface').ResponsiveValue | [number | import('./interface').ResponsiveValue, number | import('./interface').ResponsiveValue];
|
|
176
176
|
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
177
177
|
P: {};
|
|
@@ -202,7 +202,7 @@ export declare const Row: {
|
|
|
202
202
|
};
|
|
203
203
|
}>> & Readonly<{}>, {
|
|
204
204
|
classNames: import('vue').ComputedRef<{
|
|
205
|
-
[x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end"
|
|
205
|
+
[x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
|
|
206
206
|
}>;
|
|
207
207
|
styles: import('vue').ComputedRef<{
|
|
208
208
|
marginTop?: string;
|
|
@@ -213,8 +213,8 @@ export declare const Row: {
|
|
|
213
213
|
}, {}, {}, {}, {
|
|
214
214
|
div: boolean;
|
|
215
215
|
wrap: boolean;
|
|
216
|
-
justify: "center" | "space-around" | "space-between" | "end"
|
|
217
|
-
align: "center" | "
|
|
216
|
+
justify: "center" | "start" | "space-around" | "space-between" | "end";
|
|
217
|
+
align: "center" | "start" | "stretch" | "end";
|
|
218
218
|
gutter: number | import('./interface').ResponsiveValue | [number | import('./interface').ResponsiveValue, number | import('./interface').ResponsiveValue];
|
|
219
219
|
}>;
|
|
220
220
|
__isFragment?: never;
|
|
@@ -242,7 +242,7 @@ export declare const Row: {
|
|
|
242
242
|
};
|
|
243
243
|
}>> & Readonly<{}>, {
|
|
244
244
|
classNames: import('vue').ComputedRef<{
|
|
245
|
-
[x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end"
|
|
245
|
+
[x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
|
|
246
246
|
}>;
|
|
247
247
|
styles: import('vue').ComputedRef<{
|
|
248
248
|
marginTop?: string;
|
|
@@ -253,8 +253,8 @@ export declare const Row: {
|
|
|
253
253
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
254
254
|
div: boolean;
|
|
255
255
|
wrap: boolean;
|
|
256
|
-
justify: "center" | "space-around" | "space-between" | "end"
|
|
257
|
-
align: "center" | "
|
|
256
|
+
justify: "center" | "start" | "space-around" | "space-between" | "end";
|
|
257
|
+
align: "center" | "start" | "stretch" | "end";
|
|
258
258
|
gutter: number | import('./interface').ResponsiveValue | [number | import('./interface').ResponsiveValue, number | import('./interface').ResponsiveValue];
|
|
259
259
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
260
260
|
install(app: import('vue').App): void;
|
|
@@ -119,7 +119,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
119
119
|
type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
120
120
|
};
|
|
121
121
|
}>, {
|
|
122
|
-
|
|
122
|
+
t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
|
|
123
|
+
refImg: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
|
|
123
124
|
className: {
|
|
124
125
|
block: string;
|
|
125
126
|
element: (className: string) => string;
|
|
@@ -128,10 +129,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
128
129
|
};
|
|
129
130
|
wrapperClassNames: import('vue').ComputedRef<unknown[]>;
|
|
130
131
|
wrapperStyles: import('vue').ComputedRef<StyleValue[]>;
|
|
132
|
+
overlayStyles: import('vue').ComputedRef<{
|
|
133
|
+
height: string | undefined;
|
|
134
|
+
}>;
|
|
131
135
|
showFooter: import('vue').ComputedRef<boolean>;
|
|
132
136
|
imgProps: import('vue').ComputedRef<Omit<{
|
|
133
137
|
[x: string]: unknown;
|
|
134
|
-
}, "class" | "style">>;
|
|
138
|
+
}, "class" | "style" | "src">>;
|
|
135
139
|
imgStyle: import('vue').ComputedRef<{
|
|
136
140
|
width: string | undefined;
|
|
137
141
|
height: string | undefined;
|
|
@@ -141,12 +145,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
141
145
|
isLoading: import('vue').ComputedRef<boolean>;
|
|
142
146
|
mergedPreviewVisible: import('vue').ComputedRef<boolean>;
|
|
143
147
|
mergePreview: import('vue').ComputedRef<boolean>;
|
|
144
|
-
|
|
145
|
-
|
|
148
|
+
canOpenPreview: import('vue').ComputedRef<boolean>;
|
|
149
|
+
onImgLoaded: (event: Event) => void;
|
|
150
|
+
onImgLoadError: (event: Event) => void;
|
|
146
151
|
onImgClick: () => void;
|
|
152
|
+
onImgKeydown: (event: KeyboardEvent) => void;
|
|
147
153
|
onPreviewClose: () => void;
|
|
148
154
|
fitStyle: import('vue').ComputedRef<CSSProperties>;
|
|
149
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
155
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
156
|
+
/**
|
|
157
|
+
* @zh 预览的打开和关闭事件
|
|
158
|
+
* @en Preview opening and closing events
|
|
159
|
+
* @param {boolean} visible
|
|
160
|
+
*/
|
|
161
|
+
'preview-visible-change': (_visible: boolean) => true;
|
|
162
|
+
'update:previewVisible': (_visible: boolean) => true;
|
|
163
|
+
load: (_event: Event) => true;
|
|
164
|
+
error: (_event: Event) => true;
|
|
165
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
150
166
|
renderToBody: {
|
|
151
167
|
type: BooleanConstructor;
|
|
152
168
|
default: boolean;
|
|
@@ -265,14 +281,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
265
281
|
type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
266
282
|
};
|
|
267
283
|
}>> & Readonly<{
|
|
268
|
-
|
|
269
|
-
|
|
284
|
+
onError?: ((_event: Event) => any) | undefined;
|
|
285
|
+
onLoad?: ((_event: Event) => any) | undefined;
|
|
286
|
+
"onPreview-visible-change"?: ((_visible: boolean) => any) | undefined;
|
|
287
|
+
"onUpdate:previewVisible"?: ((_visible: boolean) => any) | undefined;
|
|
270
288
|
}>, {
|
|
289
|
+
preview: boolean;
|
|
271
290
|
hideFooter: boolean | "never";
|
|
272
291
|
renderToBody: boolean;
|
|
273
292
|
footerPosition: "outer" | "inner";
|
|
274
293
|
showLoader: boolean;
|
|
275
|
-
preview: boolean;
|
|
276
294
|
previewVisible: boolean;
|
|
277
295
|
defaultPreviewVisible: boolean;
|
|
278
296
|
}, {}, {
|
|
@@ -528,7 +546,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
528
546
|
default: number;
|
|
529
547
|
};
|
|
530
548
|
}>, {
|
|
531
|
-
|
|
549
|
+
rootAttrs: import('vue').ComputedRef<{
|
|
550
|
+
[k: string]: unknown;
|
|
551
|
+
}>;
|
|
552
|
+
t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
|
|
532
553
|
className: {
|
|
533
554
|
block: string;
|
|
534
555
|
element: (className: string) => string;
|
|
@@ -548,9 +569,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
548
569
|
mergedVisible: import('vue').ComputedRef<boolean>;
|
|
549
570
|
isLoading: import('vue').ComputedRef<boolean>;
|
|
550
571
|
isLoaded: import('vue').ComputedRef<boolean>;
|
|
572
|
+
isError: import('vue').ComputedRef<boolean>;
|
|
551
573
|
scaleValueVisible: import('vue').Ref<boolean, boolean>;
|
|
552
|
-
refWrapper: import('vue').Ref<
|
|
553
|
-
refImage: import('vue').Ref<
|
|
574
|
+
refWrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
575
|
+
refImage: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
|
|
554
576
|
mounted: import('vue').Ref<boolean, boolean>;
|
|
555
577
|
onWheel: {
|
|
556
578
|
(...args: any[]): void;
|
|
@@ -558,8 +580,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
558
580
|
};
|
|
559
581
|
onMaskClick: (e: MouseEvent) => void;
|
|
560
582
|
onCloseClick: () => void;
|
|
561
|
-
|
|
562
|
-
|
|
583
|
+
onDialogKeydown: (event: KeyboardEvent) => void;
|
|
584
|
+
onImgLoad(event: Event): void;
|
|
585
|
+
onImgError(event: Event): void;
|
|
563
586
|
actions: import('vue').ComputedRef<({
|
|
564
587
|
key: string;
|
|
565
588
|
name: string;
|
|
@@ -668,7 +691,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
668
691
|
modifier: (className: string) => string;
|
|
669
692
|
is: (className: string) => string;
|
|
670
693
|
};
|
|
671
|
-
t: (key: import('../../
|
|
694
|
+
t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
|
|
672
695
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
673
696
|
onPrev: {
|
|
674
697
|
type: FunctionConstructor;
|
|
@@ -1067,8 +1090,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1067
1090
|
}, import('vue').PublicProps, {
|
|
1068
1091
|
mini: boolean;
|
|
1069
1092
|
disabled: boolean;
|
|
1070
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1071
1093
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1094
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1072
1095
|
animationName: string;
|
|
1073
1096
|
autoFitPosition: boolean;
|
|
1074
1097
|
popupVisible: boolean;
|
|
@@ -1253,8 +1276,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1253
1276
|
}>, () => VNode, {}, {}, {}, {
|
|
1254
1277
|
mini: boolean;
|
|
1255
1278
|
disabled: boolean;
|
|
1256
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1257
1279
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1280
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1258
1281
|
animationName: string;
|
|
1259
1282
|
autoFitPosition: boolean;
|
|
1260
1283
|
popupVisible: boolean;
|
|
@@ -1442,8 +1465,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1442
1465
|
}, string, {
|
|
1443
1466
|
mini: boolean;
|
|
1444
1467
|
disabled: boolean;
|
|
1445
|
-
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1446
1468
|
trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
|
|
1469
|
+
position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
|
|
1447
1470
|
animationName: string;
|
|
1448
1471
|
autoFitPosition: boolean;
|
|
1449
1472
|
popupVisible: boolean;
|
|
@@ -1642,6 +1665,91 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1642
1665
|
strokeWidth: string | number;
|
|
1643
1666
|
fillColor: unknown[];
|
|
1644
1667
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1668
|
+
IconImageClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1669
|
+
fillColor: {
|
|
1670
|
+
type: ArrayConstructor;
|
|
1671
|
+
default: undefined;
|
|
1672
|
+
};
|
|
1673
|
+
name: {
|
|
1674
|
+
type: StringConstructor;
|
|
1675
|
+
default: undefined;
|
|
1676
|
+
};
|
|
1677
|
+
size: {
|
|
1678
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1679
|
+
default: undefined;
|
|
1680
|
+
};
|
|
1681
|
+
rotate: {
|
|
1682
|
+
type: NumberConstructor;
|
|
1683
|
+
default: undefined;
|
|
1684
|
+
};
|
|
1685
|
+
spin: {
|
|
1686
|
+
type: BooleanConstructor;
|
|
1687
|
+
default: boolean;
|
|
1688
|
+
};
|
|
1689
|
+
color: {
|
|
1690
|
+
type: StringConstructor;
|
|
1691
|
+
default: undefined;
|
|
1692
|
+
};
|
|
1693
|
+
title: {
|
|
1694
|
+
type: StringConstructor;
|
|
1695
|
+
default: undefined;
|
|
1696
|
+
};
|
|
1697
|
+
ariaLabel: {
|
|
1698
|
+
type: StringConstructor;
|
|
1699
|
+
default: undefined;
|
|
1700
|
+
};
|
|
1701
|
+
strokeWidth: {
|
|
1702
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1703
|
+
default: undefined;
|
|
1704
|
+
};
|
|
1705
|
+
}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1706
|
+
fillColor: {
|
|
1707
|
+
type: ArrayConstructor;
|
|
1708
|
+
default: undefined;
|
|
1709
|
+
};
|
|
1710
|
+
name: {
|
|
1711
|
+
type: StringConstructor;
|
|
1712
|
+
default: undefined;
|
|
1713
|
+
};
|
|
1714
|
+
size: {
|
|
1715
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1716
|
+
default: undefined;
|
|
1717
|
+
};
|
|
1718
|
+
rotate: {
|
|
1719
|
+
type: NumberConstructor;
|
|
1720
|
+
default: undefined;
|
|
1721
|
+
};
|
|
1722
|
+
spin: {
|
|
1723
|
+
type: BooleanConstructor;
|
|
1724
|
+
default: boolean;
|
|
1725
|
+
};
|
|
1726
|
+
color: {
|
|
1727
|
+
type: StringConstructor;
|
|
1728
|
+
default: undefined;
|
|
1729
|
+
};
|
|
1730
|
+
title: {
|
|
1731
|
+
type: StringConstructor;
|
|
1732
|
+
default: undefined;
|
|
1733
|
+
};
|
|
1734
|
+
ariaLabel: {
|
|
1735
|
+
type: StringConstructor;
|
|
1736
|
+
default: undefined;
|
|
1737
|
+
};
|
|
1738
|
+
strokeWidth: {
|
|
1739
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
1740
|
+
default: undefined;
|
|
1741
|
+
};
|
|
1742
|
+
}>> & Readonly<{}>, {
|
|
1743
|
+
name: string;
|
|
1744
|
+
title: string;
|
|
1745
|
+
size: string | number;
|
|
1746
|
+
rotate: number;
|
|
1747
|
+
spin: boolean;
|
|
1748
|
+
color: string;
|
|
1749
|
+
ariaLabel: string;
|
|
1750
|
+
strokeWidth: string | number;
|
|
1751
|
+
fillColor: unknown[];
|
|
1752
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1645
1753
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1646
1754
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1647
1755
|
export default _default;
|