tdesign-react 0.18.2 → 0.19.0

package/esm/alert/index.js

@@ -1,16 +1,16 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Alert$1 from './Alert.js';
 import './style/index.js';
-import '../_type/components/alert/index.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-016d27a7.js';
+import './type.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-b3d60655.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';

package/esm/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/alert/index.ts"],"sourcesContent":["import _Alert from './Alert';\n\nimport './style/index.js';\n\nexport type { AlertProps } from './Alert';\nexport * from '../_type/components/alert';\n\nexport const Alert = _Alert;\nexport default Alert;\n"],"names":["Alert","_Alert"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAOaA,QAAQC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/alert/index.ts"],"sourcesContent":["import _Alert from './Alert';\n\nimport './style/index.js';\n\nexport type { AlertProps } from './Alert';\nexport * from './type';\n\nexport const Alert = _Alert;\nexport default Alert;\n"],"names":["Alert","_Alert"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAOaA,QAAQC;;;;"}

package/esm/alert/type.d.ts

@@ -0,0 +1,51 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode, TElement } from '../common';
+import { MouseEvent, TransitionEvent } from 'react';
+export interface TdAlertProps {
+    /**
+     * 关闭按钮。值为 true 则显示默认关闭按钮；值为 false 则不显示按钮；值类型为 string 则直接显示；值类型为 Function 则可以自定关闭按钮
+     * @default false
+     */
+    close?: TNode;
+    /**
+     * 图标
+     */
+    icon?: TElement;
+    /**
+     * 内容显示最大行数，超出的内容会折叠收起，用户点击后再展开。值为 0 表示不折叠
+     * @default 0
+     */
+    maxLine?: number;
+    /**
+     * 内容（子元素）
+     */
+    message?: TNode;
+    /**
+     * 跟在告警内容后面的操作区
+     */
+    operation?: TElement;
+    /**
+     * 组件风格
+     * @default info
+     */
+    theme?: 'success' | 'info' | 'warning' | 'error';
+    /**
+     * 标题
+     */
+    title?: TNode;
+    /**
+     * 关闭按钮点击时触发
+     */
+    onClose?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 告警提示框关闭动画结束后触发
+     */
+    onClosed?: (context: {
+        e: TransitionEvent<HTMLDivElement>;
+    }) => void;
+}

package/esm/alert/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

package/esm/alert/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/esm/anchor/Anchor.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { StyledProps } from '../_type';
-import { TdAnchorProps } from '../_type/components/anchor';
+import { StyledProps } from '../common';
+import { TdAnchorProps } from './type';
 export interface AnchorProps extends TdAnchorProps, StyledProps {
     children?: React.ReactNode;
 }
 declare const Anchor: {
     (props: AnchorProps): JSX.Element;
-    AnchorItem: React.FunctionComponent<import("../_type/components/anchor-item").TdAnchorItemProps>;
+    AnchorItem: React.FunctionComponent<import("./type").TdAnchorItemProps>;
     AnchorTarget: React.FunctionComponent<import("./AnchorTarget").AnchorTargetProps>;
     displayName: string;
 };

package/esm/anchor/Anchor.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
-import { i as isEmpty_1 } from '../_chunks/dep-3959464c.js';
-import { i as isFunction_1 } from '../_chunks/dep-83646039.js';
+import { i as isEmpty_1 } from '../_chunks/dep-19210c16.js';
+import { i as isFunction_1 } from '../_chunks/dep-f749a2c9.js';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import { getScrollContainer } from '../_util/dom.js';
@@ -19,29 +19,29 @@ import { getScroll, getOffsetTop, scrollTo } from './_util/dom.js';
 import AnchorItem from './AnchorItem.js';
 import AnchorTarget from './AnchorTarget.js';
 import Affix from '../affix/Affix.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-8faed49a.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-bb05ae7d.js';
-import '../_chunks/dep-f3eac264.js';
-import '../_chunks/dep-f7d3ea79.js';
-import '../_chunks/dep-e83a1558.js';
-import '../_chunks/dep-47afb0bc.js';
-import '../_chunks/dep-504203df.js';
-import '../_chunks/dep-74a044dc.js';
-import '../_chunks/dep-efa4ba54.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-039ac0dd.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-8b189f6f.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-458a408b.js';
+import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-3b182523.js';
+import '../_chunks/dep-940f6c04.js';
+import '../_chunks/dep-1fc210cf.js';
+import '../_chunks/dep-ef50bc46.js';
+import '../_chunks/dep-97ee645c.js';
+import '../_chunks/dep-1c3da36c.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-8d3829c7.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'raf';
-import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-615797a6.js';
 import '../_util/easing.js';
 import '../affix/style/index.js';
-import '../_type/components/affix/index.js';
+import '../affix/type.js';
 import 'tdesign-icons-react';
 import '../popup/index.js';
 import '../popup/Popup.js';
@@ -54,7 +54,7 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
-import '../_type/components/popup/index.js';
+import '../popup/type.js';
 import '../message/index.js';
 import '../message/Message.js';
 import '../message/const.js';
@@ -65,11 +65,10 @@ import '../message/MessageIcon.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import '../loading/style/index.js';
-import '../_type/components/loading/index.js';
+import '../loading/type.js';
 import '../message/style/index.js';
-import '../_type/components/message/index.js';
+import '../message/type.js';
 import './_util/clipboard.js';
 import 'clipboard';
 

package/esm/anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../src/anchor/Anchor.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport isFunction from 'lodash/isFunction';\nimport { StyledProps } from '../_type';\nimport { TdAnchorProps } from '../_type/components/anchor';\nimport useConfig from '../_util/useConfig';\nimport noop from '../_util/noop';\nimport { getScrollContainer } from '../_util/dom';\nimport Affix from '../affix';\nimport { AnchorContext, Item } from './AnchorContext';\nimport { getOffsetTop, getScroll, scrollTo, AnchorContainer } from './_util/dom';\nimport AnchorItem from './AnchorItem';\nimport AnchorTarget from './AnchorTarget';\n\nexport interface AnchorProps extends TdAnchorProps, StyledProps {\n  children?: React.ReactNode;\n}\n\ninterface IntervalRef {\n  // 收集 anchor-item\n  items: string[];\n  // 容器\n  scrollContainer: AnchorContainer;\n  // 收集各项 item 的信息与节点\n  handleScrollLock: boolean;\n}\n\nconst ANCHOR_SHARP_REGEXP = /#(\\S+)$/;\n\nconst Anchor = (props: AnchorProps) => {\n  const {\n    affixProps,\n    bounds = 5,\n    targetOffset = 0,\n    container = '',\n    size = 'medium',\n    children,\n    cursor,\n    onClick = noop,\n    onChange = noop,\n  } = props;\n\n  const { classPrefix } = useConfig();\n\n  const [activeItem, setActiveItem] = useState<string>('');\n  const [cursorStyle, setCursorStyle] = useState<{ top: string; height?: string; opacity: number }>({\n    top: '0px',\n    height: '0px',\n    opacity: 0,\n  });\n\n  const anchorEl = useRef(null);\n  const intervalRef = useRef<IntervalRef>({\n    items: [],\n    scrollContainer: window,\n    handleScrollLock: false,\n  });\n\n  /**\n   * 注册锚点\n   * @param href 链接\n   */\n  const registerItem = (href: string): void => {\n    const { items } = intervalRef.current;\n    if (ANCHOR_SHARP_REGEXP.test(href) && items.indexOf(href) < 0) items.push(href);\n  };\n\n  const unregisterItem = (href: string): void => {\n    const { items } = intervalRef.current;\n    intervalRef.current.items = items.filter((item) => href !== item);\n  };\n\n  const getAnchorTarget = (href: string): HTMLElement => document.querySelector(href);\n\n  const handleScrollTo = (link: string) => {\n    const anchor = getAnchorTarget(link);\n    if (!anchor) return;\n    if (isFunction(onChange)) onChange(link, activeItem);\n    setActiveItem(link);\n    intervalRef.current.handleScrollLock = true;\n    const { scrollContainer } = intervalRef.current;\n    const scrollTop = getScroll(scrollContainer);\n    const offsetTop = getOffsetTop(anchor, scrollContainer);\n    const top = scrollTop + offsetTop - targetOffset;\n    scrollTo(top, {\n      container: scrollContainer,\n    }).then(() => {\n      intervalRef.current.handleScrollLock = false;\n    });\n  };\n\n  const handleClick = (item: Item, e: React.MouseEvent<HTMLDivElement>) => {\n    onClick({ e, ...item });\n    handleScrollTo(item.href);\n  };\n\n  useEffect(() => {\n    // update point style\n    const pointEl = anchorEl.current.querySelector(`.${classPrefix}-is-active>a`) as HTMLAnchorElement;\n    if (!pointEl) {\n      setCursorStyle(null);\n    } else {\n      const { offsetTop: top, offsetHeight: height } = pointEl;\n      setCursorStyle({ top: `${top}px`, height: `${height}px`, opacity: 1 });\n    }\n  }, [activeItem, classPrefix]);\n\n  const handleScroll = useCallback(() => {\n    const { scrollContainer, handleScrollLock } = intervalRef.current;\n    if (handleScrollLock) return;\n    const { items } = intervalRef.current;\n    const filters: { top: number; href: string }[] = [];\n    let active = '';\n    // 找出所有当前top小于预设值\n    items.forEach((href) => {\n      const anchor = getAnchorTarget(href);\n      if (!anchor) return;\n      const top = getOffsetTop(anchor, scrollContainer);\n      if (top <= bounds + targetOffset) {\n        filters.push({\n          href,\n          top,\n        });\n      }\n    });\n\n    // 找出小于预设值集合中top最大的\n    if (filters.length) {\n      const latest = filters.reduce((prev, cur) => (prev.top > cur.top ? prev : cur));\n      active = latest.href;\n    }\n    if (active !== activeItem) {\n      if (isFunction(onChange)) onChange(active, activeItem);\n      setActiveItem(active);\n    }\n  }, [activeItem, bounds, onChange, targetOffset]);\n\n  useEffect(() => {\n    intervalRef.current.scrollContainer = getScrollContainer(container);\n    const { scrollContainer } = intervalRef.current;\n\n    handleScroll();\n    scrollContainer.addEventListener('scroll', handleScroll);\n    return () => {\n      scrollContainer.removeEventListener('scroll', handleScroll);\n    };\n  }, [container, handleScroll]);\n\n  const anchorClass = classNames(`${classPrefix}-anchor`, {\n    [`${classPrefix}-size-s`]: size === 'small',\n    [`${classPrefix}-size-m`]: size === 'medium',\n    [`${classPrefix}-size-l`]: size === 'large',\n  });\n\n  const CursorCmp = () => {\n    if (isFunction(cursor)) return cursor();\n    if (isEmpty(cursor)) return <div className=\"cursor\"></div>;\n    return cursor;\n  };\n\n  const Cmp = (\n    <AnchorContext.Provider\n      value={{\n        onClick: handleClick,\n        activeItem,\n        registerItem,\n        unregisterItem,\n      }}\n    >\n      <div className={anchorClass} ref={anchorEl}>\n        <div className={`${classPrefix}-anchor_line`}>\n          <div className=\"cursor-wrapper\" style={cursorStyle}>\n            {CursorCmp()}\n          </div>\n        </div>\n        {children}\n      </div>\n    </AnchorContext.Provider>\n  );\n\n  return isEmpty(affixProps) ? Cmp : <Affix {...affixProps}>{Cmp}</Affix>;\n};\n\nAnchor.AnchorItem = AnchorItem;\nAnchor.AnchorTarget = AnchorTarget;\n\nAnchor.displayName = 'Anchor';\n\nexport default Anchor;\n"],"names":["ANCHOR_SHARP_REGEXP","Anchor","props","affixProps","bounds","targetOffset","container","size","children","cursor","onClick","noop","onChange","useConfig","classPrefix","useState","activeItem","setActiveItem","top","height","opacity","cursorStyle","setCursorStyle","anchorEl","useRef","intervalRef","items","scrollContainer","window","handleScrollLock","registerItem","href","current","test","indexOf","push","unregisterItem","filter","item","getAnchorTarget","document","querySelector","handleScrollTo","link","anchor","isFunction","scrollTop","getScroll","offsetTop","getOffsetTop","then","handleClick","e","pointEl","offsetHeight","handleScroll","useCallback","filters","active","forEach","length","latest","reduce","prev","cur","getScrollContainer","addEventListener","removeEventListener","anchorClass","classNames","CursorCmp","isEmpty","className","Cmp","AnchorContext","Provider","value","ref","style","Affix","AnchorItem","AnchorTarget","displayName"],"mappings":"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"}
+{"version":3,"file":"Anchor.js","sources":["../../src/anchor/Anchor.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport isFunction from 'lodash/isFunction';\nimport { StyledProps } from '../common';\nimport { TdAnchorProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport noop from '../_util/noop';\nimport { getScrollContainer } from '../_util/dom';\nimport Affix from '../affix';\nimport { AnchorContext, Item } from './AnchorContext';\nimport { getOffsetTop, getScroll, scrollTo, AnchorContainer } from './_util/dom';\nimport AnchorItem from './AnchorItem';\nimport AnchorTarget from './AnchorTarget';\n\nexport interface AnchorProps extends TdAnchorProps, StyledProps {\n  children?: React.ReactNode;\n}\n\ninterface IntervalRef {\n  // 收集 anchor-item\n  items: string[];\n  // 容器\n  scrollContainer: AnchorContainer;\n  // 收集各项 item 的信息与节点\n  handleScrollLock: boolean;\n}\n\nconst ANCHOR_SHARP_REGEXP = /#(\\S+)$/;\n\nconst Anchor = (props: AnchorProps) => {\n  const {\n    affixProps,\n    bounds = 5,\n    targetOffset = 0,\n    container = '',\n    size = 'medium',\n    children,\n    cursor,\n    onClick = noop,\n    onChange = noop,\n  } = props;\n\n  const { classPrefix } = useConfig();\n\n  const [activeItem, setActiveItem] = useState<string>('');\n  const [cursorStyle, setCursorStyle] = useState<{ top: string; height?: string; opacity: number }>({\n    top: '0px',\n    height: '0px',\n    opacity: 0,\n  });\n\n  const anchorEl = useRef(null);\n  const intervalRef = useRef<IntervalRef>({\n    items: [],\n    scrollContainer: window,\n    handleScrollLock: false,\n  });\n\n  /**\n   * 注册锚点\n   * @param href 链接\n   */\n  const registerItem = (href: string): void => {\n    const { items } = intervalRef.current;\n    if (ANCHOR_SHARP_REGEXP.test(href) && items.indexOf(href) < 0) items.push(href);\n  };\n\n  const unregisterItem = (href: string): void => {\n    const { items } = intervalRef.current;\n    intervalRef.current.items = items.filter((item) => href !== item);\n  };\n\n  const getAnchorTarget = (href: string): HTMLElement => document.querySelector(href);\n\n  const handleScrollTo = (link: string) => {\n    const anchor = getAnchorTarget(link);\n    if (!anchor) return;\n    if (isFunction(onChange)) onChange(link, activeItem);\n    setActiveItem(link);\n    intervalRef.current.handleScrollLock = true;\n    const { scrollContainer } = intervalRef.current;\n    const scrollTop = getScroll(scrollContainer);\n    const offsetTop = getOffsetTop(anchor, scrollContainer);\n    const top = scrollTop + offsetTop - targetOffset;\n    scrollTo(top, {\n      container: scrollContainer,\n    }).then(() => {\n      intervalRef.current.handleScrollLock = false;\n    });\n  };\n\n  const handleClick = (item: Item, e: React.MouseEvent<HTMLDivElement>) => {\n    onClick({ e, ...item });\n    handleScrollTo(item.href);\n  };\n\n  useEffect(() => {\n    // update point style\n    const pointEl = anchorEl.current.querySelector(`.${classPrefix}-is-active>a`) as HTMLAnchorElement;\n    if (!pointEl) {\n      setCursorStyle(null);\n    } else {\n      const { offsetTop: top, offsetHeight: height } = pointEl;\n      setCursorStyle({ top: `${top}px`, height: `${height}px`, opacity: 1 });\n    }\n  }, [activeItem, classPrefix]);\n\n  const handleScroll = useCallback(() => {\n    const { scrollContainer, handleScrollLock } = intervalRef.current;\n    if (handleScrollLock) return;\n    const { items } = intervalRef.current;\n    const filters: { top: number; href: string }[] = [];\n    let active = '';\n    // 找出所有当前top小于预设值\n    items.forEach((href) => {\n      const anchor = getAnchorTarget(href);\n      if (!anchor) return;\n      const top = getOffsetTop(anchor, scrollContainer);\n      if (top <= bounds + targetOffset) {\n        filters.push({\n          href,\n          top,\n        });\n      }\n    });\n\n    // 找出小于预设值集合中top最大的\n    if (filters.length) {\n      const latest = filters.reduce((prev, cur) => (prev.top > cur.top ? prev : cur));\n      active = latest.href;\n    }\n    if (active !== activeItem) {\n      if (isFunction(onChange)) onChange(active, activeItem);\n      setActiveItem(active);\n    }\n  }, [activeItem, bounds, onChange, targetOffset]);\n\n  useEffect(() => {\n    intervalRef.current.scrollContainer = getScrollContainer(container);\n    const { scrollContainer } = intervalRef.current;\n\n    handleScroll();\n    scrollContainer.addEventListener('scroll', handleScroll);\n    return () => {\n      scrollContainer.removeEventListener('scroll', handleScroll);\n    };\n  }, [container, handleScroll]);\n\n  const anchorClass = classNames(`${classPrefix}-anchor`, {\n    [`${classPrefix}-size-s`]: size === 'small',\n    [`${classPrefix}-size-m`]: size === 'medium',\n    [`${classPrefix}-size-l`]: size === 'large',\n  });\n\n  const CursorCmp = () => {\n    if (isFunction(cursor)) return cursor();\n    if (isEmpty(cursor)) return <div className=\"cursor\"></div>;\n    return cursor;\n  };\n\n  const Cmp = (\n    <AnchorContext.Provider\n      value={{\n        onClick: handleClick,\n        activeItem,\n        registerItem,\n        unregisterItem,\n      }}\n    >\n      <div className={anchorClass} ref={anchorEl}>\n        <div className={`${classPrefix}-anchor_line`}>\n          <div className=\"cursor-wrapper\" style={cursorStyle}>\n            {CursorCmp()}\n          </div>\n        </div>\n        {children}\n      </div>\n    </AnchorContext.Provider>\n  );\n\n  return isEmpty(affixProps) ? Cmp : <Affix {...affixProps}>{Cmp}</Affix>;\n};\n\nAnchor.AnchorItem = AnchorItem;\nAnchor.AnchorTarget = AnchorTarget;\n\nAnchor.displayName = 'Anchor';\n\nexport default Anchor;\n"],"names":["ANCHOR_SHARP_REGEXP","Anchor","props","affixProps","bounds","targetOffset","container","size","children","cursor","onClick","noop","onChange","useConfig","classPrefix","useState","activeItem","setActiveItem","top","height","opacity","cursorStyle","setCursorStyle","anchorEl","useRef","intervalRef","items","scrollContainer","window","handleScrollLock","registerItem","href","current","test","indexOf","push","unregisterItem","filter","item","getAnchorTarget","document","querySelector","handleScrollTo","link","anchor","isFunction","scrollTop","getScroll","offsetTop","getOffsetTop","then","handleClick","e","pointEl","offsetHeight","handleScroll","useCallback","filters","active","forEach","length","latest","reduce","prev","cur","getScrollContainer","addEventListener","removeEventListener","anchorClass","classNames","CursorCmp","isEmpty","className","Cmp","AnchorContext","Provider","value","ref","style","Affix","AnchorItem","AnchorTarget","displayName"],"mappings":"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"}

package/esm/anchor/AnchorContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/anchor/AnchorItem.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { TdAnchorItemProps } from '../_type/components/anchor-item';
+import { TdAnchorItemProps } from './type';
 export declare type AnchorItemProps = TdAnchorItemProps;
 declare const AnchorItem: FunctionComponent<AnchorItemProps>;
 export default AnchorItem;

package/esm/anchor/AnchorItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import React__default, { useContext, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/esm/anchor/AnchorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorItem.js","sources":["../../src/anchor/AnchorItem.tsx"],"sourcesContent":["import React, { FunctionComponent, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { TdAnchorItemProps } from '../_type/components/anchor-item';\nimport useConfig from '../_util/useConfig';\nimport { AnchorContext } from './AnchorContext';\n\nexport type AnchorItemProps = TdAnchorItemProps;\n\nconst AnchorItem: FunctionComponent<AnchorItemProps> = (props) => {\n  const { onClick, activeItem, registerItem, unregisterItem } = useContext(AnchorContext);\n  const { href, title, target, children = [] } = props;\n\n  const { classPrefix } = useConfig();\n\n  const titleAttr = typeof title === 'string' ? title : null;\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    onClick({ title: titleAttr, href }, e);\n  };\n\n  useEffect(() => {\n    registerItem(href);\n    return () => unregisterItem(href);\n  }, [href, registerItem, unregisterItem]);\n\n  return (\n    <div className={classNames(`${classPrefix}-anchor-item`, { [`${classPrefix}-is-active`]: activeItem === href })}>\n      <a\n        href={href}\n        className={classNames(`${classPrefix}-anchor-item_link`)}\n        title={titleAttr}\n        target={target}\n        onClick={(e) => handleClick(e)}\n      >\n        {title}\n      </a>\n      {children}\n    </div>\n  );\n};\n\nexport default AnchorItem;\n"],"names":["AnchorItem","props","useContext","AnchorContext","onClick","activeItem","registerItem","unregisterItem","href","title","target","children","useConfig","classPrefix","titleAttr","handleClick","e","className","classNames"],"mappings":";;;;;;;;;;;;;;;IAQMA,aAAiD,SAAjDA,UAAiD,CAACC,KAAD,EAAW;oBACFC,WAAWC;MAAjEC,sBAAAA;MAASC,yBAAAA;MAAYC,2BAAAA;MAAcC,6BAAAA;;MACnCC,OAAuCP,MAAvCO;MAAMC,QAAiCR,MAAjCQ;MAAOC,SAA0BT,MAA1BS;wBAA0BT,MAAlBU;MAAAA,wCAAW;;mBAEhBC;MAAhBC,yBAAAA;;MAEFC,YAAY,OAAOL,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC;;MAEhDM,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAsC;YAChD;AAAEP,MAAAA,OAAOK,SAAT;AAAoBN,MAAAA,MAAAA;AAApB,OAA4BQ;;;YAG5B,YAAM;iBACDR;WACN;AAAA,aAAMD,eAAeC,KAArB;AAAA;KACN,CAACA,IAAD,EAAOF,YAAP,EAAqBC,cAArB;qDAGA,OAAD;AAAKU,IAAAA,WAAWC,qBAAcL,4DAAiCA,4BAA0BR,eAAeG;AAAxG,iDACG,KAAD;AACEA,IAAAA,MAAAA,IADF;AAEES,IAAAA,WAAWC,qBAAcL,kCAF3B;AAGEJ,IAAAA,OAAOK,SAHT;AAIEJ,IAAAA,QAAAA,MAJF;AAKEN,IAAAA,SAAS,iBAACY,CAAD;AAAA,aAAOD,YAAYC,EAAnB;AAAA;AALX,KAOGP,QAEFE;;;;;"}
+{"version":3,"file":"AnchorItem.js","sources":["../../src/anchor/AnchorItem.tsx"],"sourcesContent":["import React, { FunctionComponent, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { TdAnchorItemProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport { AnchorContext } from './AnchorContext';\n\nexport type AnchorItemProps = TdAnchorItemProps;\n\nconst AnchorItem: FunctionComponent<AnchorItemProps> = (props) => {\n  const { onClick, activeItem, registerItem, unregisterItem } = useContext(AnchorContext);\n  const { href, title, target, children = [] } = props;\n\n  const { classPrefix } = useConfig();\n\n  const titleAttr = typeof title === 'string' ? title : null;\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    onClick({ title: titleAttr, href }, e);\n  };\n\n  useEffect(() => {\n    registerItem(href);\n    return () => unregisterItem(href);\n  }, [href, registerItem, unregisterItem]);\n\n  return (\n    <div className={classNames(`${classPrefix}-anchor-item`, { [`${classPrefix}-is-active`]: activeItem === href })}>\n      <a\n        href={href}\n        className={classNames(`${classPrefix}-anchor-item_link`)}\n        title={titleAttr}\n        target={target}\n        onClick={(e) => handleClick(e)}\n      >\n        {title}\n      </a>\n      {children}\n    </div>\n  );\n};\n\nexport default AnchorItem;\n"],"names":["AnchorItem","props","useContext","AnchorContext","onClick","activeItem","registerItem","unregisterItem","href","title","target","children","useConfig","classPrefix","titleAttr","handleClick","e","className","classNames"],"mappings":";;;;;;;;;;;;;;;IAQMA,aAAiD,SAAjDA,UAAiD,CAACC,KAAD,EAAW;oBACFC,WAAWC;MAAjEC,sBAAAA;MAASC,yBAAAA;MAAYC,2BAAAA;MAAcC,6BAAAA;;MACnCC,OAAuCP,MAAvCO;MAAMC,QAAiCR,MAAjCQ;MAAOC,SAA0BT,MAA1BS;wBAA0BT,MAAlBU;MAAAA,wCAAW;;mBAEhBC;MAAhBC,yBAAAA;;MAEFC,YAAY,OAAOL,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC;;MAEhDM,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAsC;YAChD;AAAEP,MAAAA,OAAOK,SAAT;AAAoBN,MAAAA,MAAAA;AAApB,OAA4BQ;;;YAG5B,YAAM;iBACDR;WACN;AAAA,aAAMD,eAAeC,KAArB;AAAA;KACN,CAACA,IAAD,EAAOF,YAAP,EAAqBC,cAArB;qDAGA,OAAD;AAAKU,IAAAA,WAAWC,qBAAcL,4DAAiCA,4BAA0BR,eAAeG;AAAxG,iDACG,KAAD;AACEA,IAAAA,MAAAA,IADF;AAEES,IAAAA,WAAWC,qBAAcL,kCAF3B;AAGEJ,IAAAA,OAAOK,SAHT;AAIEJ,IAAAA,QAAAA,MAJF;AAKEN,IAAAA,SAAS,iBAACY,CAAD;AAAA,aAAOD,YAAYC,EAAnB;AAAA;AALX,KAOGP,QAEFE;;;;;"}

package/esm/anchor/AnchorTarget.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
-import { TdAnchorTargetProps } from '../_type/components/anchor-target';
-import { StyledProps } from '../_type';
+import { TdAnchorTargetProps } from './type';
+import { StyledProps } from '../common';
 export interface AnchorTargetProps extends TdAnchorTargetProps, StyledProps {
 }
 declare const AnchorTarget: FunctionComponent<AnchorTargetProps>;

package/esm/anchor/AnchorTarget.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -12,9 +12,9 @@ import { Message } from '../message/index.js';
 import useConfig from '../_util/useConfig.js';
 import { copyText } from './_util/clipboard.js';
 import '../popup/Popup.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
@@ -27,7 +27,7 @@ import '../_util/useClickOutside.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../popup/style/index.js';
-import '../_type/components/popup/index.js';
+import '../popup/type.js';
 import '../message/Message.js';
 import '../message/const.js';
 import '../message/MessageComponent.js';
@@ -38,20 +38,19 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-e507e9db.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-615797a6.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-7d91d695.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import '../loading/style/index.js';
-import '../_type/components/loading/index.js';
+import '../loading/type.js';
 import '../message/style/index.js';
-import '../_type/components/message/index.js';
+import '../message/type.js';
 import 'clipboard';
 
 var AnchorTarget = function AnchorTarget(props) {

package/esm/anchor/AnchorTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorTarget.js","sources":["../../src/anchor/AnchorTarget.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport classNames from 'classnames';\nimport { FileCopyIcon } from 'tdesign-icons-react';\nimport Popup from '../popup';\nimport Message from '../message';\nimport useConfig from '../_util/useConfig';\n\nimport { TdAnchorTargetProps } from '../_type/components/anchor-target';\nimport { StyledProps } from '../_type';\nimport { copyText } from './_util/clipboard';\n\nexport interface AnchorTargetProps extends TdAnchorTargetProps, StyledProps {}\n\nconst AnchorTarget: FunctionComponent<AnchorTargetProps> = (props) => {\n  const { id, tag = 'div', children, className, style } = props;\n\n  const { classPrefix } = useConfig();\n\n  const tagClassName = classNames(`${classPrefix}-anchor-target`, className);\n  const iconClassName = `${classPrefix}-copy`;\n\n  const handleCopyText = () => {\n    const a = document.createElement('a');\n    a.href = `#${id}`;\n    copyText(a.href);\n    Message.success('链接复制成功', 1000);\n  };\n\n  const Content = () => (\n    <>\n      {children}\n      <Popup content=\"复制链接\" placement=\"top\" showArrow>\n        <FileCopyIcon className={iconClassName} onClick={handleCopyText} />\n      </Popup>\n    </>\n  );\n\n  return React.createElement(tag, { id, className: tagClassName, style }, React.createElement(Content));\n};\n\nexport default AnchorTarget;\n"],"names":["AnchorTarget","props","id","tag","children","className","style","useConfig","classPrefix","tagClassName","classNames","iconClassName","handleCopyText","a","document","createElement","href","success","Content","Popup","content","placement","showArrow","FileCopyIcon","onClick","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,eAAqD,SAArDA,YAAqD,CAACC,KAAD,EAAW;MAC5DC,KAAgDD,MAAhDC;mBAAgDD,MAA5CE;MAAAA,8BAAM;MAAOC,WAA+BH,MAA/BG;MAAUC,YAAqBJ,MAArBI;MAAWC,QAAUL,MAAVK;;mBAEtBC;MAAhBC,yBAAAA;;MAEFC,eAAeC,qBAAcF,gCAA6BH;MAC1DM,0BAAmBH;;MAEnBI,iBAAiB,SAAjBA,cAAiB,GAAM;QACrBC,IAAIC,SAASC,aAAT,CAAuB,GAAvB;MACRC,kBAAWd;aACJW,EAAEG;YACHC,QAAQ,wCAAU;;;MAGtBC,UAAU,SAAVA,OAAU;AAAA,sFAEXd,sDACAe,OAAD;AAAOC,MAAAA,SAAQ,0BAAf;AAAsBC,MAAAA,WAAU,KAAhC;AAAsCC,MAAAA,WAAS;AAA/C,mDACGC,cAAD;AAAclB,MAAAA,WAAWM,aAAzB;AAAwCa,MAAAA,SAASZ;AAAjD,QAJU;AAAA;;sBASTa,eAAMV,aAAN,CAAoBZ,GAApB,EAAyB;AAAED,IAAAA,IAAAA,EAAF;AAAMG,IAAAA,WAAWI,YAAjB;AAA+BH,IAAAA,OAAAA;AAA/B,GAAzB,eAAiEmB,eAAMV,aAAN,CAAoBG,OAApB,CAAjE;;;;;"}
+{"version":3,"file":"AnchorTarget.js","sources":["../../src/anchor/AnchorTarget.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport classNames from 'classnames';\nimport { FileCopyIcon } from 'tdesign-icons-react';\nimport Popup from '../popup';\nimport Message from '../message';\nimport useConfig from '../_util/useConfig';\n\nimport { TdAnchorTargetProps } from './type';\nimport { StyledProps } from '../common';\nimport { copyText } from './_util/clipboard';\n\nexport interface AnchorTargetProps extends TdAnchorTargetProps, StyledProps {}\n\nconst AnchorTarget: FunctionComponent<AnchorTargetProps> = (props) => {\n  const { id, tag = 'div', children, className, style } = props;\n\n  const { classPrefix } = useConfig();\n\n  const tagClassName = classNames(`${classPrefix}-anchor-target`, className);\n  const iconClassName = `${classPrefix}-copy`;\n\n  const handleCopyText = () => {\n    const a = document.createElement('a');\n    a.href = `#${id}`;\n    copyText(a.href);\n    Message.success('链接复制成功', 1000);\n  };\n\n  const Content = () => (\n    <>\n      {children}\n      <Popup content=\"复制链接\" placement=\"top\" showArrow>\n        <FileCopyIcon className={iconClassName} onClick={handleCopyText} />\n      </Popup>\n    </>\n  );\n\n  return React.createElement(tag, { id, className: tagClassName, style }, React.createElement(Content));\n};\n\nexport default AnchorTarget;\n"],"names":["AnchorTarget","props","id","tag","children","className","style","useConfig","classPrefix","tagClassName","classNames","iconClassName","handleCopyText","a","document","createElement","href","success","Content","Popup","content","placement","showArrow","FileCopyIcon","onClick","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,eAAqD,SAArDA,YAAqD,CAACC,KAAD,EAAW;MAC5DC,KAAgDD,MAAhDC;mBAAgDD,MAA5CE;MAAAA,8BAAM;MAAOC,WAA+BH,MAA/BG;MAAUC,YAAqBJ,MAArBI;MAAWC,QAAUL,MAAVK;;mBAEtBC;MAAhBC,yBAAAA;;MAEFC,eAAeC,qBAAcF,gCAA6BH;MAC1DM,0BAAmBH;;MAEnBI,iBAAiB,SAAjBA,cAAiB,GAAM;QACrBC,IAAIC,SAASC,aAAT,CAAuB,GAAvB;MACRC,kBAAWd;aACJW,EAAEG;YACHC,QAAQ,wCAAU;;;MAGtBC,UAAU,SAAVA,OAAU;AAAA,sFAEXd,sDACAe,OAAD;AAAOC,MAAAA,SAAQ,0BAAf;AAAsBC,MAAAA,WAAU,KAAhC;AAAsCC,MAAAA,WAAS;AAA/C,mDACGC,cAAD;AAAclB,MAAAA,WAAWM,aAAzB;AAAwCa,MAAAA,SAASZ;AAAjD,QAJU;AAAA;;sBASTa,eAAMV,aAAN,CAAoBZ,GAApB,EAAyB;AAAED,IAAAA,IAAAA,EAAF;AAAMG,IAAAA,WAAWI,YAAjB;AAA+BH,IAAAA,OAAAA;AAA/B,GAAzB,eAAiEmB,eAAMV,aAAN,CAAoBG,OAApB,CAAjE;;;;;"}

package/esm/anchor/_util/clipboard.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/anchor/_util/dom.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/anchor/index.d.ts

@@ -3,10 +3,10 @@ import './style/index.js';
 export type { AnchorProps } from './Anchor';
 export type { AnchorItemProps } from './AnchorItem';
 export type { AnchorTargetProps } from './AnchorTarget';
-export * from '../_type/components/anchor';
+export * from './type';
 export declare const Anchor: {
     (props: import("./Anchor").AnchorProps): JSX.Element;
-    AnchorItem: import("react").FunctionComponent<import("../_type/components/anchor-item").TdAnchorItemProps>;
+    AnchorItem: import("react").FunctionComponent<import("./type").TdAnchorItemProps>;
     AnchorTarget: import("react").FunctionComponent<import("./AnchorTarget").AnchorTargetProps>;
     displayName: string;
 };

package/esm/anchor/index.js

@@ -1,46 +1,46 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Anchor$1 from './Anchor.js';
 import './style/index.js';
-import '../_type/components/anchor/index.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import './type.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-3959464c.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-8faed49a.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-bb05ae7d.js';
-import '../_chunks/dep-f3eac264.js';
-import '../_chunks/dep-f7d3ea79.js';
-import '../_chunks/dep-e83a1558.js';
-import '../_chunks/dep-83646039.js';
-import '../_chunks/dep-504203df.js';
-import '../_chunks/dep-74a044dc.js';
-import '../_chunks/dep-47afb0bc.js';
-import '../_chunks/dep-efa4ba54.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-039ac0dd.js';
+import '../_chunks/dep-19210c16.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-8b189f6f.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-458a408b.js';
+import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-3b182523.js';
+import '../_chunks/dep-940f6c04.js';
+import '../_chunks/dep-f749a2c9.js';
+import '../_chunks/dep-ef50bc46.js';
+import '../_chunks/dep-97ee645c.js';
+import '../_chunks/dep-1fc210cf.js';
+import '../_chunks/dep-1c3da36c.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-8d3829c7.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-615797a6.js';
 import '../_util/easing.js';
 import '../affix/index.js';
 import '../affix/Affix.js';
 import '../affix/style/index.js';
-import '../_type/components/affix/index.js';
+import '../affix/type.js';
 import './AnchorContext.js';
 import './_util/dom.js';
 import './AnchorItem.js';
@@ -57,7 +57,7 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
-import '../_type/components/popup/index.js';
+import '../popup/type.js';
 import '../message/index.js';
 import '../message/Message.js';
 import '../message/const.js';
@@ -68,11 +68,10 @@ import '../message/MessageIcon.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import '../loading/style/index.js';
-import '../_type/components/loading/index.js';
+import '../loading/type.js';
 import '../message/style/index.js';
-import '../_type/components/message/index.js';
+import '../message/type.js';
 import './_util/clipboard.js';
 import 'clipboard';
 

package/esm/anchor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/anchor/index.ts"],"sourcesContent":["import _Anchor from './Anchor';\n\nimport './style/index.js';\n\nexport type { AnchorProps } from './Anchor';\nexport type { AnchorItemProps } from './AnchorItem';\nexport type { AnchorTargetProps } from './AnchorTarget';\nexport * from '../_type/components/anchor';\n\nexport const Anchor = _Anchor;\nexport default Anchor;\n"],"names":["Anchor","_Anchor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/anchor/index.ts"],"sourcesContent":["import _Anchor from './Anchor';\n\nimport './style/index.js';\n\nexport type { AnchorProps } from './Anchor';\nexport type { AnchorItemProps } from './AnchorItem';\nexport type { AnchorTargetProps } from './AnchorTarget';\nexport * from './type';\n\nexport const Anchor = _Anchor;\nexport default Anchor;\n"],"names":["Anchor","_Anchor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAASC;;;;"}

package/esm/anchor/type.d.ts

@@ -0,0 +1,78 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { AffixProps } from '../affix';
+import { TNode, TElement, ScrollContainer } from '../common';
+import { MouseEvent } from 'react';
+export interface TdAnchorProps {
+    /**
+     * 透传 Affix 组件属性，即让 Anchor 组件支持所有 Affix 组件特性
+     */
+    affixProps?: AffixProps;
+    /**
+     * 锚点区域边界
+     * @default 5
+     */
+    bounds?: number;
+    /**
+     * 指定滚动的容器。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default () => (() => window)
+     */
+    container?: ScrollContainer;
+    /**
+     * 用于自定义选中项左侧游标
+     */
+    cursor?: TElement;
+    /**
+     * 组件尺寸，small(120px)，medium(200px)，large(320px)
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 锚点滚动偏移量
+     * @default 0
+     */
+    targetOffset?: number;
+    /**
+     * 锚点改变时触发
+     */
+    onChange?: (currentLink: string, prevLink: string) => void;
+    /**
+     * 锚点被点击时触发
+     */
+    onClick?: (link: {
+        href: string;
+        title: string;
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+}
+export interface TdAnchorTargetProps {
+    /**
+     * 目标内容 id
+     * @default ''
+     */
+    id: string;
+    /**
+     * 渲染的标签
+     * @default div
+     */
+    tag?: string;
+}
+export interface TdAnchorItemProps {
+    /**
+     * 锚点链接, 如果是 hash 模式需要加上当前 path
+     * @default ''
+     */
+    href: string;
+    /**
+     * 锚点文本
+     * @default _self
+     */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /**
+     * 锚点文本
+     * @default ''
+     */
+    title?: TNode;
+}

package/esm/anchor/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

package/esm/anchor/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}