tdesign-react 0.18.2 → 0.19.0

package/esm/_util/helper.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { c as camelCase_1 } from '../_chunks/dep-8037ad24.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-43869d17.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-9d2e7b62.js';
-import '../_chunks/dep-f3eac264.js';
-import '../_chunks/dep-5ec09fbd.js';
-import '../_chunks/dep-0c106052.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { c as camelCase_1 } from '../_chunks/dep-631fc760.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-3b0ab3bc.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-ddf2ed34.js';
+import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-1ed088aa.js';
+import '../_chunks/dep-12b54038.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_util/injectValue.js

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

package/esm/_util/insertCSS.js

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

package/esm/_util/isCallable.js

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

package/esm/_util/linearGradient.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_util/noop.js

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

package/esm/_util/number.js

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

package/esm/_util/setStyle.d.ts

@@ -1,4 +1,4 @@
-import { Styles } from '../_type/common';
+import { Styles } from '../common';
 /**
  * 用于为el节点增加styles
  * @param el HTMLElement

package/esm/_util/setStyle.js

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

package/esm/_util/setStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"setStyle.js","sources":["../../src/_util/setStyle.ts"],"sourcesContent":["import { Styles } from '../_type/common';\n\n/**\n * 用于为el节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles: Styles): void {\n  const keys = Object.keys(styles);\n  keys.forEach((key) => {\n    // eslint-disable-next-line no-param-reassign\n    el.style[key] = styles[key];\n  });\n}\n\nexport default setStyle;\n"],"names":["el","styles","keys","Object","forEach","key","style"],"mappings":";;;;;;AAOA,iBAAA,CAAkBA,EAAlB,EAAmCC,MAAnC,EAAyD;MACjDC,OAAOC,OAAOD,IAAP,CAAYD,MAAZ;OACRG,QAAQ,UAACC,GAAD,EAAS;OAEjBC,MAAMD,OAAOJ,OAAOI;;;;;;"}
+{"version":3,"file":"setStyle.js","sources":["../../src/_util/setStyle.ts"],"sourcesContent":["import { Styles } from '../common';\n\n/**\n * 用于为el节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles: Styles): void {\n  const keys = Object.keys(styles);\n  keys.forEach((key) => {\n    // eslint-disable-next-line no-param-reassign\n    el.style[key] = styles[key];\n  });\n}\n\nexport default setStyle;\n"],"names":["el","styles","keys","Object","forEach","key","style"],"mappings":";;;;;;AAOA,iBAAA,CAAkBA,EAAlB,EAAmCC,MAAnC,EAAyD;MACjDC,OAAOC,OAAOD,IAAP,CAAYD,MAAZ;OACRG,QAAQ,UAACC,GAAD,EAAS;OAEjBC,MAAMD,OAAOJ,OAAOI;;;;;;"}

package/esm/_util/useClickOutside.js

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

package/esm/_util/useCommonClassName.js

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

package/esm/_util/useConfig.js

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

package/esm/_util/useDefault.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import { useState } from 'react';
 import noop from './noop.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 
 function useDefault(value, defaultValue, onChange) {
   var _useState = useState(defaultValue),

package/esm/_util/useDefaultValue.d.ts

@@ -1,2 +1,28 @@
-import { ControlledProps } from '../_type';
+import { SyntheticEvent, FormEvent, MouseEvent } from 'react';
+export interface ControlledProps<V, E extends SyntheticEvent = SyntheticEvent | FormEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, C extends ChangeContext<E> = ChangeContext<E>> {
+    /**
+     * 未提供 `value` 的情况下，提供了 `defaultValue`，则可以当做是非受控组件使用
+     */
+    defaultValue?: V;
+    /**
+     * 当前值
+     */
+    value?: V;
+    /**
+     * 值发生变更时进行回调
+     * - `value` 变更的目标值
+     * - `context` 此次变更的更多上下文信息，其中 `context.event` 可以获得导致变更的 React 事件
+     */
+    onChange?(value: V, context: C): void;
+}
+/**
+ * 表单 `onChange` 事件中，提供的上下文信息
+ */
+export interface ChangeContext<E extends SyntheticEvent = SyntheticEvent> {
+    /**
+     * 触发 `onChange` 事件的事件对象
+     */
+    event?: E;
+    e?: E;
+}
 export default function useDefaultValue<T, P extends ControlledProps<T>>(props: P, defaultDefaultValue?: T): Pick<P, Exclude<keyof P, "defaultValue">>;

package/esm/_util/useDefaultValue.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 _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
 import useDefault from './useDefault.js';
 import noop from './noop.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react';
 
 var _excluded = ["defaultValue", "value", "onChange"];

package/esm/_util/useDefaultValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultValue.js","sources":["../../src/_util/useDefaultValue.ts"],"sourcesContent":["import useDefault from './useDefault';\nimport { ControlledProps } from '../_type';\nimport noop from './noop';\n\nexport default function useDefaultValue<T, P extends ControlledProps<T>>(props: P, defaultDefaultValue?: T) {\n  type ReturnType = Omit<P, 'defaultValue'>;\n\n  const { defaultValue, value, onChange = noop, ...restProps } = props;\n\n  const [finalValue, finalOnChange] = useDefault(\n    value,\n    typeof defaultValue === 'undefined' ? defaultDefaultValue : defaultValue,\n    onChange,\n  );\n\n  return {\n    value: finalValue,\n    onChange: finalOnChange,\n    ...restProps,\n  } as ReturnType;\n}\n"],"names":["props","defaultDefaultValue","defaultValue","value","onChange","noop","restProps","useDefault","finalValue","finalOnChange"],"mappings":";;;;;;;;;;;;;;;;;;;yBAIyEA,OAAUC,qBAAyB;MAGlGC,eAAuDF,MAAvDE;MAAcC,QAAyCH,MAAzCG;wBAAyCH,MAAlCI;MAAAA,wCAAWC;MAASC,qCAAcN;;oBAE3BO,WAClCJ,OACA,OAAOD,YAAP,KAAwB,WAAxB,GAAsCD,mBAAtC,GAA4DC,cAC5DE;;MAHKI;MAAYC;;;AAOjBN,IAAAA,OAAOK;AACPJ,IAAAA,UAAUK;KACPH;;;;;"}
+{"version":3,"file":"useDefaultValue.js","sources":["../../src/_util/useDefaultValue.ts"],"sourcesContent":["import { SyntheticEvent, FormEvent, MouseEvent } from 'react';\nimport useDefault from './useDefault';\nimport noop from './noop';\n\nexport interface ControlledProps<\n  V,\n  E extends SyntheticEvent = SyntheticEvent | FormEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n  C extends ChangeContext<E> = ChangeContext<E>,\n> {\n  /**\n   * 未提供 `value` 的情况下，提供了 `defaultValue`，则可以当做是非受控组件使用\n   */\n  defaultValue?: V;\n\n  /**\n   * 当前值\n   */\n  value?: V;\n\n  /**\n   * 值发生变更时进行回调\n   * - `value` 变更的目标值\n   * - `context` 此次变更的更多上下文信息，其中 `context.event` 可以获得导致变更的 React 事件\n   */\n  onChange?(value: V, context: C): void;\n}\n\n/**\n * 表单 `onChange` 事件中，提供的上下文信息\n */\nexport interface ChangeContext<E extends SyntheticEvent = SyntheticEvent> {\n  /**\n   * 触发 `onChange` 事件的事件对象\n   */\n  event?: E;\n  e?: E;\n}\n\nexport default function useDefaultValue<T, P extends ControlledProps<T>>(props: P, defaultDefaultValue?: T) {\n  type ReturnType = Omit<P, 'defaultValue'>;\n\n  const { defaultValue, value, onChange = noop, ...restProps } = props;\n\n  const [finalValue, finalOnChange] = useDefault(\n    value,\n    typeof defaultValue === 'undefined' ? defaultDefaultValue : defaultValue,\n    onChange,\n  );\n\n  return {\n    value: finalValue,\n    onChange: finalOnChange,\n    ...restProps,\n  } as ReturnType;\n}\n"],"names":["props","defaultDefaultValue","defaultValue","value","onChange","noop","restProps","useDefault","finalValue","finalOnChange"],"mappings":";;;;;;;;;;;;;;;;;;;yBAsCyEA,OAAUC,qBAAyB;MAGlGC,eAAuDF,MAAvDE;MAAcC,QAAyCH,MAAzCG;wBAAyCH,MAAlCI;MAAAA,wCAAWC;MAASC,qCAAcN;;oBAE3BO,WAClCJ,OACA,OAAOD,YAAP,KAAwB,WAAxB,GAAsCD,mBAAtC,GAA4DC,cAC5DE;;MAHKI;MAAYC;;;AAOjBN,IAAAA,OAAOK;AACPJ,IAAAA,UAAUK;KACPH;;;;;"}

package/esm/_util/usePersistFn.js

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

package/esm/_util/usePrevious.js

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

package/esm/_util/useRefAndForward.js

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

package/esm/_util/useRipple.js

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

package/esm/_util/useSetState.js

@@ -1,13 +1,13 @@
 /**
- * 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 { useState, useCallback } from 'react';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.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; }
 

package/esm/_util/useUpdateEffect.js

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

package/esm/addon/Addon.js

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

package/esm/addon/index.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Addon$1 from './Addon.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-016d27a7.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-b3d60655.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/esm/affix/Affix.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyledProps } from '../_type';
-import { TdAffixProps } from '../_type/components/affix';
+import { StyledProps } from '../common';
+import { TdAffixProps } from './type';
 export interface AffixProps extends TdAffixProps, StyledProps {
 }
 interface RefProps {

package/esm/affix/Affix.js

@@ -1,26 +1,26 @@
 /**
- * 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, { forwardRef, useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
-import { i as isFunction_1 } from '../_chunks/dep-83646039.js';
+import { i as isFunction_1 } from '../_chunks/dep-f749a2c9.js';
 import { getScrollContainer } from '../_util/dom.js';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-504203df.js';
-import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-ef50bc46.js';
+import '../_chunks/dep-97ee645c.js';
 import 'raf';
-import '../_chunks/dep-e507e9db.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-615797a6.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-7d91d695.js';
 import '../_util/easing.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';

package/esm/affix/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../src/affix/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport isFunction from 'lodash/isFunction';\nimport { StyledProps } from '../_type';\nimport { ScrollContainerElement } from '../_type/common';\nimport { TdAffixProps } from '../_type/components/affix';\nimport { getScrollContainer } from '../_util/dom';\nimport useConfig from '../_util/useConfig';\n\nexport interface AffixProps extends TdAffixProps, StyledProps {}\n\ninterface StateRef {\n  ticking: boolean;\n  oldWidth: number;\n  oldHeight: number;\n  containerHeight: number;\n  scrollContainer?: ScrollContainerElement;\n}\n\ninterface RefProps {\n  calcInitValue: () => void;\n  handleScroll: () => void;\n}\n\nconst Affix = forwardRef<RefProps, AffixProps>((props, ref) => {\n  const { children, container = () => window, offsetBottom, offsetTop, onFixedChange } = props;\n\n  const [affixed, setAffixed] = useState<boolean>(false);\n  const { classPrefix } = useConfig();\n\n  const affixRef = useRef<HTMLDivElement>();\n  const affixWrapRef = useRef<HTMLDivElement>();\n  const stateRef = useRef<StateRef>({ ticking: false, oldWidth: 0, oldHeight: 0, containerHeight: 0 });\n\n  const handleScroll = useCallback(() => {\n    const { ticking, scrollContainer, containerHeight, oldWidth } = stateRef.current;\n    if (!ticking) {\n      window.requestAnimationFrame(() => {\n        const affixEl = affixRef.current;\n        const { top } = affixWrapRef.current.getBoundingClientRect(); // top = 节点到页面顶部的距离，包含 scroll 中的高度\n        let containerTop = 0; // containerTop = 容器到页面顶部的距离\n        if (scrollContainer instanceof HTMLElement) {\n          containerTop = scrollContainer.getBoundingClientRect().top;\n        }\n        let fixedTop: number | false;\n        const calcTop = top - containerTop; // 节点顶部到 container 顶部的距离\n        const calcBottom = containerTop + containerHeight - offsetBottom; // 计算 bottom 相对应的 top 值\n        if (offsetTop !== undefined && calcTop <= offsetTop) {\n          // top 的触发\n          fixedTop = containerTop + offsetTop;\n        } else if (offsetBottom !== undefined && top >= calcBottom) {\n          // bottom 的触发\n          fixedTop = calcBottom;\n        } else {\n          fixedTop = false;\n        }\n\n        if (fixedTop !== false) {\n          affixEl.className = `${classPrefix}-affix`;\n          affixEl.style.top = `${fixedTop}px`;\n          affixEl.style.width = `${oldWidth}px`;\n        } else {\n          affixEl.removeAttribute('class');\n          affixEl.removeAttribute('style');\n        }\n        setAffixed(!!fixedTop);\n        if (isFunction(onFixedChange)) onFixedChange(!!fixedTop, { top: fixedTop });\n        stateRef.current.ticking = false;\n      });\n    }\n    stateRef.current.ticking = true;\n  }, [classPrefix, offsetBottom, offsetTop, onFixedChange]);\n\n  const calcInitValue = useCallback(() => {\n    const scrollContainer = getScrollContainer(container);\n    if (!scrollContainer) return;\n    // 获取当前可视的高度\n    let containerHeight = 0;\n    if (scrollContainer instanceof Window) {\n      containerHeight = scrollContainer.innerHeight;\n    } else {\n      containerHeight = scrollContainer.clientHeight;\n    }\n    // 被包裹的子节点宽高\n    const { clientWidth, clientHeight } = affixRef.current || {};\n    stateRef.current = {\n      ...stateRef.current,\n      scrollContainer,\n      oldWidth: clientWidth,\n      oldHeight: clientHeight,\n      containerHeight: containerHeight - clientHeight,\n    };\n\n    handleScroll();\n  }, [container, handleScroll]);\n\n  useImperativeHandle(ref, () => ({\n    calcInitValue,\n    handleScroll,\n  }));\n\n  useEffect(() => {\n    calcInitValue();\n    if (stateRef.current.scrollContainer) {\n      stateRef.current.scrollContainer.addEventListener('scroll', handleScroll);\n      window.addEventListener('resize', handleScroll);\n      return () => {\n        stateRef.current.scrollContainer.removeEventListener('scroll', handleScroll);\n        window.removeEventListener('resize', handleScroll);\n      };\n    }\n  }, [calcInitValue, handleScroll]);\n\n  const { oldWidth, oldHeight } = stateRef.current;\n\n  return (\n    <div ref={affixWrapRef}>\n      {affixed ? <div style={{ width: `${oldWidth}px`, height: `${oldHeight}px` }}></div> : ''}\n      <div ref={affixRef}>{children}</div>\n    </div>\n  );\n});\n\nexport default Affix;\n"],"names":["Affix","forwardRef","props","ref","children","container","window","offsetBottom","offsetTop","onFixedChange","useState","affixed","setAffixed","useConfig","classPrefix","affixRef","useRef","affixWrapRef","stateRef","ticking","oldWidth","oldHeight","containerHeight","handleScroll","useCallback","current","scrollContainer","requestAnimationFrame","affixEl","getBoundingClientRect","top","containerTop","HTMLElement","fixedTop","calcTop","calcBottom","className","style","width","oldWidth2","removeAttribute","isFunction","calcInitValue","getScrollContainer","Window","innerHeight","clientHeight","clientWidth","addEventListener","removeEventListener","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuBMA,qBAAQC,WAAiC,UAACC,KAAD,EAAQC,GAAR,EAAgB;MACrDC,WAA+EF,MAA/EE;yBAA+EF,MAArEG;MAAAA,0CAAY;AAAA,WAAMC,MAAN;AAAA;MAAcC,eAA2CL,MAA3CK;MAAcC,YAA6BN,MAA7BM;MAAWC,gBAAkBP,MAAlBO;;kBAEvCC,SAAkB;;MAAzCC;MAASC;;mBACQC;MAAhBC,yBAAAA;;MAEFC,WAAWC;MACXC,eAAeD;MACfE,WAAWF,OAAiB;AAAEG,IAAAA,SAAS,KAAX;AAAkBC,IAAAA,UAAU,CAA5B;AAA+BC,IAAAA,WAAW,CAA1C;AAA6CC,IAAAA,iBAAiB;AAA9D;MAE5BC,eAAeC,YAAY,YAAM;4BAC2BN,SAASO;QAAjEN,4BAAAA;QAASO,oCAAAA;QAAiBJ,oCAAAA;sCAAiBF;;QAC/C,CAACD,SAAS;aACLQ,sBAAsB,YAAM;YAC3BC,UAAUb,SAASU;;oCACTR,aAAaQ,OAAb,CAAqBI,qBAArB;YAARC,4BAAAA;;YACJC,eAAe;;YACfL,2BAA2BM,aAAa;yBAC3BN,gBAAgBG,qBAAhB,GAAwCC;;;YAErDG;YACEC,UAAUJ,MAAMC;YAChBI,aAAaJ,eAAeT,eAAf,GAAiCf;;YAChDC,cAAc,MAAd,IAA2B0B,WAAW1B,WAAW;qBAExCuB,eAAevB;mBACjBD,iBAAiB,MAAjB,IAA8BuB,OAAOK,YAAY;qBAE/CA;eACN;qBACM;;;YAGTF,aAAa,OAAO;kBACdG,sBAAetB;kBACfuB,MAAMP,gBAASG;kBACfI,MAAMC,kBAAWC;eACpB;kBACGC,gBAAgB;kBAChBA,gBAAgB;;;mBAEf,CAAC,CAACP;YACTQ,aAAWhC,8BAA8B,CAAC,CAACwB,UAAU;AAAEH,UAAAA,KAAKG;AAAP;iBAChDR,QAAQN,UAAU;;;;aAGtBM,QAAQN,UAAU;KAC1B,CAACL,WAAD,EAAcP,YAAd,EAA4BC,SAA5B,EAAuCC,aAAvC;MAEGiC,gBAAgBlB,YAAY,YAAM;QAChCE,kBAAkBiB,mBAAmBtC;QACvC,CAACqB;QAEDJ,kBAAkB;;QAClBI,2BAA2BkB,QAAQ;wBACnBlB,gBAAgBmB;WAC7B;wBACanB,gBAAgBoB;;;eAGE/B,SAASU,OAAT,IAAoB;QAAlDsB,mBAAAA;QAAaD,oBAAAA;;aACZrB,0CACJP,SAASO;AACZC,MAAAA,iBAAAA;AACAN,MAAAA,UAAU2B;AACV1B,MAAAA,WAAWyB;AACXxB,MAAAA,iBAAiBA,kBAAkBwB;;;KAIpC,CAACzC,SAAD,EAAYkB,YAAZ;sBAEiBpB,KAAK;AAAA;AACvBuC,MAAAA,eAAAA;AACAnB,MAAAA,cAAAA;KAFuB;AAAA;YAKf,YAAM;;;QAEVL,SAASO,OAAT,CAAiBC,iBAAiB;eAC3BD,QAAQC,gBAAgBsB,iBAAiB,UAAUzB;aACrDyB,iBAAiB,UAAUzB;aAC3B,YAAM;iBACFE,QAAQC,gBAAgBuB,oBAAoB,UAAU1B;eACxD0B,oBAAoB,UAAU1B;;;KAGxC,CAACmB,aAAD,EAAgBnB,YAAhB;2BAE6BL,SAASO;MAAjCL,8BAAAA;MAAUC,+BAAAA;qDAGf,OAAD;AAAKlB,IAAAA,KAAKc;AAAV,KACGN,sDAAW,OAAD;AAAK0B,IAAAA,OAAO;AAAEC,MAAAA,iBAAUlB,eAAZ;AAA0B8B,MAAAA,kBAAW7B;AAArC;AAAZ,OAA2E,gDACrF,OAAD;AAAKlB,IAAAA,KAAKY;AAAV,KAAqBX;;;;;"}
+{"version":3,"file":"Affix.js","sources":["../../src/affix/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport isFunction from 'lodash/isFunction';\nimport { StyledProps , ScrollContainerElement } from '../common';\nimport { TdAffixProps } from './type';\nimport { getScrollContainer } from '../_util/dom';\nimport useConfig from '../_util/useConfig';\n\nexport interface AffixProps extends TdAffixProps, StyledProps {}\n\ninterface StateRef {\n  ticking: boolean;\n  oldWidth: number;\n  oldHeight: number;\n  containerHeight: number;\n  scrollContainer?: ScrollContainerElement;\n}\n\ninterface RefProps {\n  calcInitValue: () => void;\n  handleScroll: () => void;\n}\n\nconst Affix = forwardRef<RefProps, AffixProps>((props, ref) => {\n  const { children, container = () => window, offsetBottom, offsetTop, onFixedChange } = props;\n\n  const [affixed, setAffixed] = useState<boolean>(false);\n  const { classPrefix } = useConfig();\n\n  const affixRef = useRef<HTMLDivElement>();\n  const affixWrapRef = useRef<HTMLDivElement>();\n  const stateRef = useRef<StateRef>({ ticking: false, oldWidth: 0, oldHeight: 0, containerHeight: 0 });\n\n  const handleScroll = useCallback(() => {\n    const { ticking, scrollContainer, containerHeight, oldWidth } = stateRef.current;\n    if (!ticking) {\n      window.requestAnimationFrame(() => {\n        const affixEl = affixRef.current;\n        const { top } = affixWrapRef.current.getBoundingClientRect(); // top = 节点到页面顶部的距离，包含 scroll 中的高度\n        let containerTop = 0; // containerTop = 容器到页面顶部的距离\n        if (scrollContainer instanceof HTMLElement) {\n          containerTop = scrollContainer.getBoundingClientRect().top;\n        }\n        let fixedTop: number | false;\n        const calcTop = top - containerTop; // 节点顶部到 container 顶部的距离\n        const calcBottom = containerTop + containerHeight - offsetBottom; // 计算 bottom 相对应的 top 值\n        if (offsetTop !== undefined && calcTop <= offsetTop) {\n          // top 的触发\n          fixedTop = containerTop + offsetTop;\n        } else if (offsetBottom !== undefined && top >= calcBottom) {\n          // bottom 的触发\n          fixedTop = calcBottom;\n        } else {\n          fixedTop = false;\n        }\n\n        if (fixedTop !== false) {\n          affixEl.className = `${classPrefix}-affix`;\n          affixEl.style.top = `${fixedTop}px`;\n          affixEl.style.width = `${oldWidth}px`;\n        } else {\n          affixEl.removeAttribute('class');\n          affixEl.removeAttribute('style');\n        }\n        setAffixed(!!fixedTop);\n        if (isFunction(onFixedChange)) onFixedChange(!!fixedTop, { top: fixedTop });\n        stateRef.current.ticking = false;\n      });\n    }\n    stateRef.current.ticking = true;\n  }, [classPrefix, offsetBottom, offsetTop, onFixedChange]);\n\n  const calcInitValue = useCallback(() => {\n    const scrollContainer = getScrollContainer(container);\n    if (!scrollContainer) return;\n    // 获取当前可视的高度\n    let containerHeight = 0;\n    if (scrollContainer instanceof Window) {\n      containerHeight = scrollContainer.innerHeight;\n    } else {\n      containerHeight = scrollContainer.clientHeight;\n    }\n    // 被包裹的子节点宽高\n    const { clientWidth, clientHeight } = affixRef.current || {};\n    stateRef.current = {\n      ...stateRef.current,\n      scrollContainer,\n      oldWidth: clientWidth,\n      oldHeight: clientHeight,\n      containerHeight: containerHeight - clientHeight,\n    };\n\n    handleScroll();\n  }, [container, handleScroll]);\n\n  useImperativeHandle(ref, () => ({\n    calcInitValue,\n    handleScroll,\n  }));\n\n  useEffect(() => {\n    calcInitValue();\n    if (stateRef.current.scrollContainer) {\n      stateRef.current.scrollContainer.addEventListener('scroll', handleScroll);\n      window.addEventListener('resize', handleScroll);\n      return () => {\n        stateRef.current.scrollContainer.removeEventListener('scroll', handleScroll);\n        window.removeEventListener('resize', handleScroll);\n      };\n    }\n  }, [calcInitValue, handleScroll]);\n\n  const { oldWidth, oldHeight } = stateRef.current;\n\n  return (\n    <div ref={affixWrapRef}>\n      {affixed ? <div style={{ width: `${oldWidth}px`, height: `${oldHeight}px` }}></div> : ''}\n      <div ref={affixRef}>{children}</div>\n    </div>\n  );\n});\n\nexport default Affix;\n"],"names":["Affix","forwardRef","props","ref","children","container","window","offsetBottom","offsetTop","onFixedChange","useState","affixed","setAffixed","useConfig","classPrefix","affixRef","useRef","affixWrapRef","stateRef","ticking","oldWidth","oldHeight","containerHeight","handleScroll","useCallback","current","scrollContainer","requestAnimationFrame","affixEl","getBoundingClientRect","top","containerTop","HTMLElement","fixedTop","calcTop","calcBottom","className","style","width","oldWidth2","removeAttribute","isFunction","calcInitValue","getScrollContainer","Window","innerHeight","clientHeight","clientWidth","addEventListener","removeEventListener","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,qBAAQC,WAAiC,UAACC,KAAD,EAAQC,GAAR,EAAgB;MACrDC,WAA+EF,MAA/EE;yBAA+EF,MAArEG;MAAAA,0CAAY;AAAA,WAAMC,MAAN;AAAA;MAAcC,eAA2CL,MAA3CK;MAAcC,YAA6BN,MAA7BM;MAAWC,gBAAkBP,MAAlBO;;kBAEvCC,SAAkB;;MAAzCC;MAASC;;mBACQC;MAAhBC,yBAAAA;;MAEFC,WAAWC;MACXC,eAAeD;MACfE,WAAWF,OAAiB;AAAEG,IAAAA,SAAS,KAAX;AAAkBC,IAAAA,UAAU,CAA5B;AAA+BC,IAAAA,WAAW,CAA1C;AAA6CC,IAAAA,iBAAiB;AAA9D;MAE5BC,eAAeC,YAAY,YAAM;4BAC2BN,SAASO;QAAjEN,4BAAAA;QAASO,oCAAAA;QAAiBJ,oCAAAA;sCAAiBF;;QAC/C,CAACD,SAAS;aACLQ,sBAAsB,YAAM;YAC3BC,UAAUb,SAASU;;oCACTR,aAAaQ,OAAb,CAAqBI,qBAArB;YAARC,4BAAAA;;YACJC,eAAe;;YACfL,2BAA2BM,aAAa;yBAC3BN,gBAAgBG,qBAAhB,GAAwCC;;;YAErDG;YACEC,UAAUJ,MAAMC;YAChBI,aAAaJ,eAAeT,eAAf,GAAiCf;;YAChDC,cAAc,MAAd,IAA2B0B,WAAW1B,WAAW;qBAExCuB,eAAevB;mBACjBD,iBAAiB,MAAjB,IAA8BuB,OAAOK,YAAY;qBAE/CA;eACN;qBACM;;;YAGTF,aAAa,OAAO;kBACdG,sBAAetB;kBACfuB,MAAMP,gBAASG;kBACfI,MAAMC,kBAAWC;eACpB;kBACGC,gBAAgB;kBAChBA,gBAAgB;;;mBAEf,CAAC,CAACP;YACTQ,aAAWhC,8BAA8B,CAAC,CAACwB,UAAU;AAAEH,UAAAA,KAAKG;AAAP;iBAChDR,QAAQN,UAAU;;;;aAGtBM,QAAQN,UAAU;KAC1B,CAACL,WAAD,EAAcP,YAAd,EAA4BC,SAA5B,EAAuCC,aAAvC;MAEGiC,gBAAgBlB,YAAY,YAAM;QAChCE,kBAAkBiB,mBAAmBtC;QACvC,CAACqB;QAEDJ,kBAAkB;;QAClBI,2BAA2BkB,QAAQ;wBACnBlB,gBAAgBmB;WAC7B;wBACanB,gBAAgBoB;;;eAGE/B,SAASU,OAAT,IAAoB;QAAlDsB,mBAAAA;QAAaD,oBAAAA;;aACZrB,0CACJP,SAASO;AACZC,MAAAA,iBAAAA;AACAN,MAAAA,UAAU2B;AACV1B,MAAAA,WAAWyB;AACXxB,MAAAA,iBAAiBA,kBAAkBwB;;;KAIpC,CAACzC,SAAD,EAAYkB,YAAZ;sBAEiBpB,KAAK;AAAA;AACvBuC,MAAAA,eAAAA;AACAnB,MAAAA,cAAAA;KAFuB;AAAA;YAKf,YAAM;;;QAEVL,SAASO,OAAT,CAAiBC,iBAAiB;eAC3BD,QAAQC,gBAAgBsB,iBAAiB,UAAUzB;aACrDyB,iBAAiB,UAAUzB;aAC3B,YAAM;iBACFE,QAAQC,gBAAgBuB,oBAAoB,UAAU1B;eACxD0B,oBAAoB,UAAU1B;;;KAGxC,CAACmB,aAAD,EAAgBnB,YAAhB;2BAE6BL,SAASO;MAAjCL,8BAAAA;MAAUC,+BAAAA;qDAGf,OAAD;AAAKlB,IAAAA,KAAKc;AAAV,KACGN,sDAAW,OAAD;AAAK0B,IAAAA,OAAO;AAAEC,MAAAA,iBAAUlB,eAAZ;AAA0B8B,MAAAA,kBAAW7B;AAArC;AAAZ,OAA2E,gDACrF,OAAD;AAAKlB,IAAAA,KAAKY;AAAV,KAAqBX;;;;;"}

package/esm/affix/index.d.ts

@@ -2,5 +2,5 @@ import Affix from './Affix';
 import './style/index.js';
 export { Affix };
 export type { AffixProps } from './Affix';
-export * from '../_type/components/affix';
+export * from './type';
 export default Affix;

package/esm/affix/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,23 +7,23 @@
 import Affix from './Affix.js';
 export { default as Affix, default } from './Affix.js';
 import './style/index.js';
-import '../_type/components/affix/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 '../_chunks/dep-83646039.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-504203df.js';
-import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-f749a2c9.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-ef50bc46.js';
+import '../_chunks/dep-97ee645c.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-e507e9db.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-615797a6.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-7d91d695.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';

package/esm/affix/type.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { ScrollContainer } from '../common';
+export interface TdAffixProps {
+    /**
+     * 指定滚动的容器。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default () => (() => window)
+     */
+    container?: ScrollContainer;
+    /**
+     *  距离容器顶部达到指定距离后触发固定
+     * @default 0
+     */
+    offsetBottom?: number;
+    /**
+     *  距离容器底部达到指定距离后触发固定
+     * @default 0
+     */
+    offsetTop?: number;
+    /**
+     * 固钉定位层级，样式默认为 500
+     */
+    zIndex?: number;
+    /**
+     * 固定状态发生变化时触发
+     */
+    onFixedChange?: (affixed: boolean, context: {
+        top: number;
+    }) => void;
+}

package/esm/affix/type.js

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

package/esm/affix/type.js.map

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

package/esm/alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdAlertProps } from '../_type/components/alert';
-import { StyledProps } from '../_type';
+import { TdAlertProps } from './type';
+import { StyledProps } from '../common';
 export interface AlertProps extends TdAlertProps, StyledProps {
 }
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/esm/alert/Alert.js

@@ -1,18 +1,18 @@
 /**
- * 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 _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { CheckCircleFilledIcon, InfoCircleFilledIcon, ErrorCircleFilledIcon, CloseIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 
@@ -68,13 +68,11 @@ var Alert = /*#__PURE__*/forwardRef(function (props, ref) {
   var renderIconNode = function renderIconNode() {
     if ( /*#__PURE__*/React__default.isValidElement(icon)) {
       return /*#__PURE__*/React__default.cloneElement(icon, {
-        className: classNames("".concat(classPrefix, "-alert__icon"), _defineProperty({}, icon.props.className, icon.props.className))
+        className: classNames(_defineProperty({}, icon.props.className, icon.props.className))
       });
     }
 
-    return /*#__PURE__*/React__default.createElement(iconMap[theme], {
-      className: "".concat(classPrefix, "-alert__icon")
-    });
+    return /*#__PURE__*/React__default.createElement(iconMap[theme]);
   };
 
   var renderMessage = function renderMessage() {
@@ -116,7 +114,9 @@ var Alert = /*#__PURE__*/forwardRef(function (props, ref) {
   return closed ? null : /* @__PURE__ */React__default.createElement("div", _objectSpread({
     ref: ref,
     className: classNames("".concat(classPrefix, "-alert"), _defineProperty({}, "".concat(classPrefix, "-alert--").concat(theme), true))
-  }, alertProps), renderIconNode(), /* @__PURE__ */React__default.createElement("div", {
+  }, alertProps), /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(classPrefix, "-alert__icon")
+  }, renderIconNode()), /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(classPrefix, "-alert__content")
   }, title ? /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(classPrefix, "-alert__title")

package/esm/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { InfoCircleFilledIcon, CloseIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport noop from '../_util/noop';\nimport { TdAlertProps } from '../_type/components/alert';\nimport { StyledProps } from '../_type';\n\nexport interface AlertProps extends TdAlertProps, StyledProps {}\n\nconst Alert = forwardRef((props: AlertProps, ref: React.Ref<HTMLDivElement>) => {\n  const { message, title, operation, theme = 'info', icon, close, maxLine, onClose = noop, ...alertProps } = props;\n\n  const [closed, setClosed] = React.useState(false);\n  const [collapsed, setCollapsed] = React.useState(false);\n  const { classPrefix } = useConfig();\n  const iconMap = {\n    success: CheckCircleFilledIcon,\n    info: InfoCircleFilledIcon,\n    error: ErrorCircleFilledIcon,\n    warning: ErrorCircleFilledIcon,\n  };\n\n  const handleClose = (e: React.MouseEvent<HTMLDivElement>) => {\n    setClosed(true);\n    onClose?.({ e });\n  };\n\n  const handleCollapse = () => {\n    setCollapsed(!collapsed);\n  };\n\n  const renderIconNode = () => {\n    if (React.isValidElement(icon)) {\n      return React.cloneElement(icon as React.ReactElement, {\n        className: classNames(`${classPrefix}-alert__icon`, {\n          [icon.props.className]: icon.props.className,\n        }),\n      });\n    }\n    return React.createElement(iconMap[theme], {\n      className: `${classPrefix}-alert__icon`,\n    });\n  };\n\n  const renderMessage = () => {\n    if (+maxLine > 0 && Array.isArray(message)) {\n      return (\n        <div className={`${classPrefix}-alert__description`}>\n          {message.map((item, index) => {\n            if (!collapsed) {\n              if (index < maxLine) {\n                return <div key={index}>{item}</div>;\n              }\n            } else {\n              return <div key={index}>{item}</div>;\n            }\n            return true;\n          })}\n          {+maxLine > 0 ? (\n            <div className={`${classPrefix}-alert__collapse`} onClick={handleCollapse}>\n              {!collapsed ? '展开更多' : '收起'}\n            </div>\n          ) : null}\n        </div>\n      );\n    }\n    return <div className={`${classPrefix}-alert__description`}>{message}</div>;\n  };\n\n  const renderClose = () => (\n    <div className={`${classPrefix}-alert__close`} onClick={handleClose}>\n      {typeof close === 'boolean' ? <CloseIcon /> : close}\n    </div>\n  );\n\n  return closed ? null : (\n    <div\n      ref={ref}\n      className={classNames(`${classPrefix}-alert`, {\n        [`${classPrefix}-alert--${theme}`]: true,\n      })}\n      {...alertProps}\n    >\n      {renderIconNode()}\n      <div className={`${classPrefix}-alert__content`}>\n        {title ? <div className={`${classPrefix}-alert__title`}>{title}</div> : null}\n        <div className={`${classPrefix}-alert__message`}>\n          {renderMessage()}\n          {operation ? <div className={`${classPrefix}-alert__operation`}>{operation}</div> : null}\n        </div>\n      </div>\n      {close ? renderClose() : null}\n    </div>\n  );\n});\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"names":["Alert","forwardRef","props","ref","message","title","operation","theme","icon","close","maxLine","onClose","noop","alertProps","React","useState","closed","setClosed","collapsed","setCollapsed","useConfig","classPrefix","iconMap","success","CheckCircleFilledIcon","info","InfoCircleFilledIcon","error","ErrorCircleFilledIcon","warning","handleClose","e","handleCollapse","renderIconNode","isValidElement","cloneElement","className","classNames","createElement","renderMessage","Array","isArray","map","item","index","key","onClick","renderClose","CloseIcon","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAUMA,qBAAQC,WAAW,UAACC,KAAD,EAAoBC,GAApB,EAAuD;MACtEC,UAAmGF,MAAnGE;MAASC,QAA0FH,MAA1FG;MAAOC,YAAmFJ,MAAnFI;qBAAmFJ,MAAxEK;MAAAA,kCAAQ;MAAQC,OAAwDN,MAAxDM;MAAMC,QAAkDP,MAAlDO;MAAOC,UAA2CR,MAA3CQ;uBAA2CR,MAAlCS;MAAAA,sCAAUC;MAASC,sCAAeX;;wBAE/EY,eAAMC,QAAN,CAAe,KAAf;;MAArBC;MAAQC;;yBACmBH,eAAMC,QAAN,CAAe,KAAf;;MAA3BG;MAAWC;;mBACMC;MAAhBC,yBAAAA;;MACFC,UAAU;AACdC,IAAAA,SAASC,qBADK;AAEdC,IAAAA,MAAMC,oBAFQ;AAGdC,IAAAA,OAAOC,qBAHO;AAIdC,IAAAA,SAASD;AAJK;;MAOVE,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAyC;cACjD;8DACA;AAAEA,MAAAA,GAAAA;AAAF;;;MAGNC,iBAAiB,SAAjBA,cAAiB,GAAM;iBACd,CAACd;;;MAGVe,iBAAiB,SAAjBA,cAAiB,GAAM;sBACvBnB,eAAMoB,cAAN,CAAqB1B,IAArB,GAA4B;0BACvBM,eAAMqB,YAAN,CAAmB3B,IAAnB,EAA+C;AACpD4B,QAAAA,WAAWC,qBAAchB,kDACtBb,KAAKN,KAAL,CAAWkC,WAAY5B,KAAKN,KAAL,CAAWkC;AAFe,OAA/C;;;wBAMFtB,eAAMwB,aAAN,CAAoBhB,QAAQf,MAA5B,EAAoC;AACzC6B,MAAAA,qBAAcf;AAD2B,KAApC;;;MAKHkB,gBAAgB,SAAhBA,aAAgB,GAAM;QACtB,CAAC7B,OAAD,GAAW,CAAX,IAAgB8B,MAAMC,OAAN,CAAcrC,OAAd,GAAwB;yDAEvC,OAAD;AAAKgC,QAAAA,qBAAcf;AAAnB,SACGjB,QAAQsC,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP,EAAiB;YACxB,CAAC1B,WAAW;cACV0B,QAAQlC,SAAS;+DACX,OAAD;AAAKmC,cAAAA,KAAKD;AAAV,eAAkBD;;eAEtB;6DACG,OAAD;AAAKE,YAAAA,KAAKD;AAAV,aAAkBD;;;eAEpB;OARR,GAUA,CAACjC,OAAD,GAAW,CAAX,+CACE,OAAD;AAAK0B,QAAAA,qBAAcf,gCAAnB;AAAkDyB,QAAAA,SAASd;AAA3D,SACG,CAACd,SAAD,GAAa,0BAAb,GAAsB,eAF1B,GAIG;;;uDAIF,OAAD;AAAKkB,MAAAA,qBAAcf;AAAnB,OAAsDjB;;;MAGzD2C,cAAc,SAAdA,WAAc;AAAA,uDACjB,OAAD;AAAKX,MAAAA,qBAAcf,6BAAnB;AAA+CyB,MAAAA,SAAShB;AAAxD,OACG,OAAOrB,KAAP,KAAiB,SAAjB,+CAA8BuC,WAAD,KAA7B,GAA6CvC,MAF9B;AAAA;;SAMbO,SAAS,mDACb;AACCb,IAAAA,KAAAA;AACAiC,IAAAA,WAAWC,qBAAchB,sDACnBA,gCAAsBd,QAAU;KAElCM,aAEHoB,8DACA,OAAD;AAAKG,IAAAA,qBAAcf;AAAnB,KACGhB,oDAAS,OAAD;AAAK+B,IAAAA,qBAAcf;AAAnB,KAAgDhB,SAAe,kDACvE,OAAD;AAAK+B,IAAAA,qBAAcf;AAAnB,KACGkB,iBACAjC,wDAAa,OAAD;AAAK8B,IAAAA,qBAAcf;AAAnB,KAAoDf,aAAmB,QAGvFG,QAAQsC,gBAAgB;;AAK/B/C,MAAMiD,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../src/alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { InfoCircleFilledIcon, CloseIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport noop from '../_util/noop';\nimport { TdAlertProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface AlertProps extends TdAlertProps, StyledProps {}\n\nconst Alert = forwardRef((props: AlertProps, ref: React.Ref<HTMLDivElement>) => {\n  const { message, title, operation, theme = 'info', icon, close, maxLine, onClose = noop, ...alertProps } = props;\n\n  const [closed, setClosed] = React.useState(false);\n  const [collapsed, setCollapsed] = React.useState(false);\n  const { classPrefix } = useConfig();\n  const iconMap = {\n    success: CheckCircleFilledIcon,\n    info: InfoCircleFilledIcon,\n    error: ErrorCircleFilledIcon,\n    warning: ErrorCircleFilledIcon,\n  };\n\n  const handleClose = (e: React.MouseEvent<HTMLDivElement>) => {\n    setClosed(true);\n    onClose?.({ e });\n  };\n\n  const handleCollapse = () => {\n    setCollapsed(!collapsed);\n  };\n\n  const renderIconNode = () => {\n    if (React.isValidElement(icon)) {\n      return React.cloneElement(icon as React.ReactElement, {\n        className: classNames({\n          [icon.props.className]: icon.props.className,\n        }),\n      });\n    }\n    return React.createElement(iconMap[theme]);\n  };\n\n  const renderMessage = () => {\n    if (+maxLine > 0 && Array.isArray(message)) {\n      return (\n        <div className={`${classPrefix}-alert__description`}>\n          {message.map((item, index) => {\n            if (!collapsed) {\n              if (index < maxLine) {\n                return <div key={index}>{item}</div>;\n              }\n            } else {\n              return <div key={index}>{item}</div>;\n            }\n            return true;\n          })}\n          {+maxLine > 0 ? (\n            <div className={`${classPrefix}-alert__collapse`} onClick={handleCollapse}>\n              {!collapsed ? '展开更多' : '收起'}\n            </div>\n          ) : null}\n        </div>\n      );\n    }\n    return <div className={`${classPrefix}-alert__description`}>{message}</div>;\n  };\n\n  const renderClose = () => (\n    <div className={`${classPrefix}-alert__close`} onClick={handleClose}>\n      {typeof close === 'boolean' ? <CloseIcon /> : close}\n    </div>\n  );\n\n  return closed ? null : (\n    <div\n      ref={ref}\n      className={classNames(`${classPrefix}-alert`, {\n        [`${classPrefix}-alert--${theme}`]: true,\n      })}\n      {...alertProps}\n    >\n      <div className={`${classPrefix}-alert__icon`}>{renderIconNode()}</div>\n      <div className={`${classPrefix}-alert__content`}>\n        {title ? <div className={`${classPrefix}-alert__title`}>{title}</div> : null}\n        <div className={`${classPrefix}-alert__message`}>\n          {renderMessage()}\n          {operation ? <div className={`${classPrefix}-alert__operation`}>{operation}</div> : null}\n        </div>\n      </div>\n      {close ? renderClose() : null}\n    </div>\n  );\n});\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"names":["Alert","forwardRef","props","ref","message","title","operation","theme","icon","close","maxLine","onClose","noop","alertProps","React","useState","closed","setClosed","collapsed","setCollapsed","useConfig","classPrefix","iconMap","success","CheckCircleFilledIcon","info","InfoCircleFilledIcon","error","ErrorCircleFilledIcon","warning","handleClose","e","handleCollapse","renderIconNode","isValidElement","cloneElement","className","classNames","createElement","renderMessage","Array","isArray","map","item","index","key","onClick","renderClose","CloseIcon","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAUMA,qBAAQC,WAAW,UAACC,KAAD,EAAoBC,GAApB,EAAuD;MACtEC,UAAmGF,MAAnGE;MAASC,QAA0FH,MAA1FG;MAAOC,YAAmFJ,MAAnFI;qBAAmFJ,MAAxEK;MAAAA,kCAAQ;MAAQC,OAAwDN,MAAxDM;MAAMC,QAAkDP,MAAlDO;MAAOC,UAA2CR,MAA3CQ;uBAA2CR,MAAlCS;MAAAA,sCAAUC;MAASC,sCAAeX;;wBAE/EY,eAAMC,QAAN,CAAe,KAAf;;MAArBC;MAAQC;;yBACmBH,eAAMC,QAAN,CAAe,KAAf;;MAA3BG;MAAWC;;mBACMC;MAAhBC,yBAAAA;;MACFC,UAAU;AACdC,IAAAA,SAASC,qBADK;AAEdC,IAAAA,MAAMC,oBAFQ;AAGdC,IAAAA,OAAOC,qBAHO;AAIdC,IAAAA,SAASD;AAJK;;MAOVE,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAyC;cACjD;8DACA;AAAEA,MAAAA,GAAAA;AAAF;;;MAGNC,iBAAiB,SAAjBA,cAAiB,GAAM;iBACd,CAACd;;;MAGVe,iBAAiB,SAAjBA,cAAiB,GAAM;sBACvBnB,eAAMoB,cAAN,CAAqB1B,IAArB,GAA4B;0BACvBM,eAAMqB,YAAN,CAAmB3B,IAAnB,EAA+C;AACpD4B,QAAAA,WAAWC,+BACR7B,KAAKN,KAAL,CAAWkC,WAAY5B,KAAKN,KAAL,CAAWkC;AAFe,OAA/C;;;wBAMFtB,eAAMwB,aAAN,CAAoBhB,QAAQf,MAA5B;;;MAGHgC,gBAAgB,SAAhBA,aAAgB,GAAM;QACtB,CAAC7B,OAAD,GAAW,CAAX,IAAgB8B,MAAMC,OAAN,CAAcrC,OAAd,GAAwB;yDAEvC,OAAD;AAAKgC,QAAAA,qBAAcf;AAAnB,SACGjB,QAAQsC,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP,EAAiB;YACxB,CAAC1B,WAAW;cACV0B,QAAQlC,SAAS;+DACX,OAAD;AAAKmC,cAAAA,KAAKD;AAAV,eAAkBD;;eAEtB;6DACG,OAAD;AAAKE,YAAAA,KAAKD;AAAV,aAAkBD;;;eAEpB;OARR,GAUA,CAACjC,OAAD,GAAW,CAAX,+CACE,OAAD;AAAK0B,QAAAA,qBAAcf,gCAAnB;AAAkDyB,QAAAA,SAASd;AAA3D,SACG,CAACd,SAAD,GAAa,0BAAb,GAAsB,eAF1B,GAIG;;;uDAIF,OAAD;AAAKkB,MAAAA,qBAAcf;AAAnB,OAAsDjB;;;MAGzD2C,cAAc,SAAdA,WAAc;AAAA,uDACjB,OAAD;AAAKX,MAAAA,qBAAcf,6BAAnB;AAA+CyB,MAAAA,SAAShB;AAAxD,OACG,OAAOrB,KAAP,KAAiB,SAAjB,+CAA8BuC,WAAD,KAA7B,GAA6CvC,MAF9B;AAAA;;SAMbO,SAAS,mDACb;AACCb,IAAAA,KAAAA;AACAiC,IAAAA,WAAWC,qBAAchB,sDACnBA,gCAAsBd,QAAU;KAElCM,yDAEH,OAAD;AAAKuB,IAAAA,qBAAcf;AAAnB,KAA+CY,+DAC9C,OAAD;AAAKG,IAAAA,qBAAcf;AAAnB,KACGhB,oDAAS,OAAD;AAAK+B,IAAAA,qBAAcf;AAAnB,KAAgDhB,SAAe,kDACvE,OAAD;AAAK+B,IAAAA,qBAAcf;AAAnB,KACGkB,iBACAjC,wDAAa,OAAD;AAAK8B,IAAAA,qBAAcf;AAAnB,KAAoDf,aAAmB,QAGvFG,QAAQsC,gBAAgB;;AAK/B/C,MAAMiD,WAAN,GAAoB,OAApB;;;;"}

package/esm/alert/index.d.ts

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