naive-ui 2.30.8 → 2.31.0

package/es/image/src/Image.js

@@ -1,10 +1,11 @@
 import { defineComponent, h, inject, ref, toRef, watchEffect, onMounted, onBeforeUnmount } from 'vue';
-import NImagePreview from './ImagePreview';
-import { imageGroupInjectionKey } from './ImageGroup';
+import { isImageSupportNativeLazy } from '../../_utils/env/is-native-lazy-load';
 import { useConfig } from '../../_mixins';
 import { imagePreviewSharedProps } from './interface';
 import { observeIntersection } from './utils';
-const imageProps = Object.assign({ alt: String, height: [String, Number], imgProps: Object, lazy: Boolean, intersectionObserverOptions: Object, objectFit: {
+import { imageGroupInjectionKey } from './ImageGroup';
+import NImagePreview from './ImagePreview';
+export const imageProps = Object.assign({ alt: String, height: [String, Number], imgProps: Object, lazy: Boolean, intersectionObserverOptions: Object, objectFit: {
         type: String,
         default: 'fill'
     }, previewSrc: String, fallbackSrc: String, width: [String, Number], src: String, previewDisabled: Boolean, loadDescription: String, onError: Function, onLoad: Function }, imagePreviewSharedProps);
@@ -44,6 +45,9 @@ export default defineComponent({
             (_a = imageRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('data-group-id', (imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId) || '');
         });
         onMounted(() => {
+            if (isImageSupportNativeLazy) {
+                return;
+            }
             let unobserve;
             const stopWatchHandle = watchEffect(() => {
                 unobserve === null || unobserve === void 0 ? void 0 : unobserve();
@@ -81,19 +85,22 @@ export default defineComponent({
     },
     render() {
         var _a, _b;
-        const { mergedClsPrefix, imgProps = {}, loaded, $attrs } = this;
+        const { mergedClsPrefix, imgProps = {}, loaded, $attrs, lazy } = this;
         const placeholderNode = (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a);
-        const imgNode = (h("img", Object.assign({}, imgProps, { class: imgProps.class, ref: "imageRef", width: this.width || imgProps.width, height: this.height || imgProps.height, src: this.showError
-                ? this.fallbackSrc
-                : this.shouldStartLoading
-                    ? this.src || imgProps.src
-                    : undefined, alt: this.alt || imgProps.alt, "aria-label": this.alt || imgProps.alt, onClick: this.click, onError: this.mergedOnError, onLoad: this.mergedOnLoad, style: [
+        const loadSrc = this.src || imgProps.src || '';
+        const imgNode = h('img', Object.assign(Object.assign({}, imgProps), { class: imgProps.class, ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: isImageSupportNativeLazy
+                ? loadSrc
+                : this.showError
+                    ? this.fallbackSrc
+                    : this.shouldStartLoading
+                        ? loadSrc
+                        : undefined, alt: this.alt || imgProps.alt, 'aria-label': this.alt || imgProps.alt, onClick: this.click, onError: this.mergedOnError, onLoad: this.mergedOnLoad, loading: lazy ? 'lazy' : 'eager', style: [
                 imgProps.style || '',
                 placeholderNode && !loaded
                     ? { height: '0', width: '0', visibility: 'hidden' }
                     : '',
                 { objectFit: this.objectFit }
-            ], "data-error": this.showError, "data-preview-src": this.previewSrc || this.src })));
+            ], 'data-error': this.showError, 'data-preview-src': this.previewSrc || this.src }));
         return (h("div", Object.assign({}, $attrs, { role: "none", class: [
                 $attrs.class,
                 `${mergedClsPrefix}-image`,

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

@@ -5,7 +5,7 @@ export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePre
     groupId: string;
     mergedClsPrefixRef: Ref<string>;
 }>;
-declare const imageGroupProps: {
+export declare const imageGroupProps: {
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;

package/es/image/src/ImageGroup.js

@@ -5,7 +5,7 @@ import { useConfig } from '../../_mixins';
 import NImagePreview from './ImagePreview';
 import { imagePreviewSharedProps } from './interface';
 export const imageGroupInjectionKey = createInjectionKey('n-image-group');
-const imageGroupProps = imagePreviewSharedProps;
+export const imageGroupProps = imagePreviewSharedProps;
 export default defineComponent({
     name: 'ImageGroup',
     props: imageGroupProps,

package/es/image/src/styles/index.cssr.js

@@ -51,6 +51,7 @@ export default c([c('body >', [cB('image-container', 'position: fixed;')]), cB('
  pointer-events: none;
  `, [fadeInScaleUpTransition()]), cB('image-preview', `
  user-select: none;
+ -webkit-user-select: none;
  pointer-events: all;
  margin: auto;
  max-height: calc(100vh - 32px);

package/es/input/index.d.ts

@@ -1,7 +1,7 @@
-export { default as NInput } from './src/Input';
+export { default as NInput, inputProps } from './src/Input';
 export type { InputInst } from './src/interface';
 export type { InputProps } from './src/Input';
-export { default as NInputGroup } from './src/InputGroup';
-export { default as NInputGroupLabel } from './src/InputGroupLabel';
+export { default as NInputGroup, inputGroupProps } from './src/InputGroup';
+export { default as NInputGroupLabel, inputGroupLabelProps } from './src/InputGroupLabel';
 export type { InputGroupProps } from './src/InputGroup';
 export type { InputGroupLabelProps } from './src/InputGroupLabel';

package/es/input/index.js

@@ -1,3 +1,3 @@
-export { default as NInput } from './src/Input';
-export { default as NInputGroup } from './src/InputGroup';
-export { default as NInputGroupLabel } from './src/InputGroupLabel';
+export { default as NInput, inputProps } from './src/Input';
+export { default as NInputGroup, inputGroupProps } from './src/InputGroup';
+export { default as NInputGroupLabel, inputGroupLabelProps } from './src/InputGroupLabel';

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

@@ -3,7 +3,7 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
-declare const inputProps: {
+export declare const inputProps: {
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;

package/es/input/src/Input.js

@@ -4,7 +4,7 @@ import { getPadding } from 'seemly';
 import { VResizeObserver } from 'vueuc';
 import { off, on } from 'evtd';
 import { EyeIcon, EyeOffIcon } from '../../_internal/icons';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { NBaseClear, NBaseIcon, NBaseSuffix, NScrollbar } from '../../_internal';
 import { useTheme, useLocale, useFormItem, useConfig, useThemeClass } from '../../_mixins';
 import { call, createKey, resolveSlot, resolveWrappedSlot, warnOnce } from '../../_utils';
@@ -13,7 +13,7 @@ import { inputInjectionKey } from './interface';
 import { isEmptyInputValue, useCursor } from './utils';
 import WordCount from './WordCount';
 import style from './styles/input.cssr';
-const inputProps = Object.assign(Object.assign({}, useTheme.props), { bordered: {
+export const inputProps = Object.assign(Object.assign({}, useTheme.props), { bordered: {
         type: Boolean,
         default: undefined
     }, type: {

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

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const inputGroupProps: {
+export declare const inputGroupProps: {
     [key in any]: never;
 };
 export declare type InputGroupProps = ExtractPublicPropTypes<typeof inputGroupProps>;

package/es/input/src/InputGroup.js

@@ -1,7 +1,7 @@
 import { h, defineComponent } from 'vue';
 import { useConfig, useStyle } from '../../_mixins';
 import style from './styles/input-group.cssr';
-const inputGroupProps = {};
+export const inputGroupProps = {};
 export default defineComponent({
     name: 'InputGroup',
     props: inputGroupProps,

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { Size } from './interface';
-declare const inputGroupLabelProps: {
+export declare const inputGroupLabelProps: {
     readonly size: {
         readonly type: PropType<Size>;
         readonly default: "medium";

package/es/input/src/InputGroupLabel.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createKey } from '../../_utils';
 import { inputLight } from '../styles';
 import style from './styles/input-group-label.cssr';
-const inputGroupLabelProps = Object.assign(Object.assign({}, useTheme.props), { size: {
+export const inputGroupLabelProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: String,
         default: 'medium'
     }, bordered: {

package/es/input/src/styles/input-group-label.cssr.js

@@ -10,6 +10,7 @@ import { cB, cE } from '../../../_utils/cssr'; // vars:
 export default cB('input-group-label', `
  position: relative;
  user-select: none;
+ -webkit-user-select: none;
  box-sizing: border-box;
  padding: 0 12px;
  display: inline-block;

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

@@ -62,6 +62,7 @@ cE('input, textarea', `
  background-color: #0000;
  text-align: inherit;
  transition:
+ -webkit-text-fill-color .3s var(--n-bezier),
  caret-color .3s var(--n-bezier),
  color .3s var(--n-bezier),
  text-decoration-color .3s var(--n-bezier);
@@ -161,6 +162,7 @@ cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator',
  align-items: center;
  transition: color .3s var(--n-bezier);
  color: var(--n-text-color);
+ white-space: nowrap;
  `, [cB('icon', `
  color: var(--n-icon-color);
  `), cB('base-icon', `
@@ -172,6 +174,7 @@ cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator',
  cursor: not-allowed;
  color: var(--n-text-color-disabled);
  text-decoration-color: var(--n-text-color-disabled);
+ -webkit-text-fill-color: var(--n-text-color-disabled);
  `), cE('placeholder', 'color: var(--n-placeholder-color-disabled);'), cE('separator', 'color: var(--n-text-color-disabled);', [cB('icon', `
  color: var(--n-icon-color-disabled);
  `), cB('base-icon', `

package/es/input-number/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NInputNumber } from './src/InputNumber';
+export { default as NInputNumber, inputNumberProps } from './src/InputNumber';
 export type { InputNumberProps } from './src/InputNumber';
 export type { InputNumberInst } from './src/interface';

package/es/input-number/index.js

@@ -1 +1 @@
-export { default as NInputNumber } from './src/InputNumber';
+export { default as NInputNumber, inputNumberProps } from './src/InputNumber';

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue } from './interface';
-declare const inputNumberProps: {
+export declare const inputNumberProps: {
     autofocus: BooleanConstructor;
     loading: {
         type: BooleanConstructor;

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

@@ -11,10 +11,10 @@ import { warnOnce, call, resolveSlot, resolveWrappedSlot } from '../../_utils';
 import { inputNumberLight } from '../styles';
 import { parse, validator, format, parseNumber, isWipValue } from './utils';
 import style from './styles/input-number.cssr';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 const HOLDING_CHANGE_THRESHOLD = 800;
 const HOLDING_CHANGE_INTERVAL = 100;
-const inputNumberProps = Object.assign(Object.assign({}, useTheme.props), { autofocus: Boolean, loading: {
+export const inputNumberProps = Object.assign(Object.assign({}, useTheme.props), { autofocus: Boolean, loading: {
         type: Boolean,
         default: undefined
     }, placeholder: String, defaultValue: {

package/es/layout/index.d.ts

@@ -1,8 +1,8 @@
-export { default as NLayout } from './src/Layout';
+export { default as NLayout, layoutProps, layoutProps as layoutContentProps } from './src/Layout';
 export { default as NLayoutContent } from './src/LayoutContent';
-export { default as NLayoutHeader } from './src/LayoutHeader';
-export { default as NLayoutFooter } from './src/LayoutFooter';
-export { default as NLayoutSider } from './src/LayoutSider';
+export { default as NLayoutHeader, headerProps as layoutHeaderProps } from './src/LayoutHeader';
+export { default as NLayoutFooter, layoutFooterProps } from './src/LayoutFooter';
+export { default as NLayoutSider, layoutSiderProps } from './src/LayoutSider';
 export type { LayoutProps, LayoutProps as LayoutContentProps } from './src/Layout';
 export type { LayoutHeaderProps } from './src/LayoutHeader';
 export type { LayoutFooterProps } from './src/LayoutFooter';

package/es/layout/index.js

@@ -1,5 +1,5 @@
-export { default as NLayout } from './src/Layout';
+export { default as NLayout, layoutProps, layoutProps as layoutContentProps } from './src/Layout';
 export { default as NLayoutContent } from './src/LayoutContent';
-export { default as NLayoutHeader } from './src/LayoutHeader';
-export { default as NLayoutFooter } from './src/LayoutFooter';
-export { default as NLayoutSider } from './src/LayoutSider';
+export { default as NLayoutHeader, headerProps as layoutHeaderProps } from './src/LayoutHeader';
+export { default as NLayoutFooter, layoutFooterProps } from './src/LayoutFooter';
+export { default as NLayoutSider, layoutSiderProps } from './src/LayoutSider';

package/es/layout/src/Layout.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const layoutProps: {
+export declare const layoutProps: {
     readonly embedded: BooleanConstructor;
     readonly position: {
         readonly type: PropType<"static" | "absolute">;

package/es/layout/src/Layout.js

@@ -5,7 +5,7 @@ import { createInjectionKey, useReactivated } from '../../_utils';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout.cssr';
-const layoutProps = {
+export const layoutProps = {
     embedded: Boolean,
     position: positionProp,
     nativeScrollbar: {

package/es/layout/src/LayoutFooter.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const layoutFooterProps: {
+export declare const layoutFooterProps: {
     inverted: BooleanConstructor;
     position: {
         readonly type: import("vue").PropType<"static" | "absolute">;

package/es/layout/src/LayoutFooter.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-footer.cssr';
-const layoutFooterProps = Object.assign(Object.assign({}, useTheme.props), { inverted: Boolean, position: positionProp, bordered: Boolean });
+export const layoutFooterProps = Object.assign(Object.assign({}, useTheme.props), { inverted: Boolean, position: positionProp, bordered: Boolean });
 export default defineComponent({
     name: 'LayoutFooter',
     props: layoutFooterProps,

package/es/layout/src/LayoutHeader.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const headerProps: {
+export declare const headerProps: {
     readonly position: {
         readonly type: import("vue").PropType<"static" | "absolute">;
         readonly default: "static";

package/es/layout/src/LayoutHeader.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-header.cssr';
-const headerProps = {
+export const headerProps = {
     position: positionProp,
     inverted: Boolean,
     bordered: {

package/es/layout/src/LayoutSider.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { ScrollbarProps } from '../../_internal';
-declare const layoutSiderProps: {
+export declare const layoutSiderProps: {
     readonly position: {
         readonly type: PropType<"static" | "absolute">;
         readonly default: "static";

package/es/layout/src/LayoutSider.js

@@ -9,7 +9,7 @@ import ToggleButton from './ToggleButton';
 import ToggleBar from './ToggleBar';
 import { layoutSiderInjectionKey, positionProp } from './interface';
 import { layoutInjectionKey } from './Layout';
-const layoutSiderProps = {
+export const layoutSiderProps = {
     position: positionProp,
     bordered: Boolean,
     collapsedWidth: {

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

@@ -1,4 +1,4 @@
-export { default as NRow } from './src/Row';
-export { default as NCol } from './src/Col';
+export { default as NRow, rowProps } from './src/Row';
+export { default as NCol, colProps } from './src/Col';
 export type { RowProps } from './src/Row';
 export type { ColProps } from './src/Col';

package/es/legacy-grid/index.js

@@ -1,2 +1,2 @@
-export { default as NRow } from './src/Row';
-export { default as NCol } from './src/Col';
+export { default as NRow, rowProps } from './src/Row';
+export { default as NCol, colProps } from './src/Col';

package/es/list/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NList } from './src/List';
+export { default as NList, listProps } from './src/List';
 export type { ListProps } from './src/List';
 export { default as NListItem } from './src/ListItem';

package/es/list/index.js

@@ -1,2 +1,2 @@
-export { default as NList } from './src/List';
+export { default as NList, listProps } from './src/List';
 export { default as NListItem } from './src/ListItem';

package/es/list/src/List.d.ts

@@ -1,6 +1,6 @@
 import { PropType, Ref } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const listProps: {
+export declare const listProps: {
     size: {
         type: PropType<"small" | "medium" | "large">;
         default: string;

package/es/list/src/List.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createInjectionKey } from '../../_utils';
 import { listLight } from '../styles';
 import style from './styles/index.cssr';
-const listProps = Object.assign(Object.assign({}, useTheme.props), { size: {
+export const listProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: String,
         default: 'medium'
     }, bordered: {

package/es/loading-bar/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NLoadingBarProvider } from './src/LoadingBarProvider';
+export { default as NLoadingBarProvider, loadingBarProviderProps } from './src/LoadingBarProvider';
 export type { LoadingBarProviderInst, LoadingBarProviderProps, LoadingBarApiInjection as LoadingBarApi } from './src/LoadingBarProvider';
 export { useLoadingBar } from './src/use-loading-bar';

package/es/loading-bar/index.js

@@ -1,2 +1,2 @@
-export { default as NLoadingBarProvider } from './src/LoadingBarProvider';
+export { default as NLoadingBarProvider, loadingBarProviderProps } from './src/LoadingBarProvider';
 export { useLoadingBar } from './src/use-loading-bar';

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

@@ -7,7 +7,7 @@ export interface LoadingBarInst {
 }
 export declare type LoadingBarProviderInst = LoadingBarInst;
 export declare type LoadingBarApiInjection = LoadingBarInst;
-declare const loadingBarProps: {
+export declare const loadingBarProviderProps: {
     to: {
         type: PropType<string | HTMLElement>;
         default: undefined;
@@ -34,8 +34,8 @@ declare const loadingBarProps: {
         height: string;
     }, any>>>;
 };
-export declare type LoadingBarProviderProps = ExtractPublicPropTypes<typeof loadingBarProps>;
-export declare type LoadingBarProviderSetupProps = ExtractPropTypes<typeof loadingBarProps>;
+export declare type LoadingBarProviderProps = ExtractPublicPropTypes<typeof loadingBarProviderProps>;
+export declare type LoadingBarProviderSetupProps = ExtractPropTypes<typeof loadingBarProviderProps>;
 declare const _default: import("vue").DefineComponent<{
     to: {
         type: PropType<string | HTMLElement>;

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

@@ -3,7 +3,7 @@ import { useIsMounted } from 'vooks';
 import { useConfig, useTheme } from '../../_mixins';
 import NLoadingBar from './LoadingBar';
 import { loadingBarApiInjectionKey, loadingBarProviderInjectionKey } from './context';
-const loadingBarProps = Object.assign(Object.assign({}, useTheme.props), { to: {
+export const loadingBarProviderProps = Object.assign(Object.assign({}, useTheme.props), { to: {
         type: [String, Object],
         default: undefined
     }, loadingBarStyle: {
@@ -11,7 +11,7 @@ const loadingBarProps = Object.assign(Object.assign({}, useTheme.props), { to: {
     } });
 export default defineComponent({
     name: 'LoadingBarProvider',
-    props: loadingBarProps,
+    props: loadingBarProviderProps,
     setup(props) {
         const isMountedRef = useIsMounted();
         const loadingBarRef = ref(null);

package/es/locales/common/ukUA.js

@@ -34,24 +34,22 @@ const ukUA = {
         selectDate: 'Обрати дату',
         datePlaceholder: 'Обрати дату',
         datetimePlaceholder: 'Обрати дату і час',
-        monthPlaceholder: 'Виберіть місяць',
-        // FIXME: translation needed
-        yearPlaceholder: 'Select Year',
-        quarterPlaceholder: 'Select Quarter',
+        monthPlaceholder: 'Оберіть місяць',
+        yearPlaceholder: 'Оберіть рік',
+        quarterPlaceholder: 'Оберіть квартал',
         startDatePlaceholder: 'Дата початку',
         endDatePlaceholder: 'Дата завершення',
         startDatetimePlaceholder: 'Дата і час початку',
         endDatetimePlaceholder: 'Дата і час завершення',
-        // FIXME: translation needed
-        startMonthPlaceholder: 'Start Month',
-        endMonthPlaceholder: 'End Month',
+        startMonthPlaceholder: 'Перший місяць',
+        endMonthPlaceholder: 'Останній місяць',
         monthBeforeYear: true,
         firstDayOfWeek: 0,
         today: 'Сьогодні'
     },
     DataTable: {
         checkTableAll: 'Обрати все в таблиці',
-        uncheckTableAll: 'Скасувати вибріу усього в таблиці',
+        uncheckTableAll: 'Скасувати вибір усього в таблиці',
         confirm: 'Підтвердити',
         clear: 'Стерти'
     },
@@ -100,17 +98,15 @@ const ukUA = {
         export: 'Експорт',
         restore: 'Скинути'
     },
-    // TODO: translation
     Image: {
-        tipPrevious: 'Previous picture (←)',
-        tipNext: 'Next picture (→)',
-        tipCounterclockwise: 'Counterclockwise',
-        tipClockwise: 'Clockwise',
-        tipZoomOut: 'Zoom out',
-        tipZoomIn: 'Zoom in',
-        tipClose: 'Close (Esc)',
-        // TODO: translation
-        tipOriginalSize: 'Zoom to original size'
+        tipPrevious: 'Попереднє зображення (←)',
+        tipNext: 'Наступне зображення (→)',
+        tipCounterclockwise: 'Проти годинникової стрілки',
+        tipClockwise: 'За годинниковою стрілкою',
+        tipZoomOut: 'Віддалити',
+        tipZoomIn: 'Наблизити',
+        tipClose: 'Закрити (Esc)',
+        tipOriginalSize: 'Масштабувати до оригінального розміру'
     }
 };
 export default ukUA;

package/es/log/index.d.ts

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

package/es/log/index.js

@@ -1 +1 @@
-export { default as NLog } from './src/Log';
+export { default as NLog, logProps } from './src/Log';

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

@@ -17,7 +17,7 @@ export interface LogInst {
         top: number;
     }) => void);
 }
-declare const logProps: {
+export declare const logProps: {
     readonly loading: BooleanConstructor;
     readonly trim: BooleanConstructor;
     readonly log: StringConstructor;

package/es/log/src/Log.js

@@ -9,7 +9,7 @@ import NLogLoader from './LogLoader';
 import NLogLine from './LogLine';
 import { logInjectionKey } from './context';
 import style from './styles/index.cssr';
-const logProps = Object.assign(Object.assign({}, useTheme.props), { loading: Boolean, trim: Boolean, log: String, fontSize: {
+export const logProps = Object.assign(Object.assign({}, useTheme.props), { loading: Boolean, trim: Boolean, log: String, fontSize: {
         type: Number,
         default: 14
     }, lines: {

package/es/mention/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NMention } from './src/Mention';
+export { default as NMention, mentionProps } from './src/Mention';
 export type { MentionProps } from './src/Mention';
 export type { MentionOption, MentionInst } from './src/interface';

package/es/mention/index.js

@@ -1 +1 @@
-export { default as NMention } from './src/Mention';
+export { default as NMention, mentionProps } from './src/Mention';

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

@@ -7,7 +7,7 @@ import type { Size as InputSize } from '../../input/src/interface';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { MentionOption } from './interface';
-declare const mentionProps: {
+export declare const mentionProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;

package/es/mention/src/Mention.js

@@ -10,7 +10,7 @@ import { useConfig, useFormItem, useTheme, useThemeClass } from '../../_mixins';
 import { mentionLight } from '../styles';
 import { getRelativePosition } from './utils';
 import style from './styles/index.cssr';
-const mentionProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, autosize: [Boolean, Object], options: {
+export const mentionProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, autosize: [Boolean, Object], options: {
         type: Array,
         default: []
     }, type: {

package/es/menu/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NMenu } from './src/Menu';
+export { default as NMenu, menuProps } from './src/Menu';
 export type { MenuProps } from './src/Menu';
 export type { MenuOption, MenuGroupOption, MenuDividerOption, MenuNodeProps, MenuInst } from './src/interface';

package/es/menu/index.js

@@ -1 +1 @@
-export { default as NMenu } from './src/Menu';
+export { default as NMenu, menuProps } from './src/Menu';

package/es/menu/src/Menu.d.ts

@@ -4,7 +4,7 @@ import { FollowerPlacement } from 'vueuc';
 import { DropdownProps } from '../../dropdown';
 import type { MaybeArray } from '../../_utils';
 import { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption, OnUpdateValue, OnUpdateKeys, MenuNodeProps } from './interface';
-declare const menuProps: {
+export declare const menuProps: {
     readonly options: {
         readonly type: PropType<MenuMixedOption[]>;
         readonly default: () => never[];

package/es/menu/src/Menu.js

@@ -9,7 +9,7 @@ import { menuLight } from '../styles';
 import style from './styles/index.cssr';
 import { useCheckDeprecated } from './useCheckDeprecated';
 import { menuInjectionKey } from './context';
-const menuProps = Object.assign(Object.assign({}, useTheme.props), { options: {
+export const menuProps = Object.assign(Object.assign({}, useTheme.props), { options: {
         type: Array,
         default: () => []
     }, collapsed: {

package/es/message/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NMessageProvider } from './src/MessageProvider';
+export { default as NMessageProvider, messageProviderProps } from './src/MessageProvider';
 export { useMessage } from './src/use-message';
 export type { MessageApiInjection as MessageApi, MessageProviderInst, MessageProviderProps, MessageReactive } from './src/MessageProvider';
 export type { MessageOptions, MessageRenderMessage, MessageType } from './src/types';

package/es/message/index.js

@@ -1,2 +1,2 @@
-export { default as NMessageProvider } from './src/MessageProvider';
+export { default as NMessageProvider, messageProviderProps } from './src/MessageProvider';
 export { useMessage } from './src/use-message';