naive-ui 2.31.0 → 2.32.0

package/lib/transfer/src/use-transfer-data.js

@@ -4,145 +4,69 @@ exports.useTransferData = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-function useTransferData(props, mergedDisabledRef) {
+function useTransferData(props) {
     const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
-    const controlledValueRef = (0, vue_1.toRef)(props, 'value');
-    const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
-    const optMapRef = (0, vue_1.computed)(() => {
+    const mergedValueRef = (0, vooks_1.useMergedState)((0, vue_1.toRef)(props, 'value'), uncontrolledValueRef);
+    const optionsMapRef = (0, vue_1.computed)(() => {
         const map = new Map();
         (props.options || []).forEach((opt) => map.set(opt.value, opt));
         return map;
     });
-    const tgtValueSetRef = (0, vue_1.computed)(() => new Set(mergedValueRef.value || []));
-    const srcOptsRef = (0, vue_1.computed)(() => props.options.filter((option) => !tgtValueSetRef.value.has(option.value)));
-    const tgtOptsRef = (0, vue_1.computed)(() => {
-        const optMap = optMapRef.value;
-        return (mergedValueRef.value || []).map((v) => optMap.get(v));
+    const targetValueSetRef = (0, vue_1.computed)(() => new Set(mergedValueRef.value || []));
+    const targetOptionsRef = (0, vue_1.computed)(() => {
+        const optionMap = optionsMapRef.value;
+        return (mergedValueRef.value || []).map((v) => optionMap.get(v));
     });
     const srcPatternRef = (0, vue_1.ref)('');
-    const tgtPatternRef = (0, vue_1.ref)('');
-    const filteredSrcOptsRef = (0, vue_1.computed)(() => {
+    const filteredSrcOptionsRef = (0, vue_1.computed)(() => {
         if (!props.filterable)
-            return srcOptsRef.value;
+            return props.options;
         const { filter } = props;
-        return srcOptsRef.value.filter((opt) => filter(srcPatternRef.value, opt, 'source'));
+        return props.options.filter((opt) => filter(srcPatternRef.value, opt));
     });
-    const filteredTgtOptsRef = (0, vue_1.computed)(() => {
-        if (!props.filterable)
-            return tgtOptsRef.value;
-        const { filter } = props;
-        return tgtOptsRef.value.filter((opt) => filter(tgtPatternRef.value, opt, 'target'));
+    const mergedValueSetRef = (0, vue_1.computed)(() => {
+        const { value } = mergedValueRef;
+        if (value === null)
+            return new Set();
+        return new Set(value);
     });
-    const avlSrcValueSetRef = (0, vue_1.computed)(() => new Set(filteredSrcOptsRef.value
-        .filter((opt) => !opt.disabled)
-        .map((opt) => opt.value)));
-    const avlTgtValueSetRef = (0, vue_1.computed)(() => new Set(filteredTgtOptsRef.value
-        .filter((opt) => !opt.disabled)
-        .map((opt) => opt.value)));
-    const srcCheckedValuesRef = (0, vue_1.ref)([]);
-    const tgtCheckedValuesRef = (0, vue_1.ref)([]);
-    const srcCheckedStatusRef = (0, vue_1.computed)(() => {
-        const srcCheckedLength = srcCheckedValuesRef.value.filter((v) => avlSrcValueSetRef.value.has(v)).length;
-        const avlValueCount = avlSrcValueSetRef.value.size;
-        if (avlValueCount === 0) {
-            return {
-                checked: false,
-                indeterminate: false,
-                disabled: true
-            };
-        }
-        else if (srcCheckedLength === 0) {
-            return {
-                checked: false,
-                indeterminate: false
-            };
-        }
-        else if (srcCheckedLength === avlValueCount) {
-            return {
-                checked: true,
-                indeterminate: false
-            };
-        }
-        else {
-            return {
-                checked: false,
-                indeterminate: true
-            };
-        }
+    const valueSetForSelectAllRef = (0, vue_1.computed)(() => {
+        const mergedValueSet = mergedValueSetRef.value;
+        return new Set(filteredSrcOptionsRef.value
+            .filter((option) => !option.disabled || mergedValueSet.has(option.value))
+            .map((option) => option.value));
     });
-    const tgtCheckedStatusRef = (0, vue_1.computed)(() => {
-        const tgtCheckedLength = tgtCheckedValuesRef.value.filter((v) => avlTgtValueSetRef.value.has(v)).length;
-        const avlValueCount = avlTgtValueSetRef.value.size;
-        if (avlValueCount === 0) {
-            return {
-                checked: false,
-                indeterminate: false,
-                disabled: true
-            };
-        }
-        else if (tgtCheckedLength === 0) {
-            return {
-                checked: false,
-                indeterminate: false
-            };
-        }
-        else if (tgtCheckedLength === avlValueCount) {
-            return {
-                checked: true,
-                indeterminate: false
-            };
-        }
-        else {
-            return {
-                checked: false,
-                indeterminate: true
-            };
-        }
+    const valueSetForUnselectAllRef = (0, vue_1.computed)(() => new Set(targetOptionsRef.value
+        .filter((option) => option.disabled)
+        .map((option) => option.value)));
+    const canNotSelectAnythingRef = (0, vue_1.computed)(() => {
+        return filteredSrcOptionsRef.value.every((option) => option.disabled);
     });
-    const fromButtonDisabledRef = (0, vooks_1.useMemo)(() => {
-        if (mergedDisabledRef.value)
-            return true;
-        return tgtCheckedValuesRef.value.length === 0;
+    const allCheckedRef = (0, vue_1.computed)(() => {
+        if (!filteredSrcOptionsRef.value.length) {
+            return false;
+        }
+        const mergedValueSet = mergedValueSetRef.value;
+        return filteredSrcOptionsRef.value.every((option) => option.disabled || mergedValueSet.has(option.value));
     });
-    const toButtonDisabledRef = (0, vooks_1.useMemo)(() => {
-        if (mergedDisabledRef.value)
-            return true;
-        return srcCheckedValuesRef.value.length === 0;
+    const canBeClearedRef = (0, vue_1.computed)(() => {
+        return targetOptionsRef.value.some((option) => !option.disabled);
     });
-    const isInputingRef = (0, vue_1.ref)(false);
-    function handleInputFocus() {
-        isInputingRef.value = true;
-    }
-    function handleInputBlur() {
-        isInputingRef.value = false;
-    }
     function handleSrcFilterUpdateValue(value) {
         srcPatternRef.value = value !== null && value !== void 0 ? value : '';
     }
-    function handleTgtFilterUpdateValue(value) {
-        tgtPatternRef.value = value !== null && value !== void 0 ? value : '';
-    }
     return {
-        uncontrolledValue: uncontrolledValueRef,
-        mergedValue: mergedValueRef,
-        avlSrcValueSet: avlSrcValueSetRef,
-        avlTgtValueSet: avlTgtValueSetRef,
-        tgtOpts: tgtOptsRef,
-        srcOpts: srcOptsRef,
-        filteredSrcOpts: filteredSrcOptsRef,
-        filteredTgtOpts: filteredTgtOptsRef,
-        srcCheckedValues: srcCheckedValuesRef,
-        tgtCheckedValues: tgtCheckedValuesRef,
-        srcCheckedStatus: srcCheckedStatusRef,
-        tgtCheckedStatus: tgtCheckedStatusRef,
-        srcPattern: srcPatternRef,
-        tgtPattern: tgtPatternRef,
-        isInputing: isInputingRef,
-        fromButtonDisabled: fromButtonDisabledRef,
-        toButtonDisabled: toButtonDisabledRef,
-        handleInputFocus,
-        handleInputBlur,
-        handleTgtFilterUpdateValue,
+        uncontrolledValueRef,
+        mergedValueRef,
+        targetValueSetRef,
+        valueSetForSelectAllRef,
+        valueSetForUnselectAllRef,
+        targetOptionsRef,
+        filteredSrcOptionsRef,
+        canNotSelectAnythingRef,
+        canBeClearedRef,
+        allCheckedRef,
+        srcPatternRef,
         handleSrcFilterUpdateValue
     };
 }

package/lib/transfer/styles/_common.d.ts

@@ -1,5 +1,14 @@
 declare const _default: {
-    extraFontSize: string;
-    width: string;
+    extraFontSizeSmall: string;
+    extraFontSizeMedium: string;
+    extraFontSizeLarge: string;
+    titleFontSizeSmall: string;
+    titleFontSizeMedium: string;
+    titleFontSizeLarge: string;
+    closeSize: string;
+    closeIconSize: string;
+    headerHeightSmall: string;
+    headerHeightMedium: string;
+    headerHeightLarge: string;
 };
 export default _default;

package/lib/transfer/styles/_common.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    extraFontSize: '12px',
-    width: '440px'
+    extraFontSizeSmall: '12px',
+    extraFontSizeMedium: '12px',
+    extraFontSizeLarge: '14px',
+    titleFontSizeSmall: '14px',
+    titleFontSizeMedium: '16px',
+    titleFontSizeLarge: '16px',
+    closeSize: '20px',
+    closeIconSize: '16px',
+    headerHeightSmall: '44px',
+    headerHeightMedium: '44px',
+    headerHeightLarge: '50px'
 };

package/lib/transfer/styles/dark.js

@@ -21,12 +21,16 @@ const transferDark = {
         Button: styles_5.buttonDark
     },
     self(vars) {
-        const { iconColorDisabled, iconColor, fontWeight, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, heightSmall, borderRadius, inputColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, hoverColor } = vars;
-        return Object.assign(Object.assign({}, _common_1.default), { itemHeightSmall: heightSmall, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
+        const { fontWeight, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, borderRadius, inputColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, textColor3, hoverColor, closeColorHover, closeColorPressed, closeIconColor, closeIconColorHover, closeIconColorPressed, dividerColor } = vars;
+        return Object.assign(Object.assign({}, _common_1.default), { itemHeightSmall: heightMedium, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
             fontSizeMedium,
             fontSizeLarge,
-            borderRadius, borderColor: '#0000', listColor: inputColor, headerColor: tableHeaderColor, titleTextColor: textColor1, titleTextColorDisabled: textColorDisabled, extraTextColor: textColor2, filterDividerColor: '#0000', itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemColorPending: hoverColor, titleFontWeight: fontWeight, iconColor,
-            iconColorDisabled });
+            borderRadius,
+            dividerColor, borderColor: '#0000', listColor: inputColor, headerColor: tableHeaderColor, titleTextColor: textColor1, titleTextColorDisabled: textColorDisabled, extraTextColor: textColor3, extraTextColorDisabled: textColorDisabled, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemColorPending: hoverColor, titleFontWeight: fontWeight, closeColorHover,
+            closeColorPressed,
+            closeIconColor,
+            closeIconColorHover,
+            closeIconColorPressed });
     }
 };
 exports.default = transferDark;

package/lib/transfer/styles/light.d.ts

@@ -7,21 +7,34 @@ declare const self: (vars: ThemeCommonVars) => {
     fontSizeMedium: string;
     fontSizeLarge: string;
     borderRadius: string;
+    dividerColor: string;
     borderColor: string;
     listColor: string;
     headerColor: string;
     titleTextColor: string;
     titleTextColorDisabled: string;
     extraTextColor: string;
-    filterDividerColor: string;
+    extraTextColorDisabled: string;
     itemTextColor: string;
     itemTextColorDisabled: string;
     itemColorPending: string;
     titleFontWeight: string;
-    iconColor: string;
-    iconColorDisabled: string;
-    extraFontSize: string;
-    width: string;
+    closeColorHover: string;
+    closeColorPressed: string;
+    closeIconColor: string;
+    closeIconColorHover: string;
+    closeIconColorPressed: string;
+    extraFontSizeSmall: string;
+    extraFontSizeMedium: string;
+    extraFontSizeLarge: string;
+    titleFontSizeSmall: string;
+    titleFontSizeMedium: string;
+    titleFontSizeLarge: string;
+    closeSize: string;
+    closeIconSize: string;
+    headerHeightSmall: string;
+    headerHeightMedium: string;
+    headerHeightLarge: string;
 };
 export declare type TransferThemeVars = ReturnType<typeof self>;
 declare const transferLight: import("../../_mixins").Theme<"Transfer", {
@@ -32,21 +45,34 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
     fontSizeMedium: string;
     fontSizeLarge: string;
     borderRadius: string;
+    dividerColor: string;
     borderColor: string;
     listColor: string;
     headerColor: string;
     titleTextColor: string;
     titleTextColorDisabled: string;
     extraTextColor: string;
-    filterDividerColor: string;
+    extraTextColorDisabled: string;
     itemTextColor: string;
     itemTextColorDisabled: string;
     itemColorPending: string;
     titleFontWeight: string;
-    iconColor: string;
-    iconColorDisabled: string;
-    extraFontSize: string;
-    width: string;
+    closeColorHover: string;
+    closeColorPressed: string;
+    closeIconColor: string;
+    closeIconColorHover: string;
+    closeIconColorPressed: string;
+    extraFontSizeSmall: string;
+    extraFontSizeMedium: string;
+    extraFontSizeLarge: string;
+    titleFontSizeSmall: string;
+    titleFontSizeMedium: string;
+    titleFontSizeLarge: string;
+    closeSize: string;
+    closeIconSize: string;
+    headerHeightSmall: string;
+    headerHeightMedium: string;
+    headerHeightLarge: string;
 }, {
     Checkbox: import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;

package/lib/transfer/styles/light.js

@@ -13,13 +13,15 @@ const styles_4 = require("../../empty/styles");
 const styles_5 = require("../../button/styles");
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
-    const { fontWeight, iconColorDisabled, iconColor, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, heightSmall, borderRadius, cardColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, borderColor, hoverColor } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { itemHeightSmall: heightSmall, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
+    const { fontWeight, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, borderRadius, cardColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, textColor3, borderColor, hoverColor, closeColorHover, closeColorPressed, closeIconColor, closeIconColorHover, closeIconColorPressed } = vars;
+    return Object.assign(Object.assign({}, _common_1.default), { itemHeightSmall: heightMedium, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
         fontSizeMedium,
         fontSizeLarge,
-        borderRadius,
-        borderColor, listColor: cardColor, headerColor: (0, seemly_1.composite)(cardColor, tableHeaderColor), titleTextColor: textColor1, titleTextColorDisabled: textColorDisabled, extraTextColor: textColor2, filterDividerColor: borderColor, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemColorPending: hoverColor, titleFontWeight: fontWeight, iconColor,
-        iconColorDisabled });
+        borderRadius, dividerColor: borderColor, borderColor, listColor: cardColor, headerColor: (0, seemly_1.composite)(cardColor, tableHeaderColor), titleTextColor: textColor1, titleTextColorDisabled: textColorDisabled, extraTextColor: textColor3, extraTextColorDisabled: textColorDisabled, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemColorPending: hoverColor, titleFontWeight: fontWeight, closeColorHover,
+        closeColorPressed,
+        closeIconColor,
+        closeIconColorHover,
+        closeIconColorPressed });
 };
 const transferLight = (0, _mixins_1.createTheme)({
     name: 'Transfer',

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

@@ -835,6 +835,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     fNodes: import("vue").ComputedRef<({
         key: import("treemate").Key;
         rawNode: {

package/lib/tree/src/Tree.js

@@ -144,7 +144,8 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Tree', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Tree', '-tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
         const selfElRef = (0, vue_1.ref)(null);
         const scrollbarInstRef = (0, vue_1.ref)(null);
@@ -428,19 +429,22 @@ exports.default = (0, vue_1.defineComponent)({
             if (addedKey !== null) {
                 const expandedNodeIndex = afNodesRef.value.findIndex((node) => node.key === addedKey);
                 if (~expandedNodeIndex) {
-                    const expandedChildren = (0, treemate_1.flatten)(
-                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    afNodesRef.value[expandedNodeIndex].children, value);
-                    afNodesRef.value.splice(expandedNodeIndex + 1, 0, {
-                        __motion: true,
-                        mode: 'expand',
-                        height: virtualScroll
-                            ? expandedChildren.length * ITEM_SIZE
-                            : undefined,
-                        nodes: virtualScroll
-                            ? expandedChildren.slice(0, viewportItemCount)
-                            : expandedChildren
-                    });
+                    const children = // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                     afNodesRef.value[expandedNodeIndex].children;
+                    // sometimes user will pass leaf keys in
+                    if (children) {
+                        const expandedChildren = (0, treemate_1.flatten)(children, value);
+                        afNodesRef.value.splice(expandedNodeIndex + 1, 0, {
+                            __motion: true,
+                            mode: 'expand',
+                            height: virtualScroll
+                                ? expandedChildren.length * ITEM_SIZE
+                                : undefined,
+                            nodes: virtualScroll
+                                ? expandedChildren.slice(0, viewportItemCount)
+                                : expandedChildren
+                        });
+                    }
                 }
             }
             if (removedKey !== null) {
@@ -1100,6 +1104,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
+            rtlEnabled: rtlEnabledRef,
             fNodes: mergedFNodesRef,
             aip: aipRef,
             selfElRef,
@@ -1124,11 +1129,12 @@ exports.default = (0, vue_1.defineComponent)({
         if (!fNodes.length && internalRenderEmpty) {
             return internalRenderEmpty();
         }
-        const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeydown, handleFocusout } = this;
+        const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeydown, rtlEnabled, handleFocusout } = this;
         const mergedFocusable = internalFocusable && !disabled;
         const tabindex = mergedFocusable ? '0' : undefined;
         const treeClass = [
             `${mergedClsPrefix}-tree`,
+            rtlEnabled && `${mergedClsPrefix}-tree--rtl`,
             checkable && `${mergedClsPrefix}-tree--checkable`,
             (blockLine || blockNode) && `${mergedClsPrefix}-tree--block-node`,
             blockLine && `${mergedClsPrefix}-tree--block-line`

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

@@ -21,6 +21,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     expanded: import("vue").ComputedRef<boolean>;
     disabled: import("vue").ComputedRef<boolean>;
     checkable: import("vue").ComputedRef<boolean>;
+    mergedCheckOnClick: import("vue").ComputedRef<boolean>;
     checkboxDisabled: import("vue").ComputedRef<boolean>;
     selectable: import("vue").ComputedRef<boolean>;
     expandOnClick: import("vue").Ref<boolean>;

package/lib/tree/src/TreeNode.js

@@ -92,7 +92,8 @@ const TreeNode = (0, vue_1.defineComponent)({
         function _handleClick(e) {
             const { value: expandOnClick } = NTree.expandOnClickRef;
             const { value: selectable } = selectableRef;
-            if (!selectable && !expandOnClick)
+            const { value: mergedCheckOnClick } = mergedCheckOnClickRef;
+            if (!selectable && !expandOnClick && !mergedCheckOnClick)
                 return;
             if ((0, seemly_1.happensIn)(e, 'checkbox') || (0, seemly_1.happensIn)(e, 'switcher'))
                 return;
@@ -103,7 +104,7 @@ const TreeNode = (0, vue_1.defineComponent)({
             if (expandOnClick && !tmNode.isLeaf) {
                 handleSwitcherClick();
             }
-            if (mergedCheckOnClickRef.value) {
+            if (mergedCheckOnClick) {
                 handleCheck(!checkedRef.value);
             }
         }
@@ -215,6 +216,7 @@ const TreeNode = (0, vue_1.defineComponent)({
             expanded: (0, vooks_1.useMemo)(() => NTree.mergedExpandedKeysRef.value.includes(props.tmNode.key)),
             disabled: disabledRef,
             checkable: checkableRef,
+            mergedCheckOnClick: mergedCheckOnClickRef,
             checkboxDisabled: (0, vue_1.computed)(() => !!props.tmNode.rawNode.checkboxDisabled),
             selectable: selectableRef,
             expandOnClick: NTree.expandOnClickRef,
@@ -269,7 +271,7 @@ const TreeNode = (0, vue_1.defineComponent)({
                         [`${clsPrefix}-tree-node--pending`]: pending,
                         [`${clsPrefix}-tree-node--disabled`]: disabled,
                         [`${clsPrefix}-tree-node--selectable`]: selectable,
-                        [`${clsPrefix}-tree-node--clickable`]: selectable || expandOnClick
+                        [`${clsPrefix}-tree-node--clickable`]: selectable || expandOnClick || this.mergedCheckOnClick
                     },
                     nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class
                 ], "data-key": dataKey, draggable: draggable && blockLine, onClick: this.handleLineClick, onDragstart: draggable && blockLine && !disabled

package/lib/tree/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/lib/tree/src/styles/rtl.cssr.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.cB)('tree', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('tree-node-switcher', `
+ transform: rotate(180deg);
+ `, [(0, cssr_1.cM)('expanded', `
+ transform: rotate(90deg);
+ `)]), (0, cssr_1.cB)('tree-node-checkbox', `
+ margin-right: 0;
+ margin-left: 4px;
+ `), (0, cssr_1.cB)('tree-node-content', [(0, cssr_1.cE)('prefix', `
+ margin-right: 0;
+ margin-left: 8px;
+ `)]), (0, cssr_1.cB)('tree-node-checkbox', [(0, cssr_1.cM)('right', `
+ margin-right: 4px;
+ `)])])]);

package/lib/tree/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as treeDark } from './dark';
 export { default as treeLight } from './light';
+export { treeRtl } from './rtl';
 export type { TreeThemeVars, TreeTheme } from './light';

package/lib/tree/styles/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.treeLight = exports.treeDark = void 0;
+exports.treeRtl = exports.treeLight = exports.treeDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "treeLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "treeRtl", { enumerable: true, get: function () { return rtl_1.treeRtl; } });

package/lib/tree/styles/rtl.d.ts

@@ -0,0 +1,2 @@
+import type { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const treeRtl: RtlItem;

package/lib/tree/styles/rtl.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.treeRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.treeRtl = {
+    name: 'Tree',
+    style: rtl_cssr_1.default
+};

package/lib/upload/src/interface.d.ts

@@ -26,7 +26,7 @@ export declare type OnChange = (data: {
 export declare type OnFinish = ({ file, event }: {
     file: SettledFileInfo;
     event?: ProgressEvent;
-}) => FileInfo | undefined;
+}) => FileInfo | undefined | void;
 export declare type OnRemove = (data: {
     file: SettledFileInfo;
     fileList: SettledFileInfo[];
@@ -115,7 +115,7 @@ export declare type CustomRequest = (options: CustomRequestOptions) => void;
 export declare type OnError = ({ file, event }: {
     file: SettledFileInfo;
     event?: ProgressEvent;
-}) => FileInfo | undefined;
+}) => FileInfo | undefined | void;
 export interface FileAndEntry {
     file: File;
     entry: FileSystemFileEntry | null;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.31.0";
+declare const _default: "2.32.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.31.0';
+exports.default = '2.32.0';

package/lib/watermark/src/Watermark.d.ts

@@ -77,6 +77,10 @@ export declare const watermarkProps: {
         readonly type: NumberConstructor;
         readonly default: 14;
     };
+    readonly globalRotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Watermark", {
         fontFamily: string;
     }, unknown>>;
@@ -165,6 +169,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 14;
     };
+    readonly globalRotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Watermark", {
         fontFamily: string;
     }, unknown>>;
@@ -251,6 +259,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 14;
     };
+    readonly globalRotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Watermark", {
         fontFamily: string;
     }, unknown>>;
@@ -281,5 +293,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly xOffset: number;
     readonly imageOpacity: number;
     readonly fontColor: string;
+    readonly globalRotate: number;
 }>;
 export default _default;