naive-ui 2.30.3 → 2.30.6

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

@@ -1,10 +1,10 @@
-import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergeProps, Transition, watchEffect, onActivated, onDeactivated } from 'vue';
+import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergeProps, Transition, watchEffect } from 'vue';
 import { on, off } from 'evtd';
 import { VResizeObserver } from 'vueuc';
 import { useIsIos } from 'vooks';
 import { useConfig, useTheme, useThemeClass } from '../../../_mixins';
+import { useReactivated, Wrapper } from '../../../_utils';
 import { scrollbarLight } from '../styles';
-import { Wrapper } from './Wrapper';
 import style from './styles/index.cssr';
 const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: Number,
@@ -159,14 +159,7 @@ const Scrollbar = defineComponent({
                 return content();
             return contentRef.value;
         });
-        let isDeactivated = false;
-        let activateStateInitialized = false;
-        onActivated(() => {
-            isDeactivated = false;
-            if (!activateStateInitialized) {
-                activateStateInitialized = true;
-                return;
-            }
+        const activateState = useReactivated(() => {
             // Only restore for builtin container & content
             if (!props.container) {
                 // remount
@@ -176,20 +169,14 @@ const Scrollbar = defineComponent({
                 });
             }
         });
-        onDeactivated(() => {
-            isDeactivated = true;
-            if (!activateStateInitialized) {
-                activateStateInitialized = true;
-            }
-        });
         // methods
         const handleContentResize = () => {
-            if (isDeactivated)
+            if (activateState.isDeactivated)
                 return;
             sync();
         };
         const handleContainerResize = (e) => {
-            if (isDeactivated)
+            if (activateState.isDeactivated)
                 return;
             const { onResize } = props;
             if (onResize)

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

@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     labelField: Ref<string>;
+    nodeProps: Ref<import("./interface").NodeProps | undefined>;
     renderLabel: Ref<RenderLabelImpl | undefined>;
     renderOption: Ref<RenderOptionImpl | 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<{

package/es/_internal/select-menu/src/SelectGroupHeader.js

@@ -14,21 +14,23 @@ export default defineComponent({
         }
     },
     setup() {
-        const { renderLabelRef, renderOptionRef, labelFieldRef
+        const { renderLabelRef, renderOptionRef, labelFieldRef, nodePropsRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(internalSelectionMenuInjectionKey);
         return {
             labelField: labelFieldRef,
+            nodeProps: nodePropsRef,
             renderLabel: renderLabelRef,
             renderOption: renderOptionRef
         };
     },
     render() {
-        const { clsPrefix, renderLabel, renderOption, tmNode: { rawNode } } = this;
+        const { clsPrefix, renderLabel, renderOption, nodeProps, tmNode: { rawNode } } = this;
+        const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
         const children = renderLabel
             ? renderLabel(rawNode, false)
             : render(rawNode[this.labelField], rawNode, false);
-        const node = (h("div", { class: `${clsPrefix}-base-select-group-header` }, children));
+        const node = (h("div", Object.assign({}, attrs, { class: [`${clsPrefix}-base-select-group-header`, attrs === null || attrs === void 0 ? void 0 : attrs.class] }), children));
         return rawNode.render
             ? rawNode.render({ node, option: rawNode })
             : renderOption

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
 import type { SelectOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
-import type { RenderLabel, Size, RenderOption } from './interface';
+import type { RenderLabel, Size, RenderOption, NodeProps } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -24,7 +24,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Value | null>;
         default: null;
     };
-    width: (StringConstructor | NumberConstructor)[];
     autoPending: BooleanConstructor;
     virtualScroll: {
         type: BooleanConstructor;
@@ -46,6 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     focusable: BooleanConstructor;
     renderLabel: PropType<RenderLabel>;
     renderOption: PropType<RenderOption>;
+    nodeProps: PropType<NodeProps>;
     showCheckmark: {
         type: BooleanConstructor;
         default: boolean;
@@ -483,7 +483,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Value | null>;
         default: null;
     };
-    width: (StringConstructor | NumberConstructor)[];
     autoPending: BooleanConstructor;
     virtualScroll: {
         type: BooleanConstructor;
@@ -505,6 +504,7 @@ declare const _default: import("vue").DefineComponent<{
     focusable: BooleanConstructor;
     renderLabel: PropType<RenderLabel>;
     renderOption: PropType<RenderOption>;
+    nodeProps: PropType<NodeProps>;
     showCheckmark: {
         type: BooleanConstructor;
         default: boolean;

package/es/_internal/select-menu/src/SelectMenu.js

@@ -4,7 +4,7 @@ import { VirtualList } from 'vueuc';
 import { depx, getPadding, happensIn } from 'seemly';
 import { NEmpty } from '../../../empty';
 import { NScrollbar } from '../../scrollbar';
-import { formatLength, resolveSlot, resolveWrappedSlot, useOnResize } from '../../../_utils';
+import { resolveSlot, resolveWrappedSlot, useOnResize } from '../../../_utils';
 import { createKey } from '../../../_utils/cssr';
 import { useThemeClass, useTheme } from '../../../_mixins';
 import NInternalLoading from '../../loading';
@@ -31,7 +31,7 @@ export default defineComponent({
         }, value: {
             type: [String, Number, Array],
             default: null
-        }, width: [Number, String], autoPending: Boolean, virtualScroll: {
+        }, autoPending: Boolean, virtualScroll: {
             type: Boolean,
             default: true
         }, 
@@ -45,7 +45,7 @@ export default defineComponent({
         }, valueField: {
             type: String,
             default: 'value'
-        }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, showCheckmark: { type: Boolean, default: true }, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, onResize: Function, resetMenuOnOptionsChange: {
+        }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, nodeProps: Function, showCheckmark: { type: Boolean, default: true }, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, onResize: Function, resetMenuOnOptionsChange: {
             type: Boolean,
             default: true
         }, inlineThemeDisabled: Boolean, 
@@ -242,12 +242,13 @@ export default defineComponent({
             handleOptionMouseEnter,
             handleOptionClick,
             valueSetRef,
+            pendingTmNodeRef: pendingNodeRef,
+            nodePropsRef: toRef(props, 'nodeProps'),
             showCheckmarkRef: toRef(props, 'showCheckmark'),
             multipleRef: toRef(props, 'multiple'),
             valueRef: toRef(props, 'value'),
             renderLabelRef: toRef(props, 'renderLabel'),
             renderOptionRef: toRef(props, 'renderOption'),
-            pendingTmNodeRef: pendingNodeRef,
             labelFieldRef: toRef(props, 'labelField'),
             valueFieldRef: toRef(props, 'valueField')
         });
@@ -322,10 +323,7 @@ export default defineComponent({
                 `${clsPrefix}-base-select-menu`,
                 themeClass,
                 this.multiple && `${clsPrefix}-base-select-menu--multiple`
-            ], style: [
-                { width: formatLength(this.width) },
-                this.cssVars
-            ], onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.handleKeyUp, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
+            ], style: this.cssVars, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.handleKeyUp, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
             this.loading ? (h("div", { class: `${clsPrefix}-base-select-menu__loading` },
                 h(NInternalLoading, { clsPrefix: clsPrefix, strokeWidth: 20 }))) : !this.empty ? (h(NScrollbar, { ref: "scrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, scrollable: this.scrollable, container: virtualScroll ? this.virtualListContainer : undefined, content: virtualScroll ? this.virtualListContent : undefined, onScroll: virtualScroll ? undefined : this.doScroll }, {
                 default: () => {

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

@@ -15,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: Ref<boolean>;
     isGrouped: import("vue").ComputedRef<boolean | null>;
     showCheckmark: Ref<boolean>;
+    nodeProps: Ref<import("./interface").NodeProps | undefined>;
     isPending: import("vue").ComputedRef<boolean>;
     isSelected: import("vue").ComputedRef<boolean>;
     labelField: Ref<string>;

package/es/_internal/select-menu/src/SelectOption.js

@@ -1,6 +1,6 @@
 import { h, inject, defineComponent, Transition } from 'vue';
 import { useMemo } from 'vooks';
-import { render } from '../../../_utils';
+import { render, mergeEventHandlers } from '../../../_utils';
 import { CheckmarkIcon } from '../../icons';
 import { NBaseIcon } from '../../icon';
 import { internalSelectionMenuInjectionKey } from './interface';
@@ -25,7 +25,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        const { valueRef, pendingTmNodeRef, multipleRef, valueSetRef, renderLabelRef, renderOptionRef, labelFieldRef, valueFieldRef, showCheckmarkRef, handleOptionClick, handleOptionMouseEnter
+        const { valueRef, pendingTmNodeRef, multipleRef, valueSetRef, renderLabelRef, renderOptionRef, labelFieldRef, valueFieldRef, showCheckmarkRef, nodePropsRef, handleOptionClick, handleOptionMouseEnter
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(internalSelectionMenuInjectionKey);
         const isPendingRef = useMemo(() => {
@@ -61,6 +61,7 @@ export default defineComponent({
                 return parent && parent.rawNode.type === 'group';
             }),
             showCheckmark: showCheckmarkRef,
+            nodeProps: nodePropsRef,
             isPending: isPendingRef,
             isSelected: useMemo(() => {
                 const { value } = valueRef;
@@ -85,7 +86,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { clsPrefix, tmNode: { rawNode }, isSelected, isPending, isGrouped, showCheckmark, renderOption, renderLabel, handleClick, handleMouseEnter, handleMouseMove } = this;
+        const { clsPrefix, tmNode: { rawNode }, isSelected, isPending, isGrouped, showCheckmark, nodeProps, renderOption, renderLabel, handleClick, handleMouseEnter, handleMouseMove } = this;
         const checkmark = renderCheckMark(isSelected, clsPrefix);
         const children = renderLabel
             ? [renderLabel(rawNode, isSelected), showCheckmark && checkmark]
@@ -93,9 +94,11 @@ export default defineComponent({
                 render(rawNode[this.labelField], rawNode, isSelected),
                 showCheckmark && checkmark
             ];
-        const node = (h("div", { class: [
+        const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
+        const node = (h("div", Object.assign({}, attrs, { class: [
                 `${clsPrefix}-base-select-option`,
                 rawNode.class,
+                attrs === null || attrs === void 0 ? void 0 : attrs.class,
                 {
                     [`${clsPrefix}-base-select-option--disabled`]: rawNode.disabled,
                     [`${clsPrefix}-base-select-option--selected`]: isSelected,
@@ -103,7 +106,10 @@ export default defineComponent({
                     [`${clsPrefix}-base-select-option--pending`]: isPending,
                     [`${clsPrefix}-base-select-option--show-checkmark`]: showCheckmark
                 }
-            ], style: rawNode.style, onClick: handleClick, onMouseenter: handleMouseEnter, onMousemove: handleMouseMove },
+            ], style: [(attrs === null || attrs === void 0 ? void 0 : attrs.style) || '', rawNode.style || ''], onClick: mergeEventHandlers([handleClick, attrs === null || attrs === void 0 ? void 0 : attrs.onClick]), onMouseenter: mergeEventHandlers([
+                handleMouseEnter,
+                attrs === null || attrs === void 0 ? void 0 : attrs.onMouseenter
+            ]), onMousemove: mergeEventHandlers([handleMouseMove, attrs === null || attrs === void 0 ? void 0 : attrs.onMousemove]) }),
             h("div", { class: `${clsPrefix}-base-select-option__content` }, children)));
         return rawNode.render
             ? rawNode.render({ node, option: rawNode, selected: isSelected })

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

@@ -1,4 +1,4 @@
-import { VNodeChild, Ref, UnwrapRef, VNode } from 'vue';
+import { VNodeChild, Ref, UnwrapRef, VNode, HTMLAttributes } from 'vue';
 import { TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../../select/src/interface';
 export declare type Size = 'small' | 'medium' | 'large' | 'huge';
@@ -14,6 +14,7 @@ export declare type RenderOptionImpl = (info: {
     option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption;
     selected: boolean;
 }) => VNodeChild;
+export declare type NodeProps = (option: SelectBaseOption | SelectGroupOption) => HTMLAttributes & Record<string, unknown>;
 export interface InternalSelectMenuInjection {
     handleOptionMouseEnter: (e: MouseEvent, tmNode: TreeNode<SelectBaseOption>) => void;
     handleOptionClick: (e: MouseEvent, tmNode: TreeNode<SelectBaseOption>) => void;
@@ -26,6 +27,7 @@ export interface InternalSelectMenuInjection {
     renderOptionRef: Ref<RenderOption | undefined>;
     labelFieldRef: Ref<string>;
     valueFieldRef: Ref<string>;
+    nodePropsRef: Ref<NodeProps | undefined>;
 }
 export interface InternalExposedProps {
     selfRef: Ref<HTMLElement | null>;

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

@@ -58,7 +58,6 @@ declare const _default: import("vue").DefineComponent<{
     inputProps: PropType<InputHTMLAttributes>;
     focused: BooleanConstructor;
     renderTag: PropType<RenderTag>;
-    onKeyup: PropType<(e: KeyboardEvent) => void>;
     onKeydown: PropType<(e: KeyboardEvent) => void>;
     onClick: PropType<(e: MouseEvent) => void>;
     onBlur: PropType<(e: FocusEvent) => void>;
@@ -608,7 +607,6 @@ declare const _default: import("vue").DefineComponent<{
     inputProps: PropType<InputHTMLAttributes>;
     focused: BooleanConstructor;
     renderTag: PropType<RenderTag>;
-    onKeyup: PropType<(e: KeyboardEvent) => void>;
     onKeydown: PropType<(e: KeyboardEvent) => void>;
     onClick: PropType<(e: MouseEvent) => void>;
     onBlur: PropType<(e: FocusEvent) => void>;

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

@@ -4,7 +4,7 @@ import { VOverflow } from 'vueuc';
 import { NPopover } from '../../../popover';
 import { NTag } from '../../../tag';
 import { useThemeClass, useTheme } from '../../../_mixins';
-import { createKey, getTitleAttribute, render, useOnResize } from '../../../_utils';
+import { createKey, getTitleAttribute, render, useOnResize, Wrapper } from '../../../_utils';
 import Suffix from '../../suffix';
 import { internalSelectionLight } from '../styles';
 import style from './styles/index.cssr';
@@ -34,7 +34,7 @@ export default defineComponent({
         }, loading: Boolean, autofocus: Boolean, showArrow: {
             type: Boolean,
             default: true
-        }, inputProps: Object, focused: Boolean, renderTag: Function, onKeyup: 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, onResize: Function }),
     setup(props) {
         const patternInputMirrorRef = ref(null);
         const patternInputRef = ref(null);
@@ -426,8 +426,10 @@ export default defineComponent({
         const maxTagCountResponsive = maxTagCount === 'responsive';
         const maxTagCountNumeric = typeof maxTagCount === 'number';
         const useMaxTagCount = maxTagCountResponsive || maxTagCountNumeric;
-        const suffix = (h(Suffix, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.mergedClearable && this.selected, onClear: this.handleClear }, {
-            default: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+        const suffix = (h(Wrapper, null, {
+            default: () => (h(Suffix, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.mergedClearable && this.selected, onClear: this.handleClear }, {
+                default: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+            }))
         }));
         let body;
         if (multiple) {
@@ -561,7 +563,7 @@ export default defineComponent({
                     // many redundant codes.
                     [`${clsPrefix}-base-selection--focus`]: this.focused
                 }
-            ], style: this.cssVars, onClick: this.onClick, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onKeyup: this.onKeyup, onKeydown: this.onKeydown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onMousedown: this.handleMouseDown },
+            ], style: this.cssVars, onClick: this.onClick, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onKeydown: this.onKeydown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onMousedown: this.handleMouseDown },
             body,
             bordered ? (h("div", { class: `${clsPrefix}-base-selection__border` })) : null,
             bordered ? (h("div", { class: `${clsPrefix}-base-selection__state-border` })) : null));

package/es/_mixins/use-theme.js

@@ -55,7 +55,7 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
             common: mergedCommon,
             self: mergedSelf,
             peers: merge({}, defaultTheme.peers, globalPeers, peers),
-            peerOverrides: merge({}, globalPeersOverrides, peersOverrides)
+            peerOverrides: merge({}, builtinOverrides.peers, globalPeersOverrides, peersOverrides)
         };
     });
     return mergedThemeRef;

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

@@ -1,10 +1,8 @@
-import { Ref, InjectionKey } from 'vue';
-export declare function useInjectionInstanceCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, registerKeyRef: Ref<any>): void;
-export declare function useInjectionCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, valueRef: Ref<any>): void;
-export declare function useInjectionElementCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, getElement: () => HTMLElement | null): void;
-export declare function useDeferredTrue(valueRef: Ref<any>, delay: number, shouldDelayRef: Ref<boolean>): Ref<boolean>;
+export { useInjectionCollection, useInjectionElementCollection, useInjectionInstanceCollection } from './use-collection';
+export { useDeferredTrue } from './use-deferred-true';
 export { useAdjustedTo } from './use-adjusted-to';
 export { useHoudini } from './use-houdini';
 export { useOnResize } from './use-resize';
 export { useLockHtmlScroll, lockHtmlScrollRightCompensationRef } from './use-lock-html-scroll';
 export { useIsComposing } from './use-is-composing';
+export { useReactivated } from './use-reactivated';

package/es/_utils/composable/index.js

@@ -1,116 +1,8 @@
-import { ref, watch, onMounted, inject, getCurrentInstance, onBeforeUnmount } from 'vue';
-// injection.collection {
-//   key1: [insta, instb]
-//   key2: [instc]
-// }
-export function useInjectionInstanceCollection(injectionName, collectionKey, registerKeyRef) {
-    var _a;
-    const injection = inject(injectionName, null);
-    if (injection === null)
-        return;
-    const vm = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
-    watch(registerKeyRef, registerInstance);
-    registerInstance(registerKeyRef.value);
-    onBeforeUnmount(() => {
-        registerInstance(undefined, registerKeyRef.value);
-    });
-    function registerInstance(key, oldKey) {
-        const collection = injection[collectionKey];
-        if (oldKey !== undefined)
-            removeInstance(collection, oldKey);
-        if (key !== undefined)
-            addInstance(collection, key);
-    }
-    function removeInstance(collection, key) {
-        if (!collection[key])
-            collection[key] = [];
-        collection[key].splice(collection[key].findIndex((instance) => instance === vm), 1);
-    }
-    function addInstance(collection, key) {
-        if (!collection[key])
-            collection[key] = [];
-        if (!~collection[key].findIndex((instance) => instance === vm)) {
-            collection[key].push(vm);
-        }
-    }
-}
-// injection.collection {
-//   key1: [insta.value, instb.value]
-//   key2: [instc.value]
-// }
-export function useInjectionCollection(injectionName, collectionKey, valueRef) {
-    const injection = inject(injectionName, null);
-    if (injection === null)
-        return;
-    if (!(collectionKey in injection)) {
-        injection[collectionKey] = [];
-    }
-    injection[collectionKey].push(valueRef.value);
-    watch(valueRef, (value, prevValue) => {
-        const collectionArray = injection[collectionKey];
-        const index = collectionArray.findIndex((collectionValue) => collectionValue === prevValue);
-        if (~index)
-            collectionArray.splice(index, 1);
-        collectionArray.push(value);
-    });
-    onBeforeUnmount(() => {
-        const collectionArray = injection[collectionKey];
-        const index = collectionArray.findIndex((collectionValue) => collectionValue === valueRef.value);
-        if (~index)
-            collectionArray.splice(index, 1);
-    });
-}
-// injection.collection {
-//   key1: [insta.$el, instb.$el]
-//   key2: [instc.$el]
-// }
-export function useInjectionElementCollection(injectionName, collectionKey, getElement) {
-    const injection = inject(injectionName, null);
-    if (injection === null)
-        return;
-    if (!(collectionKey in injection)) {
-        injection[collectionKey] = [];
-    }
-    onMounted(() => {
-        const el = getElement();
-        if (!el)
-            return;
-        injection[collectionKey].push(el);
-    });
-    onBeforeUnmount(() => {
-        const collectionArray = injection[collectionKey];
-        const element = getElement();
-        const index = collectionArray.findIndex((collectionElement) => collectionElement === element);
-        if (~index)
-            collectionArray.splice(index, 1);
-    });
-}
-export function useDeferredTrue(valueRef, delay, shouldDelayRef) {
-    if (!delay)
-        return valueRef;
-    const delayedRef = ref(valueRef.value);
-    let timerId = null;
-    watch(valueRef, (value) => {
-        if (timerId !== null)
-            window.clearTimeout(timerId);
-        if (value === true) {
-            if (shouldDelayRef && !shouldDelayRef.value) {
-                delayedRef.value = true;
-            }
-            else {
-                timerId = window.setTimeout(() => {
-                    delayedRef.value = true;
-                }, delay);
-            }
-        }
-        else {
-            delayedRef.value = false;
-        }
-    });
-    return delayedRef;
-}
+export { useInjectionCollection, useInjectionElementCollection, useInjectionInstanceCollection } from './use-collection';
+export { useDeferredTrue } from './use-deferred-true';
 export { useAdjustedTo } from './use-adjusted-to';
 export { useHoudini } from './use-houdini';
 export { useOnResize } from './use-resize';
 export { useLockHtmlScroll, lockHtmlScrollRightCompensationRef } from './use-lock-html-scroll';
 export { useIsComposing } from './use-is-composing';
+export { useReactivated } from './use-reactivated';

package/es/_utils/composable/use-collection.d.ts

@@ -0,0 +1,4 @@
+import { Ref, InjectionKey } from 'vue';
+export declare function useInjectionInstanceCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, registerKeyRef: Ref<any>): void;
+export declare function useInjectionCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, valueRef: Ref<any>): void;
+export declare function useInjectionElementCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, getElement: () => HTMLElement | null): void;

package/es/_utils/composable/use-collection.js

@@ -0,0 +1,87 @@
+import { watch, onMounted, inject, getCurrentInstance, onBeforeUnmount } from 'vue';
+// injection.collection {
+//   key1: [insta, instb]
+//   key2: [instc]
+// }
+export function useInjectionInstanceCollection(injectionName, collectionKey, registerKeyRef) {
+    var _a;
+    const injection = inject(injectionName, null);
+    if (injection === null)
+        return;
+    const vm = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
+    watch(registerKeyRef, registerInstance);
+    registerInstance(registerKeyRef.value);
+    onBeforeUnmount(() => {
+        registerInstance(undefined, registerKeyRef.value);
+    });
+    function registerInstance(key, oldKey) {
+        const collection = injection[collectionKey];
+        if (oldKey !== undefined)
+            removeInstance(collection, oldKey);
+        if (key !== undefined)
+            addInstance(collection, key);
+    }
+    function removeInstance(collection, key) {
+        if (!collection[key])
+            collection[key] = [];
+        collection[key].splice(collection[key].findIndex((instance) => instance === vm), 1);
+    }
+    function addInstance(collection, key) {
+        if (!collection[key])
+            collection[key] = [];
+        if (!~collection[key].findIndex((instance) => instance === vm)) {
+            collection[key].push(vm);
+        }
+    }
+}
+// injection.collection {
+//   key1: [insta.value, instb.value]
+//   key2: [instc.value]
+// }
+export function useInjectionCollection(injectionName, collectionKey, valueRef) {
+    const injection = inject(injectionName, null);
+    if (injection === null)
+        return;
+    if (!(collectionKey in injection)) {
+        injection[collectionKey] = [];
+    }
+    injection[collectionKey].push(valueRef.value);
+    watch(valueRef, (value, prevValue) => {
+        const collectionArray = injection[collectionKey];
+        const index = collectionArray.findIndex((collectionValue) => collectionValue === prevValue);
+        if (~index)
+            collectionArray.splice(index, 1);
+        collectionArray.push(value);
+    });
+    onBeforeUnmount(() => {
+        const collectionArray = injection[collectionKey];
+        const index = collectionArray.findIndex((collectionValue) => collectionValue === valueRef.value);
+        if (~index)
+            collectionArray.splice(index, 1);
+    });
+}
+// injection.collection {
+//   key1: [insta.$el, instb.$el]
+//   key2: [instc.$el]
+// }
+export function useInjectionElementCollection(injectionName, collectionKey, getElement) {
+    const injection = inject(injectionName, null);
+    if (injection === null)
+        return;
+    if (!(collectionKey in injection)) {
+        injection[collectionKey] = [];
+    }
+    onMounted(() => {
+        const el = getElement();
+        if (!el)
+            return;
+        injection[collectionKey].push(el);
+    });
+    onBeforeUnmount(() => {
+        const collectionArray = injection[collectionKey];
+        const element = getElement();
+        const index = collectionArray.findIndex((collectionElement) => collectionElement === element);
+        if (~index)
+            collectionArray.splice(index, 1);
+    });
+}

package/es/_utils/composable/use-deferred-true.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useDeferredTrue(valueRef: Ref<any>, delay: number, shouldDelayRef: Ref<boolean>): Ref<boolean>;

package/es/_utils/composable/use-deferred-true.js

@@ -0,0 +1,25 @@
+import { ref, watch } from 'vue';
+export function useDeferredTrue(valueRef, delay, shouldDelayRef) {
+    if (!delay)
+        return valueRef;
+    const delayedRef = ref(valueRef.value);
+    let timerId = null;
+    watch(valueRef, (value) => {
+        if (timerId !== null)
+            window.clearTimeout(timerId);
+        if (value === true) {
+            if (shouldDelayRef && !shouldDelayRef.value) {
+                delayedRef.value = true;
+            }
+            else {
+                timerId = window.setTimeout(() => {
+                    delayedRef.value = true;
+                }, delay);
+            }
+        }
+        else {
+            delayedRef.value = false;
+        }
+    });
+    return delayedRef;
+}

package/es/_utils/composable/use-reactivated.d.ts

@@ -0,0 +1,3 @@
+export declare function useReactivated(callback: () => void): {
+    isDeactivated: boolean;
+};

package/es/_utils/composable/use-reactivated.js

@@ -0,0 +1,20 @@
+import { onActivated, onDeactivated } from 'vue';
+export function useReactivated(callback) {
+    const isDeactivatedRef = { isDeactivated: false };
+    let activateStateInitialized = false;
+    onActivated(() => {
+        isDeactivatedRef.isDeactivated = false;
+        if (!activateStateInitialized) {
+            activateStateInitialized = true;
+            return;
+        }
+        callback();
+    });
+    onDeactivated(() => {
+        isDeactivatedRef.isDeactivated = true;
+        if (!activateStateInitialized) {
+            activateStateInitialized = true;
+        }
+    });
+    return isDeactivatedRef;
+}

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

@@ -0,0 +1 @@
+export { isDocument } from './is-document';

package/es/_utils/dom/index.js

@@ -0,0 +1 @@
+export { isDocument } from './is-document';

package/es/_utils/dom/is-document.d.ts

@@ -0,0 +1 @@
+export declare function isDocument(node: Node): node is Document;

package/es/_utils/dom/is-document.js

@@ -0,0 +1,3 @@
+export function isDocument(node) {
+    return node.nodeName === '#document';
+}

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

@@ -0,0 +1,2 @@
+export declare function markEventEffectPerformed(event: Event): void;
+export declare function eventEffectNotPerformed(event: Event): boolean;