naive-ui 2.41.1 → 2.43.0

package/es/_internal/icon/src/styles/index.cssr.mjs

@@ -7,7 +7,6 @@ export default cB('base-icon', `
  display: inline-block;
  position: relative;
  fill: currentColor;
- transform: translateZ(0);
 `, [c('svg', `
  height: 1em;
  width: 1em;

package/es/_internal/icons/replaceable.mjs

@@ -1,4 +1,4 @@
-import { upperFirst } from 'lodash-es';
+import { upperFirst } from 'lodash';
 import { defineComponent, h, inject } from 'vue';
 import { configProviderInjectionKey } from "../../config-provider/src/context.mjs";
 export function replaceable(name, icon) {

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

@@ -327,14 +327,14 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly duration: number;
+    readonly trigger: "none" | "hover";
     readonly scrollable: boolean;
     readonly xScrollable: boolean;
-    readonly trigger: "none" | "hover";
+    readonly yPlacement: "left" | "right";
+    readonly xPlacement: "top" | "bottom";
     readonly useUnifiedContainer: boolean;
     readonly triggerDisplayManually: boolean;
     readonly internalHoistYRail: boolean;
-    readonly yPlacement: "left" | "right";
-    readonly xPlacement: "top" | "bottom";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
 type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;

package/es/_internal/select-menu/src/SelectMenu.d.ts

@@ -393,7 +393,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } | null>;
     itemSize: import("vue").ComputedRef<number>;
     padding: import("vue").ComputedRef<import("seemly").Margin>;
-    flattenedNodes: import("vue").ComputedRef<TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
+    flattenedNodes: import("vue").ComputedRef<TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
     empty: import("vue").ComputedRef<boolean>;
     virtualListContainer(): HTMLElement | undefined;
     virtualListContent(): HTMLElement | null | undefined;
@@ -706,11 +706,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     focusable: boolean;
     inlineThemeDisabled: boolean;
     scrollable: boolean;
-    labelField: string;
-    showCheckmark: boolean;
-    autoPending: boolean;
     virtualScroll: boolean;
     valueField: string;
+    labelField: string;
     resetMenuOnOptionsChange: boolean;
+    showCheckmark: boolean;
+    autoPending: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/_internal/selection/src/Selection.d.ts

@@ -149,7 +149,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
@@ -219,7 +232,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
@@ -289,7 +315,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>, {
     mergedTheme: import("vue").ComputedRef<{
@@ -363,12 +402,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 arrowOffsetVertical: string;
                 arrowHeight: string;
                 padding: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Popover?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
         };
@@ -621,7 +684,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
@@ -691,7 +767,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
@@ -761,7 +850,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             arrowOffsetVertical: string;
             arrowHeight: string;
             padding: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>> & Readonly<{}>, {
     pattern: string;
@@ -773,14 +875,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: boolean;
     bordered: boolean | undefined;
     inlineThemeDisabled: boolean;
-    labelField: string;
-    valueField: string;
+    clearable: boolean;
     showArrow: boolean;
     filterable: boolean;
-    clearable: boolean;
+    valueField: string;
+    labelField: string;
+    selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)> | null;
+    selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>[] | null;
     focused: boolean;
-    selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
-    selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;
     ignoreComposition: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/_internal/selection/styles/light.d.ts

@@ -123,7 +123,20 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
         arrowOffsetVertical: string;
         arrowHeight: string;
         padding: string;
-    }, any>;
+    }, {
+        Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>;
 }>;
 export default internalSelectionLight;
 export type InternalSelectionTheme = typeof internalSelectionLight;

package/es/_mixins/use-theme.mjs

@@ -1,5 +1,5 @@
 import { useSsrAdapter } from '@css-render/vue3-ssr';
-import { merge } from 'lodash-es';
+import { merge } from 'lodash';
 import { computed, inject, onBeforeMount } from 'vue';
 import globalStyle from "../_styles/global/index.cssr.mjs";
 import { configProviderInjectionKey } from "../config-provider/src/context.mjs";

package/es/_utils/index.d.ts

@@ -7,5 +7,6 @@ export { isJsdom } from './env/is-jsdom';
 export { eventEffectNotPerformed, markEventEffectPerformed } from './event';
 export { getTitleAttribute, isArrayShallowEqual, largerSize, smallerSize, throwError, warn, warnOnce } from './naive';
 export type { ExtractInternalPropTypes, ExtractPublicPropTypes, Mutable } from './naive';
+export type * from './ts/ts';
 export { call, createDataKey, createInjectionKey, createRefSetter, flatten, getFirstSlotVNode, getFirstSlotVNodeWithTypedProps, getSlot, getVNodeChildren, isNodeVShowFalse, isSlotEmpty, keep, keysOf, mergeEventHandlers, omit, render, resolveSlot, resolveSlotWithTypedProps, resolveWrappedSlot, resolveWrappedSlotWithProps, Wrapper } from './vue';
 export type { MaybeArray } from './vue';

package/es/_utils/naive/prop.d.ts

@@ -1,11 +1,20 @@
-export declare function largerSize(size: 'tiny' | 'small' | 'medium' | 'large'): 'small' | 'medium' | 'large' | 'huge';
-interface SmallerSizeMap {
-    tiny: 'mini';
-    small: 'tiny';
-    medium: 'small';
-    large: 'medium';
-    huge: 'large';
-}
-type SmallerSize<T extends keyof SmallerSizeMap> = SmallerSizeMap[T];
-export declare function smallerSize<T extends keyof SmallerSizeMap>(size: T): SmallerSize<T>;
+declare const smallerSizeMap: {
+    readonly tiny: "mini";
+    readonly small: "tiny";
+    readonly medium: "small";
+    readonly large: "medium";
+    readonly huge: "large";
+};
+declare const largerSizeMap: {
+    readonly tiny: "small";
+    readonly small: "medium";
+    readonly medium: "large";
+    readonly large: "huge";
+};
+type SmallerSizeMap = typeof smallerSizeMap;
+type SmallerSize = keyof SmallerSizeMap;
+type LargerSizeMap = typeof largerSizeMap;
+type LargerSize = keyof LargerSizeMap;
+export declare function largerSize<T extends LargerSize>(size: T): LargerSizeMap[T];
+export declare function smallerSize<T extends SmallerSize>(size: T): SmallerSizeMap[T];
 export {};

package/es/_utils/naive/prop.mjs

@@ -1,27 +1,27 @@
+const smallerSizeMap = {
+  tiny: 'mini',
+  small: 'tiny',
+  medium: 'small',
+  large: 'medium',
+  huge: 'large'
+};
+const largerSizeMap = {
+  tiny: 'small',
+  small: 'medium',
+  medium: 'large',
+  large: 'huge'
+};
 export function largerSize(size) {
-  switch (size) {
-    case 'tiny':
-      return 'small';
-    case 'small':
-      return 'medium';
-    case 'medium':
-      return 'large';
-    case 'large':
-      return 'huge';
+  const result = largerSizeMap[size];
+  if (result === undefined) {
+    throw new Error(`${size} has no larger size.`);
   }
+  return result;
 }
 export function smallerSize(size) {
-  switch (size) {
-    case 'tiny':
-      return 'mini';
-    case 'small':
-      return 'tiny';
-    case 'medium':
-      return 'small';
-    case 'large':
-      return 'medium';
-    case 'huge':
-      return 'large';
+  const result = smallerSizeMap[size];
+  if (result === undefined) {
+    throw new Error(`${size} has no smaller size.`);
   }
-  throw new Error(`${size} has no smaller size.`);
+  return result;
 }

package/es/_utils/ts/ts.d.ts

@@ -0,0 +1,3 @@
+export type ThemeRelatedProps = 'theme' | 'themeOverrides' | 'builtinThemeOverrides';
+export type Equal<X, Y> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2 ? true : false;
+export type Expect<T extends true> = T;

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

@@ -759,9 +759,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         padding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    type: "error" | "default" | "info" | "success" | "warning";
-    bordered: boolean;
+    type: "error" | "default" | "info" | "warning" | "success";
     showIcon: boolean;
+    bordered: boolean;
     closable: boolean;
 }, SlotsType<AlertSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/anchor/index.d.ts

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

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

@@ -264,12 +264,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly bound: number;
     readonly target: (() => HTMLElement) | undefined;
     readonly position: "fixed" | "absolute";
-    readonly affix: boolean;
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
     readonly showRail: boolean;
     readonly showBackground: boolean;
     readonly internalScrollable: boolean;
     readonly ignoreGap: boolean;
+    readonly affix: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/anchor/src/BaseAnchor.mjs

@@ -1,4 +1,3 @@
-import { throttle } from 'lodash-es';
 import { unwrapElement } from 'seemly';
 import { onFontsReady } from 'vooks';
 import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, provide, ref, toRef, watch } from 'vue';
@@ -43,6 +42,7 @@ export default defineComponent({
     const slotRef = ref(null);
     const barRef = ref(null);
     const selfRef = ref(null);
+    let skipScrollHandling = false;
     const isBlockTypeRef = computed(() => {
       return props.type === 'block';
     });
@@ -133,20 +133,43 @@ export default defineComponent({
         if (slotEl) slotEl.style.transition = '';
       }
     }
-    const handleScroll = throttle(() => {
-      _handleScroll(true);
-    }, 128);
+    let currentThrottleTimerId;
+    let hasTrailingThrottledTask = false;
+    let isInThrottledPeriod = false;
+    const handleScroll = () => {
+      if (isInThrottledPeriod) {
+        hasTrailingThrottledTask = true;
+      } else {
+        if (skipScrollHandling) {
+          return;
+        }
+        _handleScroll(true);
+        isInThrottledPeriod = true;
+        clearTimeout(currentThrottleTimerId);
+        currentThrottleTimerId = setTimeout(() => {
+          isInThrottledPeriod = false;
+          if (hasTrailingThrottledTask) {
+            hasTrailingThrottledTask = false;
+            handleScroll();
+          }
+        }, 128);
+      }
+    };
     function setActiveHref(href, transition = true) {
       const idMatchResult = /^#([^#]+)$/.exec(href);
       if (!idMatchResult) return;
       const linkEl = document.getElementById(idMatchResult[1]);
       if (!linkEl) return;
+      skipScrollHandling = true;
       activeHrefRef.value = href;
       linkEl.scrollIntoView();
       if (!transition) {
         disableTransitionOneTick();
       }
-      handleScroll();
+      hasTrailingThrottledTask = false;
+      setTimeout(() => {
+        skipScrollHandling = false;
+      }, 0);
     }
     function _handleScroll(transition = true) {
       var _a;
@@ -233,6 +256,7 @@ export default defineComponent({
       _handleScroll(false);
     });
     onBeforeUnmount(() => {
+      clearTimeout(currentThrottleTimerId);
       document.removeEventListener('scroll', handleScroll, true);
     });
     watch(activeHrefRef, value => {

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

@@ -1,4 +1,5 @@
-import { type Ref } from 'vue';
+import type { Ref, SlotsType } from 'vue';
+import type { AnchorLinkSlots } from './public-types';
 import { type ExtractPublicPropTypes } from '../../_utils';
 export interface AnchorInjection {
     activeHref: Ref<string | null>;
@@ -20,5 +21,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly href: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, SlotsType<AnchorLinkSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/anchor/src/Link.mjs

@@ -1,6 +1,6 @@
 import { useMemo } from 'vooks';
 import { defineComponent, h, inject, ref, toRef, watch } from 'vue';
-import { createInjectionKey, getTitleAttribute } from "../../_utils/index.mjs";
+import { createInjectionKey, getTitleAttribute, resolveSlot } from "../../_utils/index.mjs";
 import { useInjectionCollection, useInjectionElementCollection } from "../../_utils/composable/index.mjs";
 export const anchorInjectionKey = createInjectionKey('n-anchor');
 export const anchorLinkProps = {
@@ -10,6 +10,7 @@ export const anchorLinkProps = {
 export default defineComponent({
   name: 'AnchorLink',
   props: anchorLinkProps,
+  slots: Object,
   setup(props, {
     slots
   }) {
@@ -44,7 +45,9 @@ export default defineComponent({
         href: props.href,
         title: getTitleAttribute(props.title),
         onClick: handleClick
-      }, props.title), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
+      }, {
+        default: () => resolveSlot(slots.title, () => [props.title])
+      }), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
     };
   }
 });

package/es/anchor/src/public-types.d.ts

@@ -0,0 +1,5 @@
+import type { VNode } from 'vue';
+export interface AnchorLinkSlots {
+    default?: () => VNode[];
+    title?: () => VNode[];
+}

package/es/anchor/src/public-types.mjs

@@ -0,0 +1 @@
+export {};