naive-ui 2.33.2 → 2.33.4

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

@@ -34,7 +34,7 @@ export default defineComponent({
         }, loading: Boolean, autofocus: Boolean, showArrow: {
             type: Boolean,
             default: true
-        }, inputProps: Object, focused: Boolean, renderTag: Function, onKeydown: Function, onClick: Function, onBlur: Function, onFocus: Function, onDeleteOption: Function, maxTagCount: [String, Number], onClear: Function, onPatternInput: Function, onPatternFocus: Function, onPatternBlur: Function, renderLabel: Function, status: String, inlineThemeDisabled: Boolean, onResize: Function }),
+        }, inputProps: Object, focused: Boolean, renderTag: Function, onKeydown: Function, onClick: Function, onBlur: Function, onFocus: Function, onDeleteOption: Function, maxTagCount: [String, Number], onClear: Function, onPatternInput: Function, onPatternFocus: Function, onPatternBlur: Function, renderLabel: Function, status: String, inlineThemeDisabled: Boolean, ignoreComposition: { type: Boolean, default: true }, onResize: Function }),
     setup(props) {
         const patternInputMirrorRef = ref(null);
         const patternInputRef = ref(null);
@@ -169,7 +169,7 @@ export default defineComponent({
             doDeleteOption(option);
         }
         function handlePatternKeyDown(e) {
-            if (e.key === 'Backspace' && !isCompositingRef.value) {
+            if (e.key === 'Backspace' && !isComposingRef.value) {
                 if (!props.pattern.length) {
                     const { selectedOptions } = props;
                     if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
@@ -178,7 +178,7 @@ export default defineComponent({
                 }
             }
         }
-        const isCompositingRef = ref(false);
+        const isComposingRef = ref(false);
         // the composition end is later than its input so we can cached the event
         // and return the input event
         let cachedInputEvent = null;
@@ -190,19 +190,26 @@ export default defineComponent({
                 patternInputMirrorEl.textContent = inputText;
                 syncMirrorWidth();
             }
-            if (!isCompositingRef.value) {
-                doPatternInput(e);
+            if (props.ignoreComposition) {
+                if (!isComposingRef.value) {
+                    doPatternInput(e);
+                }
+                else {
+                    cachedInputEvent = e;
+                }
             }
             else {
-                cachedInputEvent = e;
+                doPatternInput(e);
             }
         }
         function handleCompositionStart() {
-            isCompositingRef.value = true;
+            isComposingRef.value = true;
         }
         function handleCompositionEnd() {
-            isCompositingRef.value = false;
-            doPatternInput(cachedInputEvent);
+            isComposingRef.value = false;
+            if (props.ignoreComposition) {
+                doPatternInput(cachedInputEvent);
+            }
             cachedInputEvent = null;
         }
         function handlePatternInputFocus(e) {
@@ -280,7 +287,9 @@ export default defineComponent({
                 return;
             clearEnterTimer();
             enterTimerId = window.setTimeout(() => {
-                showTagsPopoverRef.value = true;
+                if (selectedRef.value) {
+                    showTagsPopoverRef.value = true;
+                }
             }, 100);
         }
         function handleMouseLeaveCounter() {
@@ -292,6 +301,11 @@ export default defineComponent({
                 showTagsPopoverRef.value = false;
             }
         }
+        watch(selectedRef, (value) => {
+            if (!value) {
+                showTagsPopoverRef.value = false;
+            }
+        });
         onMounted(() => {
             watchEffect(() => {
                 const patternInputWrapperEl = patternInputWrapperRef.value;
@@ -379,7 +393,7 @@ export default defineComponent({
             label: labelRef,
             selected: selectedRef,
             showTagsPanel: showTagsPopoverRef,
-            isCompositing: isCompositingRef,
+            isComposing: isComposingRef,
             // dom ref
             counterRef,
             counterWrapperRef,
@@ -437,7 +451,7 @@ export default defineComponent({
             const createTag = (option) => (h("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({
                 option,
                 handleClose: () => this.handleDeleteOption(option)
-            })) : (h(NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => this.handleDeleteOption(option), internalCloseFocusable: false }, {
+            })) : (h(NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => this.handleDeleteOption(option), internalCloseIsButtonTag: false, internalCloseFocusable: false }, {
                 default: () => renderLabel
                     ? renderLabel(option, true)
                     : render(option[labelField], option, true)
@@ -499,7 +513,7 @@ export default defineComponent({
             const showPlaceholder = this.selected
                 ? false
                 : this.active
-                    ? !this.pattern && !this.isCompositing
+                    ? !this.pattern && !this.isComposing
                     : true;
             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;
@@ -518,7 +532,7 @@ export default defineComponent({
         }
         else {
             if (filterable) {
-                const hasInput = this.pattern || this.isCompositing;
+                const hasInput = this.pattern || this.isComposing;
                 const showPlaceholder = this.active ? !hasInput : !this.selected;
                 const showSelectedLabel = this.active ? false : this.selected;
                 body = (h("div", { ref: "patternInputWrapperRef", class: `${clsPrefix}-base-selection-label` },

package/es/_internal/slot-machine/src/SlotMachine.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/es/_internal/slot-machine/src/SlotMachineNumber.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/es/_internal/suffix/src/Suffix.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onClear: PropType<(e: MouseEvent) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/es/_internal/wave/src/Wave.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue").Ref<boolean>;
     selfRef: import("vue").Ref<HTMLElement | null>;
     play(): 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/es/_utils/index.d.ts

@@ -1,4 +1,4 @@
-export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty, mergeEventHandlers, isNodeVShowFalse, Wrapper } from './vue';
+export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty, mergeEventHandlers, isNodeVShowFalse, resolveWrappedSlotWithProps, Wrapper } from './vue';
 export type { MaybeArray } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './naive';

package/es/_utils/index.js

@@ -1,4 +1,4 @@
-export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty, mergeEventHandlers, isNodeVShowFalse, Wrapper } from './vue';
+export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty, mergeEventHandlers, isNodeVShowFalse, resolveWrappedSlotWithProps, Wrapper } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export { formatLength, color2Class } from './css';
 export { createKey } from './cssr';

package/es/_utils/vue/call.d.ts

@@ -2,5 +2,6 @@ declare function call(funcs: MaybeArray<() => void>): void;
 declare function call<A1>(funcs: MaybeArray<(a1: A1) => void>, a1: A1): void;
 declare function call<A1, A2>(funcs: MaybeArray<(a1: A1, a2: A2) => void>, a1: A1, a2: A2): void;
 declare function call<A1, A2, A3>(funcs: MaybeArray<(a1: A1, a2: A2, a3: A3) => void>, a1: A1, a2: A2, a3: A3): void;
+declare function call<A1, A2, A3, A4>(funcs: MaybeArray<(a1: A1, a2: A2, a3: A3, a4: A4) => void>, a1: A1, a2: A2, a3: A3, a4: A4): void;
 export { call };
 export declare type MaybeArray<T> = T | T[];

package/es/_utils/vue/index.d.ts

@@ -10,7 +10,7 @@ export { getFirstSlotVNode } from './get-first-slot-vnode';
 export { createDataKey } from './create-data-key';
 export { createRefSetter } from './create-ref-setter';
 export { createInjectionKey } from './create-injection-key';
-export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, isSlotEmpty } from './resolve-slot';
+export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, resolveWrappedSlotWithProps, isSlotEmpty } from './resolve-slot';
 export type { MaybeArray } from './call';
 export { mergeEventHandlers } from './merge-handlers';
 export { isNodeVShowFalse } from './is-node-v-show-false';

package/es/_utils/vue/index.js

@@ -10,7 +10,7 @@ export { getFirstSlotVNode } from './get-first-slot-vnode';
 export { createDataKey } from './create-data-key';
 export { createRefSetter } from './create-ref-setter';
 export { createInjectionKey } from './create-injection-key';
-export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, isSlotEmpty } from './resolve-slot';
+export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, resolveWrappedSlotWithProps, isSlotEmpty } from './resolve-slot';
 export { mergeEventHandlers } from './merge-handlers';
 export { isNodeVShowFalse } from './is-node-v-show-false';
 export { Wrapper } from './wrapper';

package/es/_utils/vue/keysOf.d.ts

@@ -1 +1 @@
-export declare function keysOf<T>(obj: T): Array<keyof T>;
+export declare function keysOf<T extends {}>(obj: T): Array<keyof T>;

package/es/_utils/vue/resolve-slot.d.ts

@@ -8,4 +8,5 @@ export declare function resolveSlotWithProps<T>(slot: Slot | undefined, props: T
  * Resolve slot with wrapper if content exists, no fallback
  */
 export declare function resolveWrappedSlot(slot: Slot | undefined, wrapper: (children: VNodeArrayChildren | null) => VNodeChild): VNodeChild;
+export declare function resolveWrappedSlotWithProps(slot: Slot | undefined, props: any, wrapper: (children: VNodeArrayChildren | null) => VNodeChild): VNodeChild;
 export declare function isSlotEmpty(slot: Slot | undefined): boolean;

package/es/_utils/vue/resolve-slot.js

@@ -32,6 +32,13 @@ export function resolveWrappedSlot(slot, wrapper) {
     const children = slot && ensureValidVNode(slot());
     return wrapper(children || null);
 }
+/*
+ * Resolve slot with wrapper if content exists, no fallback
+ */
+export function resolveWrappedSlotWithProps(slot, props, wrapper) {
+    const children = slot && ensureValidVNode(slot(props));
+    return wrapper(children || null);
+}
 export function isSlotEmpty(slot) {
     return !(slot && ensureValidVNode(slot()));
 }

package/es/_utils/vue/wrapper.d.ts

@@ -1 +1 @@
-export declare const Wrapper: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export declare const Wrapper: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/affix/src/Affix.d.ts

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     affixed: import("vue").ComputedRef<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedstyle: import("vue").ComputedRef<CSSProperties>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;
     readonly top: NumberConstructor;
     readonly bottom: NumberConstructor;

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

@@ -643,7 +643,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     showIcon: {
         type: BooleanConstructor;

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

@@ -175,7 +175,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     scrollTo(href: string): void;
     renderAnchor: () => JSX.Element;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"block" | "rail">;
         readonly default: "rail";

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

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     activeHref: import("vue").Ref<string | null>;
     isBlockType: import("vue").ComputedRef<boolean>;
     mergedShowRail: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mergedClsPrefix: {
         type: StringConstructor;
         required: true;

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

@@ -17,7 +17,7 @@ export declare type AnchorLinkProps = ExtractPublicPropTypes<typeof anchorLinkPr
 declare const _default: import("vue").DefineComponent<{
     readonly title: StringConstructor;
     readonly href: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly href: StringConstructor;
 }>>, {}>;

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

@@ -1122,7 +1122,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, VNodeChild } from 'vue';
 import { IntersectionObserverOptions } from '../../image/src/utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { Size, ObjectFit } from './interface';
@@ -22,6 +22,9 @@ export declare const avatarProps: {
     readonly fallbackSrc: StringConstructor;
     readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
     readonly lazy: BooleanConstructor;
+    readonly onLoad: PropType<(e: Event) => void>;
+    readonly renderPlaceholder: PropType<() => VNodeChild>;
+    readonly renderFallback: PropType<() => VNodeChild>;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -85,6 +88,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly fallbackSrc: StringConstructor;
     readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
     readonly lazy: BooleanConstructor;
+    readonly onLoad: PropType<(e: Event) => void>;
+    readonly renderPlaceholder: PropType<() => VNodeChild>;
+    readonly renderFallback: PropType<() => VNodeChild>;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -149,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
     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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: PropType<Size>;
     readonly src: StringConstructor;
     readonly circle: {
@@ -169,6 +175,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly fallbackSrc: StringConstructor;
     readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
     readonly lazy: BooleanConstructor;
+    readonly onLoad: PropType<(e: Event) => void>;
+    readonly renderPlaceholder: PropType<() => VNodeChild>;
+    readonly renderFallback: PropType<() => VNodeChild>;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {

package/es/avatar/src/Avatar.js

@@ -4,7 +4,7 @@ import { isImageSupportNativeLazy } from '../../_utils/env/is-native-lazy-load';
 import { observeIntersection } from '../../image/src/utils';
 import { tagInjectionKey } from '../../tag/src/Tag';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
-import { createKey, color2Class, resolveWrappedSlot } from '../../_utils';
+import { createKey, color2Class, resolveWrappedSlot, resolveSlot } from '../../_utils';
 import { avatarLight } from '../styles';
 import { avatarGroupInjectionKey } from './context';
 import style from './styles/index.cssr';
@@ -17,7 +17,7 @@ export const avatarProps = Object.assign(Object.assign({}, useTheme.props), { si
     }, bordered: {
         type: Boolean,
         default: undefined
-    }, onError: Function, fallbackSrc: String, intersectionObserverOptions: Object, lazy: Boolean, 
+    }, onError: Function, fallbackSrc: String, intersectionObserverOptions: Object, lazy: Boolean, onLoad: Function, renderPlaceholder: Function, renderFallback: Function, 
     /** @deprecated */
     color: String });
 export default defineComponent({
@@ -178,9 +178,17 @@ export default defineComponent({
         const { $slots, src, mergedClsPrefix, lazy, onRender, mergedOnLoad, shouldStartLoading, loaded, hasLoadError } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         let img;
-        const placeholderNode = !loaded && !hasLoadError && ((_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a));
+        const placeholderNode = !loaded &&
+            !hasLoadError &&
+            (this.renderPlaceholder
+                ? this.renderPlaceholder()
+                : (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a));
         if (this.hasLoadError) {
-            img = h("img", { src: this.fallbackSrc, style: { objectFit: this.objectFit } });
+            img = this.renderFallback
+                ? this.renderFallback()
+                : resolveSlot($slots.fallback, () => [
+                    h("img", { src: this.fallbackSrc, style: { objectFit: this.objectFit } })
+                ]);
         }
         else {
             img = resolveWrappedSlot($slots.default, (children) => {

package/es/avatar-group/src/AvatarGroup.d.ts

@@ -16,7 +16,9 @@ export declare const avatarGroupProps: {
     };
     readonly vertical: BooleanConstructor;
     readonly size: PropType<Size | undefined>;
-    readonly theme: PropType<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly theme: PropType<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -31,7 +33,9 @@ export declare const avatarGroupProps: {
             colorPopover: string;
         }, any>;
     }>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -46,7 +50,9 @@ export declare const avatarGroupProps: {
             colorPopover: string;
         }, any>;
     }>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -72,7 +78,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly vertical: BooleanConstructor;
     readonly size: PropType<Size | undefined>;
-    readonly theme: PropType<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly theme: PropType<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -87,7 +95,9 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
         }, any>;
     }>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -102,7 +112,9 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
         }, any>;
     }>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -224,7 +236,9 @@ declare const _default: import("vue").DefineComponent<{
             heightHuge: string;
             name: "common";
         };
-        self: unknown;
+        self: {
+            gap: string;
+        };
         peers: {
             Avatar: import("../../_mixins").Theme<"Avatar", {
                 borderRadius: string;
@@ -252,7 +266,10 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     restOptions: import("vue").ComputedRef<AvatarOption[] | undefined>;
     displayedOptions: import("vue").ComputedRef<AvatarOption[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    cssVars: import("vue").ComputedRef<{
+        '--n-gap': string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;
     readonly options: {
@@ -261,7 +278,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly vertical: BooleanConstructor;
     readonly size: PropType<Size | undefined>;
-    readonly theme: PropType<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly theme: PropType<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -276,7 +295,9 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
         }, any>;
     }>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;
@@ -291,7 +312,9 @@ declare const _default: import("vue").DefineComponent<{
             colorPopover: string;
         }, any>;
     }>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", unknown, {
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AvatarGroup", {
+        gap: string;
+    }, {
         Avatar: import("../../_mixins").Theme<"Avatar", {
             borderRadius: string;
             fontSize: string;

package/es/avatar-group/src/AvatarGroup.js

@@ -41,7 +41,12 @@ export default defineComponent({
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             restOptions: restOptionsRef,
-            displayedOptions: displayedOptionsRef
+            displayedOptions: displayedOptionsRef,
+            cssVars: computed(() => {
+                return {
+                    '--n-gap': mergedThemeRef.value.self.gap
+                };
+            })
         };
     },
     render() {
@@ -50,7 +55,7 @@ export default defineComponent({
                 `${mergedClsPrefix}-avatar-group`,
                 this.rtlEnabled && `${mergedClsPrefix}-avatar-group--rtl`,
                 this.vertical && `${mergedClsPrefix}-avatar-group--vertical`
-            ], role: "group" },
+            ], style: this.cssVars, role: "group" },
             displayedOptions.map((option) => {
                 return $slots.avatar ? ($slots.avatar({ option })) : (h(NAvatar, { src: option.src, theme: mergedTheme.peers.Avatar, themeOverrides: mergedTheme.peerOverrides.Avatar }));
             }),

package/es/avatar-group/src/styles/avatar-group-rtl.cssr.js

@@ -1,9 +1,10 @@
-import { c, cB, cM, cNotM } from '../../../_utils/cssr';
+import { c, cB, cM, cNotM } from '../../../_utils/cssr'; // --n-gap
+
 export default cB('avatar-group', [cM('rtl', `
  direction: rtl;
  `, [cNotM('vertical', `
  flex-direction: row;
  `, [cB('avatar', [c('&:not(:first-child)', `
- margin-right: -12px;
+ margin-right: var(--n-gap);
  margin-left: 0;
  `)])])])]);

package/es/avatar-group/src/styles/avatar-group.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cM, cNotM } from '../../../_utils/cssr/index';
+import { c, cB, cM, cNotM } from '../../../_utils/cssr/index'; // --n-gap
+
 export default cB('avatar-group', `
  flex-wrap: nowrap;
  display: inline-flex;
@@ -6,9 +7,9 @@ export default cB('avatar-group', `
 `, [cNotM('vertical', {
   flexDirection: 'row'
 }, [cB('avatar', [c('&:not(:first-child)', `
- margin-left: -12px;
+ margin-left: var(--n-gap);
  `)])]), cM('vertical', {
   flexDirection: 'column'
 }, [cB('avatar', [c('&:not(:first-child)', `
- margin-top: -12px;
+ margin-top: var(--n-gap);
  `)])])]);

package/es/avatar-group/styles/dark.js

@@ -1,10 +1,12 @@
 import { commonDark } from '../../_styles/common';
 import { avatarDark } from '../../avatar/styles';
+import { self } from './light';
 const avatarGroupDark = {
     name: 'AvatarGroup',
     common: commonDark,
     peers: {
         Avatar: avatarDark
-    }
+    },
+    self
 };
 export default avatarGroupDark;

package/es/avatar-group/styles/light.d.ts

@@ -1,5 +1,10 @@
 export declare type AvatarGroupThemeVars = {};
-declare const avatarGroupLight: import("../../_mixins").Theme<"AvatarGroup", unknown, {
+export declare const self: () => {
+    gap: string;
+};
+declare const avatarGroupLight: import("../../_mixins").Theme<"AvatarGroup", {
+    gap: string;
+}, {
     Avatar: import("../../_mixins").Theme<"Avatar", {
         borderRadius: string;
         fontSize: string;

package/es/avatar-group/styles/light.js

@@ -1,11 +1,17 @@
 import { commonLight } from '../../_styles/common';
 import { createTheme } from '../../_mixins';
 import { avatarLight } from '../../avatar/styles';
+export const self = () => {
+    return {
+        gap: '-12px'
+    };
+};
 const avatarGroupLight = createTheme({
     name: 'AvatarGroup',
     common: commonLight,
     peers: {
         Avatar: avatarLight
-    }
+    },
+    self
 });
 export default avatarGroupLight;

package/es/back-top/src/BackTop.d.ts

@@ -177,7 +177,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly show: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;