naive-ui 2.31.0 → 2.32.0

package/es/date-picker/src/panel/use-dual-calendar.js

@@ -234,16 +234,6 @@ function useDualCalendar(props, type) {
             }
         }
     }
-    function resetSelectingStatus(e) {
-        var _a, _b;
-        if (((_a = startDatesElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) ||
-            ((_b = endDatesElRef.value) === null || _b === void 0 ? void 0 : _b.contains(e.target))) {
-            // do nothing
-        }
-        else {
-            isSelectingRef.value = false;
-        }
-    }
     function syncCalendarTimeWithValue(value) {
         if (value === null)
             return;
@@ -642,7 +632,6 @@ function useDualCalendar(props, type) {
     };
     return Object.assign(Object.assign(Object.assign(Object.assign({ startDatesElRef,
         endDatesElRef,
-        resetSelectingStatus,
         handleDateClick,
         handleColItemClick,
         handleDateMouseEnter,

package/es/dialog/src/DialogEnvironment.d.ts

@@ -8,6 +8,7 @@ export declare const exposedDialogEnvProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly onEsc: PropType<() => void>;
     readonly autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -63,6 +64,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    onEsc: PropType<() => void>;
     autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -108,6 +110,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     handleNegativeClick: (e: MouseEvent) => void;
     handlePositiveClick: (e: MouseEvent) => void;
     handleMaskClick: (e: MouseEvent) => void;
+    handleEsc: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
@@ -126,6 +129,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    onEsc: PropType<() => void>;
     autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;

package/es/dialog/src/DialogEnvironment.js

@@ -5,7 +5,7 @@ import NModal from '../../modal/src/Modal';
 import { keep } from '../../_utils';
 import { NDialog } from './Dialog';
 import { dialogProps, dialogPropKeys } from './dialogProps';
-export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, autoFocus: {
+export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
         type: Boolean,
         default: true
     }, internalStyle: [String, Object], maskClosable: {
@@ -74,6 +74,12 @@ export const NDialogEnvironment = defineComponent({
                 maskClosable && hide();
             }
         }
+        function handleEsc() {
+            const { onEsc } = props;
+            if (onEsc) {
+                onEsc();
+            }
+        }
         function hide() {
             showRef.value = false;
         }
@@ -88,12 +94,13 @@ export const NDialogEnvironment = defineComponent({
             handleCloseClick,
             handleNegativeClick,
             handlePositiveClick,
-            handleMaskClick
+            handleMaskClick,
+            handleEsc
         };
     },
     render() {
-        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, to, maskClosable, show } = this;
-        return (h(NModal, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
+        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, handleEsc, to, maskClosable, show } = this;
+        return (h(NModal, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
             default: () => (h(NDialog, Object.assign({}, keep(this.$props, dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }

package/es/dialog/src/DialogProvider.d.ts

@@ -51,6 +51,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
         closable?: boolean | undefined;
+        onEsc?: (() => void) | undefined;
         onClose?: (() => unknown) | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         positiveButtonProps?: {

package/es/dynamic-tags/src/DynamicTags.d.ts

@@ -2260,6 +2260,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     localizedAdd: import("vue").ComputedRef<string>;
     inputSize: import("vue").ComputedRef<"small" | "medium" | "tiny">;

package/es/image/src/utils.d.ts

@@ -8,4 +8,4 @@ export declare const resolveOptionsAndHash: (options?: IntersectionObserverOptio
         root: Element | Document;
     };
 };
-export declare const observeIntersection: (el: HTMLImageElement | null, options: IntersectionObserverOptions | undefined, shouldStartLoadingRef: Ref<boolean>) => () => void;
+export declare const observeIntersection: (el: HTMLElement | null, options: IntersectionObserverOptions | undefined, shouldStartLoadingRef: Ref<boolean>) => () => void;

package/es/input/src/Input.d.ts

@@ -831,6 +831,7 @@ declare const _default: import("vue").DefineComponent<{
     select: () => void;
     activate: () => void;
     deactivate: () => void;
+    scrollTo: (options: ScrollToOptions) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
         type: PropType<boolean | undefined>;

package/es/input/src/Input.js

@@ -581,6 +581,16 @@ export default defineComponent({
                 handleWrapperKeydownEsc();
             }
         }
+        function scrollTo(options) {
+            if (props.type === 'textarea') {
+                const { value: textareaEl } = textareaElRef;
+                textareaEl === null || textareaEl === void 0 ? void 0 : textareaEl.scrollTo(options);
+            }
+            else {
+                const { value: inputEl } = inputElRef;
+                inputEl === null || inputEl === void 0 ? void 0 : inputEl.scrollTo(options);
+            }
+        }
         function syncMirror(value) {
             const { type, pair, autosize } = props;
             if (!pair && autosize) {
@@ -657,7 +667,8 @@ export default defineComponent({
             blur,
             select,
             deactivate,
-            activate
+            activate,
+            scrollTo
         };
         const rtlEnabledRef = useRtl('Input', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
@@ -758,7 +769,7 @@ export default defineComponent({
     },
     render() {
         var _a, _b;
-        const { mergedClsPrefix, mergedStatus, themeClass, onRender } = this;
+        const { mergedClsPrefix, mergedStatus, themeClass, type, onRender } = this;
         const $slots = this.$slots;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("div", { ref: "wrapperElRef", class: [
@@ -768,10 +779,10 @@ export default defineComponent({
                 {
                     [`${mergedClsPrefix}-input--rtl`]: this.rtlEnabled,
                     [`${mergedClsPrefix}-input--disabled`]: this.mergedDisabled,
-                    [`${mergedClsPrefix}-input--textarea`]: this.type === 'textarea',
+                    [`${mergedClsPrefix}-input--textarea`]: type === 'textarea',
                     [`${mergedClsPrefix}-input--resizable`]: this.resizable && !this.autosize,
                     [`${mergedClsPrefix}-input--autosize`]: this.autosize,
-                    [`${mergedClsPrefix}-input--round`]: this.round && !(this.type === 'textarea'),
+                    [`${mergedClsPrefix}-input--round`]: this.round && !(type === 'textarea'),
                     [`${mergedClsPrefix}-input--pair`]: this.pair,
                     [`${mergedClsPrefix}-input--focus`]: this.mergedFocus,
                     [`${mergedClsPrefix}-input--stateful`]: this.stateful
@@ -781,7 +792,7 @@ export default defineComponent({
                 : undefined, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, onClick: this.handleClick, onMousedown: this.handleMouseDown, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onCompositionstart: this.handleCompositionStart, onCompositionend: this.handleCompositionEnd, onKeyup: this.onKeyup, onKeydown: this.handleWrapperKeydown },
             h("div", { class: `${mergedClsPrefix}-input-wrapper` },
                 resolveWrappedSlot($slots.prefix, (children) => children && (h("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
-                this.type === 'textarea' ? (h(NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true }, {
+                type === 'textarea' ? (h(NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
                     default: () => {
                         var _a, _b;
                         const { textAreaScrollContainerWidth } = this;
@@ -810,11 +821,11 @@ export default defineComponent({
                             })) : null));
                     }
                 })) : (h("div", { class: `${mergedClsPrefix}-input__input` },
-                    h("input", Object.assign({ type: this.type === 'password' &&
+                    h("input", Object.assign({ type: type === 'password' &&
                             this.mergedShowPasswordOn &&
                             this.passwordVisible
                             ? 'text'
-                            : this.type }, this.inputProps, { ref: "inputElRef", class: [
+                            : type }, this.inputProps, { ref: "inputElRef", class: [
                             `${mergedClsPrefix}-input__input-el`,
                             (_a = this.inputProps) === null || _a === void 0 ? void 0 : _a.class
                         ], style: [
@@ -873,6 +884,6 @@ export default defineComponent({
                 }))) : null,
             this.mergedBordered ? (h("div", { class: `${mergedClsPrefix}-input__border` })) : null,
             this.mergedBordered ? (h("div", { class: `${mergedClsPrefix}-input__state-border` })) : null,
-            this.showCount && this.type === 'textarea' ? (h(WordCount, null, { default: (props) => { var _a; return (_a = $slots.count) === null || _a === void 0 ? void 0 : _a.call($slots, props); } })) : null));
+            this.showCount && type === 'textarea' ? (h(WordCount, null, { default: (props) => { var _a; return (_a = $slots.count) === null || _a === void 0 ? void 0 : _a.call($slots, props); } })) : null));
     }
 });

package/es/input/src/interface.d.ts

@@ -12,6 +12,7 @@ export interface InputWrappedRef {
     select: () => void;
     activate: () => void;
     deactivate: () => void;
+    scrollTo: (options: ScrollToOptions) => void;
 }
 export declare type InputInst = UnwrapRef<InputWrappedRef>;
 export declare const inputInjectionKey: import("vue").InjectionKey<{

package/es/input/src/styles/input.cssr.js

@@ -129,13 +129,8 @@ cM('textarea', 'width: 100%;', [cB('input-word-count', `
  `), cM('resizable', [cB('input-wrapper', `
  resize: vertical;
  min-height: var(--n-height);
- `)]), // override scrollbar relative position
-cE('textarea', `
- position: static;
- `), cE('textarea-el, textarea-mirror, placeholder', `
+ `)]), cE('textarea-el, textarea-mirror, placeholder', `
  height: 100%;
- left: var(--n-padding-left);
- right: var(--n-padding-right);
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--n-padding-vertical);

package/es/input-number/src/InputNumber.d.ts

@@ -1742,6 +1742,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     minusButtonInstRef: import("vue").Ref<{
         $el: HTMLElement;

package/es/input-number/src/InputNumber.js

@@ -389,6 +389,8 @@ export default defineComponent({
             }, HOLDING_CHANGE_THRESHOLD);
             on('mouseup', document, () => {
                 window.setTimeout(clearMinusHoldTimeout, 0);
+            }, {
+                once: true
             });
         }
         let firstAddMousedownId = null;
@@ -400,6 +402,8 @@ export default defineComponent({
             }, HOLDING_CHANGE_THRESHOLD);
             on('mouseup', document, () => {
                 window.setTimeout(clearAddHoldTimeout, 0);
+            }, {
+                once: true
             });
         }
         const handleAddClick = () => {

package/es/legacy-grid/src/Row.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly justifyContent: StringConstructor;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     styleMargin: import("vue").ComputedRef<string>;
     styleWidth: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/legacy-grid/src/Row.js

@@ -1,7 +1,7 @@
 import { defineComponent, h, provide, toRef } from 'vue';
 import { useMemo } from 'vooks';
 import { createInjectionKey, formatLength, keysOf } from '../../_utils';
-import { useConfig, useStyle } from '../../_mixins';
+import { useConfig, useStyle, useRtl } from '../../_mixins';
 import style from './styles/index.cssr';
 export const rowInjectionKey = createInjectionKey('n-row');
 export const rowProps = {
@@ -17,8 +17,9 @@ export default defineComponent({
     name: 'Row',
     props: rowProps,
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
         useStyle('-legacy-grid', style, mergedClsPrefixRef);
+        const rtlEnabledRef = useRtl('Row', mergedRtlRef, mergedClsPrefixRef);
         const verticalGutterRef = useMemo(() => {
             const { gutter } = props;
             if (Array.isArray(gutter)) {
@@ -41,6 +42,7 @@ export default defineComponent({
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef,
             styleMargin: useMemo(() => `-${formatLength(verticalGutterRef.value, {
                 c: 0.5
             })} -${formatLength(horizontalGutterRef.value, { c: 0.5 })}`),
@@ -48,7 +50,10 @@ export default defineComponent({
         };
     },
     render() {
-        return (h("div", { class: `${this.mergedClsPrefix}-row`, style: {
+        return (h("div", { class: [
+                `${this.mergedClsPrefix}-row`,
+                this.rtlEnabled && `${this.mergedClsPrefix}-row--rtl`
+            ], style: {
                 margin: this.styleMargin,
                 width: this.styleWidth,
                 alignItems: this.alignItems,

package/es/legacy-grid/src/styles/rtl.cssr.d.ts

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

package/es/legacy-grid/src/styles/rtl.cssr.js

@@ -0,0 +1,21 @@
+import { cB, cM } from '../../../_utils/cssr';
+const positionStyles = Array.apply(null, {
+  length: 24
+}).map((_, index) => {
+  const prefixIndex = index + 1;
+  const percent = `calc(100% / 24 * ${prefixIndex})`;
+  return [cM(`${prefixIndex}-span`, {
+    width: percent
+  }), cM(`${prefixIndex}-offset`, {
+    marginLeft: percent
+  }), cM(`${prefixIndex}-push`, {
+    right: percent,
+    left: 'unset'
+  }), cM(`${prefixIndex}-pull`, {
+    left: percent,
+    right: 'unset'
+  })];
+});
+export default cB('row', [cM('rtl', `
+ direction: rtl;
+ `, [cB('col', positionStyles)])]);

package/es/legacy-grid/styles/dark.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../../_mixins';
+declare const rowDark: Theme<'Row'>;
+export default rowDark;
+export declare type RowTheme = typeof rowDark;

package/es/legacy-grid/styles/dark.js

@@ -0,0 +1,6 @@
+import { commonDark } from '../../_styles/common';
+const rowDark = {
+    name: 'Row',
+    common: commonDark
+};
+export default rowDark;

package/es/legacy-grid/styles/index.d.ts

@@ -0,0 +1,4 @@
+export { default as rowLight } from './light';
+export { default as rowDark } from './dark';
+export { rowRtl } from './rtl';
+export type { RowTheme } from './light';

package/es/legacy-grid/styles/index.js

@@ -0,0 +1,3 @@
+export { default as rowLight } from './light';
+export { default as rowDark } from './dark';
+export { rowRtl } from './rtl';

package/es/legacy-grid/styles/light.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../../_mixins';
+declare const rowLight: Theme<'Row'>;
+export default rowLight;
+export declare type RowTheme = typeof rowLight;

package/es/legacy-grid/styles/light.js

@@ -0,0 +1,6 @@
+import { commonLight } from '../../_styles/common';
+const rowLight = {
+    name: 'Row',
+    common: commonLight
+};
+export default rowLight;

package/es/legacy-grid/styles/rtl.d.ts

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

package/es/legacy-grid/styles/rtl.js

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

package/es/legacy-transfer/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NLegacyTransfer, transferProps as legacyTransferProps } from './src/Transfer';
+export type { transferProps as LegacyTransferProps } from './src/Transfer';
+export type { Option as LegacyTransferOption } from './src/interface';

package/es/legacy-transfer/index.js

@@ -0,0 +1 @@
+export { default as NLegacyTransfer, transferProps as legacyTransferProps } from './src/Transfer';