naive-ui 2.24.4 → 2.25.0

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

@@ -40,7 +40,7 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // ...form item vars
 
 
-exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input', `
+exports.default = (0, cssr_1.cB)('input', `
  max-width: 100%;
  cursor: text;
  line-height: 1.5;
@@ -54,7 +54,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input', `
  transition: background-color .3s var(--n-bezier);
  font-size: var(--n-font-size);
  --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
- `, [// common
+`, [// common
 (0, cssr_1.cE)('input, textarea', `
  overflow: hidden;
  flex-grow: 1;
@@ -153,6 +153,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input', `
  line-height: var(--n-line-height-textarea);
  margin: 0;
  resize: none;
+ white-space: pre-wrap;
  `), (0, cssr_1.cE)('textarea-mirror', `
  pointer-events: none;
  overflow: hidden;
@@ -247,7 +248,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input', `
  transition: color .3s var(--n-bezier);
  margin-left: 4px;
  font-variant: tabular-nums;
- `)]), ['warning', 'error'].map(status => (0, cssr_1.insideFormItem)(status, (0, cssr_1.cB)('input', [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cB)('base-loading', `
+ `), ['warning', 'error'].map(status => (0, cssr_1.cM)(`${status}-status`, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cB)('base-loading', `
  color: var(--n-loading-color-${status})
  `), (0, cssr_1.cE)('input-el, textarea-el', `
  caret-color: var(--n-caret-color-${status});
@@ -265,4 +266,4 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input', `
  `, [(0, cssr_1.cE)('state-border', `
  box-shadow: var(--n-box-shadow-focus-${status});
  border: var(--n-border-focus-${status});
- `)])])])))]);
+ `)])])]))]);

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue } from './interface';
 declare const inputNumberProps: {
     loading: {
@@ -1748,6 +1748,7 @@ declare const _default: import("vue").DefineComponent<{
     displayedValue: import("vue").Ref<string>;
     addable: import("vue").ComputedRef<boolean>;
     minusable: import("vue").ComputedRef<boolean>;
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     handleFocus: (e: FocusEvent) => void;
     handleBlur: (e: FocusEvent) => void;
     handleClear: (e: MouseEvent) => void;
@@ -3016,8 +3017,8 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     step: string | number;
     onChange: MaybeArray<OnUpdateValue> | undefined;
-    loading: boolean;
     bordered: boolean | undefined;
+    loading: boolean;
     clearable: boolean;
     defaultValue: number | null;
     keyboard: {

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

@@ -56,10 +56,10 @@ exports.default = (0, vue_1.defineComponent)({
     props: inputNumberProps,
     setup(props) {
         const { mergedBorderedRef, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('InputNumber', 'InputNumber', input_number_cssr_1.default, styles_1.inputNumberLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('InputNumber', '-input-number', input_number_cssr_1.default, styles_1.inputNumberLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('InputNumber');
         const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef, mergedDisabledRef } = formItem;
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         // dom ref
         const inputInstRef = (0, vue_1.ref)(null);
         const minusButtonInstRef = (0, vue_1.ref)(null);
@@ -348,7 +348,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         return Object.assign(Object.assign({}, exposedMethods), { inputInstRef,
             minusButtonInstRef,
-            addButtonInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, mergedPlaceholder: mergedPlaceholderRef, displayedValueInvalid: displayedValueInvalidRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, displayedValue: displayedValueRef, addable: addableRef, minusable: minusableRef, handleFocus,
+            addButtonInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, mergedPlaceholder: mergedPlaceholderRef, displayedValueInvalid: displayedValueInvalidRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, displayedValue: displayedValueRef, addable: addableRef, minusable: minusableRef, mergedStatus: mergedStatusRef, handleFocus,
             handleBlur,
             handleClear,
             handleMouseDown,
@@ -373,24 +373,26 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input-number` },
-            (0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", bordered: this.mergedBordered, loading: this.loading, value: this.displayedValue, onUpdateValue: this.handleUpdateDisplayedValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, builtinThemeOverrides: this.inputThemeOverrides, size: this.mergedSize, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, readonly: this.readonly, textDecoration: this.displayedValueInvalid ? 'line-through' : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onClear: this.handleClear, clearable: this.clearable, internalLoadingBeforeSuffix: true }, {
-                _: 2,
-                prefix: this.$slots.prefix,
-                suffix: this.showButton
-                    ? () => [
-                        this.$slots.suffix && ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-input-number-suffix` }, { default: this.$slots.suffix })),
-                        (0, vue_1.h)(button_1.NButton, { text: true, disabled: !this.minusable || this.mergedDisabled || this.readonly, focusable: false, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleMinusClick, ref: "minusButtonInstRef" }, {
-                            default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
-                                default: () => (0, vue_1.h)(icons_1.RemoveIcon, null)
-                            }))
-                        }),
-                        (0, vue_1.h)(button_1.NButton, { text: true, disabled: !this.addable || this.mergedDisabled || this.readonly, focusable: false, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleAddClick, ref: "addButtonInstRef" }, {
-                            default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
-                                default: () => (0, vue_1.h)(icons_1.AddIcon, null)
-                            }))
-                        })
-                    ]
-                    : this.$slots.suffix
+            (0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", status: this.mergedStatus, bordered: this.mergedBordered, loading: this.loading, value: this.displayedValue, onUpdateValue: this.handleUpdateDisplayedValue, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, builtinThemeOverrides: this.inputThemeOverrides, size: this.mergedSize, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, readonly: this.readonly, textDecoration: this.displayedValueInvalid ? 'line-through' : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onClear: this.handleClear, clearable: this.clearable, internalLoadingBeforeSuffix: true }, {
+                prefix: () => { var _a, _b; return (_b = (_a = this.$slots).prefix) === null || _b === void 0 ? void 0 : _b.call(_a); },
+                suffix: () => {
+                    var _a, _b;
+                    return this.showButton
+                        ? [
+                            this.$slots.suffix && ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-input-number-suffix` }, { default: this.$slots.suffix })),
+                            (0, vue_1.h)(button_1.NButton, { text: true, disabled: !this.minusable || this.mergedDisabled || this.readonly, focusable: false, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleMinusClick, ref: "minusButtonInstRef" }, {
+                                default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                                    default: () => (0, vue_1.h)(icons_1.RemoveIcon, null)
+                                }))
+                            }),
+                            (0, vue_1.h)(button_1.NButton, { text: true, disabled: !this.addable || this.mergedDisabled || this.readonly, focusable: false, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleAddClick, ref: "addButtonInstRef" }, {
+                                default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                                    default: () => (0, vue_1.h)(icons_1.AddIcon, null)
+                                }))
+                            })
+                        ]
+                        : (_b = (_a = this.$slots).suffix) === null || _b === void 0 ? void 0 : _b.call(_a);
+                }
             })));
     }
 });

package/lib/layout/src/Layout.js

@@ -40,7 +40,7 @@ function createLayoutComponent(isContent) {
             const scrollableElRef = (0, vue_1.ref)(null);
             const scrollbarInstRef = (0, vue_1.ref)(null);
             const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-            const themeRef = (0, _mixins_1.useTheme)('Layout', 'Layout', layout_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+            const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout', layout_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
             function scrollTo(options, y) {
                 if (props.nativeScrollbar) {
                     const { value: scrollableEl } = scrollableElRef;

package/lib/layout/src/LayoutFooter.js

@@ -14,7 +14,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: layoutFooterProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Layout', 'LayoutFooter', layout_footer_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-footer', layout_footer_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/layout/src/LayoutHeader.js

@@ -21,7 +21,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), headerProps),
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Layout', 'LayoutHeader', layout_header_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-header', layout_header_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/layout/src/LayoutSider.js

@@ -140,7 +140,7 @@ exports.default = (0, vue_1.defineComponent)({
             collapseModeRef: (0, vue_1.toRef)(props, 'collapseMode')
         });
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Layout', 'LayoutSider', layout_sider_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-sider', layout_sider_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);
         function handleTransitionend(e) {
             var _a, _b;
             if (e.propertyName === 'max-width') {

package/lib/legacy-grid/src/Col.js

@@ -1,14 +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.colPropKeys = exports.colProps = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const _mixins_1 = require("../../_mixins");
 const Row_1 = require("./Row");
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.colProps = {
     span: {
         type: [String, Number],
@@ -32,7 +27,6 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Col',
     props: exports.colProps,
     setup(props) {
-        (0, _mixins_1.useStyle)('Grid', index_cssr_1.default);
         const NRow = (0, vue_1.inject)(Row_1.rowInjectionKey, null);
         if (!NRow)
             (0, _utils_1.throwError)('col', '`n-col` must be placed inside `n-row`.');

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

@@ -24,7 +24,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.rowProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        (0, _mixins_1.useStyle)('LegacyGrid', index_cssr_1.default, mergedClsPrefixRef);
+        (0, _mixins_1.useStyle)('-legacy-grid', index_cssr_1.default, mergedClsPrefixRef);
         const verticalGutterRef = (0, vooks_1.useMemo)(() => {
             const { gutter } = props;
             if (Array.isArray(gutter)) {

package/lib/list/src/List.js

@@ -22,7 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: listProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('List', 'List', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('List', '-list', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.listInjectionKey, {
             mergedClsPrefixRef
         });

package/lib/loading-bar/src/LoadingBar.js

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
-const LoadingBarProvider_1 = require("./LoadingBarProvider");
+const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 function createClassName(status, clsPrefix) {
     return `${clsPrefix}-loading-bar ${clsPrefix}-loading-bar--${status}`;
@@ -25,7 +25,7 @@ exports.default = (0, vue_1.defineComponent)({
     setup() {
         const { props: providerProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(LoadingBarProvider_1.loadingBarProviderInjectionKey);
+         } = (0, vue_1.inject)(context_1.loadingBarProviderInjectionKey);
         const loadingBarRef = (0, vue_1.ref)(null);
         const enteringRef = (0, vue_1.ref)(false);
         const startedRef = (0, vue_1.ref)(false);
@@ -115,7 +115,7 @@ exports.default = (0, vue_1.defineComponent)({
                 yield init();
             });
         }
-        const themeRef = (0, _mixins_1.useTheme)('LoadingBar', 'LoadingBar', index_cssr_1.default, styles_1.loadingBarLight, providerProps, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('LoadingBar', '-loading-bar', index_cssr_1.default, styles_1.loadingBarLight, providerProps, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             loadingBarRef,

package/lib/loading-bar/src/LoadingBarProvider.d.ts

@@ -1,6 +1,6 @@
-import { PropType, ExtractPropTypes, Ref, CSSProperties } from 'vue';
+import { PropType, ExtractPropTypes, CSSProperties } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-interface LoadingBarInst {
+export interface LoadingBarInst {
     start: () => void;
     error: () => void;
     finish: () => void;
@@ -36,11 +36,6 @@ declare const loadingBarProps: {
 };
 export declare type LoadingBarProviderProps = ExtractPublicPropTypes<typeof loadingBarProps>;
 export declare type LoadingBarProviderSetupProps = ExtractPropTypes<typeof loadingBarProps>;
-export declare const loadingBarProviderInjectionKey: import("vue").InjectionKey<{
-    props: LoadingBarProviderSetupProps;
-    mergedClsPrefixRef: Ref<string>;
-}>;
-export declare const loadingBarApiInjectionKey: import("vue").InjectionKey<LoadingBarInst>;
 declare const _default: import("vue").DefineComponent<{
     to: {
         type: PropType<string | HTMLElement>;
@@ -68,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         height: string;
     }, any>>>;
 }, LoadingBarInst & {
-    loadingBarRef: Ref<{
+    loadingBarRef: import("vue").Ref<{
         start: () => void;
         error: () => void;
         finish: () => void;

package/lib/loading-bar/src/LoadingBarProvider.js

@@ -3,20 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadingBarApiInjectionKey = exports.loadingBarProviderInjectionKey = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const LoadingBar_1 = __importDefault(require("./LoadingBar"));
-const _utils_1 = require("../../_utils");
+const context_1 = require("./context");
 const loadingBarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: {
         type: [String, Object],
         default: undefined
     }, loadingBarStyle: {
         type: Object
     } });
-exports.loadingBarProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar');
-exports.loadingBarApiInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar-api');
 exports.default = (0, vue_1.defineComponent)({
     name: 'LoadingBarProvider',
     props: loadingBarProps,
@@ -62,8 +59,8 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        (0, vue_1.provide)(exports.loadingBarApiInjectionKey, methods);
-        (0, vue_1.provide)(exports.loadingBarProviderInjectionKey, {
+        (0, vue_1.provide)(context_1.loadingBarApiInjectionKey, methods);
+        (0, vue_1.provide)(context_1.loadingBarProviderInjectionKey, {
             props,
             mergedClsPrefixRef
         });

package/lib/loading-bar/src/context.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import type { LoadingBarProviderSetupProps } from './LoadingBarProvider';
+export declare const loadingBarProviderInjectionKey: import("vue").InjectionKey<{
+    props: LoadingBarProviderSetupProps;
+    mergedClsPrefixRef: Ref<string>;
+}>;
+export declare const loadingBarApiInjectionKey: import("vue").InjectionKey<import("./LoadingBarProvider").LoadingBarInst>;

package/lib/loading-bar/src/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadingBarApiInjectionKey = exports.loadingBarProviderInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.loadingBarProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar');
+exports.loadingBarApiInjectionKey = (0, _utils_1.createInjectionKey)('n-loading-bar-api');

package/lib/loading-bar/src/use-loading-bar.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLoadingBar = void 0;
 const vue_1 = require("vue");
-const LoadingBarProvider_1 = require("./LoadingBarProvider");
+const context_1 = require("./context");
 const _utils_1 = require("../../_utils");
 function useLoadingBar() {
-    const loadingBar = (0, vue_1.inject)(LoadingBarProvider_1.loadingBarApiInjectionKey, null);
+    const loadingBar = (0, vue_1.inject)(context_1.loadingBarApiInjectionKey, null);
     if (loadingBar === null) {
         (0, _utils_1.throwError)('use-loading-bar', 'No outer <n-loading-bar-provider /> founded.');
     }

package/lib/locales/common/jaJP.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jaJP = {
     name: 'ja-JP',
     global: {
-        undo: 'undo',
-        redo: 'redo',
+        undo: '元に戻す',
+        redo: 'やり直す',
         confirm: 'OK'
     },
     Popconfirm: {
@@ -37,9 +37,8 @@ const jaJP = {
         datePlaceholder: '日付を選択',
         datetimePlaceholder: '選択',
         monthPlaceholder: '月を選択',
-        // FIXME: translation needed
-        yearPlaceholder: 'Select Year',
-        quarterPlaceholder: 'Select Quarter',
+        yearPlaceholder: '年を選択',
+        quarterPlaceholder: '四半期を選択',
         startDatePlaceholder: '開始日',
         endDatePlaceholder: '終了日',
         startDatetimePlaceholder: '開始時間',
@@ -71,7 +70,7 @@ const jaJP = {
         now: '現在'
     },
     Pagination: {
-        goto: '',
+        goto: 'ページジャンプ',
         selectionSuffix: 'ページ'
     },
     DynamicTags: {
@@ -99,15 +98,14 @@ const jaJP = {
         export: 'エクスポート',
         restore: 'デフォルト'
     },
-    // TODO: translation
     Image: {
-        tipPrevious: 'Previous picture (←)',
-        tipNext: 'Next picture (→)',
-        tipCounterclockwise: 'Counterclockwise',
-        tipClockwise: 'Clockwise',
-        tipZoomOut: 'Zoom out',
-        tipZoomIn: 'Zoom in',
-        tipClose: 'Close (Esc)'
+        tipPrevious: '前の画像 (←)',
+        tipNext: '次の画像 (→)',
+        tipCounterclockwise: '左に回転',
+        tipClockwise: '右に回転',
+        tipZoomOut: '縮小',
+        tipZoomIn: '拡大',
+        tipClose: '閉じる (Esc)'
     }
 };
 exports.default = jaJP;

package/lib/log/index.d.ts

@@ -1,2 +1,2 @@
 export { default as NLog } from './src/Log';
-export type { LogProps } from './src/Log';
+export type { LogProps, LogInst } from './src/Log';

package/lib/log/src/Log.d.ts

@@ -1,14 +1,22 @@
 /// <reference types="lodash" />
 import { PropType, Ref } from 'vue';
 import type { Hljs } from '../../_mixins';
-import { ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes } from '../../_utils';
 export interface LogInjection {
     trimRef: Ref<boolean>;
     languageRef: Ref<string | undefined>;
     highlightRef: Ref<boolean>;
     mergedHljsRef: Ref<Hljs | undefined>;
 }
-export declare const logInjectionKey: import("vue").InjectionKey<LogInjection>;
+export interface LogInst {
+    scrollTo: ((options: {
+        slient?: boolean;
+        position: 'top' | 'bottom';
+    }) => void) & ((options: {
+        slient?: boolean;
+        top: number;
+    }) => void);
+}
 declare const logProps: {
     readonly loading: BooleanConstructor;
     readonly trim: BooleanConstructor;
@@ -391,16 +399,6 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     styleHeight: import("vue").ComputedRef<string>;
     mergedLines: import("vue").ComputedRef<string[]>;
-    scrollTo: {
-        (options: {
-            slient?: boolean;
-            position: 'top' | 'bottom';
-        }): void;
-        (options: {
-            slient?: boolean;
-            top: number;
-        }): void;
-    };
     scrollToTop: (slient?: boolean) => void;
     scrollToBottom: (slient?: boolean) => void;
     handleWheel: import("lodash").DebouncedFunc<(e: WheelEvent) => void>;
@@ -413,6 +411,13 @@ declare const _default: import("vue").DefineComponent<{
         '--n-loader-text-color': string;
         '--n-loading-color': string;
     }>;
+    scrollTo: ((options: {
+        slient?: boolean | undefined;
+        position: "bottom" | "top";
+    }) => void) & ((options: {
+        slient?: boolean | undefined;
+        top: number;
+    }) => 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<{
     readonly loading: BooleanConstructor;
     readonly trim: BooleanConstructor;

package/lib/log/src/Log.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logInjectionKey = void 0;
 const vue_1 = require("vue");
 const lodash_1 = require("lodash");
 const _mixins_1 = require("../../_mixins");
@@ -13,8 +12,8 @@ const code_1 = require("../../code");
 const styles_1 = require("../styles");
 const LogLoader_1 = __importDefault(require("./LogLoader"));
 const LogLine_1 = __importDefault(require("./LogLine"));
+const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.logInjectionKey = (0, _utils_1.createInjectionKey)('n-log');
 const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { loading: Boolean, trim: Boolean, log: String, fontSize: {
         type: Number,
         default: 14
@@ -44,8 +43,7 @@ exports.default = (0, vue_1.defineComponent)({
             return props.language !== undefined;
         });
         const styleHeightRef = (0, vue_1.computed)(() => {
-            const lineHeight = Math.floor(props.fontSize * props.lineHeight);
-            return `calc(${props.rows * lineHeight}px)`;
+            return `calc(${Math.round(props.rows * props.lineHeight * props.fontSize)}px)`;
         });
         const mergedLinesRef = (0, vue_1.computed)(() => {
             const { log } = props;
@@ -55,7 +53,7 @@ exports.default = (0, vue_1.defineComponent)({
             return props.lines;
         });
         const scrollbarRef = (0, vue_1.ref)(null);
-        const themeRef = (0, _mixins_1.useTheme)('Log', 'Log', index_cssr_1.default, styles_1.logLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Log', '-log', index_cssr_1.default, styles_1.logLight, props, mergedClsPrefixRef);
         function handleScroll(e) {
             const container = e.target;
             const content = container.firstElementChild;
@@ -145,24 +143,19 @@ exports.default = (0, vue_1.defineComponent)({
                 slient
             });
         }
-        (0, vue_1.provide)(exports.logInjectionKey, {
+        (0, vue_1.provide)(context_1.logInjectionKey, {
             languageRef: (0, vue_1.toRef)(props, 'language'),
             mergedHljsRef: (0, _mixins_1.useHljs)(props, highlightRef),
             trimRef: (0, vue_1.toRef)(props, 'trim'),
             highlightRef
         });
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            scrollbarRef,
-            mergedTheme: themeRef,
-            styleHeight: styleHeightRef,
-            mergedLines: mergedLinesRef,
-            scrollTo,
-            scrollToTop,
+        const exportedMethods = {
+            scrollTo
+        };
+        return Object.assign(Object.assign({}, exportedMethods), { mergedClsPrefix: mergedClsPrefixRef, scrollbarRef, mergedTheme: themeRef, styleHeight: styleHeightRef, mergedLines: mergedLinesRef, scrollToTop,
             scrollToBottom,
             handleWheel,
-            handleScroll,
-            cssVars: (0, vue_1.computed)(() => {
+            handleScroll, cssVars: (0, vue_1.computed)(() => {
                 const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
                     '--n-bezier': cubicBezierEaseInOut,
@@ -172,8 +165,7 @@ exports.default = (0, vue_1.defineComponent)({
                     '--n-loader-text-color': loaderTextColor,
                     '--n-loading-color': loadingColor
                 };
-            })
-        };
+            }) });
     },
     render() {
         const { mergedClsPrefix, mergedTheme } = this;

package/lib/log/src/LogLine.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
-const Log_1 = require("./Log");
+const context_1 = require("./context");
 exports.default = (0, vue_1.defineComponent)({
     props: {
         line: {
@@ -12,7 +12,7 @@ exports.default = (0, vue_1.defineComponent)({
     setup(props) {
         const { trimRef, highlightRef, languageRef, mergedHljsRef } = 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        (0, vue_1.inject)(Log_1.logInjectionKey);
+        (0, vue_1.inject)(context_1.logInjectionKey);
         const selfRef = (0, vue_1.ref)(null);
         const maybeTrimmedLinesRef = (0, vue_1.computed)(() => {
             return trimRef.value ? props.line.trim() : props.line;

package/lib/log/src/context.d.ts

@@ -0,0 +1,2 @@
+import type { LogInjection } from './Log';
+export declare const logInjectionKey: import("vue").InjectionKey<LogInjection>;

package/lib/log/src/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.logInjectionKey = (0, _utils_1.createInjectionKey)('n-log');

package/lib/log/src/styles/index.cssr.js

@@ -26,10 +26,9 @@ exports.default = (0, cssr_1.cB)('log', `
  position: relative;
  box-sizing: border-box;
  transition: border-color .3s var(--n-bezier);
-`, [(0, cssr_1.cE)('lines', `
- margin: 0;
+`, [(0, cssr_1.c)('pre', `
  white-space: pre-wrap;
- `), (0, cssr_1.c)('pre', `
+ word-break: break-word;
  margin: 0;
  `), (0, cssr_1.cB)('log-loader', `
  transition:

package/lib/mention/src/Mention.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
+import { FollowerPlacement } from 'vueuc';
 import { RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
@@ -46,6 +47,10 @@ declare const mentionProps: {
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
     readonly size: PropType<InputSize>;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
     readonly renderLabel: PropType<RenderLabel>;
@@ -446,6 +451,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
     readonly size: PropType<InputSize>;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
     readonly renderLabel: PropType<RenderLabel>;
@@ -808,6 +817,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -1136,6 +1146,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
     readonly size: PropType<InputSize>;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
     readonly renderLabel: PropType<RenderLabel>;
@@ -1500,9 +1514,10 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     placeholder: string;
     to: string | boolean | HTMLElement;
-    loading: boolean;
-    bordered: boolean | undefined;
     options: MentionOption[];
+    bordered: boolean | undefined;
+    loading: boolean;
+    placement: FollowerPlacement;
     defaultValue: string;
     internalDebug: boolean;
 }>;