naive-ui 2.31.0 → 2.32.0

package/lib/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/lib/dialog/src/DialogEnvironment.js

@@ -11,7 +11,7 @@ const Modal_1 = __importDefault(require("../../modal/src/Modal"));
 const _utils_1 = require("../../_utils");
 const Dialog_1 = require("./Dialog");
 const dialogProps_1 = require("./dialogProps");
-exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, autoFocus: {
+exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
         type: Boolean,
         default: true
     }, internalStyle: [String, Object], maskClosable: {
@@ -80,6 +80,12 @@ exports.NDialogEnvironment = (0, vue_1.defineComponent)({
                 maskClosable && hide();
             }
         }
+        function handleEsc() {
+            const { onEsc } = props;
+            if (onEsc) {
+                onEsc();
+            }
+        }
         function hide() {
             showRef.value = false;
         }
@@ -94,12 +100,13 @@ exports.NDialogEnvironment = (0, vue_1.defineComponent)({
             handleCloseClick,
             handleNegativeClick,
             handlePositiveClick,
-            handleMaskClick
+            handleMaskClick,
+            handleEsc
         };
     },
     render() {
-        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, to, maskClosable, show } = this;
-        return ((0, vue_1.h)(Modal_1.default, { 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 ((0, vue_1.h)(Modal_1.default, { 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: () => ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }

package/lib/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/lib/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/lib/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/lib/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/lib/input/src/Input.js

@@ -587,6 +587,16 @@ exports.default = (0, vue_1.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) {
@@ -663,7 +673,8 @@ exports.default = (0, vue_1.defineComponent)({
             blur,
             select,
             deactivate,
-            activate
+            activate,
+            scrollTo
         };
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Input', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
@@ -764,7 +775,7 @@ exports.default = (0, vue_1.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 ((0, vue_1.h)("div", { ref: "wrapperElRef", class: [
@@ -774,10 +785,10 @@ exports.default = (0, vue_1.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
@@ -787,7 +798,7 @@ exports.default = (0, vue_1.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 },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-input-wrapper` },
                 (0, _utils_1.resolveWrappedSlot)($slots.prefix, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
-                this.type === 'textarea' ? ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true }, {
+                type === 'textarea' ? ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
                     default: () => {
                         var _a, _b;
                         const { textAreaScrollContainerWidth } = this;
@@ -816,11 +827,11 @@ exports.default = (0, vue_1.defineComponent)({
                             })) : null));
                     }
                 })) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__input` },
-                    (0, vue_1.h)("input", Object.assign({ type: this.type === 'password' &&
+                    (0, vue_1.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: [
@@ -879,6 +890,6 @@ exports.default = (0, vue_1.defineComponent)({
                 }))) : null,
             this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__border` })) : null,
             this.mergedBordered ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__state-border` })) : null,
-            this.showCount && this.type === 'textarea' ? ((0, vue_1.h)(WordCount_1.default, null, { default: (props) => { var _a; return (_a = $slots.count) === null || _a === void 0 ? void 0 : _a.call($slots, props); } })) : null));
+            this.showCount && type === 'textarea' ? ((0, vue_1.h)(WordCount_1.default, null, { default: (props) => { var _a; return (_a = $slots.count) === null || _a === void 0 ? void 0 : _a.call($slots, props); } })) : null));
     }
 });

package/lib/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/lib/input/src/styles/input.cssr.js

@@ -136,13 +136,8 @@ exports.default = (0, cssr_1.cB)('input', `
  `), (0, cssr_1.cM)('resizable', [(0, cssr_1.cB)('input-wrapper', `
  resize: vertical;
  min-height: var(--n-height);
- `)]), // override scrollbar relative position
-(0, cssr_1.cE)('textarea', `
- position: static;
- `), (0, cssr_1.cE)('textarea-el, textarea-mirror, placeholder', `
+ `)]), (0, cssr_1.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/lib/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/lib/input-number/src/InputNumber.js

@@ -395,6 +395,8 @@ exports.default = (0, vue_1.defineComponent)({
             }, HOLDING_CHANGE_THRESHOLD);
             (0, evtd_1.on)('mouseup', document, () => {
                 window.setTimeout(clearMinusHoldTimeout, 0);
+            }, {
+                once: true
             });
         }
         let firstAddMousedownId = null;
@@ -406,6 +408,8 @@ exports.default = (0, vue_1.defineComponent)({
             }, HOLDING_CHANGE_THRESHOLD);
             (0, evtd_1.on)('mouseup', document, () => {
                 window.setTimeout(clearAddHoldTimeout, 0);
+            }, {
+                once: true
             });
         }
         const handleAddClick = () => {

package/lib/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/lib/legacy-grid/src/Row.js

@@ -23,8 +23,9 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Row',
     props: exports.rowProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         (0, _mixins_1.useStyle)('-legacy-grid', index_cssr_1.default, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Row', mergedRtlRef, mergedClsPrefixRef);
         const verticalGutterRef = (0, vooks_1.useMemo)(() => {
             const { gutter } = props;
             if (Array.isArray(gutter)) {
@@ -47,6 +48,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef,
             styleMargin: (0, vooks_1.useMemo)(() => `-${(0, _utils_1.formatLength)(verticalGutterRef.value, {
                 c: 0.5
             })} -${(0, _utils_1.formatLength)(horizontalGutterRef.value, { c: 0.5 })}`),
@@ -54,7 +56,10 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        return ((0, vue_1.h)("div", { class: `${this.mergedClsPrefix}-row`, style: {
+        return ((0, vue_1.h)("div", { class: [
+                `${this.mergedClsPrefix}-row`,
+                this.rtlEnabled && `${this.mergedClsPrefix}-row--rtl`
+            ], style: {
                 margin: this.styleMargin,
                 width: this.styleWidth,
                 alignItems: this.alignItems,

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+const positionStyles = Array.apply(null, {
+  length: 24
+}).map((_, index) => {
+  const prefixIndex = index + 1;
+  const percent = `calc(100% / 24 * ${prefixIndex})`;
+  return [(0, cssr_1.cM)(`${prefixIndex}-span`, {
+    width: percent
+  }), (0, cssr_1.cM)(`${prefixIndex}-offset`, {
+    marginLeft: percent
+  }), (0, cssr_1.cM)(`${prefixIndex}-push`, {
+    right: percent,
+    left: 'unset'
+  }), (0, cssr_1.cM)(`${prefixIndex}-pull`, {
+    left: percent,
+    right: 'unset'
+  })];
+});
+exports.default = (0, cssr_1.cB)('row', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ `, [(0, cssr_1.cB)('col', positionStyles)])]);

package/lib/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/lib/legacy-grid/styles/dark.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../../_styles/common");
+const rowDark = {
+    name: 'Row',
+    common: common_1.commonDark
+};
+exports.default = rowDark;

package/lib/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/lib/legacy-grid/styles/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rowRtl = exports.rowDark = exports.rowLight = void 0;
+var light_1 = require("./light");
+Object.defineProperty(exports, "rowLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "rowDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "rowRtl", { enumerable: true, get: function () { return rtl_1.rowRtl; } });

package/lib/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/lib/legacy-grid/styles/light.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../../_styles/common");
+const rowLight = {
+    name: 'Row',
+    common: common_1.commonLight
+};
+exports.default = rowLight;

package/lib/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/lib/legacy-grid/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.rowRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.rowRtl = {
+    name: 'Row',
+    style: rtl_cssr_1.default
+};

package/lib/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/lib/legacy-transfer/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.legacyTransferProps = exports.NLegacyTransfer = void 0;
+var Transfer_1 = require("./src/Transfer");
+Object.defineProperty(exports, "NLegacyTransfer", { enumerable: true, get: function () { return __importDefault(Transfer_1).default; } });
+Object.defineProperty(exports, "legacyTransferProps", { enumerable: true, get: function () { return Transfer_1.transferProps; } });