naive-ui 2.31.0 → 2.32.0

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

@@ -1,145 +1,69 @@
 import { ref, computed, toRef } from 'vue';
-import { useMemo, useMergedState } from 'vooks';
+import { useMergedState } from 'vooks';
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function useTransferData(props, mergedDisabledRef) {
+export function useTransferData(props) {
     const uncontrolledValueRef = ref(props.defaultValue);
-    const controlledValueRef = toRef(props, 'value');
-    const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
-    const optMapRef = computed(() => {
+    const mergedValueRef = useMergedState(toRef(props, 'value'), uncontrolledValueRef);
+    const optionsMapRef = computed(() => {
         const map = new Map();
         (props.options || []).forEach((opt) => map.set(opt.value, opt));
         return map;
     });
-    const tgtValueSetRef = computed(() => new Set(mergedValueRef.value || []));
-    const srcOptsRef = computed(() => props.options.filter((option) => !tgtValueSetRef.value.has(option.value)));
-    const tgtOptsRef = computed(() => {
-        const optMap = optMapRef.value;
-        return (mergedValueRef.value || []).map((v) => optMap.get(v));
+    const targetValueSetRef = computed(() => new Set(mergedValueRef.value || []));
+    const targetOptionsRef = computed(() => {
+        const optionMap = optionsMapRef.value;
+        return (mergedValueRef.value || []).map((v) => optionMap.get(v));
     });
     const srcPatternRef = ref('');
-    const tgtPatternRef = ref('');
-    const filteredSrcOptsRef = computed(() => {
+    const filteredSrcOptionsRef = 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 = computed(() => {
-        if (!props.filterable)
-            return tgtOptsRef.value;
-        const { filter } = props;
-        return tgtOptsRef.value.filter((opt) => filter(tgtPatternRef.value, opt, 'target'));
+    const mergedValueSetRef = computed(() => {
+        const { value } = mergedValueRef;
+        if (value === null)
+            return new Set();
+        return new Set(value);
     });
-    const avlSrcValueSetRef = computed(() => new Set(filteredSrcOptsRef.value
-        .filter((opt) => !opt.disabled)
-        .map((opt) => opt.value)));
-    const avlTgtValueSetRef = computed(() => new Set(filteredTgtOptsRef.value
-        .filter((opt) => !opt.disabled)
-        .map((opt) => opt.value)));
-    const srcCheckedValuesRef = ref([]);
-    const tgtCheckedValuesRef = ref([]);
-    const srcCheckedStatusRef = 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 = computed(() => {
+        const mergedValueSet = mergedValueSetRef.value;
+        return new Set(filteredSrcOptionsRef.value
+            .filter((option) => !option.disabled || mergedValueSet.has(option.value))
+            .map((option) => option.value));
     });
-    const tgtCheckedStatusRef = 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 = computed(() => new Set(targetOptionsRef.value
+        .filter((option) => option.disabled)
+        .map((option) => option.value)));
+    const canNotSelectAnythingRef = computed(() => {
+        return filteredSrcOptionsRef.value.every((option) => option.disabled);
     });
-    const fromButtonDisabledRef = useMemo(() => {
-        if (mergedDisabledRef.value)
-            return true;
-        return tgtCheckedValuesRef.value.length === 0;
+    const allCheckedRef = computed(() => {
+        if (!filteredSrcOptionsRef.value.length) {
+            return false;
+        }
+        const mergedValueSet = mergedValueSetRef.value;
+        return filteredSrcOptionsRef.value.every((option) => option.disabled || mergedValueSet.has(option.value));
     });
-    const toButtonDisabledRef = useMemo(() => {
-        if (mergedDisabledRef.value)
-            return true;
-        return srcCheckedValuesRef.value.length === 0;
+    const canBeClearedRef = computed(() => {
+        return targetOptionsRef.value.some((option) => !option.disabled);
     });
-    const isInputingRef = 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/es/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/es/transfer/styles/_common.js

@@ -1,4 +1,13 @@
 export 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/es/transfer/styles/dark.js

@@ -16,12 +16,16 @@ const transferDark = {
         Button: 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({}, commonVariables), { 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({}, commonVariables), { 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 });
     }
 };
 export default transferDark;

package/es/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/es/transfer/styles/light.js

@@ -8,13 +8,15 @@ import { emptyLight } from '../../empty/styles';
 import { buttonLight } from '../../button/styles';
 import { createTheme } from '../../_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({}, commonVariables), { 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({}, commonVariables), { itemHeightSmall: heightMedium, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
         fontSizeMedium,
         fontSizeLarge,
-        borderRadius,
-        borderColor, listColor: cardColor, headerColor: 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: 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 = createTheme({
     name: 'Transfer',

package/es/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/es/tree/src/Tree.js

@@ -14,7 +14,7 @@ import { useMergedState } from 'vooks';
 import { VVirtualList } from 'vueuc';
 import { getPadding } from 'seemly';
 import { treeSelectInjectionKey } from '../../tree-select/src/interface';
-import { useConfig, useTheme, useThemeClass } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass, useRtl } from '../../_mixins';
 import { call, createDataKey, resolveSlot, warn, warnOnce } from '../../_utils';
 import { NxScrollbar } from '../../_internal';
 import { treeLight } from '../styles';
@@ -137,7 +137,8 @@ export default defineComponent({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+        const rtlEnabledRef = useRtl('Tree', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = useTheme('Tree', '-tree', style, treeLight, props, mergedClsPrefixRef);
         const selfElRef = ref(null);
         const scrollbarInstRef = ref(null);
@@ -421,19 +422,22 @@ export default defineComponent({
             if (addedKey !== null) {
                 const expandedNodeIndex = afNodesRef.value.findIndex((node) => node.key === addedKey);
                 if (~expandedNodeIndex) {
-                    const expandedChildren = 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 = 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) {
@@ -1093,6 +1097,7 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
+            rtlEnabled: rtlEnabledRef,
             fNodes: mergedFNodesRef,
             aip: aipRef,
             selfElRef,
@@ -1117,11 +1122,12 @@ export default 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/es/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/es/tree/src/TreeNode.js

@@ -87,7 +87,8 @@ const TreeNode = 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 (happensIn(e, 'checkbox') || happensIn(e, 'switcher'))
                 return;
@@ -98,7 +99,7 @@ const TreeNode = defineComponent({
             if (expandOnClick && !tmNode.isLeaf) {
                 handleSwitcherClick();
             }
-            if (mergedCheckOnClickRef.value) {
+            if (mergedCheckOnClick) {
                 handleCheck(!checkedRef.value);
             }
         }
@@ -210,6 +211,7 @@ const TreeNode = defineComponent({
             expanded: useMemo(() => NTree.mergedExpandedKeysRef.value.includes(props.tmNode.key)),
             disabled: disabledRef,
             checkable: checkableRef,
+            mergedCheckOnClick: mergedCheckOnClickRef,
             checkboxDisabled: computed(() => !!props.tmNode.rawNode.checkboxDisabled),
             selectable: selectableRef,
             expandOnClick: NTree.expandOnClickRef,
@@ -264,7 +266,7 @@ const TreeNode = 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/es/tree/src/styles/rtl.cssr.d.ts

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

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

@@ -0,0 +1,17 @@
+import { cB, cM, cE } from '../../../_utils/cssr';
+export default cB('tree', [cM('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [cB('tree-node-switcher', `
+ transform: rotate(180deg);
+ `, [cM('expanded', `
+ transform: rotate(90deg);
+ `)]), cB('tree-node-checkbox', `
+ margin-right: 0;
+ margin-left: 4px;
+ `), cB('tree-node-content', [cE('prefix', `
+ margin-right: 0;
+ margin-left: 8px;
+ `)]), cB('tree-node-checkbox', [cM('right', `
+ margin-right: 4px;
+ `)])])]);

package/es/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/es/tree/styles/index.js

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

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

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

package/es/tree/styles/rtl.js

@@ -0,0 +1,5 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+export const treeRtl = {
+    name: 'Tree',
+    style: rtlStyle
+};

package/es/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/es/version.d.ts

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

package/es/version.js

@@ -1 +1 @@
-export default '2.31.0';
+export default '2.32.0';

package/es/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;