naive-ui 2.30.6 → 2.31.0

package/lib/image/src/Image.js

@@ -3,19 +3,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.imageProps = void 0;
 const vue_1 = require("vue");
-const ImagePreview_1 = __importDefault(require("./ImagePreview"));
-const ImageGroup_1 = require("./ImageGroup");
+const is_native_lazy_load_1 = require("../../_utils/env/is-native-lazy-load");
 const _mixins_1 = require("../../_mixins");
 const interface_1 = require("./interface");
 const utils_1 = require("./utils");
-const imageProps = Object.assign({ alt: String, height: [String, Number], imgProps: Object, lazy: Boolean, intersectionObserverOptions: Object, objectFit: {
+const ImageGroup_1 = require("./ImageGroup");
+const ImagePreview_1 = __importDefault(require("./ImagePreview"));
+exports.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 }, interface_1.imagePreviewSharedProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Image',
-    props: imageProps,
+    props: exports.imageProps,
     inheritAttrs: false,
     setup(props) {
         const imageRef = (0, vue_1.ref)(null);
@@ -49,6 +51,9 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = imageRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('data-group-id', (imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId) || '');
         });
         (0, vue_1.onMounted)(() => {
+            if (is_native_lazy_load_1.isImageSupportNativeLazy) {
+                return;
+            }
             let unobserve;
             const stopWatchHandle = (0, vue_1.watchEffect)(() => {
                 unobserve === null || unobserve === void 0 ? void 0 : unobserve();
@@ -86,19 +91,22 @@ exports.default = (0, vue_1.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 = ((0, vue_1.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 = (0, vue_1.h)('img', Object.assign(Object.assign({}, imgProps), { class: imgProps.class, ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: is_native_lazy_load_1.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 ((0, vue_1.h)("div", Object.assign({}, $attrs, { role: "none", class: [
                 $attrs.class,
                 `${mergedClsPrefix}-image`,

package/lib/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/lib/image/src/ImageGroup.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.imageGroupInjectionKey = void 0;
+exports.imageGroupProps = exports.imageGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const _utils_1 = require("../../_utils");
@@ -11,10 +11,10 @@ const _mixins_1 = require("../../_mixins");
 const ImagePreview_1 = __importDefault(require("./ImagePreview"));
 const interface_1 = require("./interface");
 exports.imageGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-image-group');
-const imageGroupProps = interface_1.imagePreviewSharedProps;
+exports.imageGroupProps = interface_1.imagePreviewSharedProps;
 exports.default = (0, vue_1.defineComponent)({
     name: 'ImageGroup',
-    props: imageGroupProps,
+    props: exports.imageGroupProps,
     setup(props) {
         let currentSrc;
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);

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

@@ -60,6 +60,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('body >', [(0, cssr_1.cB)('image-
  pointer-events: none;
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)()]), (0, cssr_1.cB)('image-preview', `
  user-select: none;
+ -webkit-user-select: none;
  pointer-events: all;
  margin: auto;
  max-height: calc(100vh - 32px);

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

@@ -3,10 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NInputGroupLabel = exports.NInputGroup = exports.NInput = void 0;
+exports.inputGroupLabelProps = exports.NInputGroupLabel = exports.inputGroupProps = exports.NInputGroup = exports.inputProps = exports.NInput = void 0;
 var Input_1 = require("./src/Input");
 Object.defineProperty(exports, "NInput", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+Object.defineProperty(exports, "inputProps", { enumerable: true, get: function () { return Input_1.inputProps; } });
 var InputGroup_1 = require("./src/InputGroup");
 Object.defineProperty(exports, "NInputGroup", { enumerable: true, get: function () { return __importDefault(InputGroup_1).default; } });
+Object.defineProperty(exports, "inputGroupProps", { enumerable: true, get: function () { return InputGroup_1.inputGroupProps; } });
 var InputGroupLabel_1 = require("./src/InputGroupLabel");
 Object.defineProperty(exports, "NInputGroupLabel", { enumerable: true, get: function () { return __importDefault(InputGroupLabel_1).default; } });
+Object.defineProperty(exports, "inputGroupLabelProps", { enumerable: true, get: function () { return InputGroupLabel_1.inputGroupLabelProps; } });

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

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const seemly_1 = require("seemly");
 const vueuc_1 = require("vueuc");
 const evtd_1 = require("evtd");
 const icons_1 = require("../../_internal/icons");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _internal_1 = require("../../_internal");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -18,7 +19,7 @@ const interface_1 = require("./interface");
 const utils_1 = require("./utils");
 const WordCount_1 = __importDefault(require("./WordCount"));
 const input_cssr_1 = __importDefault(require("./styles/input.cssr"));
-const inputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { bordered: {
+exports.inputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { bordered: {
         type: Boolean,
         default: undefined
     }, type: {
@@ -58,7 +59,7 @@ const inputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     showPasswordToggle: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Input',
-    props: inputProps,
+    props: exports.inputProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -664,7 +665,7 @@ exports.default = (0, vue_1.defineComponent)({
             deactivate,
             activate
         };
-        const rtlEnabledRef = (0, use_rtl_1.default)('Input', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Input', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { color, borderRadius, textColor, caretColor, caretColorError, caretColorWarning, textDecorationColor, border, borderDisabled, borderHover, borderFocus, placeholderColor, placeholderColorDisabled, lineHeightTextarea, colorDisabled, colorFocus, textColorDisabled, boxShadowFocus, iconSize, colorFocusWarning, boxShadowFocusWarning, borderWarning, borderFocusWarning, borderHoverWarning, colorFocusError, boxShadowFocusError, borderError, borderFocusError, borderHoverError, clearSize, clearColor, clearColorHover, clearColorPressed, iconColor, iconColorDisabled, suffixTextColor, countTextColor, iconColorHover, iconColorPressed, loadingColor, loadingColorError, loadingColorWarning, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;

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

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputGroupProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const input_group_cssr_1 = __importDefault(require("./styles/input-group.cssr"));
-const inputGroupProps = {};
+exports.inputGroupProps = {};
 exports.default = (0, vue_1.defineComponent)({
     name: 'InputGroup',
-    props: inputGroupProps,
+    props: exports.inputGroupProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         (0, _mixins_1.useStyle)('-input-group', input_group_cssr_1.default, mergedClsPrefixRef);

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

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputGroupLabelProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const input_group_label_cssr_1 = __importDefault(require("./styles/input-group-label.cssr"));
-const inputGroupLabelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
+exports.inputGroupLabelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
         type: String,
         default: 'medium'
     }, bordered: {
@@ -17,7 +18,7 @@ const inputGroupLabelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'InputGroupLabel',
-    props: inputGroupLabelProps,
+    props: exports.inputGroupLabelProps,
     setup(props) {
         const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Input', '-input-group-label', input_group_label_cssr_1.default, styles_1.inputLight, props, mergedClsPrefixRef);

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

@@ -17,6 +17,7 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 exports.default = (0, cssr_1.cB)('input-group-label', `
  position: relative;
  user-select: none;
+ -webkit-user-select: none;
  box-sizing: border-box;
  padding: 0 12px;
  display: inline-block;

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

@@ -69,6 +69,7 @@ exports.default = (0, cssr_1.cB)('input', `
  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);
@@ -168,6 +169,7 @@ exports.default = (0, cssr_1.cB)('input', `
  align-items: center;
  transition: color .3s var(--n-bezier);
  color: var(--n-text-color);
+ white-space: nowrap;
  `, [(0, cssr_1.cB)('icon', `
  color: var(--n-icon-color);
  `), (0, cssr_1.cB)('base-icon', `
@@ -179,6 +181,7 @@ exports.default = (0, cssr_1.cB)('input', `
  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);
  `), (0, cssr_1.cE)('placeholder', 'color: var(--n-placeholder-color-disabled);'), (0, cssr_1.cE)('separator', 'color: var(--n-text-color-disabled);', [(0, cssr_1.cB)('icon', `
  color: var(--n-icon-color-disabled);
  `), (0, cssr_1.cB)('base-icon', `

package/lib/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/lib/input-number/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NInputNumber = void 0;
+exports.inputNumberProps = exports.NInputNumber = void 0;
 var InputNumber_1 = require("./src/InputNumber");
 Object.defineProperty(exports, "NInputNumber", { enumerable: true, get: function () { return __importDefault(InputNumber_1).default; } });
+Object.defineProperty(exports, "inputNumberProps", { enumerable: true, get: function () { return InputNumber_1.inputNumberProps; } });

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputNumberProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -16,10 +17,10 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const utils_1 = require("./utils");
 const input_number_cssr_1 = __importDefault(require("./styles/input-number.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const HOLDING_CHANGE_THRESHOLD = 800;
 const HOLDING_CHANGE_INTERVAL = 100;
-const inputNumberProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { autofocus: Boolean, loading: {
+exports.inputNumberProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { autofocus: Boolean, loading: {
         type: Boolean,
         default: undefined
     }, placeholder: String, defaultValue: {
@@ -51,7 +52,7 @@ const inputNumberProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'InputNumber',
-    props: inputNumberProps,
+    props: exports.inputNumberProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -489,7 +490,7 @@ exports.default = (0, vue_1.defineComponent)({
             focus: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
             blur: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
         };
-        const rtlEnabledRef = (0, use_rtl_1.default)('InputNumber', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('InputNumber', mergedRtlRef, mergedClsPrefixRef);
         return Object.assign(Object.assign({}, exposedMethods), { rtlEnabled: rtlEnabledRef, 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, mergedStatus: mergedStatusRef, handleFocus,

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

@@ -3,14 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NLayoutSider = exports.NLayoutFooter = exports.NLayoutHeader = exports.NLayoutContent = exports.NLayout = void 0;
+exports.layoutSiderProps = exports.NLayoutSider = exports.layoutFooterProps = exports.NLayoutFooter = exports.layoutHeaderProps = exports.NLayoutHeader = exports.NLayoutContent = exports.layoutContentProps = exports.layoutProps = exports.NLayout = void 0;
 var Layout_1 = require("./src/Layout");
 Object.defineProperty(exports, "NLayout", { enumerable: true, get: function () { return __importDefault(Layout_1).default; } });
+Object.defineProperty(exports, "layoutProps", { enumerable: true, get: function () { return Layout_1.layoutProps; } });
+Object.defineProperty(exports, "layoutContentProps", { enumerable: true, get: function () { return Layout_1.layoutProps; } });
 var LayoutContent_1 = require("./src/LayoutContent");
 Object.defineProperty(exports, "NLayoutContent", { enumerable: true, get: function () { return __importDefault(LayoutContent_1).default; } });
 var LayoutHeader_1 = require("./src/LayoutHeader");
 Object.defineProperty(exports, "NLayoutHeader", { enumerable: true, get: function () { return __importDefault(LayoutHeader_1).default; } });
+Object.defineProperty(exports, "layoutHeaderProps", { enumerable: true, get: function () { return LayoutHeader_1.headerProps; } });
 var LayoutFooter_1 = require("./src/LayoutFooter");
 Object.defineProperty(exports, "NLayoutFooter", { enumerable: true, get: function () { return __importDefault(LayoutFooter_1).default; } });
+Object.defineProperty(exports, "layoutFooterProps", { enumerable: true, get: function () { return LayoutFooter_1.layoutFooterProps; } });
 var LayoutSider_1 = require("./src/LayoutSider");
 Object.defineProperty(exports, "NLayoutSider", { enumerable: true, get: function () { return __importDefault(LayoutSider_1).default; } });
+Object.defineProperty(exports, "layoutSiderProps", { enumerable: true, get: function () { return LayoutSider_1.layoutSiderProps; } });

package/lib/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/lib/layout/src/Layout.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLayoutComponent = exports.layoutInjectionKey = void 0;
+exports.createLayoutComponent = exports.layoutInjectionKey = exports.layoutProps = void 0;
 const vue_1 = require("vue");
 const _internal_1 = require("../../_internal");
 const _mixins_1 = require("../../_mixins");
@@ -11,7 +11,7 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const layout_cssr_1 = __importDefault(require("./styles/layout.cssr"));
-const layoutProps = {
+exports.layoutProps = {
     embedded: Boolean,
     position: interface_1.positionProp,
     nativeScrollbar: {
@@ -35,7 +35,7 @@ exports.layoutInjectionKey = (0, _utils_1.createInjectionKey)('n-layout');
 function createLayoutComponent(isContent) {
     return (0, vue_1.defineComponent)({
         name: isContent ? 'LayoutContent' : 'Layout',
-        props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), layoutProps),
+        props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.layoutProps),
         setup(props) {
             const scrollableElRef = (0, vue_1.ref)(null);
             const scrollbarInstRef = (0, vue_1.ref)(null);

package/lib/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/lib/layout/src/LayoutFooter.js

@@ -3,15 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.layoutFooterProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const layout_footer_cssr_1 = __importDefault(require("./styles/layout-footer.cssr"));
-const layoutFooterProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { inverted: Boolean, position: interface_1.positionProp, bordered: Boolean });
+exports.layoutFooterProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { inverted: Boolean, position: interface_1.positionProp, bordered: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'LayoutFooter',
-    props: layoutFooterProps,
+    props: exports.layoutFooterProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-footer', layout_footer_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);

package/lib/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/lib/layout/src/LayoutHeader.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const layout_header_cssr_1 = __importDefault(require("./styles/layout-header.cssr"));
-const headerProps = {
+exports.headerProps = {
     position: interface_1.positionProp,
     inverted: Boolean,
     bordered: {
@@ -18,7 +19,7 @@ const headerProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'LayoutHeader',
-    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), headerProps),
+    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.headerProps),
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Layout', '-layout-header', layout_header_cssr_1.default, styles_1.layoutLight, props, mergedClsPrefixRef);

package/lib/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/lib/layout/src/LayoutSider.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.layoutSiderProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
@@ -14,7 +15,7 @@ const ToggleButton_1 = __importDefault(require("./ToggleButton"));
 const ToggleBar_1 = __importDefault(require("./ToggleBar"));
 const interface_1 = require("./interface");
 const Layout_1 = require("./Layout");
-const layoutSiderProps = {
+exports.layoutSiderProps = {
     position: interface_1.positionProp,
     bordered: Boolean,
     collapsedWidth: {
@@ -65,7 +66,7 @@ const layoutSiderProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'LayoutSider',
-    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), layoutSiderProps),
+    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.layoutSiderProps),
     setup(props) {
         const layoutProps = (0, vue_1.inject)(Layout_1.layoutInjectionKey);
         if (process.env.NODE_ENV !== 'production') {

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

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCol = exports.NRow = void 0;
+exports.colProps = exports.NCol = exports.rowProps = exports.NRow = void 0;
 var Row_1 = require("./src/Row");
 Object.defineProperty(exports, "NRow", { enumerable: true, get: function () { return __importDefault(Row_1).default; } });
+Object.defineProperty(exports, "rowProps", { enumerable: true, get: function () { return Row_1.rowProps; } });
 var Col_1 = require("./src/Col");
 Object.defineProperty(exports, "NCol", { enumerable: true, get: function () { return __importDefault(Col_1).default; } });
+Object.defineProperty(exports, "colProps", { enumerable: true, get: function () { return Col_1.colProps; } });

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

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NListItem = exports.NList = void 0;
+exports.NListItem = exports.listProps = exports.NList = void 0;
 var List_1 = require("./src/List");
 Object.defineProperty(exports, "NList", { enumerable: true, get: function () { return __importDefault(List_1).default; } });
+Object.defineProperty(exports, "listProps", { enumerable: true, get: function () { return List_1.listProps; } });
 var ListItem_1 = require("./src/ListItem");
 Object.defineProperty(exports, "NListItem", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });

package/lib/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/lib/list/src/List.js

@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.listInjectionKey = void 0;
+exports.listInjectionKey = exports.listProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const listProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
+exports.listProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
         type: String,
         default: 'medium'
     }, bordered: {
@@ -19,7 +19,7 @@ const listProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { s
 exports.listInjectionKey = (0, _utils_1.createInjectionKey)('n-list');
 exports.default = (0, vue_1.defineComponent)({
     name: 'List',
-    props: listProps,
+    props: exports.listProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('List', '-list', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);

package/lib/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/lib/loading-bar/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLoadingBar = exports.NLoadingBarProvider = void 0;
+exports.useLoadingBar = exports.loadingBarProviderProps = exports.NLoadingBarProvider = void 0;
 var LoadingBarProvider_1 = require("./src/LoadingBarProvider");
 Object.defineProperty(exports, "NLoadingBarProvider", { enumerable: true, get: function () { return __importDefault(LoadingBarProvider_1).default; } });
+Object.defineProperty(exports, "loadingBarProviderProps", { enumerable: true, get: function () { return LoadingBarProvider_1.loadingBarProviderProps; } });
 var use_loading_bar_1 = require("./src/use-loading-bar");
 Object.defineProperty(exports, "useLoadingBar", { enumerable: true, get: function () { return use_loading_bar_1.useLoadingBar; } });