@sdata/web-vue 2.2.1 → 2.6.0

package/es/_components/picker/input-range.vue.d.ts

@@ -38,7 +38,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
     inputValue: {
-        type: PropType<string[]>;
+        type: PropType<(string | undefined)[]>;
     };
     value: {
         type: PropType<(Dayjs | undefined)[]>;
@@ -85,7 +85,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
     inputValue: {
-        type: PropType<string[]>;
+        type: PropType<(string | undefined)[]>;
     };
     value: {
         type: PropType<(Dayjs | undefined)[]>;

package/es/_components/transition/expand-transition.vue.d.ts

@@ -1,6 +1,6 @@
-declare var __VLS_14: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/_hooks/use-responsive.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
-import { Breakpoint } from '../_utils/responsive-observe';
-export declare function useResponsive(breakpoint: Breakpoint | undefined | Ref<Breakpoint | undefined>, callback: (checked: boolean) => void): void;
+import { SiderBreakpoint } from '../_utils/responsive-observe';
+export declare function useResponsive(breakpoint: SiderBreakpoint | undefined | Ref<SiderBreakpoint | undefined>, callback: (checked: boolean) => void): void;

package/es/_hooks/use-theme-mode.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+export type ThemeMode = 'light' | 'dark';
+export declare function useThemeMode(target: Ref<HTMLElement | null>): Ref<ThemeMode>;

package/es/{calendar/hooks/use-calendar-theme.js → _hooks/use-theme-mode.js}

@@ -1,21 +1,25 @@
-import { useMutationObserver } from "../../watermark/hooks/use-mutation-observer.js";
+import { useMutationObserver } from "../watermark/hooks/use-mutation-observer.js";
 import { ref, watch } from "vue";
-//#region components/calendar/hooks/use-calendar-theme.ts
+//#region components/_hooks/use-theme-mode.ts
 var THEME_ATTR = "sd-theme";
 /**
-* Detects the current theme mode from the nearest ancestor with `[sd-theme]` attribute.
+* Detects the current theme mode from the nearest ancestor with `[sd-theme]`
+* attribute (set by ConfigProvider / ThemeProvider via the `themeMode` prop).
 * Reactively updates when ThemeProvider changes the attribute.
+*
+* Returns `'light'` when no `[sd-theme]` ancestor is present, matching the
+* default theme mode of ConfigProvider.
 */
-function useCalendarTheme(calendarEl) {
-	const isDark = ref(false);
+function useThemeMode(target) {
+	const themeMode = ref("light");
 	const resolveTheme = () => {
 		if (typeof document === "undefined") return;
-		const el = calendarEl.value;
+		const el = target.value;
 		if (!el) return;
 		const ancestor = el.closest(`[${THEME_ATTR}]`);
-		isDark.value = (ancestor === null || ancestor === void 0 ? void 0 : ancestor.getAttribute(THEME_ATTR)) === "dark";
+		themeMode.value = (ancestor === null || ancestor === void 0 ? void 0 : ancestor.getAttribute(THEME_ATTR)) === "dark" ? "dark" : "light";
 	};
-	watch(() => calendarEl.value, resolveTheme, { immediate: true });
+	watch(target, resolveTheme, { immediate: true });
 	useMutationObserver(typeof document !== "undefined" ? document.body : void 0, (mutations) => {
 		for (const mutation of mutations) if (mutation.type === "attributes" && mutation.attributeName === THEME_ATTR) {
 			resolveTheme();
@@ -26,7 +30,7 @@ function useCalendarTheme(calendarEl) {
 		attributeFilter: [THEME_ATTR],
 		subtree: true
 	});
-	return { isDark };
+	return themeMode;
 }
 //#endregion
-export { useCalendarTheme };
+export { useThemeMode };

package/es/_utils/date.d.ts

@@ -9,17 +9,18 @@ export declare const methods: {
     set(time: Dayjs, unit: UnitType, value: number): originDayjs.Dayjs;
     isSameWeek(date1: Dayjs, date2: Dayjs, weekStart: number): boolean;
 };
-export declare function getNow(): originDayjs.Dayjs;
-export declare function getSortedDayjsArray(values: Dayjs[]): originDayjs.Dayjs[];
+export declare function getNow(utcOffset?: number, timezone?: string): originDayjs.Dayjs;
+export declare function toLocal(date: Dayjs, utcOffset?: number, timezone?: string): Dayjs;
+export declare function getSortedDayjsArray(values: Dayjs[], _fixedTime?: boolean): originDayjs.Dayjs[];
 export declare function isValueChange(prevValue: Dayjs | (Dayjs | undefined)[] | undefined, currentValue: Dayjs | (Dayjs | undefined)[] | undefined): boolean;
 type DateValue = Date | string | number;
-export declare function getDayjsValue(time: DateValue, format: string): Dayjs;
-export declare function getDayjsValue(time: DateValue | undefined, format: string): Dayjs | undefined;
-export declare function getDayjsValue(time: DateValue[], format: string): Dayjs[];
-export declare function getDayjsValue(time: DateValue[] | undefined, format: string): Dayjs[] | undefined;
-export declare function getDayjsValue(time: (DateValue | undefined)[], format: string): (Dayjs | undefined)[];
-export declare function getDayjsValue(time: (DateValue | undefined)[] | undefined, format: string): (Dayjs | undefined)[] | undefined;
-export declare function getDayjsValue(time: DateValue | (DateValue | undefined)[] | undefined, format: string): Dayjs | (Dayjs | undefined)[] | undefined;
+export declare function getDayjsValue(time: DateValue, format: string, utcOffset?: number, timezone?: string): Dayjs;
+export declare function getDayjsValue(time: DateValue | undefined, format: string, utcOffset?: number, timezone?: string): Dayjs | undefined;
+export declare function getDayjsValue(time: DateValue[], format: string, utcOffset?: number, timezone?: string): Dayjs[];
+export declare function getDayjsValue(time: DateValue[] | undefined, format: string, utcOffset?: number, timezone?: string): Dayjs[] | undefined;
+export declare function getDayjsValue(time: (DateValue | undefined)[], format: string, utcOffset?: number, timezone?: string): (Dayjs | undefined)[];
+export declare function getDayjsValue(time: (DateValue | undefined)[] | undefined, format: string, utcOffset?: number, timezone?: string): (Dayjs | undefined)[] | undefined;
+export declare function getDayjsValue(time: DateValue | (DateValue | undefined)[] | undefined, format: string, utcOffset?: number, timezone?: string): Dayjs | (Dayjs | undefined)[] | undefined;
 export declare function getDateValue(value: Dayjs): Date;
 export declare function getDateValue(value: Dayjs | undefined): Date | undefined;
 export declare function getDateValue(value: Dayjs[]): Date[];

package/es/_utils/date.js

@@ -6,6 +6,8 @@ import AdvancedFormat from "dayjs/plugin/advancedFormat";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import isBetween from "dayjs/plugin/isBetween";
 import QuarterOfYear from "dayjs/plugin/quarterOfYear";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
 import weekOfYear from "dayjs/plugin/weekOfYear";
 import weekYear from "dayjs/plugin/weekYear";
 //#region components/_utils/date.ts
@@ -53,6 +55,8 @@ dayjs.extend(weekOfYear);
 dayjs.extend(AdvancedFormat);
 dayjs.extend(weekYear);
 dayjs.extend(QuarterOfYear);
+dayjs.extend(utc);
+dayjs.extend(timezone);
 var dayjs$1 = dayjs;
 var DAYJS_LOCALE_MAP = {
 	"ar-eg": "ar",
@@ -111,10 +115,18 @@ var methods = {
 		return getWeek(date1) === getWeek(date2);
 	}
 };
-function getNow() {
-	return dayjs$1();
+function getNow(utcOffset, timezone) {
+	const now = dayjs$1();
+	if (utcOffset !== void 0) return now.utcOffset(utcOffset);
+	if (timezone) return now.tz(timezone);
+	return now;
 }
-function getSortedDayjsArray(values) {
+function toLocal(date, utcOffset, timezone) {
+	if (utcOffset !== void 0) return date.utcOffset(utcOffset);
+	if (timezone) return date.tz(timezone);
+	return date;
+}
+function getSortedDayjsArray(values, _fixedTime) {
 	return [...values].sort((a, b) => a.valueOf() - b.valueOf());
 }
 function isValueChange(prevValue, currentValue) {
@@ -128,7 +140,7 @@ function isValueChange(prevValue, currentValue) {
 	if (!isArray(currentValue) && !isArray(prevValue)) return isDifference(currentValue, prevValue);
 	return true;
 }
-function getDayjsValue(time, format) {
+function getDayjsValue(time, format, utcOffset, timezone) {
 	const parseQuarterToMonth = (value) => {
 		const reg = /(Q1)|(Q2)|(Q3)|(Q4)/;
 		const quarter = {
@@ -148,8 +160,12 @@ function getDayjsValue(time, format) {
 		}
 		return dayjs$1(value);
 	};
-	if (isArray(time)) return time.map(formatValue);
-	return formatValue(time);
+	if (isArray(time)) return time.map((t) => {
+		const parsed = formatValue(t);
+		return parsed ? toLocal(parsed, utcOffset, timezone) : parsed;
+	});
+	const parsed = formatValue(time);
+	return parsed ? toLocal(parsed, utcOffset, timezone) : parsed;
 }
 function getDateValue(value) {
 	const formatValue = (t) => t ? t.toDate() : void 0;
@@ -178,4 +194,4 @@ function _initializeDateLocale() {
 	return _initializeDateLocale.apply(this, arguments);
 }
 //#endregion
-export { dayjs$1 as dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, methods };
+export { dayjs$1 as dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, methods, toLocal };

package/es/_utils/responsive-observe.d.ts

@@ -1,9 +1,10 @@
 export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export type BreakpointMap = Partial<Record<Breakpoint, string>>;
-export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
+export type SiderBreakpoint = 'xxxl' | Breakpoint;
+export type BreakpointMap = Partial<Record<SiderBreakpoint, string>>;
+export type ScreenMap = Partial<Record<SiderBreakpoint, boolean>>;
 export declare const responsiveArray: Breakpoint[];
 export declare const responsiveMap: BreakpointMap;
-type SubscribeFunc = (screens: ScreenMap, breakpointChecked: Breakpoint) => void;
+type SubscribeFunc = (screens: ScreenMap, breakpointChecked: SiderBreakpoint) => void;
 type MediaQueryResult = {
     matches: boolean;
 };
@@ -15,7 +16,7 @@ declare const responsiveObserve: {
             listener: MediaQueryListener;
         };
     };
-    dispatch(pointMap: ScreenMap, breakpointChecked: Breakpoint): boolean;
+    dispatch(pointMap: ScreenMap, breakpointChecked: SiderBreakpoint): boolean;
     subscribe(func: SubscribeFunc): string;
     unsubscribe(token: string): void;
     unregister(): void;

package/es/_utils/responsive-observe.js

@@ -14,7 +14,8 @@ var responsiveMap = {
 	md: "(min-width: 768px)",
 	lg: "(min-width: 992px)",
 	xl: "(min-width: 1200px)",
-	xxl: "(min-width: 1600px)"
+	xxl: "(min-width: 1600px)",
+	xxxl: "(min-width: 1840px)"
 };
 var subscribers = [];
 var subUid = -1;

package/es/alert/index.d.ts

@@ -4,7 +4,7 @@ import _Alert from './alert.vue';
 declare const Alert: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<import("..").MessageType | "normal">;
+            type: import("vue").PropType<import("../index.ts").MessageType | "normal">;
             default: string;
         };
         showIcon: {
@@ -45,7 +45,7 @@ declare const Alert: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<import("..").MessageType | "normal">;
+            type: import("vue").PropType<import("../index.ts").MessageType | "normal">;
             default: string;
         };
         showIcon: {
@@ -80,7 +80,7 @@ declare const Alert: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<import("..").MessageType | "normal">;
+        type: import("vue").PropType<import("../index.ts").MessageType | "normal">;
         default: string;
     };
     showIcon: {

package/es/anchor/anchor.vue.d.ts

@@ -1,8 +1,11 @@
+import type { CSSProperties } from 'vue';
 import { PropType } from 'vue';
 import { type BoundaryPosition } from './utils';
-declare var __VLS_1: {};
+declare const DIRECTIONS: readonly ["vertical", "horizontal"];
+type Direction = (typeof DIRECTIONS)[number];
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     boundary: {
@@ -14,6 +17,28 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    affixStyle: {
+        type: PropType<CSSProperties>;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    targetOffset: {
+        type: NumberConstructor;
+    };
     scrollContainer: {
         type: PropType<string | HTMLElement | Window>;
     };
@@ -38,6 +63,28 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    affixStyle: {
+        type: PropType<CSSProperties>;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    targetOffset: {
+        type: NumberConstructor;
+    };
     scrollContainer: {
         type: PropType<string | HTMLElement | Window>;
     };
@@ -53,9 +100,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onChange?: ((_hash: string) => any) | undefined;
     onSelect?: ((_hash: string | undefined, _preHash: string) => any) | undefined;
 }>, {
+    direction: "horizontal" | "vertical";
     smooth: boolean;
+    offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
     lineLess: boolean;
+    affix: boolean;
     changeHash: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/anchor/anchor.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { getElement, off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
 import { anchorInjectionKey } from "./context.js";
 import { BOUNDARY_POSITIONS, slide } from "./utils.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, unref, watch } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, nextTick, normalizeClass, normalizeProps, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, resolveDynamicComponent, unref, watch, withCtx } from "vue";
 import { compute } from "compute-scroll-into-view";
 //#region components/anchor/anchor.vue?vue&type=script&setup=true&lang.ts
 var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Anchor" }), {}, {
@@ -32,6 +32,47 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			default: false
 		},
 		/**
+		* @zh 是否固定
+		* @en Whether to wrap anchor within Affix
+		*/
+		affix: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 设置 Affix 组件的样式
+		* @en The style to be applied to Affix
+		*/
+		affixStyle: { type: Object },
+		/**
+		* @zh 距离窗口顶部的偏移量
+		* @en Offset from the top of the viewport
+		*/
+		offsetTop: {
+			type: Number,
+			default: 0
+		},
+		/**
+		* @zh 距离窗口底部的偏移量
+		* @en Offset from the bottom of the viewport
+		*/
+		offsetBottom: { type: Number },
+		/**
+		* @zh 锚点方向
+		* @en Direction
+		* @values 'vertical', 'horizontal'
+		*/
+		direction: {
+			type: String,
+			default: "vertical",
+			validator: (value) => ["vertical", "horizontal"].includes(value)
+		},
+		/**
+		* @zh 锚点区域边界相对于滚动容器顶部的偏移量。未设置时，默认值为滚动容器高度的一半
+		* @en The offset of the baseline relative to the top of the container. The value is half of the height of the scrolling container if not specified
+		*/
+		targetOffset: { type: Number },
+		/**
 		* @zh 滚动容器
 		* @en Scroll container
 		*/
@@ -82,7 +123,8 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		const scrollIntoView = (hash) => {
 			try {
-				const element = getElement(hash);
+				var _getElement;
+				const element = (_getElement = getElement(hash, containerEle.value)) !== null && _getElement !== void 0 ? _getElement : getElement(hash);
 				if (!element) return;
 				let block;
 				let diff = 0;
@@ -123,12 +165,14 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			if (!scrollContainerEle.value || !containerEle.value) return;
 			const boundary = isNumber(props.boundary) ? props.boundary : 0;
 			const containerRect = containerEle.value.getBoundingClientRect();
+			const targetOffset = isNumber(props.targetOffset) ? props.targetOffset : containerRect.height / 2;
 			for (const hash of Object.keys(links)) {
-				const element = getElement(hash);
+				var _getElement2;
+				const element = (_getElement2 = getElement(hash, containerEle.value)) !== null && _getElement2 !== void 0 ? _getElement2 : getElement(hash);
 				if (element) {
 					const { top } = element.getBoundingClientRect();
 					const offsetTop = isWindow(scrollContainerEle.value) ? top - boundary : top - containerRect.top - boundary;
-					if (offsetTop >= 0 && offsetTop <= containerRect.height / 2) return element;
+					if (offsetTop >= 0 && offsetTop <= targetOffset) return element;
 				}
 			}
 		};
@@ -169,18 +213,34 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			removeLink,
 			handleClick
 		}));
-		const cls = computed(() => [prefixCls, { [`${prefixCls}-line-less`]: props.lineLess }]);
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-line-less`]: props.lineLess,
+			[`${prefixCls}-horizontal`]: props.direction === "horizontal"
+		}]);
+		const wrapperComponent = computed(() => props.affix ? "Affix" : "div");
+		const wrapperProps = computed(() => {
+			if (!props.affix) return {};
+			return {
+				offsetTop: props.offsetTop,
+				offsetBottom: props.offsetBottom,
+				target: props.scrollContainer,
+				style: props.affixStyle
+			};
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "anchorRef",
-				ref: anchorRef,
-				class: normalizeClass(cls.value)
-			}, [!__props.lineLess ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				ref_key: "lineSliderRef",
-				ref: lineSliderRef,
-				class: normalizeClass(`${unref(prefixCls)}-line-slider`)
-			}, null, 2)) : createCommentVNode("", true), createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+			return openBlock(), createBlock(resolveDynamicComponent(wrapperComponent.value), normalizeProps(guardReactiveProps(wrapperProps.value)), {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "anchorRef",
+					ref: anchorRef,
+					class: normalizeClass(cls.value)
+				}, [!__props.lineLess ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "lineSliderRef",
+					ref: lineSliderRef,
+					class: normalizeClass(`${unref(prefixCls)}-line-slider`)
+				}, null, 2)) : createCommentVNode("", true), createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)], 2)]),
+				_: 3
+			}, 16);
 		};
 	}
 }));

package/es/anchor/index.d.ts

@@ -5,7 +5,7 @@ import _Anchor from './anchor.vue';
 declare const Anchor: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         boundary: {
-            type: import("vue").PropType<import("./utils").BoundaryPosition | number>;
+            type: import("vue").PropType<import("./utils.ts").BoundaryPosition | number>;
             default: string;
             validator: (value: any) => boolean;
         };
@@ -13,6 +13,28 @@ declare const Anchor: {
             type: BooleanConstructor;
             default: boolean;
         };
+        affix: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        affixStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+        };
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        direction: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (value: any) => boolean;
+        };
+        targetOffset: {
+            type: NumberConstructor;
+        };
         scrollContainer: {
             type: import("vue").PropType<string | HTMLElement | Window>;
         };
@@ -31,9 +53,12 @@ declare const Anchor: {
         change: (_hash: string) => any;
         select: (_hash: string | undefined, _preHash: string) => any;
     }, import("vue").PublicProps, {
+        direction: "horizontal" | "vertical";
         smooth: boolean;
+        offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
         lineLess: boolean;
+        affix: boolean;
         changeHash: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -44,7 +69,7 @@ declare const Anchor: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         boundary: {
-            type: import("vue").PropType<import("./utils").BoundaryPosition | number>;
+            type: import("vue").PropType<import("./utils.ts").BoundaryPosition | number>;
             default: string;
             validator: (value: any) => boolean;
         };
@@ -52,6 +77,28 @@ declare const Anchor: {
             type: BooleanConstructor;
             default: boolean;
         };
+        affix: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        affixStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+        };
+        offsetTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+        offsetBottom: {
+            type: NumberConstructor;
+        };
+        direction: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (value: any) => boolean;
+        };
+        targetOffset: {
+            type: NumberConstructor;
+        };
         scrollContainer: {
             type: import("vue").PropType<string | HTMLElement | Window>;
         };
@@ -67,9 +114,12 @@ declare const Anchor: {
         onChange?: ((_hash: string) => any) | undefined;
         onSelect?: ((_hash: string | undefined, _preHash: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        direction: "horizontal" | "vertical";
         smooth: boolean;
+        offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
         lineLess: boolean;
+        affix: boolean;
         changeHash: boolean;
     }>;
     __isFragment?: never;
@@ -77,7 +127,7 @@ declare const Anchor: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     boundary: {
-        type: import("vue").PropType<import("./utils").BoundaryPosition | number>;
+        type: import("vue").PropType<import("./utils.ts").BoundaryPosition | number>;
         default: string;
         validator: (value: any) => boolean;
     };
@@ -85,6 +135,28 @@ declare const Anchor: {
         type: BooleanConstructor;
         default: boolean;
     };
+    affix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    affixStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+    };
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    targetOffset: {
+        type: NumberConstructor;
+    };
     scrollContainer: {
         type: import("vue").PropType<string | HTMLElement | Window>;
     };
@@ -103,9 +175,12 @@ declare const Anchor: {
     change: (_hash: string) => any;
     select: (_hash: string | undefined, _preHash: string) => any;
 }, string, {
+    direction: "horizontal" | "vertical";
     smooth: boolean;
+    offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
     lineLess: boolean;
+    affix: boolean;
     changeHash: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {