naive-ui 2.30.7 → 2.32.0

package/es/_internal/scrollbar/src/Scrollbar.d.ts

@@ -79,6 +79,7 @@ declare const scrollbarProps: {
     readonly onWheel: PropType<(e: WheelEvent) => void>;
     readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
     readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly internalHoistYRail: BooleanConstructor;
     readonly theme: PropType<import("../../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
@@ -126,6 +127,7 @@ declare const Scrollbar: import("vue").DefineComponent<{
     readonly onWheel: PropType<(e: WheelEvent) => void>;
     readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
     readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly internalHoistYRail: BooleanConstructor;
     readonly theme: PropType<import("../../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
@@ -140,6 +142,7 @@ declare const Scrollbar: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    rtlEnabled: import("vue").Ref<import("../../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     containerScrollTop: import("vue").Ref<number>;
     wrapperRef: import("vue").Ref<HTMLElement | null>;
     containerRef: import("vue").Ref<HTMLElement | null>;
@@ -208,6 +211,7 @@ declare const Scrollbar: import("vue").DefineComponent<{
     readonly onWheel: PropType<(e: WheelEvent) => void>;
     readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
     readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
+    readonly internalHoistYRail: BooleanConstructor;
     readonly theme: PropType<import("../../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
@@ -228,6 +232,7 @@ declare const Scrollbar: import("vue").DefineComponent<{
     readonly trigger: "none" | "hover";
     readonly useUnifiedContainer: boolean;
     readonly triggerDisplayManually: boolean;
+    readonly internalHoistYRail: boolean;
 }>;
 declare type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
 declare type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;

package/es/_internal/scrollbar/src/Scrollbar.js

@@ -1,8 +1,8 @@
-import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergeProps, Transition, watchEffect } from 'vue';
+import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergeProps, Transition, watchEffect, Fragment } from 'vue';
 import { on, off } from 'evtd';
 import { VResizeObserver } from 'vueuc';
 import { useIsIos } from 'vooks';
-import { useConfig, useTheme, useThemeClass } from '../../../_mixins';
+import { useConfig, useTheme, useThemeClass, useRtl } from '../../../_mixins';
 import { useReactivated, Wrapper } from '../../../_utils';
 import { scrollbarLight } from '../styles';
 import style from './styles/index.cssr';
@@ -20,13 +20,14 @@ const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { size:
         default: 'hover'
     }, useUnifiedContainer: Boolean, triggerDisplayManually: Boolean, 
     // If container is set, resize observer won't not attached
-    container: Function, content: Function, containerClass: String, containerStyle: [String, Object], contentClass: String, contentStyle: [String, Object], horizontalRailStyle: [String, Object], verticalRailStyle: [String, Object], onScroll: Function, onWheel: Function, onResize: Function, internalOnUpdateScrollLeft: Function });
+    container: Function, content: Function, containerClass: String, containerStyle: [String, Object], contentClass: String, contentStyle: [String, Object], horizontalRailStyle: [String, Object], verticalRailStyle: [String, Object], onScroll: Function, onWheel: Function, onResize: Function, internalOnUpdateScrollLeft: Function, internalHoistYRail: Boolean });
 const Scrollbar = defineComponent({
     name: 'Scrollbar',
     props: scrollbarProps,
     inheritAttrs: false,
     setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+        const rtlEnabledRef = useRtl('Scrollbar', mergedRtlRef, mergedClsPrefixRef);
         // dom ref
         const wrapperRef = ref(null);
         const containerRef = ref(null);
@@ -297,7 +298,8 @@ const Scrollbar = defineComponent({
             const { value: container } = mergedContainerRef;
             if (container) {
                 containerScrollTopRef.value = container.scrollTop;
-                containerScrollLeftRef.value = container.scrollLeft;
+                containerScrollLeftRef.value =
+                    container.scrollLeft * ((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? -1 : 1);
             }
         }
         function syncPositionState() {
@@ -330,7 +332,8 @@ const Scrollbar = defineComponent({
             const { value: container } = mergedContainerRef;
             if (container) {
                 containerScrollTopRef.value = container.scrollTop;
-                containerScrollLeftRef.value = container.scrollLeft;
+                containerScrollLeftRef.value =
+                    container.scrollLeft * ((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? -1 : 1);
                 containerHeightRef.value = container.offsetHeight;
                 containerWidthRef.value = container.offsetWidth;
                 contentHeightRef.value = container.scrollHeight;
@@ -367,7 +370,9 @@ const Scrollbar = defineComponent({
             on('mousemove', window, handleXScrollMouseMove, true);
             on('mouseup', window, handleXScrollMouseUp, true);
             memoXLeft = containerScrollLeftRef.value;
-            memoMouseX = e.clientX;
+            memoMouseX = (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value)
+                ? window.innerWidth - e.clientX
+                : e.clientX;
         }
         function handleXScrollMouseMove(e) {
             if (!xBarPressed)
@@ -383,7 +388,9 @@ const Scrollbar = defineComponent({
             const { value: xBarSize } = xBarSizeRef;
             if (containerWidth === null || contentWidth === null)
                 return;
-            const dX = e.clientX - memoMouseX;
+            const dX = (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value)
+                ? window.innerWidth - e.clientX - memoMouseX
+                : e.clientX - memoMouseX;
             const dScrollLeft = (dX * (contentWidth - containerWidth)) / (containerWidth - xBarSize);
             const toScrollLeftUpperBound = contentWidth - containerWidth;
             let toScrollLeft = memoXLeft + dScrollLeft;
@@ -391,7 +398,7 @@ const Scrollbar = defineComponent({
             toScrollLeft = Math.max(toScrollLeft, 0);
             const { value: container } = mergedContainerRef;
             if (container) {
-                container.scrollLeft = toScrollLeft;
+                container.scrollLeft = toScrollLeft * ((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? -1 : 1);
                 const { internalOnUpdateScrollLeft } = props;
                 if (internalOnUpdateScrollLeft)
                     internalOnUpdateScrollLeft(toScrollLeft);
@@ -522,7 +529,7 @@ const Scrollbar = defineComponent({
             handleMouseEnterWrapper,
             handleMouseLeaveWrapper
         };
-        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, containerScrollTop: containerScrollTopRef, wrapperRef,
+        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, rtlEnabled: rtlEnabledRef, containerScrollTop: containerScrollTopRef, wrapperRef,
             containerRef,
             contentRef,
             yRailRef,
@@ -535,17 +542,32 @@ const Scrollbar = defineComponent({
     },
     render() {
         var _a;
-        const { $slots, mergedClsPrefix, triggerDisplayManually } = this;
+        const { $slots, mergedClsPrefix, triggerDisplayManually, rtlEnabled, internalHoistYRail } = this;
         if (!this.scrollable)
             return (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots);
+        const triggerIsNone = this.trigger === 'none';
+        const createYRail = () => {
+            return (h("div", { ref: "yRailRef", class: [
+                    `${mergedClsPrefix}-scrollbar-rail`,
+                    `${mergedClsPrefix}-scrollbar-rail--vertical`
+                ], "data-scrollbar-rail": true, style: this.verticalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
+                default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
+                        height: this.yBarSizePx,
+                        top: this.yBarTopPx
+                    }, onMousedown: this.handleYScrollMouseDown })) : null
+            })));
+        };
         const createChildren = () => {
             var _a, _b;
             (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-            const triggerIsNone = this.trigger === 'none';
             return h('div', mergeProps(this.$attrs, {
                 role: 'none',
                 ref: 'wrapperRef',
-                class: [`${mergedClsPrefix}-scrollbar`, this.themeClass],
+                class: [
+                    `${mergedClsPrefix}-scrollbar`,
+                    this.themeClass,
+                    rtlEnabled && `${mergedClsPrefix}-scrollbar--rtl`
+                ],
                 style: this.cssVars,
                 onMouseenter: triggerDisplayManually
                     ? undefined
@@ -569,23 +591,30 @@ const Scrollbar = defineComponent({
                                 this.contentClass
                             ] }, $slots))
                     }))),
-                h("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.verticalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
-                    default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
-                            height: this.yBarSizePx,
-                            top: this.yBarTopPx
-                        }, onMousedown: this.handleYScrollMouseDown })) : null
-                })),
-                h("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.horizontalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
+                internalHoistYRail ? null : createYRail(),
+                this.xScrollable && (h("div", { ref: "xRailRef", class: [
+                        `${mergedClsPrefix}-scrollbar-rail`,
+                        `${mergedClsPrefix}-scrollbar-rail--horizontal`
+                    ], style: this.horizontalRailStyle, "data-scrollbar-rail": true, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
                     default: () => this.needXBar && this.isShowXBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
                             width: this.xBarSizePx,
-                            left: this.xBarLeftPx
+                            right: rtlEnabled ? this.xBarLeftPx : undefined,
+                            left: rtlEnabled ? undefined : this.xBarLeftPx
                         }, onMousedown: this.handleXScrollMouseDown })) : null
-                }))
+                })))
             ]);
         };
-        return this.container ? (createChildren()) : (h(VResizeObserver, { onResize: this.handleContainerResize }, {
+        const scrollbarNode = this.container ? (createChildren()) : (h(VResizeObserver, { onResize: this.handleContainerResize }, {
             default: createChildren
         }));
+        if (internalHoistYRail) {
+            return (h(Fragment, null,
+                scrollbarNode,
+                createYRail()));
+        }
+        else {
+            return scrollbarNode;
+        }
     }
 });
 export default Scrollbar;

package/es/_internal/scrollbar/src/styles/index.cssr.js

@@ -26,10 +26,11 @@ export default cB('scrollbar', `
  `), c('>', [cB('scrollbar-content', `
  box-sizing: border-box;
  min-width: 100%;
- `)])]), cB('scrollbar-rail', `
+ `)])])]), c('>, +', [cB('scrollbar-rail', `
  position: absolute;
  pointer-events: none;
  user-select: none;
+ -webkit-user-select: none;
  `, [cM('horizontal', `
  left: 2px;
  right: 2px;

package/es/_internal/scrollbar/src/styles/rtl.cssr.d.ts

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

package/es/_internal/scrollbar/src/styles/rtl.cssr.js

@@ -0,0 +1,10 @@
+import { cB, c, cM, cE } from '../../../../_utils/cssr';
+export default cB('scrollbar', [cM('rtl', `
+ direction: rtl;
+ `, [c('>', [cB('scrollbar-rail', [cM('horizontal', [c('>', [cE('scrollbar', `
+ left: 0;
+ right: unset;
+ `)])]), cM('vertical', `
+ left: 4px;
+ right: unset;
+ `)])])])]);

package/es/_internal/scrollbar/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as scrollbarDark } from './dark';
 export { default as scrollbarLight } from './light';
+export { default as scrollbarRtl } from './rtl';
 export type { ScrollbarTheme, ScrollbarThemeVars } from './light';

package/es/_internal/scrollbar/styles/index.js

@@ -1,2 +1,3 @@
 export { default as scrollbarDark } from './dark';
 export { default as scrollbarLight } from './light';
+export { default as scrollbarRtl } from './rtl';

package/es/_internal/scrollbar/styles/rtl.d.ts

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

package/es/_internal/scrollbar/styles/rtl.js

@@ -0,0 +1,6 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+export const scrollbarRtl = {
+    name: 'Scrollbar',
+    style: rtlStyle
+};
+export default scrollbarRtl;

package/es/_internal/select-menu/src/styles/index.cssr.js

@@ -47,7 +47,7 @@ export default cB('base-select-menu', `
  padding: 8px var(--n-option-padding-left);
  font-size: var(--n-option-font-size);
  transition: 
- color .3s var(--n-bezier);
+ color .3s var(--n-bezier),
  border-color .3s var(--n-bezier);
  border-top: 1px solid var(--n-action-divider-color);
  color: var(--n-action-text-color);

package/es/_internal/selection/src/Selection.js

@@ -501,7 +501,8 @@ export default defineComponent({
                 : this.active
                     ? !this.pattern && !this.isCompositing
                     : true;
-            const placeholder = showPlaceholder ? (h("div", { class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay` }, this.placeholder)) : null;
+            const placeholder = showPlaceholder ? (h("div", { class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay` },
+                h("div", { class: `${clsPrefix}-base-selection-placeholder__inner` }, this.placeholder))) : null;
             const popoverTrigger = filterable ? (h("div", { ref: "patternInputWrapperRef", class: `${clsPrefix}-base-selection-tags` },
                 tags,
                 maxTagCountResponsive ? null : input,
@@ -545,7 +546,8 @@ export default defineComponent({
                             })
                             : renderLabel
                                 ? renderLabel(this.selectedOption, true)
-                                : render(this.label, this.selectedOption, true)))) : (h("div", { class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay`, key: "placeholder" }, this.placeholder)),
+                                : render(this.label, this.selectedOption, true)))) : (h("div", { class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay`, key: "placeholder" },
+                        h("div", { class: `${clsPrefix}-base-selection-placeholder__inner` }, this.placeholder))),
                     suffix));
             }
         }

package/es/_internal/selection/src/styles/index.cssr.js

@@ -84,7 +84,10 @@ export default c([cB('base-selection', `
  text-overflow: ellipsis;
  `)]), cB('base-selection-placeholder', `
  color: var(--n-placeholder-color);
- `), cB('base-selection-tags', `
+ `, [cE('inner', `
+ max-width: 100%;
+ overflow: hidden;
+ `)]), cB('base-selection-tags', `
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
@@ -194,6 +197,7 @@ export default c([cB('base-selection', `
  white-space: pre;
  visibility: hidden;
  user-select: none;
+ -webkit-user-select: none;
  opacity: 0;
  `)]), ['warning', 'error'].map(status => cM(`${status}-status`, [cE('state-border', `border: var(--n-border-${status});`), cNotM('disabled', [c('&:hover', [cE('state-border', `
  box-shadow: var(--n-box-shadow-hover-${status});

package/es/_mixins/index.d.ts

@@ -7,3 +7,4 @@ export { default as useStyle } from './use-style';
 export { default as useHljs } from './use-hljs';
 export type { Hljs } from './use-hljs';
 export { useThemeClass } from './use-css-vars-class';
+export { useRtl } from './use-rtl';

package/es/_mixins/index.js

@@ -5,3 +5,4 @@ export { default as useLocale } from './use-locale';
 export { default as useStyle } from './use-style';
 export { default as useHljs } from './use-hljs';
 export { useThemeClass } from './use-css-vars-class';
+export { useRtl } from './use-rtl';

package/es/_mixins/use-rtl.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
 import { RtlEnabledState, RtlItem } from '../config-provider/src/internal-interface';
-export default function useRtl(mountId: string, rtlStateRef: Ref<RtlEnabledState | undefined> | undefined, clsPrefixRef: Ref<string>): Ref<RtlItem | undefined> | undefined;
+export declare function useRtl(mountId: string, rtlStateRef: Ref<RtlEnabledState | undefined> | undefined, clsPrefixRef: Ref<string>): Ref<RtlItem | undefined> | undefined;

package/es/_mixins/use-rtl.js

@@ -2,7 +2,7 @@ import { onBeforeMount, watchEffect, computed } from 'vue';
 import { exists } from 'css-render';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import { cssrAnchorMetaName } from './common';
-export default function useRtl(mountId, rtlStateRef, clsPrefixRef) {
+export function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
         return undefined;
     const ssrAdapter = useSsrAdapter();

package/es/_utils/env/browser.d.ts

@@ -0,0 +1,3 @@
+export declare const isChrome: boolean;
+export declare const isFirefox: boolean;
+export declare const isSafari: boolean;

package/es/_utils/env/browser.js

@@ -0,0 +1,4 @@
+import { isBrowser } from './is-browser';
+export const isChrome = isBrowser && 'chrome' in window;
+export const isFirefox = isBrowser && navigator.userAgent.includes('Firefox');
+export const isSafari = isBrowser && navigator.userAgent.includes('Safari') && !isChrome;

package/es/_utils/env/is-native-lazy-load.d.ts

@@ -0,0 +1 @@
+export declare const isImageSupportNativeLazy = false;

package/es/_utils/env/is-native-lazy-load.js

@@ -0,0 +1,3 @@
+export const isImageSupportNativeLazy = false;
+// Keep it to false currently, we will provide a prop to make it configuable
+// typeof document !== 'undefined' && 'loading' in document.createElement('img')

package/es/_utils/naive/extract-public-props.d.ts

@@ -1,6 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 import { useTheme } from '../../_mixins';
 declare type themePropKeys = keyof typeof useTheme.props;
-export declare type ExtractPublicPropTypes<T> = Omit<Partial<ExtractPropTypes<T>>, Exclude<themePropKeys, 'themeOverrides'> | Extract<keyof T, `internal${string}`>>;
+declare type RemoveReadonly<T> = {
+    -readonly [key in keyof T]: T[key];
+};
+export declare type ExtractPublicPropTypes<T> = Omit<Partial<RemoveReadonly<ExtractPropTypes<T>>>, Exclude<themePropKeys, 'themeOverrides'> | Extract<keyof T, `internal${string}`>>;
 export declare type ExtractInternalPropTypes<T> = Partial<ExtractPropTypes<T>>;
 export {};

package/es/affix/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAffix } from './src/Affix';
+export { default as NAffix, affixProps } from './src/Affix';
 export type { AffixProps } from './src/Affix';

package/es/affix/index.js

@@ -1 +1 @@
-export { default as NAffix } from './src/Affix';
+export { default as NAffix, affixProps } from './src/Affix';

package/es/alert/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAlert } from './src/Alert';
+export { default as NAlert, alertProps } from './src/Alert';
 export type { AlertProps } from './src/Alert';

package/es/alert/index.js

@@ -1 +1 @@
-export { default as NAlert } from './src/Alert';
+export { default as NAlert, alertProps } from './src/Alert';

package/es/alert/src/Alert.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const alertProps: {
+export declare const alertProps: {
     title: StringConstructor;
     showIcon: {
         type: BooleanConstructor;

package/es/alert/src/Alert.js

@@ -2,12 +2,12 @@ import { h, ref, computed, defineComponent, mergeProps, watchEffect } from 'vue'
 import { getMargin } from 'seemly';
 import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from '../../_internal/icons';
 import { NFadeInExpandTransition, NBaseClose, NBaseIcon } from '../../_internal';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createKey, resolveSlot, resolveWrappedSlot, warnOnce } from '../../_utils';
 import { alertLight } from '../styles';
 import style from './styles/index.cssr';
-const alertProps = Object.assign(Object.assign({}, useTheme.props), { title: String, showIcon: {
+export const alertProps = Object.assign(Object.assign({}, useTheme.props), { title: String, showIcon: {
         type: Boolean,
         default: true
     }, type: {

package/es/anchor/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NAnchor } from './src/AnchorAdapter';
+export { default as NAnchor, anchorProps } from './src/AnchorAdapter';
 export type { AnchorInst, AnchorProps } from './src/AnchorAdapter';
-export { default as NAnchorLink } from './src/Link';
+export { default as NAnchorLink, anchorLinkProps } from './src/Link';
 export type { AnchorLinkProps } from './src/Link';

package/es/anchor/index.js

@@ -1,2 +1,2 @@
-export { default as NAnchor } from './src/AnchorAdapter';
-export { default as NAnchorLink } from './src/Link';
+export { default as NAnchor, anchorProps } from './src/AnchorAdapter';
+export { default as NAnchorLink, anchorLinkProps } from './src/Link';

package/es/anchor/src/AnchorAdapter.d.ts

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export interface AnchorInst {
     scrollTo: (href: string) => void;
 }
-declare const anchorProps: {
+export declare const anchorProps: {
     readonly type: {
         readonly type: import("vue").PropType<"block" | "rail">;
         readonly default: "rail";

package/es/anchor/src/AnchorAdapter.js

@@ -6,7 +6,7 @@ import { keep } from '../../_utils';
 import { anchorLight } from '../styles';
 import style from './styles/index.cssr';
 import NBaseAnchor, { baseAnchorProps, baseAnchorPropKeys } from './BaseAnchor';
-const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { affix: Boolean }), affixProps), baseAnchorProps);
+export const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { affix: Boolean }), affixProps), baseAnchorProps);
 export default defineComponent({
     name: 'Anchor',
     props: anchorProps,

package/es/anchor/src/Link.d.ts

@@ -9,7 +9,7 @@ export interface AnchorInjection {
     titleEls: HTMLElement[];
 }
 export declare const anchorInjectionKey: import("vue").InjectionKey<AnchorInjection>;
-declare const anchorLinkProps: {
+export declare const anchorLinkProps: {
     readonly title: StringConstructor;
     readonly href: StringConstructor;
 };

package/es/anchor/src/Link.js

@@ -3,7 +3,7 @@ import { useMemo } from 'vooks';
 import { useInjectionCollection, useInjectionElementCollection } from '../../_utils/composable';
 import { createInjectionKey, getTitleAttribute } from '../../_utils';
 export const anchorInjectionKey = createInjectionKey('n-anchor');
-const anchorLinkProps = {
+export const anchorLinkProps = {
     title: String,
     href: String
 };

package/es/auto-complete/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NAutoComplete } from './src/AutoComplete';
+export { default as NAutoComplete, autoCompleteProps } from './src/AutoComplete';
 export type { AutoCompleteProps } from './src/AutoComplete';
 export type { AutoCompleteOption, AutoCompleteGroupOption, AutoCompleteInst } from './src/interface';

package/es/auto-complete/index.js

@@ -1 +1 @@
-export { default as NAutoComplete } from './src/AutoComplete';
+export { default as NAutoComplete, autoCompleteProps } from './src/AutoComplete';

package/es/auto-complete/src/AutoComplete.d.ts

@@ -7,7 +7,7 @@ import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '.
 import { MaybeArray } from '../../_utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { AutoCompleteOptions, OnUpdateValue, OnSelect } from './interface';
-declare const autoCompleteProps: {
+export declare const autoCompleteProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
@@ -824,6 +824,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     uncontrolledValue: import("vue").Ref<string | null>;
     mergedValue: import("vue").ComputedRef<string | null>;

package/es/auto-complete/src/AutoComplete.js

@@ -11,7 +11,7 @@ import { NInput } from '../../input';
 import { autoCompleteLight } from '../styles';
 import { mapAutoCompleteOptionsToSelectOptions } from './utils';
 import style from './styles/index.cssr';
-const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
+export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, clearable: {

package/es/avatar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAvatar } from './src/Avatar';
+export { default as NAvatar, avatarProps } from './src/Avatar';
 export type { AvatarProps } from './src/Avatar';

package/es/avatar/index.js

@@ -1 +1 @@
-export { default as NAvatar } from './src/Avatar';
+export { default as NAvatar, avatarProps } from './src/Avatar';

package/es/avatar/src/Avatar.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
-import type { Size, ObjectFit } from './interface';
+import { IntersectionObserverOptions } from '../../image/src/utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { Size, ObjectFit } from './interface';
 export declare const avatarProps: {
     readonly size: PropType<Size>;
     readonly src: StringConstructor;
@@ -19,6 +20,8 @@ export declare const avatarProps: {
     };
     readonly onError: PropType<(e: Event) => void>;
     readonly fallbackSrc: StringConstructor;
+    readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
+    readonly lazy: BooleanConstructor;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -80,6 +83,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly onError: PropType<(e: Event) => void>;
     readonly fallbackSrc: StringConstructor;
+    readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
+    readonly lazy: BooleanConstructor;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -141,6 +146,9 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     hasLoadError: import("vue").Ref<boolean>;
     handleError: (e: Event) => void;
+    shouldStartLoading: import("vue").Ref<boolean>;
+    loaded: import("vue").Ref<boolean>;
+    mergedOnLoad: (e: Event) => 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 size: PropType<Size>;
     readonly src: StringConstructor;
@@ -159,6 +167,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly onError: PropType<(e: Event) => void>;
     readonly fallbackSrc: StringConstructor;
+    readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
+    readonly lazy: BooleanConstructor;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -201,6 +211,7 @@ declare const _default: import("vue").DefineComponent<{
         colorPopover: string;
     }, any>>>;
 }>>, {
+    readonly lazy: boolean;
     readonly round: boolean;
     readonly circle: boolean;
     readonly bordered: boolean;