tdesign-react 0.17.0-beta.0 → 0.18.1

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 '../_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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"}

package/esm/anchor/AnchorContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/anchor/AnchorItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
 import React__default, { useContext, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/esm/anchor/AnchorTarget.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (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-a0803fb6.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
@@ -27,6 +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 '../message/Message.js';
 import '../message/const.js';
 import '../message/MessageComponent.js';
@@ -34,6 +35,7 @@ import '../message/MessageClose.js';
 import '../message/useMessageClass.js';
 import '../message/MessageIcon.js';
 import '../message/style/index.js';
+import '../_type/components/message/index.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/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;;;;;"}

package/esm/anchor/_util/clipboard.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/anchor/_util/dom.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/anchor/index.d.ts

@@ -3,6 +3,7 @@ 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 declare const Anchor: {
     (props: import("./Anchor").AnchorProps): JSX.Element;
     AnchorItem: import("react").FunctionComponent<import("../_type/components/anchor-item").TdAnchorItemProps>;

package/esm/anchor/index.js

@@ -1,44 +1,46 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Anchor$1 from './Anchor.js';
 import './style/index.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_type/components/anchor/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-7373cede.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-28102e5b.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-d54a9111.js';
-import '../_chunks/dep-3146ebd9.js';
-import '../_chunks/dep-604c006c.js';
-import '../_chunks/dep-18aceb94.js';
-import '../_chunks/dep-9e89d07e.js';
-import '../_chunks/dep-d5cf8459.js';
-import '../_chunks/dep-caea8b6e.js';
-import '../_chunks/dep-77c01d8f.js';
-import '../_chunks/dep-074c7dd6.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-7fc224ab.js';
+import '../_chunks/dep-cb44c6cb.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-bbdfa874.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-766ddb96.js';
+import '../_chunks/dep-7e897399.js';
+import '../_chunks/dep-40f6ccc8.js';
+import '../_chunks/dep-ac24e8fd.js';
+import '../_chunks/dep-53a5fcb7.js';
+import '../_chunks/dep-b78554de.js';
+import '../_chunks/dep-c7c70ac0.js';
+import '../_chunks/dep-c4d6268b.js';
+import '../_chunks/dep-b5420e42.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-4adf27fa.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-31190e87.js';
+import '../_chunks/dep-8bc12c0f.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 './AnchorContext.js';
 import './_util/dom.js';
 import './AnchorItem.js';
@@ -55,6 +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 '../message/index.js';
 import '../message/Message.js';
 import '../message/const.js';
@@ -63,6 +66,7 @@ import '../message/MessageClose.js';
 import '../message/useMessageClass.js';
 import '../message/MessageIcon.js';
 import '../message/style/index.js';
+import '../_type/components/message/index.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';\n\nexport const Anchor = _Anchor;\nexport default Anchor;\n"],"names":["Anchor","_Anchor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,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/components/anchor';\n\nexport const Anchor = _Anchor;\nexport default Anchor;\n"],"names":["Anchor","_Anchor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAASC;;;;"}

package/esm/badge/Badge.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-208842c6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-79c7181c.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/esm/badge/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { BadgeProps } from './Badge';
+export * from '../_type/components/badge';
 export declare const Badge: import("react").FC<import("./Badge").BadgeProps>;
 export default Badge;

package/esm/badge/index.js

@@ -1,13 +1,14 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Badge$1 from './Badge.js';
 import './style/index.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-208842c6.js';
+import '../_type/components/badge/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-79c7181c.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/esm/badge/index.js.map

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

package/esm/breadcrumb/Breadcrumb.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-208842c6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-79c7181c.js';
 import React__default from 'react';
 import useConfig from '../_util/useConfig.js';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';

package/esm/breadcrumb/BreadcrumbItem.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-208842c6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-79c7181c.js';
 import React__default, { useMemo } from 'react';
 import classNames from 'classnames';
 import { ChevronRightIcon } from 'tdesign-icons-react';

package/esm/breadcrumb/BreadcrumbProps.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/breadcrumb/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { BreadcrumbProps, BreadcrumbItemProps } from './BreadcrumbProps';
+export * from '../_type/components/breadcrumb';
 export declare const Breadcrumb: import("react").FunctionComponent<import("./BreadcrumbProps").BreadcrumbProps & import("react").RefAttributes<any>> & {
     BreadcrumbItem: import("react").ForwardRefExoticComponent<import("./BreadcrumbProps").BreadcrumbItemProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/esm/breadcrumb/index.js

@@ -1,13 +1,14 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Breadcrumb$1 from './Breadcrumb.js';
 import './style/index.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-208842c6.js';
+import '../_type/components/breadcrumb/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-79c7181c.js';
 import 'react';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';

package/esm/breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/breadcrumb/index.ts"],"sourcesContent":["import _Breadcrumb from './Breadcrumb';\n\nimport './style/index.js';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './BreadcrumbProps';\n\nexport const Breadcrumb = _Breadcrumb;\nexport default Breadcrumb;\n"],"names":["Breadcrumb","_Breadcrumb"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAMaA,aAAaC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/breadcrumb/index.ts"],"sourcesContent":["import _Breadcrumb from './Breadcrumb';\n\nimport './style/index.js';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './BreadcrumbProps';\nexport * from '../_type/components/breadcrumb';\n\nexport const Breadcrumb = _Breadcrumb;\nexport default Breadcrumb;\n"],"names":["Breadcrumb","_Breadcrumb"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;"}

package/esm/button/Button.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-208842c6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-79c7181c.js';
 import React__default, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import noop from '../_util/noop.js';
@@ -16,21 +16,23 @@ import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/setStyle.js';
 import '../loading/loading.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../_chunks/dep-6d4c74ed.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 
 var _excluded = ["type", "theme", "variant", "icon", "disabled", "loading", "size", "block", "ghost", "shape", "children", "className", "onClick"];
 

package/esm/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/button/Button.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport Loading from '../loading';\nimport { TdButtonProps } from '../_type/components/button';\n\n/**\n * 除表格中列出的属性外，支持透传原生 `<button>` 标签支持的属性。\n */\nexport interface ButtonProps extends TdButtonProps, React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * 按钮组件\n */\nconst Button = forwardRef(\n  (\n    {\n      type = 'button',\n      theme,\n      variant = 'base',\n      icon,\n      disabled,\n      loading,\n      size,\n      block,\n      ghost,\n      shape = 'rectangle',\n      children,\n      className,\n      onClick = noop,\n      ...buttonProps\n    }: ButtonProps,\n    ref: React.RefObject<HTMLButtonElement>,\n  ) => {\n    const { classPrefix } = useConfig();\n\n    const btnRef = useRef();\n    useRipple(ref || btnRef);\n\n    const hasChildren = typeof children !== 'undefined';\n\n    let iconNode = icon;\n    if (loading) iconNode = <Loading loading={loading} />;\n\n    let renderTheme = theme;\n\n    if (!theme) {\n      if (variant === 'base') {\n        renderTheme = 'primary';\n      } else {\n        renderTheme = 'default';\n      }\n    }\n\n    return (\n      <button\n        ref={ref || btnRef}\n        type={type}\n        className={classNames(\n          className,\n          [\n            `${classPrefix}-button`,\n            `${classPrefix}-button--theme-${renderTheme}`,\n            `${classPrefix}-button--variant-${variant}`,\n          ],\n          {\n            [`${classPrefix}-button--shape-${shape}`]: shape !== 'rectangle',\n            [`${classPrefix}-button--ghost`]: ghost,\n            [`${classPrefix}-is-loading`]: loading,\n            [`${classPrefix}-is-disabled`]: disabled || loading,\n            [`${classPrefix}-size-s`]: size === 'small',\n            [`${classPrefix}-size-l`]: size === 'large',\n            [`${classPrefix}-size-full-width`]: block,\n          },\n        )}\n        onClick={!disabled && !loading ? onClick : undefined}\n        disabled={disabled || loading}\n        {...buttonProps}\n      >\n        {iconNode ? (\n          <>\n            {iconNode}\n            {hasChildren && <span className={`${classPrefix}-button__text`}>{children}</span>}\n          </>\n        ) : (\n          <span className={`${classPrefix}-button__text`}>{children}</span>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","forwardRef","ref","type","theme","variant","icon","disabled","loading","size","block","ghost","shape","children","className","onClick","noop","buttonProps","useConfig","classPrefix","btnRef","useRef","hasChildren","iconNode","Loading","renderTheme","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,sBAASC,WACb,gBAiBEC,GAjBF,EAkBK;AAAA;;AAAA,uBAhBDC,IAgBC;AAAA,MAhBDA,IAgBC,0BAhBM,QAgBN;AAAA,MAfDC,KAeC,QAfDA,KAeC;AAAA,0BAdDC,OAcC;AAAA,MAdDA,OAcC,6BAdS,MAcT;AAAA,MAbDC,IAaC,QAbDA,IAaC;AAAA,MAZDC,QAYC,QAZDA,QAYC;AAAA,MAXDC,OAWC,QAXDA,OAWC;AAAA,MAVDC,IAUC,QAVDA,IAUC;AAAA,MATDC,KASC,QATDA,KASC;AAAA,MARDC,KAQC,QARDA,KAQC;AAAA,wBAPDC,KAOC;AAAA,MAPDA,KAOC,2BAPO,WAOP;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSC,IAIT;AAAA,MAHEC,WAGF;;mBACqBC;MAAhBC,yBAAAA;;MAEFC,SAASC;YACLnB,OAAOkB;MAEXE,cAAc,OAAOT,QAAP,KAAoB;MAEpCU,WAAWjB;MACXE,gEAAqBgB,SAAD;AAAShB,IAAAA,SAAAA;AAAT;MAEpBiB,cAAcrB;;MAEd,CAACA,OAAO;QACNC,YAAY,QAAQ;oBACR;WACT;oBACS;;;;qDAKf;AACCH,IAAAA,KAAKA,OAAOkB;AACZjB,IAAAA,MAAAA;AACAW,IAAAA,WAAWY,WACTZ,WACA,WACKK,WADL,wBAEKA,WAFL,4BAEkCM,WAFlC,aAGKN,WAHL,8BAGoCd,OAHpC,8DAMMc,uCAA6BP,QAAUA,UAAU,qDACjDO,gCAA8BR,+CAC9BQ,6BAA2BX,iDAC3BW,8BAA4BZ,YAAYC,iDACxCW,yBAAuBV,SAAS,iDAChCU,yBAAuBV,SAAS,iDAChCU,kCAAgCT;AAGxCK,IAAAA,SAAS,CAACR,QAAD,IAAa,CAACC,OAAd,GAAwBO,OAAxB,GAAkC;AAC3CR,IAAAA,UAAUA,YAAYC;KAClBS,cAEHM,sFAEIA,UACAD,2DAAgB,QAAD;AAAMR,IAAAA,qBAAcK;AAApB,KAAiDN,yDAGlE,QAAD;AAAMC,IAAAA,qBAAcK;AAApB,KAAiDN;;AAO3Db,OAAO2B,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../src/button/Button.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport Loading from '../loading';\nimport { TdButtonProps } from '../_type/components/button';\n\n/**\n * 除表格中列出的属性外，支持透传原生 `<button>` 标签支持的属性。\n */\nexport interface ButtonProps extends TdButtonProps, React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/**\n * 按钮组件\n */\nconst Button = forwardRef(\n  (\n    {\n      type = 'button',\n      theme,\n      variant = 'base',\n      icon,\n      disabled,\n      loading,\n      size,\n      block,\n      ghost,\n      shape = 'rectangle',\n      children,\n      className,\n      onClick = noop,\n      ...buttonProps\n    }: ButtonProps,\n    ref: React.RefObject<HTMLButtonElement>,\n  ) => {\n    const { classPrefix } = useConfig();\n\n    const btnRef = useRef();\n    useRipple(ref || btnRef);\n\n    const hasChildren = typeof children !== 'undefined';\n\n    let iconNode = icon;\n    if (loading) iconNode = <Loading loading={loading} />;\n\n    let renderTheme = theme;\n\n    if (!theme) {\n      if (variant === 'base') {\n        renderTheme = 'primary';\n      } else {\n        renderTheme = 'default';\n      }\n    }\n\n    return (\n      <button\n        ref={ref || btnRef}\n        type={type}\n        className={classNames(\n          className,\n          [\n            `${classPrefix}-button`,\n            `${classPrefix}-button--theme-${renderTheme}`,\n            `${classPrefix}-button--variant-${variant}`,\n          ],\n          {\n            [`${classPrefix}-button--shape-${shape}`]: shape !== 'rectangle',\n            [`${classPrefix}-button--ghost`]: ghost,\n            [`${classPrefix}-is-loading`]: loading,\n            [`${classPrefix}-is-disabled`]: disabled || loading,\n            [`${classPrefix}-size-s`]: size === 'small',\n            [`${classPrefix}-size-l`]: size === 'large',\n            [`${classPrefix}-size-full-width`]: block,\n          },\n        )}\n        onClick={!disabled && !loading ? onClick : undefined}\n        disabled={disabled || loading}\n        {...buttonProps}\n      >\n        {iconNode ? (\n          <>\n            {iconNode}\n            {hasChildren && <span className={`${classPrefix}-button__text`}>{children}</span>}\n          </>\n        ) : (\n          <span className={`${classPrefix}-button__text`}>{children}</span>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","forwardRef","ref","type","theme","variant","icon","disabled","loading","size","block","ghost","shape","children","className","onClick","noop","buttonProps","useConfig","classPrefix","btnRef","useRef","hasChildren","iconNode","Loading","renderTheme","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,sBAASC,WACb,gBAiBEC,GAjBF,EAkBK;AAAA;;AAAA,uBAhBDC,IAgBC;AAAA,MAhBDA,IAgBC,0BAhBM,QAgBN;AAAA,MAfDC,KAeC,QAfDA,KAeC;AAAA,0BAdDC,OAcC;AAAA,MAdDA,OAcC,6BAdS,MAcT;AAAA,MAbDC,IAaC,QAbDA,IAaC;AAAA,MAZDC,QAYC,QAZDA,QAYC;AAAA,MAXDC,OAWC,QAXDA,OAWC;AAAA,MAVDC,IAUC,QAVDA,IAUC;AAAA,MATDC,KASC,QATDA,KASC;AAAA,MARDC,KAQC,QARDA,KAQC;AAAA,wBAPDC,KAOC;AAAA,MAPDA,KAOC,2BAPO,WAOP;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSC,IAIT;AAAA,MAHEC,WAGF;;mBACqBC;MAAhBC,yBAAAA;;MAEFC,SAASC;YACLnB,OAAOkB;MAEXE,cAAc,OAAOT,QAAP,KAAoB;MAEpCU,WAAWjB;MACXE,gEAAqBgB,SAAD;AAAShB,IAAAA,SAAAA;AAAT;MAEpBiB,cAAcrB;;MAEd,CAACA,OAAO;QACNC,YAAY,QAAQ;oBACR;WACT;oBACS;;;;qDAKf;AACCH,IAAAA,KAAKA,OAAOkB;AACZjB,IAAAA,MAAAA;AACAW,IAAAA,WAAWY,WACTZ,WACA,WACKK,WADL,wBAEKA,WAFL,4BAEkCM,WAFlC,aAGKN,WAHL,8BAGoCd,OAHpC,8DAMMc,uCAA6BP,QAAUA,UAAU,qDACjDO,gCAA8BR,+CAC9BQ,6BAA2BX,iDAC3BW,8BAA4BZ,YAAYC,iDACxCW,yBAAuBV,SAAS,iDAChCU,yBAAuBV,SAAS,iDAChCU,kCAAgCT;AAGxCK,IAAAA,SAAS,CAACR,QAAD,IAAa,CAACC,OAAd,GAAwBO,OAAxB,GAAkC;AAC3CR,IAAAA,UAAUA,YAAYC;KAClBS,cAEHM,sFAEIA,UACAD,2DAAgB,QAAD;AAAMR,IAAAA,qBAAcK;AAApB,KAAiDN,yDAGlE,QAAD;AAAMC,IAAAA,qBAAcK;AAApB,KAAiDN;;AAO3Db,OAAO2B,WAAP,GAAqB,QAArB;;;;"}

package/esm/button/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { ButtonProps } from './Button';
+export * from '../_type/components/button';
 export declare const Button: import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;

package/esm/button/index.js

@@ -1,13 +1,14 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Button$1 from './Button.js';
 import './style/index.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-208842c6.js';
+import '../_type/components/button/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-79c7181c.js';
 import 'react';
 import 'classnames';
 import '../_util/noop.js';
@@ -18,21 +19,23 @@ import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../loading/index.js';
 import '../loading/loading.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../_chunks/dep-6d4c74ed.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 
 var Button = Button$1;
 

package/esm/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/button/index.ts"],"sourcesContent":["import _Button from './Button';\n\nimport './style/index.js';\n\nexport type { ButtonProps } from './Button';\n\nexport const Button = _Button;\nexport default Button;\n"],"names":["Button","_Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/button/index.ts"],"sourcesContent":["import _Button from './Button';\n\nimport './style/index.js';\n\nexport type { ButtonProps } from './Button';\nexport * from '../_type/components/button';\n\nexport const Button = _Button;\nexport default Button;\n"],"names":["Button","_Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}

package/esm/calendar/Calendar.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../_chunks/dep-0859ba52.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-222f3011.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
 import React__default, { forwardRef, useState, useMemo, useCallback, useEffect, useLayoutEffect } from 'react';
 import dayjs from 'dayjs';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
@@ -16,10 +16,10 @@ import { Radio } from '../radio/index.js';
 import noop from '../_util/noop.js';
 import useConfig from '../_util/useConfig.js';
 import { createDateList, createMonthList } from './_util.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-d056abc2.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../button/Button.js';
@@ -31,17 +31,20 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../_chunks/dep-6d4c74ed.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.js';
 import '../select/base/Select.js';
 import 'lodash';
 import 'tdesign-icons-react';
@@ -55,11 +58,12 @@ import '../select/base/OptionGroup.js';
 import '../common/FakeArrow.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-9e89d07e.js';
-import '../_chunks/dep-d5cf8459.js';
-import '../_chunks/dep-caea8b6e.js';
+import '../_chunks/dep-53a5fcb7.js';
+import '../_chunks/dep-b78554de.js';
+import '../_chunks/dep-c7c70ac0.js';
 import '../input/InputGroup.js';
 import '../input/style/index.js';
+import '../_type/components/input/index.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
 import 'react-popper';
@@ -68,17 +72,21 @@ import '../popup/Portal.js';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
+import '../_type/components/popup/index.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../tag/style/index.js';
+import '../_type/components/tag/index.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-bf742b46.js';
+import '../_chunks/dep-cbd5adc9.js';
 import '../select/base/PopupContent.js';
 import '../select/style/index.js';
-import '../_chunks/dep-3ee594ef.js';
+import '../_type/components/select/index.js';
+import '../_chunks/dep-96dea3bb.js';
 import '../common/Check.js';
 import '../radio/style/index.js';
+import '../_type/components/radio/index.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }