naive-ui 2.33.4 → 2.34.0

package/lib/tree-select/src/TreeSelect.js

@@ -20,6 +20,7 @@ const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const utils_1 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+const utils_2 = require("../../tree/src/utils");
 exports.treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { bordered: {
         type: Boolean,
         default: true
@@ -203,12 +204,13 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateShow, value);
             uncontrolledShowRef.value = value;
         }
-        function doUpdateValue(value, option) {
+        function doUpdateValue(value, option, meta) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue } = props;
-            if (onUpdateValue)
-                (0, _utils_1.call)(onUpdateValue, value, option);
+            if (onUpdateValue) {
+                (0, _utils_1.call)(onUpdateValue, value, option, meta);
+            }
             if (_onUpdateValue) {
-                (0, _utils_1.call)(_onUpdateValue, value, option);
+                (0, _utils_1.call)(_onUpdateValue, value, option, meta);
             }
             uncontrolledValueRef.value = value;
             nTriggerFormInput();
@@ -223,13 +225,13 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateIndeterminateKeys, value, option);
             }
         }
-        function doUpdateExpandedKeys(keys, option) {
+        function doUpdateExpandedKeys(keys, option, meta) {
             const { onUpdateExpandedKeys, 'onUpdate:expandedKeys': _onUpdateExpandedKeys } = props;
             if (onUpdateExpandedKeys) {
-                (0, _utils_1.call)(onUpdateExpandedKeys, keys, option);
+                (0, _utils_1.call)(onUpdateExpandedKeys, keys, option, meta);
             }
             if (_onUpdateExpandedKeys) {
-                (0, _utils_1.call)(_onUpdateExpandedKeys, keys, option);
+                (0, _utils_1.call)(_onUpdateExpandedKeys, keys, option, meta);
             }
             uncontrolledExpandedKeysRef.value = keys;
         }
@@ -287,10 +289,12 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: { getNode } } = dataTreeMateRef;
             return keys.map((key) => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
         }
-        function handleUpdateCheckedKeys(keys) {
+        function handleUpdateCheckedKeys(keys, _, meta) {
             const options = getOptionsByKeys(keys);
+            const action = meta.action === 'check' ? 'select' : 'unselect';
+            const node = meta.node;
             if (props.multiple) {
-                doUpdateValue(keys, options);
+                doUpdateValue(keys, options, { node, action });
                 if (props.filterable) {
                     focusSelectionInput();
                     if (props.clearFilterAfterSelect)
@@ -299,8 +303,11 @@ exports.default = (0, vue_1.defineComponent)({
             }
             else {
                 keys.length
-                    ? doUpdateValue(keys[0], options[0] || null)
-                    : doUpdateValue(null, null);
+                    ? doUpdateValue(keys[0], options[0] || null, {
+                        node,
+                        action
+                    })
+                    : doUpdateValue(null, null, { node, action });
                 closeMenu();
                 // Currently it is not necessary. However if there is an action slot,
                 // it will be useful. So just leave it here.
@@ -351,10 +358,10 @@ exports.default = (0, vue_1.defineComponent)({
                 closeMenu();
             }
             if (multiple) {
-                doUpdateValue([], []);
+                doUpdateValue([], [], { node: null, action: 'clear' });
             }
             else {
-                doUpdateValue(null, null);
+                doUpdateValue(null, null, { node: null, action: 'clear' });
             }
         }
         function handleDeleteOption(option) {
@@ -369,18 +376,28 @@ exports.default = (0, vue_1.defineComponent)({
                 });
                 const index = checkedKeysValue.findIndex((key) => key === option.value);
                 if (~index) {
+                    const checkedKeyToBeRemoved = checkedKeysValue[index];
+                    const checkOptionToBeRemoved = getOptionsByKeys([
+                        checkedKeyToBeRemoved
+                    ])[0];
                     if (props.checkable) {
                         const { checkedKeys } = treeMate.uncheck(option.value, checkedKeysValue, {
                             checkStrategy: props.checkStrategy,
                             cascade: mergedCascadeRef.value,
                             allowNotLoaded: props.allowCheckingNotLoaded
                         });
-                        doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys));
+                        doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), {
+                            node: checkOptionToBeRemoved,
+                            action: 'delete'
+                        });
                     }
                     else {
                         const nextValue = Array.from(checkedKeysValue);
                         nextValue.splice(index, 1);
-                        doUpdateValue(nextValue, getOptionsByKeys(nextValue));
+                        doUpdateValue(nextValue, getOptionsByKeys(nextValue), {
+                            node: checkOptionToBeRemoved,
+                            action: 'delete'
+                        });
                     }
                 }
             }
@@ -461,6 +478,46 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = followerInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
         }
         (0, _utils_1.useOnResize)(menuElRef, handleTriggerOrMenuResize);
+        const mergedCheckStrategyRef = (0, utils_2.useMergedCheckStrategy)(props);
+        const exposedCheckedStatusRef = (0, vue_1.computed)(() => {
+            if (props.checkable) {
+                const mergedValue = mergedValueRef.value;
+                if (props.multiple && Array.isArray(mergedValue)) {
+                    return dataTreeMateRef.value.getCheckedKeys(mergedValue, {
+                        cascade: props.cascade,
+                        checkStrategy: mergedCheckStrategyRef.value,
+                        allowNotLoaded: props.allowCheckingNotLoaded
+                    });
+                }
+                else {
+                    return {
+                        checkedKeys: Array.isArray(mergedValue) || mergedValue === null
+                            ? []
+                            : [mergedValue],
+                        indeterminateKeys: []
+                    };
+                }
+            }
+            return {
+                checkedKeys: [],
+                indeterminateKeys: []
+            };
+        });
+        const exposedMethods = {
+            getCheckedData: () => {
+                const { checkedKeys } = exposedCheckedStatusRef.value;
+                return { keys: checkedKeys, options: getOptionsByKeys(checkedKeys) };
+            },
+            getIndeterminateData: () => {
+                const { indeterminateKeys } = exposedCheckedStatusRef.value;
+                return {
+                    keys: indeterminateKeys,
+                    options: getOptionsByKeys(indeterminateKeys)
+                };
+            },
+            focus: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
+            blur: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
+        };
         const themeRef = (0, _mixins_1.useTheme)('TreeSelect', '-tree-select', index_cssr_1.default, styles_1.treeSelectLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow, menuBorderRadius, menuColor, menuHeight, actionPadding, actionDividerColor, actionTextColor } } = themeRef.value;
@@ -478,34 +535,9 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('tree-select', undefined, cssVarsRef, props)
             : undefined;
-        return {
-            menuElRef,
-            mergedStatus: mergedStatusRef,
-            triggerInstRef,
+        return Object.assign(Object.assign({}, exposedMethods), { menuElRef, mergedStatus: mergedStatusRef, triggerInstRef,
             followerInstRef,
-            treeInstRef,
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedValue: mergedValueRef,
-            mergedShow: mergedShowRef,
-            namespace: namespaceRef,
-            adjustedTo: (0, _utils_1.useAdjustedTo)(props),
-            isMounted: (0, vooks_1.useIsMounted)(),
-            focused: focusedRef,
-            menuPadding: menuPaddingRef,
-            mergedPlaceholder: mergedPlaceholderRef,
-            mergedExpandedKeys: mergedExpandedKeysRef,
-            treeSelectedKeys: treeSelectedKeysRef,
-            treeCheckedKeys: treeCheckedKeysRef,
-            mergedSize: mergedSizeRef,
-            mergedDisabled: mergedDisabledRef,
-            selectedOption: selectedOptionRef,
-            selectedOptions: selectedOptionsRef,
-            pattern: patternRef,
-            pendingNodeKey: pendingNodeKeyRef,
-            mergedCascade: mergedCascadeRef,
-            mergedFilter: mergedFilterRef,
-            selectionRenderTag: selectionRenderTagRef,
-            handleTriggerOrMenuResize,
+            treeInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, namespace: namespaceRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), isMounted: (0, vooks_1.useIsMounted)(), focused: focusedRef, menuPadding: menuPaddingRef, mergedPlaceholder: mergedPlaceholderRef, mergedExpandedKeys: mergedExpandedKeysRef, treeSelectedKeys: treeSelectedKeysRef, treeCheckedKeys: treeCheckedKeysRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, pattern: patternRef, pendingNodeKey: pendingNodeKeyRef, mergedCascade: mergedCascadeRef, mergedFilter: mergedFilterRef, selectionRenderTag: selectionRenderTagRef, handleTriggerOrMenuResize,
             doUpdateExpandedKeys,
             handleMenuLeave,
             handleTriggerClick,
@@ -521,12 +553,7 @@ exports.default = (0, vue_1.defineComponent)({
             handlePatternInput,
             handleKeydown,
             handleTabOut,
-            handleMenuMousedown,
-            mergedTheme: themeRef,
-            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
-            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
-        };
+            handleMenuMousedown, mergedTheme: themeRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
         const { mergedTheme, mergedClsPrefix, $slots } = this;

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

@@ -6,8 +6,27 @@ export declare type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' |
     [k: string]: unknown;
 };
 export declare type TreeSelectTmNode = TreeNode<TreeSelectOption>;
-export declare type OnUpdateValue = (value: string & number & (string | number) & string[] & number[] & Array<string | number> & null, option: TreeSelectOption & null & TreeSelectOption[] & Array<TreeSelectOption | null>) => void;
-export declare type OnUpdateValueImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
+export declare type OnUpdateValue = (value: string & number & (string | number) & string[] & number[] & Array<string | number> & null, option: TreeSelectOption & null & TreeSelectOption[] & Array<TreeSelectOption | null>, meta: {
+    node: TreeSelectOption;
+    action: 'select' | 'unselect';
+} | {
+    node: TreeSelectOption | null;
+    action: 'delete';
+} | {
+    node: null;
+    action: 'clear';
+}) => void;
+export declare type OnUpdateValueImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>, meta: {
+    node: TreeSelectOption;
+    action: 'select' | 'unselect';
+} | {
+    node: TreeSelectOption | null;
+    action: 'delete';
+} | {
+    node: null;
+    action: 'clear';
+}) => void;
+export declare type OnUpdateIndeterminateKeysImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
 export declare type Value = string | number | Array<string | number> | null;
 export interface TreeSelectInjection {
     pendingNodeKeyRef: Ref<string | number | null>;
@@ -30,3 +49,15 @@ export declare type TreeSelectRenderSuffix = TreeSelectRenderTreePart;
 export declare type TreeSelectNodeProps = (info: {
     option: TreeSelectOption;
 }) => HTMLAttributes & Record<string, unknown>;
+export interface TreeSelectInst {
+    getCheckedData: () => {
+        keys: Array<string | number>;
+        options: Array<TreeSelectOption | null>;
+    };
+    getIndeterminateData: () => {
+        keys: Array<string | number>;
+        options: Array<TreeSelectOption | null>;
+    };
+    focus: () => void;
+    blur: () => void;
+}

package/lib/tree-select/src/styles/index.cssr.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-menu-height
 // --n-menu-border-radius
@@ -15,8 +14,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-action-padding
 // --n-action-text-color
 // --n-action-divider-color
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('tree-select', `
  z-index: auto;
  outline: none;

package/lib/typography/src/styles/a.cssr.js

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-text-color
 // --n-bezier
-
-
 exports.default = (0, cssr_1.cB)('a', `
  cursor: pointer;
  transition:

package/lib/typography/src/styles/blockquote.cssr.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-line-height
 // --n-prefix-color
 // --n-text-color
-
-
 exports.default = (0, cssr_1.cB)('blockquote', `
  font-size: var(--n-font-size);
  line-height: var(--n-line-height);

package/lib/typography/src/styles/header.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-margin
@@ -13,8 +13,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-font-weight
 // --n-text-color
 // --n-prefix-width
-
-
 exports.default = (0, cssr_1.cB)('h', `
  font-size: var(--n-font-size);
  font-weight: var(--n-font-weight);

package/lib/typography/src/styles/hr.cssr.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-color
-
-
 exports.default = (0, cssr_1.cB)('hr', `
  margin: 12px 0;
  transition: border-color .3s var(--n-bezier);

package/lib/typography/src/styles/list.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 const liStyle = (0, cssr_1.c)('li', {
   transition: 'color .3s var(--n-bezier)',
   lineHeight: 'var(--n-line-height)',
@@ -17,7 +15,8 @@ const childStyle = [(0, cssr_1.c)('&:first-child', `
  margin-top: 0;
  `), (0, cssr_1.c)('&:last-child', `
  margin-bottom: 0;
- `)]; // vars:
+ `)];
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-line-height
@@ -25,7 +24,6 @@ const childStyle = [(0, cssr_1.c)('&:first-child', `
 // --n-li-margin
 // --n-ol-padding
 // --n-ul-padding
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('ol', {
   fontSize: 'var(--n-font-size)',
   padding: 'var(--n-ol-padding)'

package/lib/typography/src/styles/p.cssr.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-line-height
 // --n-margin
 // --n-text-color
-
-
 exports.default = (0, cssr_1.cB)('p', `
  box-sizing: border-box;
  transition: color .3s var(--n-bezier);

package/lib/typography/src/styles/text.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-text-color
 // --n-font-weight-strong
 // --n-font-famliy-mono
@@ -12,8 +12,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-code-text-color
 // --n-code-color
 // --n-code-border
-
-
 exports.default = (0, cssr_1.cB)('text', `
  transition: color .3s var(--n-bezier);
  color: var(--n-text-color);

package/lib/upload/index.d.ts

@@ -3,4 +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 { UploadInst, FileInfo as UploadFileInfo, CustomRequestOptions as UploadCustomRequestOptions } from './src/interface';
+export type { UploadInst, FileInfo as UploadFileInfo, CustomRequestOptions as UploadCustomRequestOptions, SettledFileInfo as UploadSettledFileInfo } from './src/interface';