vft 0.0.149 → 0.0.151

package/es/components/virtual-list/components/scrollbar.d.ts

@@ -32,7 +32,7 @@ declare const ScrollBar: import("vue").DefineComponent<{
     readonly visible: BooleanConstructor;
 }, () => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     readonly alwaysOn: BooleanConstructor;
     readonly class: StringConstructor;
     readonly layout: import("vft/es/utils").EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;

package/es/components/virtual-list/hooks/use-cache.d.ts

@@ -1 +1 @@
-export declare const useCache: () => globalThis.ComputedRef<(((_: any, __: any, ___: any) => {}) & import("lodash").MemoizedFunction) | import("memoize-one").MemoizedFn<(_: any, __: any, ___: any) => {}>>;
+export declare const useCache: () => globalThis.ComputedRef<any>;

package/es/components/virtual-list/props.d.ts

@@ -13,7 +13,7 @@ export declare const virtualizedProps: {
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -41,7 +41,7 @@ export declare const virtualizedListProps: {
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -90,7 +90,7 @@ export declare const virtualizedGridProps: {
     };
     readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
     readonly style: {
-        readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/hooks/use-id/index.d.ts

@@ -1,4 +1,3 @@
-import type { MaybeRef } from '@vueuse/core';
 import type { InjectionKey, Ref } from 'vue';
 export type ElIdInjectionContext = {
     prefix: number;
@@ -6,4 +5,4 @@ export type ElIdInjectionContext = {
 };
 export declare const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext>;
 export declare const useIdInjection: () => ElIdInjectionContext;
-export declare const useId: (deterministicId?: MaybeRef<string>) => Ref<string>;
+export declare const useId: (deterministicId?: any) => Ref<string>;

package/es/hooks/use-model-toggle/index.d.ts

@@ -4,7 +4,7 @@ export declare const createModelToggleComposable: <T extends string>(name: T) =>
         hide: (event?: Event) => void;
         show: (event?: Event) => void;
         toggle: () => void;
-        hasUpdateHandler: globalThis.ComputedRef<boolean>;
+        hasUpdateHandler: globalThis.ComputedRef<any>;
     };
     useModelToggleEmits: `update:${T}`[];
 };
@@ -12,7 +12,7 @@ declare const useModelToggle: ({ indicator, toggleReason, shouldHideWhenRouteCha
     hide: (event?: Event) => void;
     show: (event?: Event) => void;
     toggle: () => void;
-    hasUpdateHandler: globalThis.ComputedRef<boolean>;
+    hasUpdateHandler: globalThis.ComputedRef<any>;
 }, useModelToggleEmits: "update:modelValue"[];
 export { useModelToggle, useModelToggleEmits };
 export type ModelToggleParams = {

package/es/hooks/use-popper/index.d.ts

@@ -1,78 +1,15 @@
-import type { Instance, Modifier, Options, State, VirtualElement } from '@popperjs/core';
+import type { Options, VirtualElement } from '@popperjs/core';
 import type { Ref } from 'vue';
 type ElementType = HTMLElement | undefined;
 type ReferenceElement = ElementType | VirtualElement;
 export type PartialOptions = Partial<Options>;
 export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElementRef: Ref<ElementType>, opts?: Ref<PartialOptions> | PartialOptions) => {
-    state: globalThis.ComputedRef<{
-        elements?: {
-            reference: Element | VirtualElement;
-            popper: HTMLElement;
-            arrow?: HTMLElement | undefined;
-        } | undefined;
-        options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
-        placement?: import("@popperjs/core").Placement | undefined;
-        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
-        orderedModifiers?: Modifier<any, any>[] | undefined;
-        rects?: import("@popperjs/core").StateRects | undefined;
-        scrollParents?: {
-            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-        } | undefined;
-        styles?: {
-            [key: string]: Partial<CSSStyleDeclaration>;
-        } | undefined;
-        attributes?: {
-            [key: string]: {
-                [key: string]: string | boolean;
-            };
-        } | undefined;
-        modifiersData?: {
-            [key: string]: any;
-            arrow?: {
-                x?: number | undefined;
-                y?: number | undefined;
-                centerOffset: number;
-            } | undefined;
-            hide?: {
-                isReferenceHidden: boolean;
-                hasPopperEscaped: boolean;
-                referenceClippingOffsets: import("@popperjs/core").SideObject;
-                popperEscapeOffsets: import("@popperjs/core").SideObject;
-            } | undefined;
-            offset?: {
-                top?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                left?: import("@popperjs/core").Offsets | undefined;
-                right?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
-                "auto-start"?: import("@popperjs/core").Offsets | undefined;
-                "auto-end"?: import("@popperjs/core").Offsets | undefined;
-                "top-start"?: import("@popperjs/core").Offsets | undefined;
-                "top-end"?: import("@popperjs/core").Offsets | undefined;
-                "bottom-start"?: import("@popperjs/core").Offsets | undefined;
-                "bottom-end"?: import("@popperjs/core").Offsets | undefined;
-                "right-start"?: import("@popperjs/core").Offsets | undefined;
-                "right-end"?: import("@popperjs/core").Offsets | undefined;
-                "left-start"?: import("@popperjs/core").Offsets | undefined;
-                "left-end"?: import("@popperjs/core").Offsets | undefined;
-            } | undefined;
-            preventOverflow?: import("@popperjs/core").Offsets | undefined;
-            popperOffsets?: import("@popperjs/core").Offsets | undefined;
-        } | undefined;
-        reset?: boolean | undefined;
-    }>;
-    styles: globalThis.ComputedRef<{
-        [key: string]: Partial<CSSStyleDeclaration>;
-    }>;
-    attributes: globalThis.ComputedRef<{
-        [key: string]: {
-            [key: string]: string | boolean;
-        };
-    }>;
-    update: () => Promise<Partial<State>> | undefined;
-    forceUpdate: () => void | undefined;
-    instanceRef: globalThis.ComputedRef<Instance | undefined>;
+    state: globalThis.ComputedRef<any>;
+    styles: globalThis.ComputedRef<any>;
+    attributes: globalThis.ComputedRef<any>;
+    update: () => any;
+    forceUpdate: () => any;
+    instanceRef: globalThis.ComputedRef<any>;
 };
 export type UsePopperReturn = ReturnType<typeof usePopper>;
 export {};

package/es/hooks/use-same-target/index.d.ts

@@ -1,5 +1,5 @@
 export declare const useSameTarget: (handleClick?: ((e: MouseEvent) => void) | undefined) => {
-    onClick: (...args: any[]) => void;
-    onMousedown: (...args: any[]) => void;
-    onMouseup: (...args: any[]) => void;
+    onClick: any;
+    onMousedown: any;
+    onMouseup: any;
 };

package/es/hooks/use-z-index/index.d.ts

@@ -2,7 +2,7 @@ import type { InjectionKey, Ref } from 'vue';
 export declare const defaultInitialZIndex = 2000;
 export declare const zIndexContextKey: InjectionKey<Ref<number | undefined>>;
 export declare const useZIndex: (zIndexOverrides?: Ref<number>) => {
-    initialZIndex: globalThis.ComputedRef<number>;
+    initialZIndex: globalThis.ComputedRef<number | undefined>;
     currentZIndex: globalThis.ComputedRef<number>;
     nextZIndex: () => number;
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.149",
+  "version": "0.0.151",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -43,24 +43,24 @@ declare const _default: {
     "vue-router": ">=4.0.16"
   },
   "dependencies": {
-    "vxe-table": "4.5.12",
-    "xe-utils": "3.5.13",
+    "vxe-table": "4.5.13",
+    "xe-utils": "3.5.14",
     "@vft/constants": "workspace:*",
     "@vft/router": "workspace:*",
     "@vft/store": "workspace:*",
     "@vft/use": "workspace:*",
     "@vft/utils": "workspace:*",
     "@vft/directives": "workspace:*",
-    "@ctrl/tinycolor": "3.6.0",
-    "@floating-ui/dom": "1.2.8",
+    "@ctrl/tinycolor": "4.0.2",
+    "@floating-ui/dom": "1.5.3",
     "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
-    "@vue/repl": "1.4.1",
-    "@vueuse/core": "10.1.2",
-    "@waline/client": "2.15.5",
+    "@vue/repl": "3.4.0",
+    "@vueuse/core": "10.6.1",
+    "@waline/client": "2.15.8",
     "async-validator": "4.2.5",
-    "dayjs": "1.11.7",
-    "fflate": "0.8.0",
-    "hotkeys-js": "3.10.2",
+    "dayjs": "1.11.10",
+    "fflate": "0.8.1",
+    "hotkeys-js": "3.12.0",
     "lodash": "4.17.21",
     "memoize-one": "6.0.0",
     "qrcode": "1.5.3",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.149";
+const o = "0.0.151";
 export {
   o as version
 };

package/lib/app-components/button/button-custom.d.ts

@@ -1,5 +1,5 @@
 import { TinyColor } from '@ctrl/tinycolor';
 import type { ButtonProps } from './button.vue';
 /** 生成暗色 */
-export declare function darken(color: TinyColor, amount?: number): string;
-export declare function useButtonCustomStyle(props: ButtonProps): import("vue").ComputedRef<Record<string, string>>;
+export declare function darken(color: TinyColor, amount?: number): any;
+export declare function useButtonCustomStyle(props: ButtonProps): globalThis.ComputedRef<Record<string, string>>;

package/lib/app-components/button/use-button.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonProps } from './button.vue';
 export declare const useButton: (props: ButtonProps, emit: any) => {
-    _props: import("vue").ComputedRef<{
+    _props: globalThis.ComputedRef<{
         ariaDisabled: boolean | undefined;
         disabled: boolean | undefined;
         autofocus: boolean | undefined;
@@ -11,10 +11,10 @@ export declare const useButton: (props: ButtonProps, emit: any) => {
         autofocus?: undefined;
         type?: undefined;
     }>;
-    _disabled: import("vue").ComputedRef<boolean>;
-    _size: import("vue").ComputedRef<import("../form").ComponentSize>;
-    _type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
-    _ref: import("vue").Ref<HTMLButtonElement | undefined>;
-    shouldAddSpace: import("vue").ComputedRef<boolean>;
+    _disabled: globalThis.ComputedRef<boolean>;
+    _size: globalThis.ComputedRef<import("../form").ComponentSize>;
+    _type: globalThis.ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
+    _ref: globalThis.Ref<HTMLButtonElement | undefined>;
+    shouldAddSpace: globalThis.ComputedRef<boolean>;
     handleClick: (evt: MouseEvent) => void;
 };

package/lib/app-components/form/form-label-wrap.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
     isAutoWidth: BooleanConstructor;
     updateAll: BooleanConstructor;
-}, () => JSX.Element | null, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isAutoWidth: BooleanConstructor;
     updateAll: BooleanConstructor;
 }>>, {
     isAutoWidth: boolean;
     updateAll: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/app-components/form/hooks/use-form-common-props.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentSize } from '../types';
-import type { MaybeRef } from '@vueuse/core';
 import { type ComputedRef } from 'vue';
-export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => ComputedRef<ComponentSize>;
-export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => ComputedRef<boolean>;
-export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => ComputedRef<ComponentSize>;
-export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => ComputedRef<boolean>;
+export declare const useFormSize: (fallback?: any, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => ComputedRef<ComponentSize>;
+export declare const useFormDisabled: (fallback?: any) => ComputedRef<boolean>;
+export declare const useSize: (fallback?: any, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => ComputedRef<ComponentSize>;
+export declare const useDisabled: (fallback?: any) => ComputedRef<boolean>;

package/lib/app-components/form/utils.d.ts

@@ -2,7 +2,7 @@ import type { Arrayable } from '../types';
 import type { FormItemProps } from './form-item.vue';
 import type { FormItemContext } from './types';
 export declare function useFormLabelWidth(): {
-    autoLabelWidth: import("vue").ComputedRef<string>;
+    autoLabelWidth: globalThis.ComputedRef<string>;
     registerLabelWidth: (val: number, oldVal: number) => void;
     deregisterLabelWidth: (val: number) => void;
 };

package/lib/app-components/hooks/use-id.d.ts

@@ -1,4 +1,3 @@
-import type { MaybeRef } from '@vueuse/core';
 import type { InjectionKey, Ref } from 'vue';
 export type IdInjectionContext = {
     prefix: number;
@@ -6,4 +5,4 @@ export type IdInjectionContext = {
 };
 export declare const ID_INJECTION_KEY: InjectionKey<IdInjectionContext>;
 export declare const useIdInjection: () => IdInjectionContext;
-export declare const useId: (deterministicId?: MaybeRef<string>) => Ref<string>;
+export declare const useId: (deterministicId?: any) => Ref<string>;

package/lib/components/affix/affix.d.ts

@@ -4,15 +4,15 @@ export declare const affixProps: {
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 };
 export type AffixProps = ExtractPropTypes<typeof affixProps>;
 export declare const affixEmits: {
     scroll: ({ scrollTop, fixed }: {
         scrollTop: number;
         fixed: boolean;
-    }) => boolean;
-    change: (fixed: boolean) => boolean;
+    }) => any;
+    change: (fixed: boolean) => any;
 };
 export type AffixEmits = typeof affixEmits;
 export type AffixInstance = InstanceType<typeof Affix>;

package/lib/components/affix/affix.vue.d.ts

@@ -1,24 +1,24 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-    target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 }, {
     /** @description update affix status */
     update: () => void;
     /** @description update rootRect info */
-    updateRoot: () => void;
+    updateRoot: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (fixed: boolean) => void;
     scroll: (args_0: {
         scrollTop: number;
         fixed: boolean;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-    target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    position: import("vft/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "top", boolean>;
+    change: (fixed: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
+    readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
 }>> & {
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
@@ -26,10 +26,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         fixed: boolean;
     }) => any) | undefined;
 }, {
-    target: string;
-    position: import("vft/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom", unknown>;
-    zIndex: number;
-    offset: number;
+    readonly target: string;
+    readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
+    readonly zIndex: number;
+    readonly offset: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/lib/components/affix/affix.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vueuse/core"),z=require("@vft/utils"),T=require("../../utils/dom/scroll.cjs"),$=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const C=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./affix.cjs"),f=C.useNamespace("affix"),B=e.defineComponent({name:f.b()}),R=e.defineComponent({...B,props:q.affixProps,emits:q.affixEmits,setup(S,{expose:b,emit:p}){const t=S,a=e.shallowRef(),v=e.shallowRef(),r=e.shallowRef(),{height:n}=c.useWindowSize(),{height:s,width:m,top:h,bottom:g,update:d}=c.useElementBounding(v,{windowScroll:!1}),u=c.useElementBounding(a),l=e.ref(!1),x=e.ref(0),i=e.ref(0),E=e.computed(()=>({height:l.value?`${s.value}px`:"",width:l.value?`${m.value}px`:""})),_=e.computed(()=>{if(!l.value)return{};const o=t.offset?z.addUnit(t.offset):0;return{height:`${s.value}px`,width:`${m.value}px`,top:t.position==="top"?o:"",bottom:t.position==="bottom"?o:"",transform:i.value?`translateY(${i.value}px)`:"",zIndex:t.zIndex}}),w=()=>{if(r.value)if(x.value=r.value instanceof Window?document.documentElement.scrollTop:r.value.scrollTop||0,t.position==="top")if(t.target){const o=u.bottom.value-t.offset-s.value;l.value=t.offset>h.value&&u.bottom.value>0,i.value=o<0?o:0}else l.value=t.offset>h.value;else if(t.target){const o=n.value-u.top.value-t.offset-s.value;l.value=n.value-t.offset<g.value&&n.value>u.top.value,i.value=o<0?-o:0}else l.value=n.value-t.offset<g.value},y=()=>{d(),p("scroll",{scrollTop:x.value,fixed:l.value})};return e.watch(l,o=>p("change",o)),e.onMounted(()=>{t.target?(a.value=document.querySelector(t.target)??void 0,a.value||$.throwError(f.b(),`Target is not existed: ${t.target}`)):a.value=document.documentElement,r.value=T.getScrollContainer(v.value,!0),d()}),c.useEventListener(r,"scroll",y),e.watchEffect(w),b({update:w,updateRoot:d}),(o,k)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:v,class:e.normalizeClass(e.unref(f).b()),style:e.normalizeStyle(E.value)},[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(f).m("fixed")]:l.value}),style:e.normalizeStyle(_.value)},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vueuse/core"),T=require("@vft/utils"),$=require("../../utils/dom/scroll.cjs"),C=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const B=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./affix.cjs"),f=B.useNamespace("affix"),R=e.defineComponent({name:f.b()}),k=e.defineComponent({...R,props:q.affixProps,emits:q.affixEmits,setup(S,{expose:b,emit:E}){const t=S,m=E,a=e.shallowRef(),v=e.shallowRef(),r=e.shallowRef(),{height:n}=c.useWindowSize(),{height:s,width:p,top:h,bottom:g,update:d}=c.useElementBounding(v,{windowScroll:!1}),u=c.useElementBounding(a),l=e.ref(!1),x=e.ref(0),i=e.ref(0),_=e.computed(()=>({height:l.value?`${s.value}px`:"",width:l.value?`${p.value}px`:""})),y=e.computed(()=>{if(!l.value)return{};const o=t.offset?T.addUnit(t.offset):0;return{height:`${s.value}px`,width:`${p.value}px`,top:t.position==="top"?o:"",bottom:t.position==="bottom"?o:"",transform:i.value?`translateY(${i.value}px)`:"",zIndex:t.zIndex}}),w=()=>{if(r.value)if(x.value=r.value instanceof Window?document.documentElement.scrollTop:r.value.scrollTop||0,t.position==="top")if(t.target){const o=u.bottom.value-t.offset-s.value;l.value=t.offset>h.value&&u.bottom.value>0,i.value=o<0?o:0}else l.value=t.offset>h.value;else if(t.target){const o=n.value-u.top.value-t.offset-s.value;l.value=n.value-t.offset<g.value&&n.value>u.top.value,i.value=o<0?-o:0}else l.value=n.value-t.offset<g.value},z=()=>{d(),m("scroll",{scrollTop:x.value,fixed:l.value})};return e.watch(l,o=>m("change",o)),e.onMounted(()=>{t.target?(a.value=document.querySelector(t.target)??void 0,a.value||C.throwError(f.b(),`Target is not existed: ${t.target}`)):a.value=document.documentElement,r.value=$.getScrollContainer(v.value,!0),d()}),c.useEventListener(r,"scroll",z),e.watchEffect(w),b({update:w,updateRoot:d}),(o,M)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:v,class:e.normalizeClass(e.unref(f).b()),style:e.normalizeStyle(_.value)},[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(f).m("fixed")]:l.value}),style:e.normalizeStyle(y.value)},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=k;