@opentiny/vue-renderless 3.10.7 → 3.11.0

package/timeline-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   handleClick,
   getStatusCls,
@@ -7,7 +7,7 @@ import {
   getDate,
   computedCurrent,
   computedIsReverse,
-  computedSpace,
+  computedWidth,
   computedItemStyle
 } from "./index";
 const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate", "rootProps"];
@@ -19,9 +19,10 @@ const renderless = (props, { computed, reactive, inject }, { t, emit, constants
     nodesLength: computed(() => nodes.length),
     current: computed(() => api2.computedCurrent()),
     isReverse: computed(() => api2.computedIsReverse()),
-    computedSpace: computed(() => api2.computedSpace()),
+    computedSpace: computed(() => api2.computedWidth(props.space || api2.rootProps.space)),
     computedItemCls: computed(() => api2.computedItemCls()),
-    computedItemStyle: computed(() => api2.computedItemStyle())
+    computedItemStyle: computed(() => api2.computedItemStyle()),
+    computedLineWidth: computed(() => api2.computedWidth(props.lineWidth || api2.rootProps.lineWidth))
   });
   Object.assign(api2, {
     state,
@@ -29,9 +30,9 @@ const renderless = (props, { computed, reactive, inject }, { t, emit, constants
     getDate,
     computedCurrent: computedCurrent({ state, api: api2 }),
     computedIsReverse: computedIsReverse(api2),
-    computedItemCls: computedItemCls({ props, api: api2 }),
+    computedItemCls: computedItemCls({ props, api: api2, state }),
     computedItemStyle: computedItemStyle({ props, state, api: api2 }),
-    computedSpace: computedSpace({ props, api: api2 }),
+    computedWidth: computedWidth(),
     getStatus: getStatus({ state, t }),
     handleClick: handleClick({ emit, state }),
     getStatusCls: getStatusCls({ constants, state })

package/toggle-menu/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common/xss.js";
 import { isObject } from "../common/type";
 const filterNode = (props) => (value, data) => {

package/toggle-menu/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   initData,
   computedPlaceholder,
@@ -47,6 +47,7 @@ const renderless = (props, { reactive, watch, computed, onMounted }, { t, servic
   service = service || { base: {} };
   service = {
     getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync,
+    // deprecated v3.4.0废弃, v3.16.0移除；移除原因：如果是同步数据则和:data功能重复
     getMenuDataAsync: props.getMenuDataAsync
   };
   Object.assign(api2, {

package/tooltip/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import { on, off, addClass, removeClass } from "../common/deps/dom";
 const show = ({ api, state, props }) => (event) => {
@@ -34,11 +34,11 @@ const handleShowPopper = ({ props, state }) => (delay) => {
     return;
   }
   clearTimeout(state.timeout);
-  state.timeout = setTimeout(() => {
+  state.timeout = window.setTimeout(() => {
     state.showPopper = true;
   }, props.openDelay || delay);
   if (props.hideAfter > 0) {
-    state.timeoutPending = setTimeout(() => {
+    state.timeoutPending = window.setTimeout(() => {
       state.showPopper = false;
     }, props.hideAfter);
   }
@@ -69,9 +69,9 @@ const handleDocumentClick = ({ props, api, state, popperVmRef }) => (event) => {
     api.debounceClose();
   }
 };
-const setExpectedState = ({ api, state }) => (value) => {
+const setExpectedState = ({ state }) => (value) => {
   if (state.expectedState === false) {
-    clearTimeout(api.timeoutPending);
+    clearTimeout(state.timeoutPending);
   }
   state.expectedState = value;
 };
@@ -86,11 +86,6 @@ const destroyed = ({ state, api }) => () => {
     off(reference, "blur", api.handleBlur);
     off(reference, "click", api.removeFocusing);
   }
-  state.poppers.forEach((popper, i) => {
-    typeof popper.$destroy === "function" && popper.$destroy();
-    state.poppers[i] = null;
-  });
-  state.poppers.length = 0;
 };
 const debounceClose = ({ api, props }) => debounce(props.closeDelay, () => {
   api.handleClosePopper();
@@ -127,7 +122,7 @@ const bindEvent = ({ api, state, vm }) => (reference) => {
   }
   state.referenceElm = referenceElm;
   referenceElm.setAttribute("aria-describedby", state.tooltipId);
-  referenceElm.setAttribute("tabindex", state.tabindex);
+  referenceElm.setAttribute("tabindex", state.tabindex.toString());
   on(document, "click", api.handleDocumentClick);
   on(referenceElm, "mouseenter", api.show);
   on(referenceElm, "mouseleave", api.hide);

package/tooltip/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   bindEvent,
   show,
@@ -31,21 +31,18 @@ const api = [
   "handleClosePopper",
   "setExpectedState",
   "updatePopper",
-  "focusHandler",
-  "markRaw"
+  "focusHandler"
 ];
-const initState = ({ reactive, showPopper, popperElm, referenceElm, props, markRaw, inject }) => reactive({
+const initState = ({ reactive, showPopper, popperElm, referenceElm, props, inject }) => reactive({
   showPopper,
   popperElm,
   referenceElm,
   timeout: null,
   focusing: false,
   expectedState: void 0,
-  mounted: false,
   tooltipId: guid("tiny-tooltip-", 4),
   tabindex: props.tabindex,
   xPlacement: "bottom",
-  poppers: markRaw([]),
   showContent: inject("showContent", null),
   tipsMaxWidth: inject("tips-max-width", null)
 });
@@ -57,7 +54,6 @@ const renderless = (props, {
   onDeactivated,
   onMounted,
   onUnmounted,
-  markRaw,
   inject
 }, { vm, emit, refs, slots, nextTick, parent }) => {
   const api2 = {};
@@ -65,10 +61,9 @@ const renderless = (props, {
   const popperVmRef = {};
   Object.assign(popperParam, { slots, onBeforeUnmount, onDeactivated, watch });
   const { showPopper, updatePopper, popperElm, referenceElm, doDestroy } = userPopper(popperParam);
-  const state = initState({ reactive, showPopper, popperElm, referenceElm, props, markRaw, inject });
+  const state = initState({ reactive, showPopper, popperElm, referenceElm, props, inject });
   Object.assign(api2, {
     state,
-    markRaw,
     doDestroy,
     updatePopper,
     show: show({ api: api2, state, props }),
@@ -80,7 +75,7 @@ const renderless = (props, {
     handleBlur: handleBlur({ api: api2, state }),
     handleFocus: handleFocus({ api: api2, state }),
     debounceClose: debounceClose({ api: api2, props }),
-    setExpectedState: setExpectedState({ api: api2, state }),
+    setExpectedState: setExpectedState({ state }),
     handleShowPopper: handleShowPopper({ props, state }),
     handleClosePopper: handleClosePopper({ api: api2, props, state }),
     bindEvent: bindEvent({ api: api2, state, vm }),

package/top-box/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE } from "../common";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";

package/top-box/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   clearTimer,
   startTimer,

package/transfer/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { copyArray } from "../common/object";
 const getObj = (props) => () => props.data.reduce((o, cur) => (o[cur[props.props.key]] = cur) && o, {});
 const getSourceData = ({ props, Tree }) => () => {

package/transfer/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   getObj,
   getSourceData,

package/transfer-panel/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { copyArray } from "../common/object";
 import { getFlatData } from "../transfer";
 const showFilterData = (data, sign) => {

package/transfer-panel/vue.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   getStrictData,
   sizesChange,

package/tree/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getNodeKey as innerGetNodekey } from "../common/deps/tree-model/util";
 import { KEY_CODE } from "../common";
 import TreeStore from "../common/deps/tree-model/tree-store";
@@ -187,6 +187,7 @@ const initTreeStore = ({ api, props, state, emit }) => () => {
     load,
     afterLoad(params) {
       !state.loaded && (state.loaded = true);
+      lazy && state.root && (state.root.childNodes = [...state.root.childNodes]);
       emit("load-data", params);
       afterLoad && afterLoad(params);
     },

package/tree/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import {
   computedShowEmptyText,

package/tree-menu/index.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 const initData = ({ state, props, service, api }) => () => {
   if (props.data) {
     state.data = props.data;
@@ -44,8 +44,8 @@ const filterNode = () => (value, data) => {
   }
   return data.label.includes(value);
 };
-const watchFilterText = (refs) => (value) => {
-  refs.tree.filter(value);
+const watchFilterText = ({ vm }) => (value) => {
+  vm.$refs.tree.filter(value);
 };
 const nodeDragStart = (emit) => (node, event) => {
   emit("node-drag-start", node, event);
@@ -82,18 +82,18 @@ const currentChange = (emit) => (data, node) => {
 };
 const getTitle = (props) => (label) => props.showTitle ? label : "";
 const collapseChange = ({ state, props, emit }) => () => {
-  if (props.collapsible) {
+  if (props.menuCollapsible) {
     state.isCollapsed = !state.isCollapsed;
     emit("collapse-change", state.isCollapsed);
   }
 };
 const collapseMenu = ({ state, props, api }) => () => {
-  if (props.collapsible && !state.isCollapsed) {
+  if (props.menuCollapsible && !state.isCollapsed) {
     api.collapseChange();
   }
 };
 const expandMenu = ({ state, props, api }) => () => {
-  if (props.collapsible && state.isCollapsed) {
+  if (props.menuCollapsible && state.isCollapsed) {
     api.collapseChange();
   }
 };

package/tree-menu/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   initData,
   setMenuKey,
@@ -50,7 +50,7 @@ const api = [
   "setCurrentNode",
   "getCurrentNode"
 ];
-const renderless = (props, { watch, reactive, onMounted }, { t, service, refs, emit, vm }) => {
+const renderless = (props, { watch, reactive, onMounted }, { t, service, emit, vm }) => {
   service = service || { base: {} };
   service = { getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync };
   const state = reactive({
@@ -73,7 +73,7 @@ const renderless = (props, { watch, reactive, onMounted }, { t, service, refs, e
     nodeDragStart: nodeDragStart(emit),
     nodeDragEnter: nodeDragEnter(emit),
     currentChange: currentChange(emit),
-    watchFilterText: watchFilterText(refs),
+    watchFilterText: watchFilterText({ vm }),
     getTitle: getTitle(props),
     setMenuKey: setMenuKey(api),
     initData: initData({ state, props, service, api }),

package/tree-node/index.js

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { getNodeKey as getTreeNodeKey } from "../common/deps/tree-model/util";
 const watchIndeterminate = ({ api, props }) => (value) => api.handleSelectChange(props.node.checked, value);
 const watchChecked = ({ api, props }) => (value) => api.handleSelectChange(value, props.node.indeterminate);
@@ -229,12 +229,14 @@ const addNode = ({ state, props, api }) => (event, node) => {
   api.openEdit();
   state.tree.state.emitter.emit("tree-node-add", event, node);
 };
-const computedExpandIcon = () => ({ showLine }, { tree, expanded, isSaaSTheme }) => {
+const computedExpandIcon = ({ designConfig }) => ({ showLine }, { tree, expanded, isSaaSTheme }) => {
   if (tree.icon) {
     return tree.icon;
   }
   if (showLine) {
-    return expanded ? "icon-minus-square" : "icon-plus-square";
+    const expandIcon = (designConfig == null ? void 0 : designConfig.icons.expanded) || "icon-minus-square";
+    const collapseIcon = (designConfig == null ? void 0 : designConfig.icons.collapse) || "icon-plus-square";
+    return expanded ? expandIcon : collapseIcon;
   }
   return isSaaSTheme ? "icon-arrow-bottom" : "icon-chevron-right";
 };

package/tree-node/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   created,
   handleDragEnd,
@@ -69,13 +69,13 @@ const initState = ({ reactive, treeRoot, props, emitter, $parentEmitter, vm, api
   });
   return state;
 };
-const initApi = ({ api: api2, state, dispatch, broadcast, vm, props, parent, treeRoot, nextTick, emit }) => {
+const initApi = ({ api: api2, state, dispatch, broadcast, vm, props, parent, treeRoot, nextTick, emit, designConfig }) => {
   Object.assign(api2, {
     state,
     dispatch,
     broadcast,
     watchExpanded: watchExpanded({ state }),
-    created: created({ vm, props, state, parent }),
+    created: created({ props, state }),
     getNodeKey: getNodeKey(state),
     closeMenu: closeMenu(state),
     handleSelectChange: handleSelectChange({ props, state }),
@@ -98,7 +98,7 @@ const initApi = ({ api: api2, state, dispatch, broadcast, vm, props, parent, tre
     deleteNode: deleteNode({ state }),
     handleChildNodeExpand: handleChildNodeExpand(state),
     handleExpandIconClick: handleExpandIconClick({ api: api2, state }),
-    computedExpandIcon: computedExpandIcon(),
+    computedExpandIcon: computedExpandIcon({ designConfig }),
     computedIndent: computedIndent()
   });
 };
@@ -108,7 +108,7 @@ const initWatcher = ({ watch, state, api: api2, props }) => {
   watch(() => props.node.checked, api2.watchChecked, { deep: true });
   watch(() => props.node.expanded, api2.watchExpanded, { deep: true });
 };
-const renderless = (props, { reactive, watch, inject, provide, computed }, { parent: parentVm, vm, nextTick, emit, broadcast, dispatch, emitter }) => {
+const renderless = (props, { reactive, watch, inject, provide, computed }, { parent: parentVm, vm, nextTick, emit, broadcast, dispatch, emitter, designConfig }) => {
   const api2 = {};
   const parent = inject("parentTree") || parentVm;
   const treeRoot = inject("TreeRoot");
@@ -116,7 +116,7 @@ const renderless = (props, { reactive, watch, inject, provide, computed }, { par
   const state = initState({ reactive, treeRoot, props, emitter, $parentEmitter, vm, api: api2, computed });
   state.parentEmitter.on("sibling-node-toggle-expand", (event) => api2.onSiblingToggleExpand(event));
   provide("parentEmitter", state.emitter);
-  initApi({ api: api2, state, dispatch, broadcast, vm, props, parent, treeRoot, nextTick, emit });
+  initApi({ api: api2, state, dispatch, broadcast, vm, props, parent, treeRoot, nextTick, emit, designConfig });
   initWatcher({ watch, state, api: api2, props });
   api2.created((childrenKey) => {
     watch(

package/types/action-menu.type.d.mts

@@ -0,0 +1,88 @@
+import { ComputedRef, ExtractPropTypes, ComponentPublicInstance } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.mjs';
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+declare const actionMenuProps: {
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    maxShowNum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    moreText: StringConstructor;
+    spacing: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+interface IActionMenuState {
+    visibleOptions: ComputedRef<object>;
+    moreOptions: ComputedRef<object>;
+    spacing: ComputedRef<string | number>;
+}
+type IActionMenuProps = ExtractPropTypes<typeof actionMenuProps>;
+type IActionMenuRenderlessParams = ISharedRenderlessFunctionParams<null> & {
+    state: IActionMenuState;
+    props: IActionMenuProps;
+};
+type IActionMenuItemData = {
+    itemData: object;
+    vm: ComponentPublicInstance;
+    disabled: boolean;
+};
+interface IActionMenuApi {
+    handleMoreClick: () => void;
+    handleItemClick: (data: IActionMenuItemData) => void;
+    visibleChange: (status: boolean) => void;
+    state: IActionMenuState;
+}
+type IActionMenuRenderlessParamUtils = ISharedRenderlessParamUtils<null>;
+
+export { IActionMenuApi, IActionMenuItemData, IActionMenuProps, IActionMenuRenderlessParamUtils, IActionMenuRenderlessParams, IActionMenuState };

package/types/action-sheet.type.d.mts

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

package/types/alert.type.d.mts

@@ -0,0 +1,112 @@
+import { ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.mjs';
+
+declare const $constants: {
+    ICON_MAP: {
+        success: string;
+        error: string;
+        info: string;
+        warning: string;
+    };
+    TITLE_MAP: {
+        success: string;
+        error: string;
+        info: string;
+        warning: string;
+    };
+    CONTENT_MAXHEUGHT: number;
+};
+declare const alertProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            ICON_MAP: {
+                success: string;
+                error: string;
+                info: string;
+                warning: string;
+            };
+            TITLE_MAP: {
+                success: string;
+                error: string;
+                info: string;
+                warning: string;
+            };
+            CONTENT_MAXHEUGHT: number;
+        };
+    };
+    icon: (StringConstructor | ObjectConstructor)[];
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    center: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    singleLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrolling: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFoldable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+interface IAlertState {
+    show: boolean;
+    getIcon: string;
+    getTitle: string;
+    contentVisible: boolean;
+    contentDescribeHeight: number;
+    contentDefaultHeight: number;
+    contentMaxHeight: number;
+    scrollStatus: boolean;
+}
+type IAlertProps = ExtractPropTypes<typeof alertProps>;
+type IAlertConstants = typeof $constants;
+type IAlertRenderlessParams = ISharedRenderlessFunctionParams<IAlertConstants> & {
+    state: IAlertState;
+    props: IAlertProps;
+};
+interface IAlertApi {
+    state: IAlertState;
+    computedGetIcon: () => string;
+    computedGetTitle: () => string;
+    handleClose: () => void;
+    handleHeaderClick: () => void;
+}
+type IAlertRenderlessParamUtils = ISharedRenderlessParamUtils<IAlertConstants>;
+
+export { IAlertApi, IAlertConstants, IAlertProps, IAlertRenderlessParamUtils, IAlertRenderlessParams, IAlertState };

package/types/amount.type.d.mts

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

package/types/anchor.type.d.mts

@@ -0,0 +1,87 @@
+import { ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams } from './shared.type.mjs';
+
+declare const anchorProps: {
+    isAffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    links: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    containerId: {
+        type: StringConstructor;
+        default: string;
+    };
+    markClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const setFixAnchor: ({ vm, props }: Pick<IAnchorRenderlessParams, 'vm' | 'props'>) => () => void;
+declare const setScrollContainer: ({ state, api }: Pick<IAnchorRenderlessParams, 'state' | 'api'>) => (cb?: Function | null) => void;
+declare const getCurrentAnchor: ({ vm, state, emit }: Pick<IAnchorRenderlessParams, 'vm' | 'state' | 'emit'>) => (link: string) => void;
+declare const handleScroll: (state: IAnchorRenderlessParams['state']) => () => void;
+declare const getContainer: ({ props }: Pick<IAnchorRenderlessParams, 'props'>) => () => Element;
+declare const mounted: ({ state, api, props, nextTick }: Pick<IAnchorRenderlessParams, 'state' | 'api' | 'props' | 'nextTick'>) => () => void;
+declare const updated: ({ api }: Pick<IAnchorRenderlessParams, 'api'>) => () => void;
+declare const unmounted: ({ state, api }: Pick<IAnchorRenderlessParams, 'state' | 'api'>) => () => void;
+declare const onItersectionObserver: ({ state, props, api }: Pick<IAnchorRenderlessParams, 'state' | 'props' | 'api'>) => () => void;
+declare const linkClick: ({ state, vm, emit, props, api }: Pick<IAnchorRenderlessParams, 'state' | 'vm' | 'emit' | 'props' | 'api'>) => (e: Event, item: IAnchorLinkItem) => void;
+
+type IAnchorObject = object | null;
+interface IAnchorState {
+    currentLink: string;
+    observerLinks: object;
+    expandLink: object;
+    intersectionObserver: IAnchorObject;
+    scrollContainer: IAnchorObject;
+    currentHash: string;
+    isScroll: boolean;
+    scrollTimer: number;
+    offsetTop: number;
+}
+type IAnchorProps = ExtractPropTypes<typeof anchorProps>;
+interface IAnchorLinkItem {
+    key: string;
+    link: string;
+    title: string;
+}
+interface IAnchorApi {
+    state: IAnchorState;
+    mounted: ReturnType<typeof mounted>;
+    updated: ReturnType<typeof updated>;
+    unmounted: ReturnType<typeof unmounted>;
+    getContainer: ReturnType<typeof getContainer>;
+    linkClick: ReturnType<typeof linkClick>;
+    onItersectionObserver: ReturnType<typeof onItersectionObserver>;
+    setScrollContainer: ReturnType<typeof setScrollContainer>;
+    getCurrentAnchor: ReturnType<typeof getCurrentAnchor>;
+    setFixAnchor: ReturnType<typeof setFixAnchor>;
+    handleScroll: ReturnType<typeof handleScroll>;
+}
+type IAnchorRenderlessParams = ISharedRenderlessFunctionParams<never> & {
+    props: IAnchorProps;
+    state: IAnchorState;
+    api: IAnchorApi;
+};
+
+export { IAnchorApi, IAnchorLinkItem, IAnchorProps, IAnchorRenderlessParams, IAnchorState };