naive-ui 2.20.3 → 2.21.3

package/lib/tree/src/Tree.d.ts

@@ -129,6 +129,7 @@ declare const treeProps: {
         readonly default: true;
     };
     readonly virtualScroll: BooleanConstructor;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
@@ -376,6 +377,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly virtualScroll: BooleanConstructor;
+    readonly watchProps: PropType<("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[]>;
     readonly renderLabel: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
@@ -598,9 +600,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -1013,6 +1019,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly allowDrop?: unknown;
     readonly animated?: unknown;
     readonly virtualScroll?: unknown;
+    readonly watchProps?: unknown;
     readonly renderLabel?: unknown;
     readonly renderPrefix?: unknown;
     readonly renderSuffix?: unknown;
@@ -1052,14 +1059,14 @@ declare const _default: import("vue").DefineComponent<{
     cancelable: boolean;
     blockLine: boolean;
     selectable: boolean;
+    defaultCheckedKeys: Key[];
+    defaultSelectedKeys: Key[];
     internalUnifySelectCheck: boolean;
     internalHideFilteredNode: boolean;
     internalCheckboxFocusable: boolean;
     internalFocusable: boolean;
     expandOnDragenter: boolean;
     blockNode: boolean;
-    defaultCheckedKeys: Key[];
-    defaultSelectedKeys: Key[];
     allowDrop: AllowDrop;
 } & {
     filter?: ((pattern: string, node: TreeOption) => boolean) | undefined;
@@ -1208,6 +1215,7 @@ declare const _default: import("vue").DefineComponent<{
     renderLabel?: (({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined;
     checkedKeys?: Key[] | undefined;
     expandedKeys?: Key[] | undefined;
+    watchProps?: ("defaultExpandedKeys" | "defaultCheckedKeys" | "defaultSelectedKeys")[] | undefined;
     "onUpdate:expandedKeys"?: MaybeArray<OnUpdateKeys> | undefined;
     onUpdateExpandedKeys?: MaybeArray<OnUpdateKeys> | undefined;
     renderPrefix?: (({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined;
@@ -1247,14 +1255,14 @@ declare const _default: import("vue").DefineComponent<{
     cancelable: boolean;
     blockLine: boolean;
     selectable: boolean;
+    defaultCheckedKeys: Key[];
+    defaultSelectedKeys: Key[];
     internalUnifySelectCheck: boolean;
     internalHideFilteredNode: boolean;
     internalCheckboxFocusable: boolean;
     internalFocusable: boolean;
     expandOnDragenter: boolean;
     blockNode: boolean;
-    defaultCheckedKeys: Key[];
-    defaultSelectedKeys: Key[];
     allowDrop: AllowDrop;
 }>;
 export default _default;

package/lib/tree/src/Tree.js

@@ -104,7 +104,7 @@ const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _m
     }, animated: {
         type: Boolean,
         default: true
-    }, virtualScroll: Boolean, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
+    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
     // internal props for tree-select
     internalScrollable: Boolean, internalScrollablePadding: String, 
     // use it to do check
@@ -145,7 +145,16 @@ exports.default = (0, vue_1.defineComponent)({
         const dataTreeMateRef = props.internalDataTreeMate
             ? (0, vue_1.toRef)(props, 'internalDataTreeMate')
             : displayTreeMateRef;
-        const uncontrolledCheckedKeysRef = (0, vue_1.ref)(props.defaultCheckedKeys || props.checkedKeys);
+        const { watchProps } = props;
+        const uncontrolledCheckedKeysRef = (0, vue_1.ref)([]);
+        if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes('defaultCheckedKeys')) {
+            (0, vue_1.watchEffect)(() => {
+                uncontrolledCheckedKeysRef.value = props.defaultCheckedKeys;
+            });
+        }
+        else {
+            uncontrolledCheckedKeysRef.value = props.defaultCheckedKeys;
+        }
         const controlledCheckedKeysRef = (0, vue_1.toRef)(props, 'checkedKeys');
         const mergedCheckedKeysRef = (0, vooks_1.useMergedState)(controlledCheckedKeysRef, uncontrolledCheckedKeysRef);
         const checkedStatusRef = (0, vue_1.computed)(() => {
@@ -164,12 +173,29 @@ exports.default = (0, vue_1.defineComponent)({
                 return indeterminateKeys;
             return checkedStatusRef.value.indeterminateKeys;
         });
-        const uncontrolledSelectedKeysRef = (0, vue_1.ref)(props.defaultSelectedKeys || props.selectedKeys);
+        const uncontrolledSelectedKeysRef = (0, vue_1.ref)([]);
+        if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes('defaultSelectedKeys')) {
+            (0, vue_1.watchEffect)(() => {
+                uncontrolledSelectedKeysRef.value = props.defaultSelectedKeys;
+            });
+        }
+        else {
+            uncontrolledSelectedKeysRef.value = props.defaultSelectedKeys;
+        }
         const controlledSelectedKeysRef = (0, vue_1.toRef)(props, 'selectedKeys');
         const mergedSelectedKeysRef = (0, vooks_1.useMergedState)(controlledSelectedKeysRef, uncontrolledSelectedKeysRef);
-        const uncontrolledExpandedKeysRef = (0, vue_1.ref)(props.defaultExpandAll
-            ? dataTreeMateRef.value.getNonLeafKeys()
-            : props.defaultExpandedKeys);
+        const uncontrolledExpandedKeysRef = (0, vue_1.ref)([]);
+        const initUncontrolledExpandedKeys = () => {
+            uncontrolledExpandedKeysRef.value = props.defaultExpandAll
+                ? dataTreeMateRef.value.getNonLeafKeys()
+                : props.defaultExpandedKeys;
+        };
+        if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes('defaultExpandedKeys')) {
+            (0, vue_1.watchEffect)(initUncontrolledExpandedKeys);
+        }
+        else {
+            initUncontrolledExpandedKeys();
+        }
         const controlledExpandedKeysRef = (0, vue_1.toRef)(props, 'expandedKeys');
         const mergedExpandedKeysRef = (0, vooks_1.useMergedState)(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
         const fNodesRef = (0, vue_1.computed)(() => displayTreeMateRef.value.getFlattenedNodes(mergedExpandedKeysRef.value));

package/lib/tree/src/TreeNodeCheckbox.d.ts

@@ -81,9 +81,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/lib/tree-select/src/TreeSelect.d.ts

@@ -1131,9 +1131,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/lib/upload/index.d.ts

@@ -3,5 +3,4 @@ export { default as NUploadDragger } from './src/UploadDragger';
 export { default as NUploadTrigger } from './src/UploadTrigger';
 export { default as NUploadFileList } from './src/UploadFileList';
 export type { UploadProps } from './src/Upload';
-export type { uploadDraggerKey } from './src/UploadDragger';
-export type { UploadInst, FileInfo as UploadFileInfo } from './src/interface';
+export type { UploadInst, FileInfo as UploadFileInfo, CustomRequestOptions as UploadCustomRequestOptions } from './src/interface';