naive-ui 2.37.0 → 2.37.2
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 +147 -73
- package/dist/index.prod.js +1 -1
- package/es/_internal/clear/src/Clear.mjs +0 -2
- package/es/auto-complete/src/AutoComplete.d.ts +4 -0
- package/es/auto-complete/src/AutoComplete.mjs +8 -2
- package/es/collapse/src/Collapse.d.ts +13 -0
- package/es/collapse/src/Collapse.mjs +4 -0
- package/es/collapse/src/CollapseItem.d.ts +1 -0
- package/es/collapse/src/CollapseItem.mjs +18 -6
- package/es/collapse/src/styles/index.cssr.mjs +2 -3
- package/es/data-table/src/utils.mjs +3 -2
- package/es/date-picker/src/interface.d.ts +21 -2
- package/es/date-picker/src/panel/date.d.ts +1 -1
- package/es/date-picker/src/panel/date.mjs +6 -1
- package/es/date-picker/src/panel/datetime.d.ts +1 -1
- package/es/date-picker/src/panel/datetime.mjs +6 -1
- package/es/date-picker/src/panel/month.d.ts +1 -1
- package/es/date-picker/src/panel/month.mjs +12 -1
- package/es/date-picker/src/panel/panelHeader.d.ts +2 -2
- package/es/date-picker/src/panel/use-calendar.d.ts +2 -2
- package/es/date-picker/src/panel/use-calendar.mjs +19 -3
- package/es/date-picker/src/panel/use-dual-calendar.mjs +3 -1
- package/es/date-picker/src/validation-utils.mjs +3 -1
- package/es/form/src/Form.mjs +20 -12
- package/es/form/src/FormItem.mjs +4 -2
- package/es/form/src/interface.d.ts +8 -2
- package/es/tree/src/Tree.d.ts +1 -1
- package/es/tree/src/interface.d.ts +1 -1
- package/es/tree/src/keyboard.d.ts +1 -1
- package/es/tree/src/keyboard.mjs +8 -8
- package/es/tree-select/src/TreeSelect.d.ts +1 -1
- package/es/tree-select/src/TreeSelect.mjs +3 -3
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/_internal/clear/src/Clear.js +0 -2
- package/lib/auto-complete/src/AutoComplete.d.ts +4 -0
- package/lib/auto-complete/src/AutoComplete.js +3 -3
- package/lib/collapse/src/Collapse.d.ts +13 -0
- package/lib/collapse/src/Collapse.js +3 -0
- package/lib/collapse/src/CollapseItem.d.ts +1 -0
- package/lib/collapse/src/CollapseItem.js +16 -4
- package/lib/collapse/src/styles/index.cssr.js +1 -2
- package/lib/data-table/src/utils.js +5 -2
- package/lib/date-picker/src/interface.d.ts +21 -2
- package/lib/date-picker/src/panel/date.d.ts +1 -1
- package/lib/date-picker/src/panel/date.js +6 -1
- package/lib/date-picker/src/panel/datetime.d.ts +1 -1
- package/lib/date-picker/src/panel/datetime.js +6 -1
- package/lib/date-picker/src/panel/month.d.ts +1 -1
- package/lib/date-picker/src/panel/month.js +18 -1
- package/lib/date-picker/src/panel/panelHeader.d.ts +2 -2
- package/lib/date-picker/src/panel/use-calendar.d.ts +2 -2
- package/lib/date-picker/src/panel/use-calendar.js +22 -3
- package/lib/date-picker/src/panel/use-dual-calendar.js +2 -1
- package/lib/date-picker/src/validation-utils.js +1 -1
- package/lib/form/src/Form.js +20 -12
- package/lib/form/src/FormItem.js +2 -2
- package/lib/form/src/interface.d.ts +8 -2
- package/lib/tree/src/Tree.d.ts +1 -1
- package/lib/tree/src/interface.d.ts +1 -1
- package/lib/tree/src/keyboard.d.ts +1 -1
- package/lib/tree/src/keyboard.js +8 -8
- package/lib/tree-select/src/TreeSelect.d.ts +1 -1
- package/lib/tree-select/src/TreeSelect.js +3 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/web-types.json +33 -33
package/lib/tree/src/keyboard.js
CHANGED
|
@@ -15,9 +15,9 @@ function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, mergedSelectedKe
|
|
|
15
15
|
function handleKeydown(e) {
|
|
16
16
|
var _a;
|
|
17
17
|
if (!props.keyboard)
|
|
18
|
-
return {
|
|
18
|
+
return { enterBehavior: null };
|
|
19
19
|
const { value: pendingNodeKey } = pendingNodeKeyRef;
|
|
20
|
-
let
|
|
20
|
+
let enterBehavior = null;
|
|
21
21
|
if (pendingNodeKey === null) {
|
|
22
22
|
if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
|
|
23
23
|
e.preventDefault();
|
|
@@ -40,14 +40,14 @@ function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, mergedSelectedKe
|
|
|
40
40
|
const { value: fNodes } = fNodesRef;
|
|
41
41
|
let fIndex = fNodes.findIndex((tmNode) => tmNode.key === pendingNodeKey);
|
|
42
42
|
if (!~fIndex)
|
|
43
|
-
return {
|
|
43
|
+
return { enterBehavior: null };
|
|
44
44
|
if (e.key === 'Enter') {
|
|
45
45
|
const tmNode = fNodes[fIndex];
|
|
46
|
-
|
|
46
|
+
enterBehavior =
|
|
47
47
|
((_a = props.overrideDefaultNodeClickBehavior) === null || _a === void 0 ? void 0 : _a.call(props, {
|
|
48
48
|
option: tmNode.rawNode
|
|
49
49
|
})) || null;
|
|
50
|
-
switch (
|
|
50
|
+
switch (enterBehavior) {
|
|
51
51
|
case 'toggleCheck':
|
|
52
52
|
handleCheck(tmNode, !mergedCheckedKeysRef.value.includes(tmNode.key));
|
|
53
53
|
break;
|
|
@@ -61,7 +61,7 @@ function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, mergedSelectedKe
|
|
|
61
61
|
break;
|
|
62
62
|
case 'default':
|
|
63
63
|
default:
|
|
64
|
-
|
|
64
|
+
enterBehavior = 'default';
|
|
65
65
|
handleSelect(tmNode);
|
|
66
66
|
}
|
|
67
67
|
}
|
|
@@ -103,7 +103,7 @@ function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, mergedSelectedKe
|
|
|
103
103
|
else if (e.key === 'ArrowRight') {
|
|
104
104
|
const pendingNode = fNodes[fIndex];
|
|
105
105
|
if (pendingNode.isLeaf)
|
|
106
|
-
return {
|
|
106
|
+
return { enterBehavior: null };
|
|
107
107
|
if (!mergedExpandedKeysRef.value.includes(pendingNodeKey)) {
|
|
108
108
|
handleSwitcherClick(pendingNode);
|
|
109
109
|
}
|
|
@@ -121,7 +121,7 @@ function useKeyboard({ props, fNodesRef, mergedExpandedKeysRef, mergedSelectedKe
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
return {
|
|
124
|
-
|
|
124
|
+
enterBehavior
|
|
125
125
|
};
|
|
126
126
|
}
|
|
127
127
|
return {
|
|
@@ -1192,7 +1192,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1192
1192
|
} | null>;
|
|
1193
1193
|
treeInstRef: import("vue").Ref<{
|
|
1194
1194
|
handleKeydown: (e: KeyboardEvent) => {
|
|
1195
|
-
|
|
1195
|
+
enterBehavior: TreeOverrideNodeClickBehaviorReturn | null;
|
|
1196
1196
|
};
|
|
1197
1197
|
} | null>;
|
|
1198
1198
|
mergedClsPrefix: import("vue").Ref<string>;
|
|
@@ -412,15 +412,15 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
412
412
|
return treeInst.handleKeydown(e);
|
|
413
413
|
}
|
|
414
414
|
return {
|
|
415
|
-
|
|
415
|
+
enterBehavior: null
|
|
416
416
|
};
|
|
417
417
|
}
|
|
418
418
|
function handleKeydown(e) {
|
|
419
419
|
if (e.key === 'Enter') {
|
|
420
420
|
if (mergedShowRef.value) {
|
|
421
|
-
const {
|
|
421
|
+
const { enterBehavior } = treeHandleKeydown(e);
|
|
422
422
|
if (!props.multiple) {
|
|
423
|
-
switch (
|
|
423
|
+
switch (enterBehavior) {
|
|
424
424
|
case 'default':
|
|
425
425
|
case 'toggleSelect':
|
|
426
426
|
closeMenu();
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "2.37.
|
|
1
|
+
declare const _default: "2.37.2";
|
|
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.37.
|
|
5
|
+
"version": "2.37.2",
|
|
6
6
|
"js-types-syntax": "typescript",
|
|
7
7
|
"contributions": {
|
|
8
8
|
"html": {
|
|
@@ -313,16 +313,6 @@
|
|
|
313
313
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
|
|
314
314
|
"type": "{ handleInput: (value: string) => void, handleFocus: function, handleBlur: function, value: string, theme: string | null }",
|
|
315
315
|
"description": "Custom input elements, supplied by the user."
|
|
316
|
-
},
|
|
317
|
-
{
|
|
318
|
-
"name": "prefix",
|
|
319
|
-
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
|
|
320
|
-
"description": "Input's prefix content."
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"name": "suffix",
|
|
324
|
-
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
|
|
325
|
-
"description": "Input's suffix content."
|
|
326
316
|
}
|
|
327
317
|
],
|
|
328
318
|
"attributes": [],
|
|
@@ -422,6 +412,16 @@
|
|
|
422
412
|
"description": "Use the input to determine whether to show options on focus.",
|
|
423
413
|
"default": "undefined"
|
|
424
414
|
},
|
|
415
|
+
{
|
|
416
|
+
"name": "show-empty",
|
|
417
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
|
|
418
|
+
"type": "boolean",
|
|
419
|
+
"description": "Whether to show menu if there's no option.",
|
|
420
|
+
"default": "false",
|
|
421
|
+
"description-sections": {
|
|
422
|
+
"since": "2.37.1"
|
|
423
|
+
}
|
|
424
|
+
},
|
|
425
425
|
{
|
|
426
426
|
"name": "input-props",
|
|
427
427
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
|
|
@@ -2652,6 +2652,16 @@
|
|
|
2652
2652
|
"type": "'if' | 'show'",
|
|
2653
2653
|
"description": "The display directive to use when `n-collapse-item` renders content. `'if'` corresponds to `v-if` and `'show'` corresponds to `v-show`.",
|
|
2654
2654
|
"default": "'if'"
|
|
2655
|
+
},
|
|
2656
|
+
{
|
|
2657
|
+
"name": "trigger-areas",
|
|
2658
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/collapse",
|
|
2659
|
+
"type": "Array<'main' | 'arrow' | 'extra'>",
|
|
2660
|
+
"description": "Expansion trigger areas. If you don't want to trigger expansion on some areas, you can use the prop.",
|
|
2661
|
+
"default": "['main', 'arrow', 'extra']",
|
|
2662
|
+
"description-sections": {
|
|
2663
|
+
"since": "2.37.1"
|
|
2664
|
+
}
|
|
2655
2665
|
}
|
|
2656
2666
|
],
|
|
2657
2667
|
"js": {
|
|
@@ -15084,7 +15094,12 @@
|
|
|
15084
15094
|
{
|
|
15085
15095
|
"name": "override-default-node-click-behavior",
|
|
15086
15096
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tree",
|
|
15087
|
-
"type": "
|
|
15097
|
+
"type": "(info: { option: TreeSelectOption }) => 'toggleExpand' | 'toggleSelect' | 'toggleCheck' | 'default' | 'none'",
|
|
15098
|
+
"description": "Override default node click behavior.",
|
|
15099
|
+
"default": "undefined",
|
|
15100
|
+
"description-sections": {
|
|
15101
|
+
"since": "2.37.0"
|
|
15102
|
+
}
|
|
15088
15103
|
},
|
|
15089
15104
|
{
|
|
15090
15105
|
"name": "check-strategy",
|
|
@@ -15097,16 +15112,6 @@
|
|
|
15097
15112
|
"name": "leaf-only",
|
|
15098
15113
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tree",
|
|
15099
15114
|
"type": "boolean"
|
|
15100
|
-
},
|
|
15101
|
-
{
|
|
15102
|
-
"name": "override-default-node-click-behavoir",
|
|
15103
|
-
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tree",
|
|
15104
|
-
"type": "(info: { option: TreeSelectOption }) => 'toggleExpand' | 'toggleSelect' | 'toggleCheck' | 'default' | 'none'",
|
|
15105
|
-
"description": "Override default node click behavior.",
|
|
15106
|
-
"default": "undefined",
|
|
15107
|
-
"description-sections": {
|
|
15108
|
-
"since": "2.37.0"
|
|
15109
|
-
}
|
|
15110
15115
|
}
|
|
15111
15116
|
],
|
|
15112
15117
|
"js": {
|
|
@@ -15566,7 +15571,12 @@
|
|
|
15566
15571
|
{
|
|
15567
15572
|
"name": "override-default-node-click-behavior",
|
|
15568
15573
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tree-select",
|
|
15569
|
-
"type": "
|
|
15574
|
+
"type": "(info: { option: TreeSelectOption }) => 'toggleExpand' | 'toggleSelect' | 'toggleCheck' | 'default' | 'none'",
|
|
15575
|
+
"description": "Override default node click behavior.",
|
|
15576
|
+
"default": "undefined",
|
|
15577
|
+
"description-sections": {
|
|
15578
|
+
"since": "2.37.0"
|
|
15579
|
+
}
|
|
15570
15580
|
},
|
|
15571
15581
|
{
|
|
15572
15582
|
"name": "render-label",
|
|
@@ -15622,16 +15632,6 @@
|
|
|
15622
15632
|
"name": "leaf-only",
|
|
15623
15633
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tree-select",
|
|
15624
15634
|
"type": "boolean"
|
|
15625
|
-
},
|
|
15626
|
-
{
|
|
15627
|
-
"name": "override-default-node-click-behavoir",
|
|
15628
|
-
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/tree-select",
|
|
15629
|
-
"type": "(info: { option: TreeSelectOption }) => 'toggleExpand' | 'toggleSelect' | 'toggleCheck' | 'default' | 'none'",
|
|
15630
|
-
"description": "Override default node click behavior.",
|
|
15631
|
-
"default": "undefined",
|
|
15632
|
-
"description-sections": {
|
|
15633
|
-
"since": "2.37.0"
|
|
15634
|
-
}
|
|
15635
15635
|
}
|
|
15636
15636
|
],
|
|
15637
15637
|
"js": {
|