naive-ui 2.44.0 → 2.44.1
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/README.md +2 -1
- package/README.zh-CN.md +2 -1
- package/dist/index.js +212 -33
- package/dist/index.mjs +212 -33
- package/dist/index.prod.js +1 -1
- package/dist/index.prod.mjs +1 -1
- package/es/_internal/select-menu/src/SelectMenu.mjs +1 -1
- package/es/auto-complete/index.d.ts +1 -0
- package/es/auto-complete/src/AutoComplete.d.ts +5 -4
- package/es/auto-complete/src/AutoComplete.mjs +18 -2
- package/es/auto-complete/src/public-types.d.ts +1 -0
- package/es/auto-complete/src/public-types.mjs +1 -0
- package/es/cascader/src/Cascader.d.ts +5 -5
- package/es/cascader/src/Cascader.mjs +18 -2
- package/es/cascader/src/public-types.d.ts +1 -0
- package/es/color-picker/index.d.ts +1 -0
- package/es/color-picker/src/ColorPicker.d.ts +4 -3
- package/es/color-picker/src/ColorPicker.mjs +22 -6
- package/es/color-picker/src/public-types.d.ts +1 -0
- package/es/color-picker/src/public-types.mjs +1 -0
- package/es/config-provider/src/internal-interface.d.ts +32 -0
- package/es/data-table/src/DataTable.d.ts +2 -9
- package/es/data-table/src/interface.d.ts +1 -4
- package/es/data-table/src/interface.mjs +1 -4
- package/es/date-picker/src/DatePicker.d.ts +4 -3
- package/es/date-picker/src/DatePicker.mjs +21 -6
- package/es/date-picker/src/props.d.ts +2 -1
- package/es/date-picker/src/public-types.d.ts +1 -0
- package/es/dropdown/src/Dropdown.d.ts +1 -0
- package/es/dropdown/src/Dropdown.mjs +2 -1
- package/es/input/src/Input.d.ts +1 -1
- package/es/input/src/Input.mjs +19 -3
- package/es/input-number/src/InputNumber.d.ts +1 -1
- package/es/input-number/src/InputNumber.mjs +18 -2
- package/es/input-number/src/interface.d.ts +2 -1
- package/es/input-number/src/public-types.d.ts +1 -0
- package/es/input-number/src/public-types.mjs +1 -0
- package/es/input-otp/src/InputOtp.mjs +18 -2
- package/es/mention/index.d.ts +1 -0
- package/es/mention/src/Mention.d.ts +5 -5
- package/es/mention/src/Mention.mjs +18 -2
- package/es/mention/src/public-types.d.ts +1 -0
- package/es/mention/src/public-types.mjs +1 -0
- package/es/select/src/Select.d.ts +1 -1
- package/es/select/src/Select.mjs +18 -2
- package/es/tag/src/Tag.d.ts +3 -13
- package/es/tag/src/common-props.d.ts +1 -4
- package/es/tag/src/common-props.mjs +1 -4
- package/es/time-picker/src/TimePicker.d.ts +1 -1
- package/es/time-picker/src/TimePicker.mjs +18 -2
- package/es/transfer/index.d.ts +1 -0
- package/es/transfer/src/Transfer.d.ts +5 -4
- package/es/transfer/src/Transfer.mjs +18 -2
- package/es/transfer/src/public-types.d.ts +1 -0
- package/es/transfer/src/public-types.mjs +1 -0
- package/es/tree-select/index.d.ts +1 -0
- package/es/tree-select/src/TreeSelect.d.ts +5 -4
- package/es/tree-select/src/TreeSelect.mjs +16 -1
- package/es/tree-select/src/public-types.d.ts +1 -0
- package/es/tree-select/src/public-types.mjs +1 -0
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/_internal/select-menu/src/SelectMenu.js +1 -0
- package/lib/auto-complete/index.d.ts +1 -0
- package/lib/auto-complete/src/AutoComplete.d.ts +5 -4
- package/lib/auto-complete/src/AutoComplete.js +16 -2
- package/lib/auto-complete/src/public-types.d.ts +1 -0
- package/lib/auto-complete/src/public-types.js +2 -0
- package/lib/cascader/src/Cascader.d.ts +5 -5
- package/lib/cascader/src/Cascader.js +16 -2
- package/lib/cascader/src/public-types.d.ts +1 -0
- package/lib/color-picker/index.d.ts +1 -0
- package/lib/color-picker/src/ColorPicker.d.ts +4 -3
- package/lib/color-picker/src/ColorPicker.js +16 -2
- package/lib/color-picker/src/public-types.d.ts +1 -0
- package/lib/color-picker/src/public-types.js +2 -0
- package/lib/config-provider/src/internal-interface.d.ts +32 -0
- package/lib/data-table/src/DataTable.d.ts +2 -9
- package/lib/data-table/src/interface.d.ts +1 -4
- package/lib/data-table/src/interface.js +1 -4
- package/lib/date-picker/src/DatePicker.d.ts +4 -3
- package/lib/date-picker/src/DatePicker.js +16 -2
- package/lib/date-picker/src/props.d.ts +2 -1
- package/lib/date-picker/src/public-types.d.ts +1 -0
- package/lib/dropdown/src/Dropdown.d.ts +1 -0
- package/lib/dropdown/src/Dropdown.js +7 -1
- package/lib/input/src/Input.d.ts +1 -1
- package/lib/input/src/Input.js +17 -2
- package/lib/input-number/src/InputNumber.d.ts +1 -1
- package/lib/input-number/src/InputNumber.js +16 -2
- package/lib/input-number/src/interface.d.ts +2 -1
- package/lib/input-number/src/public-types.d.ts +1 -0
- package/lib/input-number/src/public-types.js +2 -0
- package/lib/input-otp/src/InputOtp.js +16 -2
- package/lib/mention/index.d.ts +1 -0
- package/lib/mention/src/Mention.d.ts +5 -5
- package/lib/mention/src/Mention.js +16 -2
- package/lib/mention/src/public-types.d.ts +1 -0
- package/lib/mention/src/public-types.js +2 -0
- package/lib/select/src/Select.d.ts +1 -1
- package/lib/select/src/Select.js +16 -2
- package/lib/tag/src/Tag.d.ts +3 -13
- package/lib/tag/src/common-props.d.ts +1 -4
- package/lib/tag/src/common-props.js +1 -4
- package/lib/time-picker/src/TimePicker.d.ts +1 -1
- package/lib/time-picker/src/TimePicker.js +16 -2
- package/lib/transfer/index.d.ts +1 -0
- package/lib/transfer/src/Transfer.d.ts +5 -4
- package/lib/transfer/src/Transfer.js +16 -2
- package/lib/transfer/src/public-types.d.ts +1 -0
- package/lib/transfer/src/public-types.js +2 -0
- package/lib/tree-select/index.d.ts +1 -0
- package/lib/tree-select/src/TreeSelect.d.ts +5 -4
- package/lib/tree-select/src/TreeSelect.js +15 -1
- package/lib/tree-select/src/public-types.d.ts +1 -0
- package/lib/tree-select/src/public-types.js +2 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/web-types.json +18 -23
|
@@ -5,9 +5,9 @@ import type { ScrollbarProps } from '../../_internal';
|
|
|
5
5
|
import type { RenderLabel } from '../../_internal/select-menu/src/interface';
|
|
6
6
|
import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
|
|
7
7
|
import type { FormValidationStatus } from '../../form/src/public-types';
|
|
8
|
-
import type { InputSize } from '../../input/src/public-types';
|
|
9
8
|
import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
|
|
10
9
|
import type { MentionOption } from './interface';
|
|
10
|
+
import type { MentionSize } from './public-types';
|
|
11
11
|
export declare const mentionProps: {
|
|
12
12
|
readonly to: {
|
|
13
13
|
type: PropType<HTMLElement | string | boolean>;
|
|
@@ -57,7 +57,7 @@ export declare const mentionProps: {
|
|
|
57
57
|
readonly type: PropType<FollowerPlacement>;
|
|
58
58
|
readonly default: "bottom-start";
|
|
59
59
|
};
|
|
60
|
-
readonly size: PropType<
|
|
60
|
+
readonly size: PropType<MentionSize>;
|
|
61
61
|
readonly renderLabel: PropType<RenderLabel>;
|
|
62
62
|
readonly status: PropType<FormValidationStatus>;
|
|
63
63
|
readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
|
|
@@ -563,7 +563,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
563
563
|
readonly type: PropType<FollowerPlacement>;
|
|
564
564
|
readonly default: "bottom-start";
|
|
565
565
|
};
|
|
566
|
-
readonly size: PropType<
|
|
566
|
+
readonly size: PropType<MentionSize>;
|
|
567
567
|
readonly renderLabel: PropType<RenderLabel>;
|
|
568
568
|
readonly status: PropType<FormValidationStatus>;
|
|
569
569
|
readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
|
|
@@ -1018,7 +1018,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1018
1018
|
namespace: import("vue").ComputedRef<string | undefined>;
|
|
1019
1019
|
mergedClsPrefix: import("vue").Ref<string, string>;
|
|
1020
1020
|
mergedBordered: import("vue").ComputedRef<boolean>;
|
|
1021
|
-
mergedSize: import("vue").ComputedRef<
|
|
1021
|
+
mergedSize: import("vue").ComputedRef<MentionSize>;
|
|
1022
1022
|
mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
|
|
1023
1023
|
mergedTheme: import("vue").ComputedRef<{
|
|
1024
1024
|
common: import("../..").ThemeCommonVars;
|
|
@@ -1346,7 +1346,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1346
1346
|
readonly type: PropType<FollowerPlacement>;
|
|
1347
1347
|
readonly default: "bottom-start";
|
|
1348
1348
|
};
|
|
1349
|
-
readonly size: PropType<
|
|
1349
|
+
readonly size: PropType<MentionSize>;
|
|
1350
1350
|
readonly renderLabel: PropType<RenderLabel>;
|
|
1351
1351
|
readonly status: PropType<FormValidationStatus>;
|
|
1352
1352
|
readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
|
|
@@ -67,9 +67,23 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
67
67
|
props: exports.mentionProps,
|
|
68
68
|
slots: Object,
|
|
69
69
|
setup(props) {
|
|
70
|
-
const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
|
|
70
|
+
const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
|
|
71
71
|
const themeRef = (0, _mixins_1.useTheme)('Mention', '-mention', index_cssr_1.default, styles_1.mentionLight, props, mergedClsPrefixRef);
|
|
72
|
-
const formItem = (0, _mixins_1.useFormItem)(props
|
|
72
|
+
const formItem = (0, _mixins_1.useFormItem)(props, {
|
|
73
|
+
mergedSize: (NFormItem) => {
|
|
74
|
+
var _a, _b;
|
|
75
|
+
const { size } = props;
|
|
76
|
+
if (size)
|
|
77
|
+
return size;
|
|
78
|
+
const { mergedSize: formItemSize } = NFormItem || {};
|
|
79
|
+
if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
|
|
80
|
+
return formItemSize.value;
|
|
81
|
+
const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Mention) === null || _b === void 0 ? void 0 : _b.size;
|
|
82
|
+
if (configSize)
|
|
83
|
+
return configSize;
|
|
84
|
+
return 'medium';
|
|
85
|
+
}
|
|
86
|
+
});
|
|
73
87
|
const inputInstRef = (0, vue_1.ref)(null);
|
|
74
88
|
const cursorRef = (0, vue_1.ref)(null);
|
|
75
89
|
const followerRef = (0, vue_1.ref)(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type MentionSize = 'small' | 'medium' | 'large';
|
|
@@ -1246,7 +1246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1246
1246
|
localizedPlaceholder: import("vue").ComputedRef<string>;
|
|
1247
1247
|
selectedOption: import("vue").ComputedRef<SelectOption | null>;
|
|
1248
1248
|
selectedOptions: import("vue").ComputedRef<SelectOption[] | null>;
|
|
1249
|
-
mergedSize: import("vue").ComputedRef<
|
|
1249
|
+
mergedSize: import("vue").ComputedRef<SelectSize>;
|
|
1250
1250
|
mergedDisabled: import("vue").ComputedRef<boolean>;
|
|
1251
1251
|
focused: import("vue").Ref<boolean, boolean>;
|
|
1252
1252
|
activeWithoutMenuOpen: import("vue").Ref<boolean, boolean>;
|
package/lib/select/src/Select.js
CHANGED
|
@@ -98,7 +98,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
98
98
|
}
|
|
99
99
|
});
|
|
100
100
|
}
|
|
101
|
-
const { mergedClsPrefixRef, mergedBorderedRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
|
|
101
|
+
const { mergedClsPrefixRef, mergedBorderedRef, namespaceRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
|
|
102
102
|
const themeRef = (0, _mixins_1.useTheme)('Select', '-select', index_cssr_1.default, styles_1.selectLight, props, mergedClsPrefixRef);
|
|
103
103
|
const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
|
|
104
104
|
const controlledValueRef = (0, vue_1.toRef)(props, 'value');
|
|
@@ -223,7 +223,21 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
223
223
|
}
|
|
224
224
|
return null;
|
|
225
225
|
});
|
|
226
|
-
const formItem = (0, _mixins_1.useFormItem)(props
|
|
226
|
+
const formItem = (0, _mixins_1.useFormItem)(props, {
|
|
227
|
+
mergedSize: (NFormItem) => {
|
|
228
|
+
var _a, _b;
|
|
229
|
+
const { size } = props;
|
|
230
|
+
if (size)
|
|
231
|
+
return size;
|
|
232
|
+
const { mergedSize: formItemSize } = NFormItem || {};
|
|
233
|
+
if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
|
|
234
|
+
return formItemSize.value;
|
|
235
|
+
const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Select) === null || _b === void 0 ? void 0 : _b.size;
|
|
236
|
+
if (configSize)
|
|
237
|
+
return configSize;
|
|
238
|
+
return 'medium';
|
|
239
|
+
}
|
|
240
|
+
});
|
|
227
241
|
const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
|
|
228
242
|
function doUpdateValue(value, option) {
|
|
229
243
|
const { onChange, 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
|
package/lib/tag/src/Tag.d.ts
CHANGED
|
@@ -35,10 +35,7 @@ export declare const tagProps: {
|
|
|
35
35
|
readonly default: "default";
|
|
36
36
|
};
|
|
37
37
|
round: BooleanConstructor;
|
|
38
|
-
size:
|
|
39
|
-
readonly type: PropType<import("./public-types").TagSize>;
|
|
40
|
-
readonly default: "medium";
|
|
41
|
-
};
|
|
38
|
+
size: PropType<import("./public-types").TagSize>;
|
|
42
39
|
closable: BooleanConstructor;
|
|
43
40
|
disabled: {
|
|
44
41
|
readonly type: PropType<boolean | undefined>;
|
|
@@ -348,10 +345,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
348
345
|
readonly default: "default";
|
|
349
346
|
};
|
|
350
347
|
round: BooleanConstructor;
|
|
351
|
-
size:
|
|
352
|
-
readonly type: PropType<import("./public-types").TagSize>;
|
|
353
|
-
readonly default: "medium";
|
|
354
|
-
};
|
|
348
|
+
size: PropType<import("./public-types").TagSize>;
|
|
355
349
|
closable: BooleanConstructor;
|
|
356
350
|
disabled: {
|
|
357
351
|
readonly type: PropType<boolean | undefined>;
|
|
@@ -696,10 +690,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
696
690
|
readonly default: "default";
|
|
697
691
|
};
|
|
698
692
|
round: BooleanConstructor;
|
|
699
|
-
size:
|
|
700
|
-
readonly type: PropType<import("./public-types").TagSize>;
|
|
701
|
-
readonly default: "medium";
|
|
702
|
-
};
|
|
693
|
+
size: PropType<import("./public-types").TagSize>;
|
|
703
694
|
closable: BooleanConstructor;
|
|
704
695
|
disabled: {
|
|
705
696
|
readonly type: PropType<boolean | undefined>;
|
|
@@ -972,7 +963,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
972
963
|
}>> & Readonly<{}>, {
|
|
973
964
|
disabled: boolean | undefined;
|
|
974
965
|
type: "default" | "info" | "warning" | "error" | "success" | "primary";
|
|
975
|
-
size: import("./public-types").TagSize;
|
|
976
966
|
bordered: boolean | undefined;
|
|
977
967
|
closable: boolean;
|
|
978
968
|
round: boolean;
|
|
@@ -12,10 +12,7 @@ declare const _default: {
|
|
|
12
12
|
readonly default: "default";
|
|
13
13
|
};
|
|
14
14
|
readonly round: BooleanConstructor;
|
|
15
|
-
readonly size:
|
|
16
|
-
readonly type: PropType<TagSize>;
|
|
17
|
-
readonly default: "medium";
|
|
18
|
-
};
|
|
15
|
+
readonly size: PropType<TagSize>;
|
|
19
16
|
readonly closable: BooleanConstructor;
|
|
20
17
|
readonly disabled: {
|
|
21
18
|
readonly type: PropType<boolean | undefined>;
|
|
@@ -2174,7 +2174,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2174
2174
|
secondInFormat: import("vue").ComputedRef<boolean>;
|
|
2175
2175
|
mergedAttrSize: import("vue").ComputedRef<number>;
|
|
2176
2176
|
displayTimeString: import("vue").Ref<string, string>;
|
|
2177
|
-
mergedSize: import("vue").ComputedRef<
|
|
2177
|
+
mergedSize: import("vue").ComputedRef<TimePickerSize>;
|
|
2178
2178
|
mergedDisabled: import("vue").ComputedRef<boolean>;
|
|
2179
2179
|
isValueInvalid: import("vue").ComputedRef<boolean>;
|
|
2180
2180
|
isHourInvalid: import("vue").ComputedRef<boolean>;
|
|
@@ -85,9 +85,23 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
85
85
|
}
|
|
86
86
|
});
|
|
87
87
|
}
|
|
88
|
-
const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
|
|
88
|
+
const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
|
|
89
89
|
const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('TimePicker');
|
|
90
|
-
const formItem = (0, _mixins_1.useFormItem)(props
|
|
90
|
+
const formItem = (0, _mixins_1.useFormItem)(props, {
|
|
91
|
+
mergedSize: (NFormItem) => {
|
|
92
|
+
var _a, _b;
|
|
93
|
+
const { size } = props;
|
|
94
|
+
if (size)
|
|
95
|
+
return size;
|
|
96
|
+
const { mergedSize: formItemSize } = NFormItem || {};
|
|
97
|
+
if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
|
|
98
|
+
return formItemSize.value;
|
|
99
|
+
const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.TimePicker) === null || _b === void 0 ? void 0 : _b.size;
|
|
100
|
+
if (configSize)
|
|
101
|
+
return configSize;
|
|
102
|
+
return 'medium';
|
|
103
|
+
}
|
|
104
|
+
});
|
|
91
105
|
const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
|
|
92
106
|
const themeRef = (0, _mixins_1.useTheme)('TimePicker', '-time-picker', index_cssr_1.default, styles_1.timePickerLight, props, mergedClsPrefixRef);
|
|
93
107
|
const keyboardState = (0, vooks_1.useKeyboard)();
|
package/lib/transfer/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export type { Option as TransferOption, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './src/interface';
|
|
2
|
+
export type * from './src/public-types';
|
|
2
3
|
export { default as NTransfer, transferProps } from './src/Transfer';
|
|
3
4
|
export type { TransferProps } from './src/Transfer';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { PropType, VNodeChild } from 'vue';
|
|
2
2
|
import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
|
|
3
3
|
import type { Filter, OnUpdateValue, Option, OptionValue, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './interface';
|
|
4
|
+
import type { TransferSize } from './public-types';
|
|
4
5
|
export declare const transferProps: {
|
|
5
6
|
readonly value: PropType<OptionValue[] | null>;
|
|
6
7
|
readonly defaultValue: {
|
|
@@ -36,7 +37,7 @@ export declare const transferProps: {
|
|
|
36
37
|
readonly type: PropType<Filter>;
|
|
37
38
|
readonly default: (pattern: string, option: Option) => number | true;
|
|
38
39
|
};
|
|
39
|
-
readonly size: PropType<
|
|
40
|
+
readonly size: PropType<TransferSize>;
|
|
40
41
|
readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
|
|
41
42
|
readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
|
|
42
43
|
readonly renderSourceList: PropType<TransferRenderSourceList>;
|
|
@@ -1203,7 +1204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1203
1204
|
readonly type: PropType<Filter>;
|
|
1204
1205
|
readonly default: (pattern: string, option: Option) => number | true;
|
|
1205
1206
|
};
|
|
1206
|
-
readonly size: PropType<
|
|
1207
|
+
readonly size: PropType<TransferSize>;
|
|
1207
1208
|
readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
|
|
1208
1209
|
readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
|
|
1209
1210
|
readonly renderSourceList: PropType<TransferRenderSourceList>;
|
|
@@ -2758,7 +2759,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2758
2759
|
filteredTgtOpts: import("vue").ComputedRef<Option[]>;
|
|
2759
2760
|
srcPattern: import("vue").Ref<string, string>;
|
|
2760
2761
|
tgtPattern: import("vue").Ref<string, string>;
|
|
2761
|
-
mergedSize: import("vue").ComputedRef<
|
|
2762
|
+
mergedSize: import("vue").ComputedRef<TransferSize>;
|
|
2762
2763
|
mergedSrcFilterable: import("vue").ComputedRef<boolean>;
|
|
2763
2764
|
handleSrcFilterUpdateValue: (value: string | null) => void;
|
|
2764
2765
|
handleTgtFilterUpdateValue: (value: string | null) => void;
|
|
@@ -2829,7 +2830,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2829
2830
|
readonly type: PropType<Filter>;
|
|
2830
2831
|
readonly default: (pattern: string, option: Option) => number | true;
|
|
2831
2832
|
};
|
|
2832
|
-
readonly size: PropType<
|
|
2833
|
+
readonly size: PropType<TransferSize>;
|
|
2833
2834
|
readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
|
|
2834
2835
|
readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
|
|
2835
2836
|
readonly renderSourceList: PropType<TransferRenderSourceList>;
|
|
@@ -57,9 +57,23 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
|
-
const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
|
|
60
|
+
const { mergedClsPrefixRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
|
|
61
61
|
const themeRef = (0, _mixins_1.useTheme)('Transfer', '-transfer', index_cssr_1.default, styles_1.transferLight, props, mergedClsPrefixRef);
|
|
62
|
-
const formItem = (0, _mixins_1.useFormItem)(props
|
|
62
|
+
const formItem = (0, _mixins_1.useFormItem)(props, {
|
|
63
|
+
mergedSize: (NFormItem) => {
|
|
64
|
+
var _a, _b;
|
|
65
|
+
const { size } = props;
|
|
66
|
+
if (size)
|
|
67
|
+
return size;
|
|
68
|
+
const { mergedSize: formItemSize } = NFormItem || {};
|
|
69
|
+
if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
|
|
70
|
+
return formItemSize.value;
|
|
71
|
+
const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Transfer) === null || _b === void 0 ? void 0 : _b.size;
|
|
72
|
+
if (configSize)
|
|
73
|
+
return configSize;
|
|
74
|
+
return 'medium';
|
|
75
|
+
}
|
|
76
|
+
});
|
|
63
77
|
const { mergedSizeRef, mergedDisabledRef } = formItem;
|
|
64
78
|
const itemSizeRef = (0, vue_1.computed)(() => {
|
|
65
79
|
const { value: size } = mergedSizeRef;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type TransferSize = 'small' | 'medium' | 'large';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export type { TreeOverrideNodeClickBehavior as TreeSelectOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn as TreeSelectOverrideNodeClickBehaviorReturn } from '../tree';
|
|
2
2
|
export type { TreeSelectInst, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';
|
|
3
|
+
export type * from './src/public-types';
|
|
3
4
|
export { default as NTreeSelect, treeSelectProps } from './src/TreeSelect';
|
|
4
5
|
export type { TreeSelectProps, TreeSelectSlots } from './src/TreeSelect';
|
|
@@ -8,6 +8,7 @@ import type { PopoverProps } from '../../popover';
|
|
|
8
8
|
import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
|
|
9
9
|
import type { GetChildren, InternalTreeInst, Key, TreeOption, TreeOverrideNodeClickBehaviorReturn } from '../../tree/src/interface';
|
|
10
10
|
import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
|
|
11
|
+
import type { TreeSelectSize } from './public-types';
|
|
11
12
|
type OnLoad = (node: TreeSelectOption) => Promise<void>;
|
|
12
13
|
export declare const treeSelectProps: {
|
|
13
14
|
readonly renderLabel: PropType<TreeSelectRenderLabel>;
|
|
@@ -113,7 +114,7 @@ export declare const treeSelectProps: {
|
|
|
113
114
|
readonly type: PropType<boolean | undefined>;
|
|
114
115
|
readonly default: undefined;
|
|
115
116
|
};
|
|
116
|
-
readonly size: PropType<
|
|
117
|
+
readonly size: PropType<TreeSelectSize>;
|
|
117
118
|
readonly value: PropType<string | number | Array<string | number> | null>;
|
|
118
119
|
readonly to: {
|
|
119
120
|
type: PropType<HTMLElement | string | boolean>;
|
|
@@ -797,7 +798,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
797
798
|
readonly type: PropType<boolean | undefined>;
|
|
798
799
|
readonly default: undefined;
|
|
799
800
|
};
|
|
800
|
-
readonly size: PropType<
|
|
801
|
+
readonly size: PropType<TreeSelectSize>;
|
|
801
802
|
readonly value: PropType<string | number | Array<string | number> | null>;
|
|
802
803
|
readonly to: {
|
|
803
804
|
type: PropType<HTMLElement | string | boolean>;
|
|
@@ -1413,7 +1414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1413
1414
|
mergedExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
|
|
1414
1415
|
treeSelectedKeys: import("vue").ComputedRef<Key[]>;
|
|
1415
1416
|
treeCheckedKeys: import("vue").ComputedRef<Key[]>;
|
|
1416
|
-
mergedSize: import("vue").ComputedRef<
|
|
1417
|
+
mergedSize: import("vue").ComputedRef<TreeSelectSize>;
|
|
1417
1418
|
mergedDisabled: import("vue").ComputedRef<boolean>;
|
|
1418
1419
|
selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null>;
|
|
1419
1420
|
selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)>[] | null>;
|
|
@@ -1872,7 +1873,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1872
1873
|
readonly type: PropType<boolean | undefined>;
|
|
1873
1874
|
readonly default: undefined;
|
|
1874
1875
|
};
|
|
1875
|
-
readonly size: PropType<
|
|
1876
|
+
readonly size: PropType<TreeSelectSize>;
|
|
1876
1877
|
readonly value: PropType<string | number | Array<string | number> | null>;
|
|
1877
1878
|
readonly to: {
|
|
1878
1879
|
type: PropType<HTMLElement | string | boolean>;
|
|
@@ -77,7 +77,21 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
77
77
|
const menuElRef = (0, vue_1.ref)(null);
|
|
78
78
|
const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
|
|
79
79
|
const { localeRef } = (0, _mixins_1.useLocale)('Select');
|
|
80
|
-
const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = (0, _mixins_1.useFormItem)(props
|
|
80
|
+
const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = (0, _mixins_1.useFormItem)(props, {
|
|
81
|
+
mergedSize: (NFormItem) => {
|
|
82
|
+
var _a, _b;
|
|
83
|
+
const { size } = props;
|
|
84
|
+
if (size)
|
|
85
|
+
return size;
|
|
86
|
+
const { mergedSize: formItemSize } = NFormItem || {};
|
|
87
|
+
if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value)
|
|
88
|
+
return formItemSize.value;
|
|
89
|
+
const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.TreeSelect) === null || _b === void 0 ? void 0 : _b.size;
|
|
90
|
+
if (configSize)
|
|
91
|
+
return configSize;
|
|
92
|
+
return 'medium';
|
|
93
|
+
}
|
|
94
|
+
});
|
|
81
95
|
const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
|
|
82
96
|
const controlledValueRef = (0, vue_1.toRef)(props, 'value');
|
|
83
97
|
const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type TreeSelectSize = 'small' | 'medium' | 'large';
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "2.44.
|
|
1
|
+
declare const _default: "2.44.1";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
package/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "naive-ui",
|
|
5
|
-
"version": "2.44.
|
|
5
|
+
"version": "2.44.1",
|
|
6
6
|
"js-types-syntax": "typescript",
|
|
7
7
|
"contributions": {
|
|
8
8
|
"html": {
|
|
@@ -7828,7 +7828,12 @@
|
|
|
7828
7828
|
{
|
|
7829
7829
|
"name": "auto-escape",
|
|
7830
7830
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/highlight",
|
|
7831
|
-
"type": "boolean"
|
|
7831
|
+
"type": "boolean",
|
|
7832
|
+
"description": "Whether to escape `patterns` automatically. By default, elements in `patterns` will be converted into regular expressions for matching, and this process includes automatic escaping, so that the regular expressions will match the literal content of the elements. For example, `\\(` will match `\\(`. If you need the n-highlight component to match using regular expressions constructed from the elements in `patterns` themselves (e.g., `\\(` matches `(`), you can set this to false. If you do not understand these details, do not change this setting.",
|
|
7833
|
+
"default": "true",
|
|
7834
|
+
"description-sections": {
|
|
7835
|
+
"since": "2.40.0"
|
|
7836
|
+
}
|
|
7832
7837
|
},
|
|
7833
7838
|
{
|
|
7834
7839
|
"name": "text",
|
|
@@ -7869,16 +7874,6 @@
|
|
|
7869
7874
|
"description-sections": {
|
|
7870
7875
|
"since": "2.40.0"
|
|
7871
7876
|
}
|
|
7872
|
-
},
|
|
7873
|
-
{
|
|
7874
|
-
"name": "auto-espace",
|
|
7875
|
-
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/highlight",
|
|
7876
|
-
"type": "boolean",
|
|
7877
|
-
"description": "Whether to escape `patterns` automatically. By default, elements in `patterns` will be converted into regular expressions for matching, and this process includes automatic escaping, so that the regular expressions will match the literal content of the elements. For example, `\\(` will match `\\(`. If you need the n-highlight component to match using regular expressions constructed from the elements in `patterns` themselves (e.g., `\\(` matches `(`), you can set this to false. If you do not understand these details, do not change this setting.",
|
|
7878
|
-
"default": "true",
|
|
7879
|
-
"description-sections": {
|
|
7880
|
-
"since": "2.40.0"
|
|
7881
|
-
}
|
|
7882
7877
|
}
|
|
7883
7878
|
],
|
|
7884
7879
|
"js": {
|
|
@@ -10633,7 +10628,7 @@
|
|
|
10633
10628
|
},
|
|
10634
10629
|
{
|
|
10635
10630
|
"name": "NModal",
|
|
10636
|
-
"description": "It just pops and shows you something.\n\n<n-
|
|
10631
|
+
"description": "It just pops and shows you something.\n\n<n-space vertical size=\"large\">\n<n-alert type=\"warning\" title=\"Notice\" :bordered=\"false\">\n <n-ul align-text>\n <li>\n If you want to use <n-text code>useModal</n-text> to create modal, you need to put the component that calls its method inside <n-text code>n-modal-provider</n-text> and use <n-text code>useModal</n-text> to get the API.\n </li>\n <li>\n If you want to know how to use it outside of <n-text code>setup</n-text>, please refer to Q & A at the bottom of this page.\n </li>\n </n-ul>\n</n-alert>\n\nFor example:\n\n```html\n<!-- App.vue -->\n<n-modal-provider>\n <content />\n</n-modal-provider>\n```\n\n```js\nimport { useModal } from 'naive-ui'\nimport { defineComponent } from 'vue'\n\n// content\nexport default defineComponent({\n setup() {\n const modal = useModal()\n return {\n showModal() {\n modal.create({\n title: 'Title',\n content: 'Content'\n })\n }\n }\n }\n})\n```\n\n</n-space>",
|
|
10637
10632
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/modal",
|
|
10638
10633
|
"source": {
|
|
10639
10634
|
"symbol": "NModal"
|
|
@@ -15105,14 +15100,14 @@
|
|
|
15105
15100
|
"name": "disabled",
|
|
15106
15101
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15107
15102
|
"type": "boolean",
|
|
15108
|
-
"description": "Whether to disable the
|
|
15103
|
+
"description": "Whether to disable the tab.",
|
|
15109
15104
|
"default": "false"
|
|
15110
15105
|
},
|
|
15111
15106
|
{
|
|
15112
15107
|
"name": "display-directive",
|
|
15113
15108
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15114
15109
|
"type": "'if' | 'show' | 'show:lazy'",
|
|
15115
|
-
"description": "The directive to use in conditionally rendering. `if` will use `v-if` and `show` will use `v-show`. When
|
|
15110
|
+
"description": "The directive to use in conditionally rendering. `if` will use `v-if` and `show` will use `v-show`. When using the `show` directive, the status of tab won't be reset after tab changes. When use `show:lazy`, the display effect is the same as `show`, but the content will be lazily loaded.",
|
|
15116
15111
|
"default": "'if'"
|
|
15117
15112
|
},
|
|
15118
15113
|
{
|
|
@@ -15298,7 +15293,7 @@
|
|
|
15298
15293
|
"name": "pane-wrapper-class",
|
|
15299
15294
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15300
15295
|
"type": "string",
|
|
15301
|
-
"description": "Class of the pane
|
|
15296
|
+
"description": "Class of the pane wrapper.",
|
|
15302
15297
|
"default": "undefined",
|
|
15303
15298
|
"description-sections": {
|
|
15304
15299
|
"since": "2.34.4"
|
|
@@ -15308,7 +15303,7 @@
|
|
|
15308
15303
|
"name": "pane-wrapper-style",
|
|
15309
15304
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15310
15305
|
"type": "string | object",
|
|
15311
|
-
"description": "Style of the pane
|
|
15306
|
+
"description": "Style of the pane wrapper.",
|
|
15312
15307
|
"default": "undefined",
|
|
15313
15308
|
"description-sections": {
|
|
15314
15309
|
"since": "2.34.4"
|
|
@@ -15318,7 +15313,7 @@
|
|
|
15318
15313
|
"name": "addable",
|
|
15319
15314
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15320
15315
|
"type": "boolean | { disabled?: boolean }",
|
|
15321
|
-
"description": "Whether to allow
|
|
15316
|
+
"description": "Whether to allow adding a tag. Only works when the tag's `type` is `card`.",
|
|
15322
15317
|
"default": "false"
|
|
15323
15318
|
},
|
|
15324
15319
|
{
|
|
@@ -15332,7 +15327,7 @@
|
|
|
15332
15327
|
"name": "animated",
|
|
15333
15328
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15334
15329
|
"type": "boolean",
|
|
15335
|
-
"description": "Whether to activate tab switching animation. It
|
|
15330
|
+
"description": "Whether to activate tab switching animation. It has no effect if `placement` is `'left'` or `'right'`.",
|
|
15336
15331
|
"default": "false",
|
|
15337
15332
|
"description-sections": {
|
|
15338
15333
|
"since": "2.27.0"
|
|
@@ -15355,14 +15350,14 @@
|
|
|
15355
15350
|
"name": "before-leave",
|
|
15356
15351
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15357
15352
|
"type": "(activeName: string | number, oldActiveName: string | number | null) => boolean | Promise<boolean>",
|
|
15358
|
-
"description": "Hook function before switching
|
|
15353
|
+
"description": "Hook function executed before switching tabs. Returning `false` or promise resolving `false` or promise rejection will prevent tab switching.",
|
|
15359
15354
|
"default": "undefined"
|
|
15360
15355
|
},
|
|
15361
15356
|
{
|
|
15362
15357
|
"name": "add",
|
|
15363
15358
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15364
15359
|
"type": "() => void",
|
|
15365
|
-
"description": "Callback function triggered when
|
|
15360
|
+
"description": "Callback function triggered when adding tag.",
|
|
15366
15361
|
"default": "undefined"
|
|
15367
15362
|
},
|
|
15368
15363
|
{
|
|
@@ -15377,7 +15372,7 @@
|
|
|
15377
15372
|
"name": "close",
|
|
15378
15373
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
|
|
15379
15374
|
"type": "(name: string | number) => void",
|
|
15380
|
-
"description": "Callback function triggered when
|
|
15375
|
+
"description": "Callback function triggered when closing a tag.",
|
|
15381
15376
|
"default": "undefined"
|
|
15382
15377
|
},
|
|
15383
15378
|
{
|
|
@@ -15447,7 +15442,7 @@
|
|
|
15447
15442
|
{
|
|
15448
15443
|
"name": "size",
|
|
15449
15444
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tag",
|
|
15450
|
-
"type": "'small' | 'medium' | 'large'",
|
|
15445
|
+
"type": "'tiny' | 'small' | 'medium' | 'large'",
|
|
15451
15446
|
"description": "Size of the tag.",
|
|
15452
15447
|
"default": "'medium'"
|
|
15453
15448
|
},
|