naive-ui 2.32.2 → 2.33.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/dist/index.js +40930 -2060
- package/dist/index.prod.js +2 -2
- package/es/_internal/select-menu/src/SelectOption.js +1 -2
- package/es/_utils/cssr/index.js +1 -1
- package/es/card/src/Card.d.ts +24 -1
- package/es/card/src/Card.js +8 -4
- package/es/card/src/styles/index.cssr.js +17 -8
- package/es/card/styles/dark.js +3 -1
- package/es/card/styles/light.d.ts +2 -0
- package/es/card/styles/light.js +1 -1
- package/es/countdown/src/Countdown.js +0 -5
- package/es/data-table/src/use-sorter.js +1 -1
- package/es/dialog/index.d.ts +1 -1
- package/es/dialog/index.js +1 -1
- package/es/dialog/src/DialogEnvironment.d.ts +3 -0
- package/es/dialog/src/DialogEnvironment.js +2 -2
- package/es/dialog/src/DialogProvider.d.ts +4 -0
- package/es/dialog/src/DialogProvider.js +2 -1
- package/es/dialog/src/composables.d.ts +4 -0
- package/es/dialog/src/composables.js +17 -0
- package/es/dialog/src/context.d.ts +2 -1
- package/es/dialog/src/context.js +1 -0
- package/es/form/src/FormItem.d.ts +1 -0
- package/es/form/src/FormItem.js +28 -18
- package/es/form/src/styles/form-item.cssr.js +31 -19
- package/es/form/src/utils.d.ts +1 -0
- package/es/form/src/utils.js +15 -10
- package/es/input/src/utils.js +1 -1
- package/es/locales/common/frFR.js +8 -11
- package/es/menu/src/Menu.d.ts +13 -0
- package/es/menu/src/Menu.js +7 -1
- package/es/modal/src/BodyWrapper.d.ts +2 -0
- package/es/modal/src/Modal.d.ts +18 -0
- package/es/modal/src/presetProps.d.ts +1 -1
- package/es/modal/styles/light.d.ts +2 -0
- package/es/pagination/src/Pagination.js +5 -1
- package/es/radio/src/Radio.d.ts +6 -32
- package/es/radio/src/Radio.js +5 -5
- package/es/radio/src/RadioButton.d.ts +6 -9
- package/es/radio/src/RadioButton.js +7 -11
- package/es/radio/src/RadioGroup.d.ts +8 -8
- package/es/radio/src/RadioGroup.js +2 -2
- package/es/radio/src/interface.d.ts +2 -2
- package/es/radio/src/use-radio.d.ts +4 -32
- package/es/radio/src/use-radio.js +12 -10
- package/es/rate/src/Rate.d.ts +23 -14
- package/es/rate/src/Rate.js +32 -12
- package/es/rate/src/interface.d.ts +2 -0
- package/es/rate/src/interface.js +1 -0
- package/es/rate/src/styles/index.cssr.js +13 -13
- package/es/slider/src/Slider.d.ts +13 -0
- package/es/slider/src/Slider.js +6 -3
- package/es/theme-editor/src/ThemeEditor.d.ts +4 -0
- package/es/theme-editor/src/ThemeEditor.js +25 -10
- package/es/tree/src/styles/index.cssr.js +4 -3
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/_internal/select-menu/src/SelectOption.js +1 -2
- package/lib/_utils/cssr/index.js +2 -5
- package/lib/card/src/Card.d.ts +24 -1
- package/lib/card/src/Card.js +8 -4
- package/lib/card/src/styles/index.cssr.js +17 -8
- package/lib/card/styles/dark.js +3 -1
- package/lib/card/styles/light.d.ts +2 -0
- package/lib/card/styles/light.js +1 -1
- package/lib/countdown/src/Countdown.js +0 -5
- package/lib/data-table/src/use-sorter.js +1 -1
- package/lib/dialog/index.d.ts +1 -1
- package/lib/dialog/index.js +4 -3
- package/lib/dialog/src/DialogEnvironment.d.ts +3 -0
- package/lib/dialog/src/DialogEnvironment.js +2 -2
- package/lib/dialog/src/DialogProvider.d.ts +4 -0
- package/lib/dialog/src/DialogProvider.js +1 -0
- package/lib/dialog/src/composables.d.ts +4 -0
- package/lib/dialog/src/{use-dialog.js → composables.js} +9 -1
- package/lib/dialog/src/context.d.ts +2 -1
- package/lib/dialog/src/context.js +2 -1
- package/lib/form/src/FormItem.d.ts +1 -0
- package/lib/form/src/FormItem.js +28 -18
- package/lib/form/src/styles/form-item.cssr.js +31 -19
- package/lib/form/src/utils.d.ts +1 -0
- package/lib/form/src/utils.js +15 -10
- package/lib/input/src/utils.js +1 -1
- package/lib/locales/common/frFR.js +8 -11
- package/lib/menu/src/Menu.d.ts +13 -0
- package/lib/menu/src/Menu.js +7 -1
- package/lib/modal/src/BodyWrapper.d.ts +2 -0
- package/lib/modal/src/Modal.d.ts +18 -0
- package/lib/modal/src/presetProps.d.ts +1 -1
- package/lib/modal/styles/light.d.ts +2 -0
- package/lib/pagination/src/Pagination.js +5 -1
- package/lib/radio/src/Radio.d.ts +6 -32
- package/lib/radio/src/Radio.js +5 -5
- package/lib/radio/src/RadioButton.d.ts +6 -9
- package/lib/radio/src/RadioButton.js +7 -14
- package/lib/radio/src/RadioGroup.d.ts +8 -8
- package/lib/radio/src/RadioGroup.js +2 -2
- package/lib/radio/src/interface.d.ts +2 -2
- package/lib/radio/src/use-radio.d.ts +4 -32
- package/lib/radio/src/use-radio.js +11 -9
- package/lib/rate/src/Rate.d.ts +23 -14
- package/lib/rate/src/Rate.js +32 -12
- package/lib/rate/src/interface.d.ts +2 -0
- package/lib/rate/src/interface.js +2 -0
- package/lib/rate/src/styles/index.cssr.js +13 -13
- package/lib/slider/src/Slider.d.ts +13 -0
- package/lib/slider/src/Slider.js +6 -3
- package/lib/theme-editor/src/ThemeEditor.d.ts +4 -0
- package/lib/theme-editor/src/ThemeEditor.js +25 -10
- package/lib/tree/src/styles/index.cssr.js +4 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +4 -4
- package/web-types.json +36 -5
- package/es/countdown/src/utils.d.ts +0 -0
- package/es/countdown/src/utils.js +0 -1
- package/es/dialog/src/use-dialog.d.ts +0 -2
- package/es/dialog/src/use-dialog.js +0 -10
- package/lib/countdown/src/utils.d.ts +0 -0
- package/lib/countdown/src/utils.js +0 -1
- package/lib/dialog/src/use-dialog.d.ts +0 -2
package/lib/form/src/utils.js
CHANGED
|
@@ -21,6 +21,18 @@ exports.formItemSize = formItemSize;
|
|
|
21
21
|
// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
|
|
22
22
|
function formItemMisc(props) {
|
|
23
23
|
const NForm = (0, vue_1.inject)(context_1.formInjectionKey, null);
|
|
24
|
+
const mergedLabelPlacementRef = (0, vue_1.computed)(() => {
|
|
25
|
+
const { labelPlacement } = props;
|
|
26
|
+
if (labelPlacement !== undefined)
|
|
27
|
+
return labelPlacement;
|
|
28
|
+
if (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelPlacement)
|
|
29
|
+
return NForm.props.labelPlacement;
|
|
30
|
+
return 'top';
|
|
31
|
+
});
|
|
32
|
+
const isAutoLabelWidthRef = (0, vue_1.computed)(() => {
|
|
33
|
+
return (mergedLabelPlacementRef.value === 'left' &&
|
|
34
|
+
(props.labelWidth === 'auto' || (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) === 'auto'));
|
|
35
|
+
});
|
|
24
36
|
const mergedLabelWidthRef = (0, vue_1.computed)(() => {
|
|
25
37
|
if (mergedLabelPlacementRef.value === 'top')
|
|
26
38
|
return;
|
|
@@ -28,7 +40,7 @@ function formItemMisc(props) {
|
|
|
28
40
|
if (labelWidth !== undefined && labelWidth !== 'auto') {
|
|
29
41
|
return (0, _utils_1.formatLength)(labelWidth);
|
|
30
42
|
}
|
|
31
|
-
if (
|
|
43
|
+
if (isAutoLabelWidthRef.value) {
|
|
32
44
|
const autoComputedWidth = NForm === null || NForm === void 0 ? void 0 : NForm.maxChildLabelWidthRef.value;
|
|
33
45
|
if (autoComputedWidth !== undefined) {
|
|
34
46
|
return (0, _utils_1.formatLength)(autoComputedWidth);
|
|
@@ -42,14 +54,6 @@ function formItemMisc(props) {
|
|
|
42
54
|
}
|
|
43
55
|
return undefined;
|
|
44
56
|
});
|
|
45
|
-
const mergedLabelPlacementRef = (0, vue_1.computed)(() => {
|
|
46
|
-
const { labelPlacement } = props;
|
|
47
|
-
if (labelPlacement !== undefined)
|
|
48
|
-
return labelPlacement;
|
|
49
|
-
if (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelPlacement)
|
|
50
|
-
return NForm.props.labelPlacement;
|
|
51
|
-
return 'top';
|
|
52
|
-
});
|
|
53
57
|
const mergedLabelAlignRef = (0, vue_1.computed)(() => {
|
|
54
58
|
const { labelAlign } = props;
|
|
55
59
|
if (labelAlign)
|
|
@@ -114,7 +118,8 @@ function formItemMisc(props) {
|
|
|
114
118
|
mergedRequireMarkPlacement: mergedRequireMarkPlacementRef,
|
|
115
119
|
mergedValidationStatus: mergedValidationStatusRef,
|
|
116
120
|
mergedShowFeedback: mergedShowFeedbackRef,
|
|
117
|
-
mergedShowLabel: mergedShowLabelRef
|
|
121
|
+
mergedShowLabel: mergedShowLabelRef,
|
|
122
|
+
isAutoLabelWidth: isAutoLabelWidthRef
|
|
118
123
|
};
|
|
119
124
|
}
|
|
120
125
|
exports.formItemMisc = formItemMisc;
|
package/lib/input/src/utils.js
CHANGED
|
@@ -19,7 +19,7 @@ function useCursor(inputElRef) {
|
|
|
19
19
|
const selectionRef = (0, vue_1.ref)(null);
|
|
20
20
|
function recordCursor() {
|
|
21
21
|
const { value: input } = inputElRef;
|
|
22
|
-
if (!input ||
|
|
22
|
+
if (!(input === null || input === void 0 ? void 0 : input.focus)) {
|
|
23
23
|
reset();
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
@@ -43,9 +43,8 @@ const frFR = {
|
|
|
43
43
|
endDatePlaceholder: 'Date de fin',
|
|
44
44
|
startDatetimePlaceholder: 'Date et heure de début',
|
|
45
45
|
endDatetimePlaceholder: 'Date et heure de fin',
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
endMonthPlaceholder: 'End Month',
|
|
46
|
+
startMonthPlaceholder: 'Mois de début',
|
|
47
|
+
endMonthPlaceholder: 'Mois de fin',
|
|
49
48
|
monthBeforeYear: true,
|
|
50
49
|
firstDayOfWeek: 1,
|
|
51
50
|
today: "Aujourd'hui"
|
|
@@ -60,13 +59,12 @@ const frFR = {
|
|
|
60
59
|
sourceTitle: 'Source',
|
|
61
60
|
targetTitle: 'Cible'
|
|
62
61
|
},
|
|
63
|
-
// TODO: translation
|
|
64
62
|
Transfer: {
|
|
65
|
-
selectAll: '
|
|
66
|
-
unselectAll: '
|
|
67
|
-
clearAll: '
|
|
68
|
-
total: (num) => `Total ${num}
|
|
69
|
-
selected: (num) => `${num}
|
|
63
|
+
selectAll: 'Sélectionner tout',
|
|
64
|
+
unselectAll: 'Désélectionner tout',
|
|
65
|
+
clearAll: 'Effacer',
|
|
66
|
+
total: (num) => `Total ${num} éléments`,
|
|
67
|
+
selected: (num) => `${num} éléments sélectionnés`
|
|
70
68
|
},
|
|
71
69
|
Empty: {
|
|
72
70
|
description: 'Aucune donnée'
|
|
@@ -117,8 +115,7 @@ const frFR = {
|
|
|
117
115
|
tipZoomOut: 'Dézoomer',
|
|
118
116
|
tipZoomIn: 'Zoomer',
|
|
119
117
|
tipClose: 'Fermer (Échap.)',
|
|
120
|
-
|
|
121
|
-
tipOriginalSize: 'Zoom to original size'
|
|
118
|
+
tipOriginalSize: 'Zoom à la taille originale'
|
|
122
119
|
}
|
|
123
120
|
};
|
|
124
121
|
exports.default = frFR;
|
package/lib/menu/src/Menu.d.ts
CHANGED
|
@@ -42,6 +42,10 @@ export declare const menuProps: {
|
|
|
42
42
|
readonly type: StringConstructor;
|
|
43
43
|
readonly default: "children";
|
|
44
44
|
};
|
|
45
|
+
readonly disabledField: {
|
|
46
|
+
readonly type: StringConstructor;
|
|
47
|
+
readonly default: "disabled";
|
|
48
|
+
};
|
|
45
49
|
readonly defaultExpandAll: BooleanConstructor;
|
|
46
50
|
readonly defaultExpandedKeys: PropType<Key[]>;
|
|
47
51
|
readonly expandedKeys: PropType<Key[]>;
|
|
@@ -648,6 +652,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
648
652
|
readonly type: StringConstructor;
|
|
649
653
|
readonly default: "children";
|
|
650
654
|
};
|
|
655
|
+
readonly disabledField: {
|
|
656
|
+
readonly type: StringConstructor;
|
|
657
|
+
readonly default: "disabled";
|
|
658
|
+
};
|
|
651
659
|
readonly defaultExpandAll: BooleanConstructor;
|
|
652
660
|
readonly defaultExpandedKeys: PropType<Key[]>;
|
|
653
661
|
readonly expandedKeys: PropType<Key[]>;
|
|
@@ -1585,6 +1593,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1585
1593
|
readonly type: StringConstructor;
|
|
1586
1594
|
readonly default: "children";
|
|
1587
1595
|
};
|
|
1596
|
+
readonly disabledField: {
|
|
1597
|
+
readonly type: StringConstructor;
|
|
1598
|
+
readonly default: "disabled";
|
|
1599
|
+
};
|
|
1588
1600
|
readonly defaultExpandAll: BooleanConstructor;
|
|
1589
1601
|
readonly defaultExpandedKeys: PropType<Key[]>;
|
|
1590
1602
|
readonly expandedKeys: PropType<Key[]>;
|
|
@@ -2163,6 +2175,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2163
2175
|
readonly defaultExpandAll: boolean;
|
|
2164
2176
|
readonly indent: number;
|
|
2165
2177
|
readonly inverted: boolean;
|
|
2178
|
+
readonly disabledField: string;
|
|
2166
2179
|
readonly accordion: boolean;
|
|
2167
2180
|
readonly collapsed: boolean | undefined;
|
|
2168
2181
|
readonly collapsedWidth: number;
|
package/lib/menu/src/Menu.js
CHANGED
|
@@ -42,6 +42,9 @@ exports.menuProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
|
|
|
42
42
|
}, childrenField: {
|
|
43
43
|
type: String,
|
|
44
44
|
default: 'children'
|
|
45
|
+
}, disabledField: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: 'disabled'
|
|
45
48
|
}, defaultExpandAll: Boolean, defaultExpandedKeys: Array, expandedKeys: Array, value: [String, Number], defaultValue: {
|
|
46
49
|
type: [String, Number],
|
|
47
50
|
default: null
|
|
@@ -84,11 +87,14 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
84
87
|
return false;
|
|
85
88
|
});
|
|
86
89
|
const treeMateRef = (0, vue_1.computed)(() => {
|
|
87
|
-
const { keyField, childrenField } = props;
|
|
90
|
+
const { keyField, childrenField, disabledField } = props;
|
|
88
91
|
return (0, treemate_1.createTreeMate)(props.items || props.options, {
|
|
89
92
|
getChildren(node) {
|
|
90
93
|
return node[childrenField];
|
|
91
94
|
},
|
|
95
|
+
getDisabled(node) {
|
|
96
|
+
return node[disabledField];
|
|
97
|
+
},
|
|
92
98
|
getKey(node) {
|
|
93
99
|
var _a;
|
|
94
100
|
return (_a = node[keyField]) !== null && _a !== void 0 ? _a : node.name;
|
|
@@ -441,6 +441,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
441
441
|
colorPopover: string;
|
|
442
442
|
colorTarget: string;
|
|
443
443
|
colorEmbedded: string;
|
|
444
|
+
colorEmbeddedModal: string;
|
|
445
|
+
colorEmbeddedPopover: string;
|
|
444
446
|
textColor: string;
|
|
445
447
|
titleTextColor: string;
|
|
446
448
|
borderColor: string;
|
package/lib/modal/src/Modal.d.ts
CHANGED
|
@@ -347,6 +347,8 @@ export declare const modalProps: {
|
|
|
347
347
|
colorPopover: string;
|
|
348
348
|
colorTarget: string;
|
|
349
349
|
colorEmbedded: string;
|
|
350
|
+
colorEmbeddedModal: string;
|
|
351
|
+
colorEmbeddedPopover: string;
|
|
350
352
|
textColor: string;
|
|
351
353
|
titleTextColor: string;
|
|
352
354
|
borderColor: string;
|
|
@@ -629,6 +631,8 @@ export declare const modalProps: {
|
|
|
629
631
|
colorPopover: string;
|
|
630
632
|
colorTarget: string;
|
|
631
633
|
colorEmbedded: string;
|
|
634
|
+
colorEmbeddedModal: string;
|
|
635
|
+
colorEmbeddedPopover: string;
|
|
632
636
|
textColor: string;
|
|
633
637
|
titleTextColor: string;
|
|
634
638
|
borderColor: string;
|
|
@@ -911,6 +915,8 @@ export declare const modalProps: {
|
|
|
911
915
|
colorPopover: string;
|
|
912
916
|
colorTarget: string;
|
|
913
917
|
colorEmbedded: string;
|
|
918
|
+
colorEmbeddedModal: string;
|
|
919
|
+
colorEmbeddedPopover: string;
|
|
914
920
|
textColor: string;
|
|
915
921
|
titleTextColor: string;
|
|
916
922
|
borderColor: string;
|
|
@@ -1289,6 +1295,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1289
1295
|
colorPopover: string;
|
|
1290
1296
|
colorTarget: string;
|
|
1291
1297
|
colorEmbedded: string;
|
|
1298
|
+
colorEmbeddedModal: string;
|
|
1299
|
+
colorEmbeddedPopover: string;
|
|
1292
1300
|
textColor: string;
|
|
1293
1301
|
titleTextColor: string;
|
|
1294
1302
|
borderColor: string;
|
|
@@ -1571,6 +1579,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1571
1579
|
colorPopover: string;
|
|
1572
1580
|
colorTarget: string;
|
|
1573
1581
|
colorEmbedded: string;
|
|
1582
|
+
colorEmbeddedModal: string;
|
|
1583
|
+
colorEmbeddedPopover: string;
|
|
1574
1584
|
textColor: string;
|
|
1575
1585
|
titleTextColor: string;
|
|
1576
1586
|
borderColor: string;
|
|
@@ -1853,6 +1863,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1853
1863
|
colorPopover: string;
|
|
1854
1864
|
colorTarget: string;
|
|
1855
1865
|
colorEmbedded: string;
|
|
1866
|
+
colorEmbeddedModal: string;
|
|
1867
|
+
colorEmbeddedPopover: string;
|
|
1856
1868
|
textColor: string;
|
|
1857
1869
|
titleTextColor: string;
|
|
1858
1870
|
borderColor: string;
|
|
@@ -2251,6 +2263,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2251
2263
|
colorPopover: string;
|
|
2252
2264
|
colorTarget: string;
|
|
2253
2265
|
colorEmbedded: string;
|
|
2266
|
+
colorEmbeddedModal: string;
|
|
2267
|
+
colorEmbeddedPopover: string;
|
|
2254
2268
|
textColor: string;
|
|
2255
2269
|
titleTextColor: string;
|
|
2256
2270
|
borderColor: string;
|
|
@@ -2533,6 +2547,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2533
2547
|
colorPopover: string;
|
|
2534
2548
|
colorTarget: string;
|
|
2535
2549
|
colorEmbedded: string;
|
|
2550
|
+
colorEmbeddedModal: string;
|
|
2551
|
+
colorEmbeddedPopover: string;
|
|
2536
2552
|
textColor: string;
|
|
2537
2553
|
titleTextColor: string;
|
|
2538
2554
|
borderColor: string;
|
|
@@ -2815,6 +2831,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2815
2831
|
colorPopover: string;
|
|
2816
2832
|
colorTarget: string;
|
|
2817
2833
|
colorEmbedded: string;
|
|
2834
|
+
colorEmbeddedModal: string;
|
|
2835
|
+
colorEmbeddedPopover: string;
|
|
2818
2836
|
textColor: string;
|
|
2819
2837
|
titleTextColor: string;
|
|
2820
2838
|
borderColor: string;
|
|
@@ -41,5 +41,5 @@ declare const presetProps: {
|
|
|
41
41
|
hoverable: BooleanConstructor;
|
|
42
42
|
role: StringConstructor;
|
|
43
43
|
};
|
|
44
|
-
declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "iconPlacement" | "hoverable" | "
|
|
44
|
+
declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
|
|
45
45
|
export { presetProps, presetPropsKeys };
|
|
@@ -258,6 +258,8 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
|
|
|
258
258
|
colorPopover: string;
|
|
259
259
|
colorTarget: string;
|
|
260
260
|
colorEmbedded: string;
|
|
261
|
+
colorEmbeddedModal: string;
|
|
262
|
+
colorEmbeddedPopover: string;
|
|
261
263
|
textColor: string;
|
|
262
264
|
titleTextColor: string;
|
|
263
265
|
borderColor: string;
|
|
@@ -98,10 +98,14 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
98
98
|
const showFastForwardMenuRef = (0, vue_1.ref)(false);
|
|
99
99
|
const showFastBackwardMenuRef = (0, vue_1.ref)(false);
|
|
100
100
|
const handleFastForwardMouseenter = () => {
|
|
101
|
+
if (props.disabled)
|
|
102
|
+
return;
|
|
101
103
|
fastForwardActiveRef.value = true;
|
|
102
104
|
disableTransitionOneTick();
|
|
103
105
|
};
|
|
104
106
|
const handleFastForwardMouseleave = () => {
|
|
107
|
+
if (props.disabled)
|
|
108
|
+
return;
|
|
105
109
|
fastForwardActiveRef.value = false;
|
|
106
110
|
disableTransitionOneTick();
|
|
107
111
|
};
|
|
@@ -507,7 +511,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
507
511
|
? 'fast-backward'
|
|
508
512
|
: 'fast-forward'
|
|
509
513
|
: pageItem.type;
|
|
510
|
-
return ((0, vue_1.h)(popselect_1.NPopselect, { key: key, trigger: "hover", virtualScroll: true, style: { width: '60px' }, theme: mergedTheme.peers.Popselect, themeOverrides: mergedTheme.peerOverrides.Popselect, builtinThemeOverrides: {
|
|
514
|
+
return ((0, vue_1.h)(popselect_1.NPopselect, { key: key, disabled: disabled, trigger: "hover", virtualScroll: true, style: { width: '60px' }, theme: mergedTheme.peers.Popselect, themeOverrides: mergedTheme.peerOverrides.Popselect, builtinThemeOverrides: {
|
|
511
515
|
peers: {
|
|
512
516
|
InternalSelectMenu: {
|
|
513
517
|
height: 'calc(var(--n-option-height) * 4.6)'
|
package/lib/radio/src/Radio.d.ts
CHANGED
|
@@ -1,35 +1,11 @@
|
|
|
1
1
|
import type { ExtractPublicPropTypes } from '../../_utils';
|
|
2
|
-
import
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
readonly value: {
|
|
6
|
-
readonly type: import("vue").PropType<string | number>;
|
|
7
|
-
readonly default: "on";
|
|
8
|
-
};
|
|
9
|
-
readonly checked: {
|
|
10
|
-
readonly type: import("vue").PropType<boolean | undefined>;
|
|
11
|
-
readonly default: undefined;
|
|
12
|
-
};
|
|
13
|
-
readonly defaultChecked: BooleanConstructor;
|
|
14
|
-
readonly disabled: {
|
|
15
|
-
readonly type: import("vue").PropType<boolean | undefined>;
|
|
16
|
-
readonly default: undefined;
|
|
17
|
-
};
|
|
18
|
-
readonly label: StringConstructor;
|
|
19
|
-
readonly size: import("vue").PropType<"small" | "medium" | "large">;
|
|
20
|
-
readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
21
|
-
readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
22
|
-
readonly checkedValue: {
|
|
23
|
-
readonly type: import("vue").PropType<boolean | undefined>;
|
|
24
|
-
readonly validator: () => boolean;
|
|
25
|
-
readonly default: undefined;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export declare type RadioProps = ExtractPublicPropTypes<typeof useRadio.props>;
|
|
2
|
+
import { radioProps } from './use-radio';
|
|
3
|
+
export { radioProps };
|
|
4
|
+
export declare type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
|
|
29
5
|
declare const _default: import("vue").DefineComponent<{
|
|
30
6
|
name: StringConstructor;
|
|
31
7
|
value: {
|
|
32
|
-
readonly type: import("vue").PropType<string | number>;
|
|
8
|
+
readonly type: import("vue").PropType<string | number | boolean>;
|
|
33
9
|
readonly default: "on";
|
|
34
10
|
};
|
|
35
11
|
checked: {
|
|
@@ -47,7 +23,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
47
23
|
'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
48
24
|
checkedValue: {
|
|
49
25
|
readonly type: import("vue").PropType<boolean | undefined>;
|
|
50
|
-
readonly validator: () => boolean;
|
|
51
26
|
readonly default: undefined;
|
|
52
27
|
};
|
|
53
28
|
theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
|
|
@@ -186,7 +161,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
186
161
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
187
162
|
name: StringConstructor;
|
|
188
163
|
value: {
|
|
189
|
-
readonly type: import("vue").PropType<string | number>;
|
|
164
|
+
readonly type: import("vue").PropType<string | number | boolean>;
|
|
190
165
|
readonly default: "on";
|
|
191
166
|
};
|
|
192
167
|
checked: {
|
|
@@ -204,7 +179,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
204
179
|
'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
205
180
|
checkedValue: {
|
|
206
181
|
readonly type: import("vue").PropType<boolean | undefined>;
|
|
207
|
-
readonly validator: () => boolean;
|
|
208
182
|
readonly default: undefined;
|
|
209
183
|
};
|
|
210
184
|
theme: import("vue").PropType<import("../../_mixins").Theme<"Radio", {
|
|
@@ -319,7 +293,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
319
293
|
labelPadding: string;
|
|
320
294
|
}, any>>>;
|
|
321
295
|
}>>, {
|
|
322
|
-
value: string | number;
|
|
296
|
+
value: string | number | boolean;
|
|
323
297
|
disabled: boolean | undefined;
|
|
324
298
|
checked: boolean | undefined;
|
|
325
299
|
defaultChecked: boolean;
|
package/lib/radio/src/Radio.js
CHANGED
|
@@ -5,18 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.radioProps = void 0;
|
|
7
7
|
const vue_1 = require("vue");
|
|
8
|
+
const use_rtl_1 = require("../../_mixins/use-rtl");
|
|
8
9
|
const _mixins_1 = require("../../_mixins");
|
|
9
10
|
const _utils_1 = require("../../_utils");
|
|
10
11
|
const styles_1 = require("../styles");
|
|
11
|
-
const use_radio_1 =
|
|
12
|
+
const use_radio_1 = require("./use-radio");
|
|
13
|
+
Object.defineProperty(exports, "radioProps", { enumerable: true, get: function () { return use_radio_1.radioProps; } });
|
|
12
14
|
const radio_cssr_1 = __importDefault(require("./styles/radio.cssr"));
|
|
13
|
-
const use_rtl_1 = require("../../_mixins/use-rtl");
|
|
14
|
-
exports.radioProps = use_radio_1.default.props;
|
|
15
15
|
exports.default = (0, vue_1.defineComponent)({
|
|
16
16
|
name: 'Radio',
|
|
17
|
-
props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), use_radio_1.
|
|
17
|
+
props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), use_radio_1.radioProps),
|
|
18
18
|
setup(props) {
|
|
19
|
-
const radio = (0, use_radio_1.
|
|
19
|
+
const radio = (0, use_radio_1.setup)(props);
|
|
20
20
|
const themeRef = (0, _mixins_1.useTheme)('Radio', '-radio', radio_cssr_1.default, styles_1.radioLight, props, radio.mergedClsPrefix);
|
|
21
21
|
const cssVarsRef = (0, vue_1.computed)(() => {
|
|
22
22
|
const { mergedSize: { value: size } } = radio;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ExtractPublicPropTypes } from '../../_utils';
|
|
2
|
-
import
|
|
2
|
+
import { radioProps } from './use-radio';
|
|
3
3
|
export declare const radioButtonProps: {
|
|
4
4
|
readonly name: StringConstructor;
|
|
5
5
|
readonly value: {
|
|
6
|
-
readonly type: import("vue").PropType<string | number>;
|
|
6
|
+
readonly type: import("vue").PropType<string | number | boolean>;
|
|
7
7
|
readonly default: "on";
|
|
8
8
|
};
|
|
9
9
|
readonly checked: {
|
|
@@ -21,15 +21,14 @@ export declare const radioButtonProps: {
|
|
|
21
21
|
readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
22
22
|
readonly checkedValue: {
|
|
23
23
|
readonly type: import("vue").PropType<boolean | undefined>;
|
|
24
|
-
readonly validator: () => boolean;
|
|
25
24
|
readonly default: undefined;
|
|
26
25
|
};
|
|
27
26
|
};
|
|
28
|
-
export declare type RadioButtonProps = ExtractPublicPropTypes<typeof
|
|
27
|
+
export declare type RadioButtonProps = ExtractPublicPropTypes<typeof radioProps>;
|
|
29
28
|
declare const _default: import("vue").DefineComponent<{
|
|
30
29
|
readonly name: StringConstructor;
|
|
31
30
|
readonly value: {
|
|
32
|
-
readonly type: import("vue").PropType<string | number>;
|
|
31
|
+
readonly type: import("vue").PropType<string | number | boolean>;
|
|
33
32
|
readonly default: "on";
|
|
34
33
|
};
|
|
35
34
|
readonly checked: {
|
|
@@ -47,13 +46,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
47
46
|
readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
48
47
|
readonly checkedValue: {
|
|
49
48
|
readonly type: import("vue").PropType<boolean | undefined>;
|
|
50
|
-
readonly validator: () => boolean;
|
|
51
49
|
readonly default: undefined;
|
|
52
50
|
};
|
|
53
51
|
}, import("./use-radio").UseRadio, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
54
52
|
readonly name: StringConstructor;
|
|
55
53
|
readonly value: {
|
|
56
|
-
readonly type: import("vue").PropType<string | number>;
|
|
54
|
+
readonly type: import("vue").PropType<string | number | boolean>;
|
|
57
55
|
readonly default: "on";
|
|
58
56
|
};
|
|
59
57
|
readonly checked: {
|
|
@@ -71,11 +69,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
71
69
|
readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
|
|
72
70
|
readonly checkedValue: {
|
|
73
71
|
readonly type: import("vue").PropType<boolean | undefined>;
|
|
74
|
-
readonly validator: () => boolean;
|
|
75
72
|
readonly default: undefined;
|
|
76
73
|
};
|
|
77
74
|
}>>, {
|
|
78
|
-
readonly value: string | number;
|
|
75
|
+
readonly value: string | number | boolean;
|
|
79
76
|
readonly disabled: boolean | undefined;
|
|
80
77
|
readonly checked: boolean | undefined;
|
|
81
78
|
readonly defaultChecked: boolean;
|
|
@@ -1,28 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.radioButtonProps = void 0;
|
|
7
4
|
const vue_1 = require("vue");
|
|
8
5
|
const _utils_1 = require("../../_utils");
|
|
9
|
-
const use_radio_1 =
|
|
10
|
-
exports.radioButtonProps = use_radio_1.
|
|
6
|
+
const use_radio_1 = require("./use-radio");
|
|
7
|
+
exports.radioButtonProps = use_radio_1.radioProps;
|
|
11
8
|
exports.default = (0, vue_1.defineComponent)({
|
|
12
9
|
name: 'RadioButton',
|
|
13
|
-
props: use_radio_1.
|
|
14
|
-
setup
|
|
15
|
-
return (0, use_radio_1.default)(props);
|
|
16
|
-
},
|
|
10
|
+
props: use_radio_1.radioProps,
|
|
11
|
+
setup: use_radio_1.setup,
|
|
17
12
|
render() {
|
|
18
13
|
const { mergedClsPrefix } = this;
|
|
19
14
|
return ((0, vue_1.h)("label", { class: [
|
|
20
15
|
`${mergedClsPrefix}-radio-button`,
|
|
21
|
-
{
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
[`${mergedClsPrefix}-radio-button--focus`]: this.focus
|
|
25
|
-
}
|
|
16
|
+
this.mergedDisabled && `${mergedClsPrefix}-radio-button--disabled`,
|
|
17
|
+
this.renderSafeChecked && `${mergedClsPrefix}-radio-button--checked`,
|
|
18
|
+
this.focus && [`${mergedClsPrefix}-radio-button--focus`]
|
|
26
19
|
] },
|
|
27
20
|
(0, vue_1.h)("input", { ref: "inputRef", type: "radio", class: `${mergedClsPrefix}-radio-input`, value: this.value, name: this.mergedName, checked: this.renderSafeChecked, disabled: this.mergedDisabled, onChange: this.handleRadioInputChange, onFocus: this.handleRadioInputFocus, onBlur: this.handleRadioInputBlur }),
|
|
28
21
|
(0, vue_1.h)("div", { class: `${mergedClsPrefix}-radio-button__state-border` }),
|
|
@@ -3,9 +3,9 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
|
|
|
3
3
|
import { OnUpdateValue } from './interface';
|
|
4
4
|
export declare const radioGroupProps: {
|
|
5
5
|
readonly name: StringConstructor;
|
|
6
|
-
readonly value: PropType<string | number | null>;
|
|
6
|
+
readonly value: PropType<string | number | boolean | null>;
|
|
7
7
|
readonly defaultValue: {
|
|
8
|
-
readonly type: PropType<string | number | null>;
|
|
8
|
+
readonly type: PropType<string | number | boolean | null>;
|
|
9
9
|
readonly default: null;
|
|
10
10
|
};
|
|
11
11
|
readonly size: PropType<"small" | "medium" | "large">;
|
|
@@ -130,9 +130,9 @@ export declare const radioGroupProps: {
|
|
|
130
130
|
export declare type RadioGroupProps = ExtractPublicPropTypes<typeof radioGroupProps>;
|
|
131
131
|
declare const _default: import("vue").DefineComponent<{
|
|
132
132
|
readonly name: StringConstructor;
|
|
133
|
-
readonly value: PropType<string | number | null>;
|
|
133
|
+
readonly value: PropType<string | number | boolean | null>;
|
|
134
134
|
readonly defaultValue: {
|
|
135
|
-
readonly type: PropType<string | number | null>;
|
|
135
|
+
readonly type: PropType<string | number | boolean | null>;
|
|
136
136
|
readonly default: null;
|
|
137
137
|
};
|
|
138
138
|
readonly size: PropType<"small" | "medium" | "large">;
|
|
@@ -257,7 +257,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
257
257
|
selfElRef: import("vue").Ref<HTMLDivElement | null>;
|
|
258
258
|
rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
|
|
259
259
|
mergedClsPrefix: import("vue").ComputedRef<string>;
|
|
260
|
-
mergedValue: import("vue").ComputedRef<string | number | null>;
|
|
260
|
+
mergedValue: import("vue").ComputedRef<string | number | boolean | null>;
|
|
261
261
|
handleFocusout: (e: FocusEvent) => void;
|
|
262
262
|
handleFocusin: (e: FocusEvent) => void;
|
|
263
263
|
cssVars: import("vue").ComputedRef<{
|
|
@@ -280,9 +280,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
280
280
|
onRender: (() => void) | undefined;
|
|
281
281
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
282
282
|
readonly name: StringConstructor;
|
|
283
|
-
readonly value: PropType<string | number | null>;
|
|
283
|
+
readonly value: PropType<string | number | boolean | null>;
|
|
284
284
|
readonly defaultValue: {
|
|
285
|
-
readonly type: PropType<string | number | null>;
|
|
285
|
+
readonly type: PropType<string | number | boolean | null>;
|
|
286
286
|
readonly default: null;
|
|
287
287
|
};
|
|
288
288
|
readonly size: PropType<"small" | "medium" | "large">;
|
|
@@ -405,6 +405,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
405
405
|
}, any>>>;
|
|
406
406
|
}>>, {
|
|
407
407
|
readonly disabled: boolean | undefined;
|
|
408
|
-
readonly defaultValue: string | number | null;
|
|
408
|
+
readonly defaultValue: string | number | boolean | null;
|
|
409
409
|
}>;
|
|
410
410
|
export default _default;
|
|
@@ -69,8 +69,8 @@ function mapSlot(defaultSlot, value, clsPrefix) {
|
|
|
69
69
|
isButtonGroup
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
|
-
exports.radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: String, value: [String, Number], defaultValue: {
|
|
73
|
-
type: [String, Number],
|
|
72
|
+
exports.radioGroupProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: String, value: [String, Number, Boolean], defaultValue: {
|
|
73
|
+
type: [String, Number, Boolean],
|
|
74
74
|
default: null
|
|
75
75
|
}, size: String, disabled: {
|
|
76
76
|
type: Boolean,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare type OnUpdateValue = (value: string & number) => void;
|
|
2
|
-
export declare type OnUpdateValueImpl = (value: string | number) => void;
|
|
1
|
+
export declare type OnUpdateValue = (value: string & number & boolean) => void;
|
|
2
|
+
export declare type OnUpdateValueImpl = (value: string | number | boolean) => void;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ExtractPropTypes, PropType, Ref, ComputedRef } from 'vue';
|
|
2
2
|
import type { MaybeArray } from '../../_utils';
|
|
3
3
|
import { OnUpdateValue } from './interface';
|
|
4
|
-
declare const radioProps: {
|
|
4
|
+
export declare const radioProps: {
|
|
5
5
|
readonly name: StringConstructor;
|
|
6
6
|
readonly value: {
|
|
7
|
-
readonly type: PropType<string | number>;
|
|
7
|
+
readonly type: PropType<string | number | boolean>;
|
|
8
8
|
readonly default: "on";
|
|
9
9
|
};
|
|
10
10
|
readonly checked: {
|
|
@@ -22,14 +22,13 @@ declare const radioProps: {
|
|
|
22
22
|
readonly 'onUpdate:checked': PropType<MaybeArray<(value: boolean) => void> | undefined>;
|
|
23
23
|
readonly checkedValue: {
|
|
24
24
|
readonly type: PropType<boolean | undefined>;
|
|
25
|
-
readonly validator: () => boolean;
|
|
26
25
|
readonly default: undefined;
|
|
27
26
|
};
|
|
28
27
|
};
|
|
29
28
|
export interface RadioGroupInjection {
|
|
30
29
|
mergedClsPrefixRef: Ref<string>;
|
|
31
30
|
nameRef: Ref<string | undefined>;
|
|
32
|
-
valueRef: Ref<string | number | null>;
|
|
31
|
+
valueRef: Ref<string | number | boolean | null>;
|
|
33
32
|
mergedSizeRef: Ref<'small' | 'medium' | 'large'>;
|
|
34
33
|
disabledRef: Ref<boolean>;
|
|
35
34
|
doUpdateValue: OnUpdateValue;
|
|
@@ -50,32 +49,5 @@ export interface UseRadio {
|
|
|
50
49
|
handleRadioInputFocus: () => void;
|
|
51
50
|
}
|
|
52
51
|
declare function setup(props: ExtractPropTypes<typeof radioProps>): UseRadio;
|
|
53
|
-
declare namespace setup {
|
|
54
|
-
var props: {
|
|
55
|
-
readonly name: StringConstructor;
|
|
56
|
-
readonly value: {
|
|
57
|
-
readonly type: PropType<string | number>;
|
|
58
|
-
readonly default: "on";
|
|
59
|
-
};
|
|
60
|
-
readonly checked: {
|
|
61
|
-
readonly type: PropType<boolean | undefined>;
|
|
62
|
-
readonly default: undefined;
|
|
63
|
-
};
|
|
64
|
-
readonly defaultChecked: BooleanConstructor;
|
|
65
|
-
readonly disabled: {
|
|
66
|
-
readonly type: PropType<boolean | undefined>;
|
|
67
|
-
readonly default: undefined;
|
|
68
|
-
};
|
|
69
|
-
readonly label: StringConstructor;
|
|
70
|
-
readonly size: PropType<"small" | "medium" | "large">;
|
|
71
|
-
readonly onUpdateChecked: PropType<MaybeArray<(value: boolean) => void> | undefined>;
|
|
72
|
-
readonly 'onUpdate:checked': PropType<MaybeArray<(value: boolean) => void> | undefined>;
|
|
73
|
-
readonly checkedValue: {
|
|
74
|
-
readonly type: PropType<boolean | undefined>;
|
|
75
|
-
readonly validator: () => boolean;
|
|
76
|
-
readonly default: undefined;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
52
|
export declare type RadioProps = ExtractPropTypes<typeof radioProps>;
|
|
81
|
-
export
|
|
53
|
+
export { setup };
|