naive-ui 2.43.2 → 2.44.0

package/es/form/src/FormItem.mjs

@@ -97,6 +97,7 @@ function wrapValidator(validator, async) {
 export default defineComponent({
   name: 'FormItem',
   props: formItemProps,
+  slots: Object,
   setup(props) {
     useInjectionInstanceCollection(formItemInstsInjectionKey, 'formItems', toRef(props, 'path'));
     const {
@@ -124,12 +125,24 @@ export default defineComponent({
     } = formItemMiscRefs;
     const renderExplainsRef = ref([]);
     const feedbackIdRef = ref(createId());
+    const labelElementRef = ref(null);
     const mergedDisabledRef = NForm ? toRef(NForm.props, 'disabled') : ref(false);
     const themeRef = useTheme('Form', '-form-item', style, formLight, props, mergedClsPrefixRef);
     watch(toRef(props, 'path'), () => {
       if (props.ignorePathChange) return;
       restoreValidation();
     });
+    function invalidateLabelWidth() {
+      if (!formItemMiscRefs.isAutoLabelWidth.value) return;
+      const labelElement = labelElementRef.value;
+      if (labelElement !== null) {
+        const memoizedWhitespace = labelElement.style.whiteSpace;
+        labelElement.style.whiteSpace = 'nowrap';
+        labelElement.style.width = '';
+        NForm === null || NForm === void 0 ? void 0 : NForm.deriveMaxChildLabelWidth(Number(getComputedStyle(labelElement).width.slice(0, -2)));
+        labelElement.style.whiteSpace = memoizedWhitespace;
+      }
+    }
     function restoreValidation() {
       renderExplainsRef.value = [];
       validationErroredRef.value = false;
@@ -320,20 +333,10 @@ export default defineComponent({
     const exposedRef = {
       validate,
       restoreValidation,
-      internalValidate
+      internalValidate,
+      invalidateLabelWidth
     };
-    const labelElementRef = ref(null);
-    onMounted(() => {
-      if (!formItemMiscRefs.isAutoLabelWidth.value) return;
-      const labelElement = labelElementRef.value;
-      if (labelElement !== null) {
-        const memoizedWhitespace = labelElement.style.whiteSpace;
-        labelElement.style.whiteSpace = 'nowrap';
-        labelElement.style.width = '';
-        NForm === null || NForm === void 0 ? void 0 : NForm.deriveMaxChildLabelWidth(Number(getComputedStyle(labelElement).width.slice(0, -2)));
-        labelElement.style.whiteSpace = memoizedWhitespace;
-      }
-    });
+    onMounted(invalidateLabelWidth);
     const cssVarsRef = computed(() => {
       var _a;
       const {

package/es/form/src/FormItemCol.d.ts

@@ -146,7 +146,7 @@ export declare const formItemColProps: {
         readonly default: 0;
     };
 };
-export declare const formItemColPropKeys: ("label" | "push" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "span" | "contentClass" | "contentStyle" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "pull")[];
+export declare const formItemColPropKeys: ("label" | "push" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "contentClass" | "contentStyle" | "offset" | "span" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "pull")[];
 export type FormItemColProps = ExtractPublicPropTypes<typeof formItemColProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
@@ -297,11 +297,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemInstRef: import("vue").Ref<{
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null, FormItemInst | {
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null>;

package/es/form/src/FormItemGridItem.d.ts

@@ -1,5 +1,6 @@
+import type { SlotsType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { FormItemInst } from './interface';
+import type { FormItemInst, FormItemSlots } from './interface';
 export declare const formItemGiProps: {
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
@@ -146,7 +147,7 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("label" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "span" | "contentClass" | "contentStyle" | "suffix" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "privateOffset" | "privateSpan" | "privateColStart" | "privateShow")[];
+export declare const formItemGiPropKeys: ("label" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "contentClass" | "contentStyle" | "offset" | "span" | "suffix" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "privateOffset" | "privateSpan" | "privateColStart" | "privateShow")[];
 export type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
@@ -297,11 +298,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemInstRef: import("vue").Ref<{
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null, FormItemInst | {
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null>;
@@ -463,5 +466,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
     readonly privateShow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<FormItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/form/src/FormItemGridItem.mjs

@@ -9,6 +9,7 @@ export default defineComponent({
   name: 'FormItemGridItem',
   alias: ['FormItemGi'],
   props: formItemGiProps,
+  slots: Object,
   setup() {
     const formItemInstRef = ref(null);
     const validate = (...args) => {

package/es/form/src/FormItemRow.d.ts

@@ -307,11 +307,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemColInstRef: import("vue").Ref<{
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null, import("./interface").FormItemInst | {
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null>;

package/es/form/src/interface.d.ts

@@ -1,5 +1,5 @@
 import type { RuleItem, ValidateError, ValidateMessages, ValidateOption } from 'async-validator';
-import type { Ref, VNodeChild } from 'vue';
+import type { Ref, VNode, VNodeChild } from 'vue';
 import type { FormSetupProps } from './Form';
 export interface FormRules {
     [path: string]: FormRules | FormItemRule | FormItemRule[];
@@ -36,6 +36,7 @@ export type FormItemValidate = ((options: FormItemValidateOptions) => Promise<{
 export interface FormItemInst {
     validate: FormItemValidate;
     restoreValidation: () => void;
+    invalidateLabelWidth: () => void;
     path?: string;
     internalValidate: FormItemInternalValidate;
 }
@@ -48,7 +49,6 @@ export interface FormInjection {
 }
 export type LabelAlign = 'left' | 'center' | 'right';
 export type LabelPlacement = 'left' | 'top';
-export type Size = 'small' | 'medium' | 'large';
 export type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
 export type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
 export type ValidateCallback = (errors: ValidateError[] | undefined, extra: {
@@ -64,7 +64,13 @@ export type FormValidationError = ValidateError[];
 export interface FormInst {
     validate: FormValidate;
     restoreValidation: () => void;
+    invalidateLabelWidth: () => void;
 }
 export interface FormValidateMessages extends ValidateMessages {
 }
+export interface FormItemSlots {
+    default?: () => VNode[];
+    feedback?: () => VNode[];
+    label?: () => VNode[];
+}
 export {};

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

@@ -1 +1,3 @@
+export type FormSize = 'small' | 'medium' | 'large';
+export type FormItemSize = 'small' | 'medium' | 'large';
 export type FormValidationStatus = 'success' | 'error' | 'warning';

package/es/form/src/utils.d.ts

@@ -1,8 +1,9 @@
 import type { ComputedRef } from 'vue';
 import type { FormItemSetupProps } from './FormItem';
-import type { FormItemRule, Size } from './interface';
+import type { FormItemRule } from './interface';
+import type { FormItemSize } from './public-types';
 export declare function formItemSize(props: FormItemSetupProps): {
-    mergedSize: ComputedRef<Size>;
+    mergedSize: ComputedRef<FormItemSize>;
 };
 export declare function formItemMisc(props: FormItemSetupProps): {
     validationErrored: import("vue").Ref<boolean, boolean>;

package/es/form/src/utils.mjs

@@ -1,13 +1,20 @@
 import { get } from 'lodash-es';
 import { computed, inject, ref } from 'vue';
+import { useConfig } from "../../_mixins/index.mjs";
 import { formatLength } from "../../_utils/index.mjs";
 import { formInjectionKey } from "./context.mjs";
 export function formItemSize(props) {
   const NForm = inject(formInjectionKey, null);
+  const {
+    mergedComponentPropsRef
+  } = useConfig(props);
   return {
     mergedSize: computed(() => {
+      var _a, _b;
       if (props.size !== undefined) return props.size;
       if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.size) !== undefined) return NForm.props.size;
+      const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Form) === null || _b === void 0 ? void 0 : _b.size;
+      if (configSize) return configSize;
       return 'medium';
     })
   };

package/es/input/index.d.ts

@@ -5,3 +5,4 @@ export type { InputGroupProps } from './src/InputGroup';
 export { inputGroupLabelProps, default as NInputGroupLabel } from './src/InputGroupLabel';
 export type { InputGroupLabelProps } from './src/InputGroupLabel';
 export type { InputInst } from './src/interface';
+export type * from './src/public-types';

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

@@ -2,7 +2,8 @@ import type { InputHTMLAttributes, PropType, SlotsType, TextareaHTMLAttributes,
 import type { ScrollbarInst } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { OnUpdateValue, Size } from './interface';
+import type { OnUpdateValue } from './interface';
+import type { InputSize } from './public-types';
 export declare const inputProps: {
     bordered: {
         type: PropType<boolean | undefined>;
@@ -22,7 +23,7 @@ export declare const inputProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;
@@ -355,7 +356,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;
@@ -900,7 +901,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;

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

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { Size } from './interface';
+import type { InputSize } from './public-types';
 export declare const inputGroupLabelProps: {
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -235,7 +235,7 @@ export declare const inputGroupLabelProps: {
 };
 export type InputGroupLabelProps = ExtractPublicPropTypes<typeof inputGroupLabelProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -481,7 +481,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;

package/es/input/src/InputGroupLabel.mjs

@@ -17,13 +17,24 @@ export default defineComponent({
     const {
       mergedBorderedRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
-    const formItem = useFormItem(props);
+    const themeRef = useTheme('Input', '-input-group-label', style, inputLight, props, mergedClsPrefixRef);
     const {
       mergedSizeRef
-    } = formItem;
-    const themeRef = useTheme('Input', '-input-group-label', style, inputLight, props, mergedClsPrefixRef);
+    } = useFormItem(props, {
+      mergedSize(NFormItem) {
+        var _a, _b;
+        if (props.size !== undefined) return props.size;
+        if (NFormItem) {
+          return NFormItem.mergedSize.value;
+        }
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Input) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const cssVarsRef = computed(() => {
       const {
         value: size
@@ -53,12 +64,7 @@ export default defineComponent({
         '--n-height': height
       };
     });
-    const themeClassHandle = inlineThemeDisabled ? useThemeClass('input-group-label', computed(() => {
-      const {
-        value: size
-      } = mergedSizeRef;
-      return size[0];
-    }), cssVarsRef, props) : undefined;
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('input-group-label', computed(() => mergedSizeRef.value[0]), cssVarsRef, props) : undefined;
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       mergedBordered: mergedBorderedRef,

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

@@ -1,5 +1,4 @@
 import type { Ref, UnwrapRef } from 'vue';
-export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export type OnUpdateValue = (value: string & [string, string], meta: {
     source: 0 | 1 | 'clear';
 }) => void;

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

@@ -0,0 +1 @@
+export type InputSize = 'tiny' | 'small' | 'medium' | 'large';

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

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

package/es/legacy-transfer/src/TransferList.d.ts

@@ -838,6 +838,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string, string>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => import("vue").VNodeChild) | undefined>;
     scrollerInstRef: import("vue").Ref<{
         $el: HTMLElement;
         containerRef: HTMLElement | null;

package/es/legacy-transfer/src/TransferList.mjs

@@ -1,6 +1,7 @@
-import { defineComponent, Fragment, h, inject, ref, Transition, TransitionGroup } from 'vue';
+import { computed, defineComponent, Fragment, h, inject, ref, Transition, TransitionGroup } from 'vue';
 import { VirtualList } from 'vueuc';
 import { NScrollbar } from "../../_internal/index.mjs";
+import { useConfig } from "../../_mixins/index.mjs";
 import { NEmpty } from "../../empty/index.mjs";
 import { transferInjectionKey } from "./interface.mjs";
 import NTransferListItem from "./TransferListItem.mjs";
@@ -41,8 +42,15 @@ export default defineComponent({
       mergedThemeRef,
       mergedClsPrefixRef
     } = inject(transferInjectionKey);
+    const {
+      mergedComponentPropsRef
+    } = useConfig();
     const scrollerInstRef = ref(null);
     const vlInstRef = ref(null);
+    const mergedRenderEmptyRef = computed(() => {
+      var _a, _b;
+      return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Transfer) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+    });
     function syncVLScroller() {
       var _a;
       (_a = scrollerInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
@@ -70,6 +78,7 @@ export default defineComponent({
     return {
       mergedTheme: mergedThemeRef,
       mergedClsPrefix: mergedClsPrefixRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       scrollerInstRef,
       vlInstRef,
       syncVLScroller,
@@ -145,10 +154,13 @@ export default defineComponent({
       appear: this.isMounted,
       css: !this.isInputing
     }, {
-      default: () => this.options.length ? null : h(NEmpty, {
-        theme: mergedTheme.peers.Empty,
-        themeOverrides: mergedTheme.peerOverrides.Empty
-      })
+      default: () => {
+        var _a;
+        return this.options.length ? null : ((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || h(NEmpty, {
+          theme: mergedTheme.peers.Empty,
+          themeOverrides: mergedTheme.peerOverrides.Empty
+        });
+      }
     }));
   }
 });

package/es/log/index.d.ts

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

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

@@ -2,6 +2,7 @@ import type { PropType, Ref } from 'vue';
 import type { ScrollbarInst } from '../../_internal';
 import type { Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { LogSpinProps } from './public-types';
 export interface LogInjection {
     trimRef: Ref<boolean>;
     languageRef: Ref<string | undefined>;
@@ -47,6 +48,7 @@ export declare const logProps: {
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
@@ -187,6 +189,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
@@ -424,6 +427,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;

package/es/log/src/Log.mjs

@@ -41,6 +41,7 @@ export const logProps = Object.assign(Object.assign({}, useTheme.props), {
     default: 0
   },
   hljs: Object,
+  spinProps: Object,
   onReachTop: Function,
   onReachBottom: Function,
   onRequireMore: Function
@@ -260,7 +261,8 @@ export default defineComponent({
       name: "fade-in-scale-up-transition"
     }, {
       default: () => this.loading ? h(NLogLoader, {
-        clsPrefix: mergedClsPrefix
+        clsPrefix: mergedClsPrefix,
+        spinProps: this.spinProps
       }) : null
     })]);
   }

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

@@ -1,8 +1,11 @@
+import type { PropType } from 'vue';
+import type { LogSpinProps } from './public-types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
+    spinProps: PropType<LogSpinProps>;
 }>, {
     locale: import("vue").Ref<{
         loading: string;
@@ -14,5 +17,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    spinProps: PropType<LogSpinProps>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/log/src/LogLoader.mjs

@@ -7,7 +7,8 @@ export default defineComponent({
     clsPrefix: {
       type: String,
       required: true
-    }
+    },
+    spinProps: Object
   },
   setup() {
     return {
@@ -20,11 +21,11 @@ export default defineComponent({
     } = this;
     return h("div", {
       class: `${clsPrefix}-log-loader`
-    }, h(NBaseLoading, {
+    }, h(NBaseLoading, Object.assign({
       clsPrefix: clsPrefix,
       strokeWidth: 24,
       scale: 0.85
-    }), h("span", {
+    }, this.spinProps)), h("span", {
       class: `${clsPrefix}-log-loader__content`
     }, this.locale.loading));
   }

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

@@ -0,0 +1,2 @@
+import type { SharedSpinProps } from '../../_internal';
+export type LogSpinProps = SharedSpinProps;

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

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

package/es/marquee/src/Marquee.mjs

@@ -82,9 +82,11 @@ export default defineComponent({
     } = this;
     const originalNode = h(VResizeObserver, {
       onResize: this.handleContentResize
-    }, h("div", {
-      class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item`
-    }, $slots));
+    }, {
+      default: () => h("div", {
+        class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item`
+      }, $slots)
+    });
     const mirrorNode = h("div", {
       class: `${mergedClsPrefix}-marquee__item`
     }, $slots);

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

@@ -1,10 +1,11 @@
 import type { TreeNode } from 'treemate';
 import type { PropType, SlotsType, VNode } from 'vue';
 import type { FollowerInst, FollowerPlacement } from 'vueuc';
+import type { ScrollbarProps } from '../../_internal';
 import type { RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { Size as InputSize } from '../../input/src/interface';
+import type { InputSize } from '../../input/src/public-types';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { MentionOption } from './interface';
 export declare const mentionProps: {
@@ -67,6 +68,7 @@ export declare const mentionProps: {
     readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly internalDebug: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
@@ -572,6 +574,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly internalDebug: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
@@ -1354,6 +1357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly internalDebug: BooleanConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;

package/es/mention/src/Mention.mjs

@@ -78,6 +78,7 @@ export const mentionProps = Object.assign(Object.assign({}, useTheme.props), {
   onSelect: Function,
   onFocus: Function,
   onBlur: Function,
+  scrollbarProps: Object,
   // private
   internalDebug: Boolean
 });
@@ -446,7 +447,8 @@ export default defineComponent({
               virtualScroll: false,
               style: this.cssVars,
               onToggle: this.handleSelect,
-              renderLabel: this.renderLabel
+              renderLabel: this.renderLabel,
+              scrollbarProps: this.scrollbarProps
             }, $slots) : null;
           }
         })

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

@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isEllipsisPlaceholder: BooleanConstructor;
 }>> & Readonly<{}>, {
     disabled: boolean;
-    selected: boolean;
     hover: boolean;
+    selected: boolean;
     showArrow: boolean;
     collapsed: boolean;
     childActive: boolean;

package/es/message/index.d.ts

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

package/es/message/src/Message.d.ts

@@ -1,4 +1,5 @@
 import type { PropType, VNodeChild } from 'vue';
+import type { MessageSpinProps } from './public-types';
 import type { MessageRenderMessage, MessageType } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     render: PropType<MessageRenderMessage>;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
+    spinProps: PropType<MessageSpinProps>;
     onClose: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
@@ -68,6 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
+    spinProps: PropType<MessageSpinProps>;
     onClose: PropType<() => void>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;