tdesign-react 0.17.0 → 0.18.2

package/cjs/menu/Menu.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-da22c7e7.js');
+var defineProperty = require('../_chunks/dep-3690810b.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -24,14 +24,14 @@ require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('hoist-non-react-statics');
 require('../_util/noop.js');
-require('../_chunks/dep-d28ccca5.js');
-require('../_chunks/dep-fe12381d.js');
-require('../_chunks/dep-138b9430.js');
+require('../_chunks/dep-26d8057f.js');
+require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-7555b3cd.js');
 require('lodash');
 require('./_util/checkSubMenuChildExpanded.js');
 require('./_util/type.js');
-require('../_chunks/dep-dc9b08b7.js');
-require('../_chunks/dep-18990b3e.js');
+require('../_chunks/dep-d3e9cd11.js');
+require('../_chunks/dep-d2731646.js');
 require('../tabs/index.js');
 require('../tabs/Tabs.js');
 require('../tabs/TabNav.js');

package/cjs/menu/MenuContext.js

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

package/cjs/menu/MenuGroup.js

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

package/cjs/menu/MenuItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-da22c7e7.js');
+var defineProperty = require('../_chunks/dep-3690810b.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');

package/cjs/menu/SubMenu.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-da22c7e7.js');
-var slicedToArray = require('../_chunks/dep-138b9430.js');
+var defineProperty = require('../_chunks/dep-3690810b.js');
+var slicedToArray = require('../_chunks/dep-7555b3cd.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -20,7 +20,7 @@ var menu__util_checkSubMenuChildrenActive = require('./_util/checkSubMenuChildre
 var common_FakeArrow = require('../common/FakeArrow.js');
 var menu__util_checkMenuType = require('./_util/checkMenuType.js');
 var menu__util_cacularPaddingLeft = require('./_util/cacularPaddingLeft.js');
-require('../_chunks/dep-fe12381d.js');
+require('../_chunks/dep-3a707dd3.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/noop.js');

package/cjs/menu/_util/cacularPaddingLeft.js

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

package/cjs/menu/_util/checkMenuType.js

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

package/cjs/menu/_util/checkSubMenuActive.js

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

package/cjs/menu/_util/checkSubMenuChildExpanded.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,10 +8,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../../_chunks/dep-d28ccca5.js');
+var toConsumableArray = require('../../_chunks/dep-26d8057f.js');
 var React = require('react');
 var menu__util_type = require('./type.js');
-require('../../_chunks/dep-fe12381d.js');
+require('../../_chunks/dep-3a707dd3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/menu/_util/checkSubMenuChildrenActive.js

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

package/cjs/menu/_util/constant.js

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

package/cjs/menu/_util/getSubMenuChildStyle.js

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

package/cjs/menu/_util/type.js

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

package/cjs/menu/hooks/useMenuContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,13 +8,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../../_chunks/dep-d28ccca5.js');
-var defineProperty = require('../../_chunks/dep-da22c7e7.js');
-var slicedToArray = require('../../_chunks/dep-138b9430.js');
+var toConsumableArray = require('../../_chunks/dep-26d8057f.js');
+var defineProperty = require('../../_chunks/dep-3690810b.js');
+var slicedToArray = require('../../_chunks/dep-7555b3cd.js');
 var lodash = require('lodash');
 var React = require('react');
 var menu__util_checkSubMenuChildExpanded = require('../_util/checkSubMenuChildExpanded.js');
-require('../../_chunks/dep-fe12381d.js');
+require('../../_chunks/dep-3a707dd3.js');
 require('../_util/type.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/cjs/menu/index.d.ts

@@ -5,6 +5,7 @@ export type { HeadMenuProps } from './HeadMenu';
 export type { SubMenuProps } from './SubMenu';
 export type { MenuItemProps } from './MenuItem';
 export type { MenuGroupProps } from './MenuGroup';
+export * from '../_type/components/menu';
 export declare const Menu: import("react").FunctionComponent<import("./Menu").MenuProps & import("react").RefAttributes<any>> & {
     HeadMenu: import("react").FC<import("./HeadMenu").HeadMenuProps>;
     SubMenu: import("react").FC<import("./SubMenu").SubMenuWithCustomizeProps>;

package/cjs/menu/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var menu_Menu = require('./Menu.js');
-require('../_chunks/dep-da22c7e7.js');
+require('../_chunks/dep-3690810b.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
@@ -21,15 +21,15 @@ require('./MenuContext.js');
 require('../_util/noop.js');
 require('./_util/constant.js');
 require('./hooks/useMenuContext.js');
-require('../_chunks/dep-d28ccca5.js');
-require('../_chunks/dep-fe12381d.js');
-require('../_chunks/dep-138b9430.js');
+require('../_chunks/dep-26d8057f.js');
+require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-7555b3cd.js');
 require('lodash');
 require('./_util/checkSubMenuChildExpanded.js');
 require('./_util/type.js');
 require('./HeadMenu.js');
-require('../_chunks/dep-dc9b08b7.js');
-require('../_chunks/dep-18990b3e.js');
+require('../_chunks/dep-d3e9cd11.js');
+require('../_chunks/dep-d2731646.js');
 require('../tabs/index.js');
 require('../tabs/Tabs.js');
 require('../tabs/TabNav.js');

package/cjs/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/menu/index.ts"],"sourcesContent":["import _Menu from './Menu';\n\nimport './style/index.js';\n\nexport type { MenuProps } from './Menu';\nexport type { HeadMenuProps } from './HeadMenu';\nexport type { SubMenuProps } from './SubMenu';\nexport type { MenuItemProps } from './MenuItem';\nexport type { MenuGroupProps } from './MenuGroup';\n\nexport const Menu = _Menu;\nexport default Menu;\n"],"names":["Menu","_Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUaA,OAAOC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/menu/index.ts"],"sourcesContent":["import _Menu from './Menu';\n\nimport './style/index.js';\n\nexport type { MenuProps } from './Menu';\nexport type { HeadMenuProps } from './HeadMenu';\nexport type { SubMenuProps } from './SubMenu';\nexport type { MenuItemProps } from './MenuItem';\nexport type { MenuGroupProps } from './MenuGroup';\nexport * from '../_type/components/menu';\n\nexport const Menu = _Menu;\nexport default Menu;\n"],"names":["Menu","_Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,OAAOC;;;;;"}

package/cjs/message/Message.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,15 +8,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-da22c7e7.js');
-var slicedToArray = require('../_chunks/dep-138b9430.js');
+var defineProperty = require('../_chunks/dep-3690810b.js');
+var slicedToArray = require('../_chunks/dep-7555b3cd.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var classNames = require('classnames');
 var _util_noop = require('../_util/noop.js');
 var message_const = require('./const.js');
 var message_MessageComponent = require('./MessageComponent.js');
-require('../_chunks/dep-fe12381d.js');
+require('../_chunks/dep-3a707dd3.js');
 require('./MessageClose.js');
 require('tdesign-icons-react');
 require('./useMessageClass.js');
@@ -24,6 +24,18 @@ require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('./MessageIcon.js');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-d0bc53f1.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('../_chunks/dep-7a3bfc35.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../src/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\n\nimport {\n  MessageCloseAllMethod,\n  MessageErrorMethod,\n  MessageInfoMethod,\n  MessageInstance,\n  MessageLoadingMethod,\n  MessageMethod,\n  MessageOptions,\n  MessageQuestionMethod,\n  MessageSuccessMethod,\n  MessageWarningMethod,\n  TdMessageProps,\n  MessageThemeList,\n} from '../_type/components/message';\nimport { AttachNodeReturnValue } from '../_type/common';\nimport noop from '../_util/noop';\nimport { PlacementOffset, THEME_ARRAY } from './const';\nimport MessageComponent from './MessageComponent';\n\n// 定义全局的 message 列表，closeAll 函数需要使用\nlet MessageList: MessageInstance[] = [];\nlet keyIndex = 1;\n\n// 全局默认配置，zIndex 为 5000，默认关闭事件 3000\nconst globalConfig = {\n  zIndex: 5000,\n  duration: 3000,\n  top: 32,\n};\n\nexport interface MessageProps extends React.FC<TdMessageProps> {\n  info: MessageInfoMethod;\n  success: MessageSuccessMethod;\n  warning: MessageWarningMethod;\n  error: MessageErrorMethod;\n  question: MessageQuestionMethod;\n  loading: MessageLoadingMethod;\n  closeAll: MessageCloseAllMethod;\n  close: (message: Promise<MessageInstance>) => void;\n}\n\n/**\n * @author kenzyyang\n * @date 2021-05-11 20:36:52\n * @desc 创建容器，所有的 message 会填充到容器中\n */\nfunction createContainer({ attach, zIndex, placement = 'top' }: MessageOptions) {\n  // 默认注入到 body 中，如果用户有制定，以用户指定的为准\n  let mountedDom: AttachNodeReturnValue = document.body;\n\n  // attach 为字符串时认为是选择器\n  if (typeof attach === 'string') {\n    const result = document.querySelectorAll(attach);\n    if (result.length >= 1) {\n      // :todo 编译器提示 nodelist 为类数组类型，并没有实现迭代器，没办法使用数组解构，暂时加上 eslint-disable\n      // eslint-disable-next-line prefer-destructuring\n      mountedDom = result[0];\n    }\n  } else if (typeof attach === 'function') {\n    mountedDom = attach();\n  }\n\n  // :todo 暂时写死，需要 pmc 确定如何在非组件中拿到动态配置的样式前缀\n  const tdMessageListClass = 't-message-list';\n  const tdMessagePlacementClass = `t-message-placement--${placement}`;\n\n  // 选择器找到一个挂载 message 的容器，不存在则创建\n  const container = Array.from(mountedDom.querySelectorAll(`.${tdMessageListClass}.${tdMessagePlacementClass}`));\n  if (container.length < 1) {\n    const div = document.createElement('div');\n    div.className = classNames(tdMessageListClass, tdMessagePlacementClass);\n    div.style.zIndex = String(zIndex || globalConfig.zIndex);\n\n    Object.keys(PlacementOffset[placement]).forEach((key) => {\n      div.style[key] = PlacementOffset[placement][key];\n    });\n\n    if (placement.includes('top')) {\n      div.style.top = `${globalConfig.top}px`;\n    }\n    mountedDom.appendChild(div);\n    return div;\n  }\n  return container[0];\n}\n\n/**\n * @desc 函数式调用时的 message 渲染函数\n */\nfunction renderElement(theme, config: MessageOptions): Promise<MessageInstance> {\n  const container = createContainer(config) as HTMLElement;\n  let { duration = globalConfig.duration } = config;\n  const { content, offset, onDurationEnd = noop } = config;\n  const div = document.createElement('div');\n\n  keyIndex += 1;\n\n  const message = {\n    close: () => {\n      ReactDOM.unmountComponentAtNode(div);\n      div.remove();\n    },\n    key: keyIndex,\n  };\n\n  // 校验duration 合法性\n  if (duration < 0) {\n    duration = 3000;\n  }\n  if (duration !== 0) {\n    setTimeout(() => {\n      message.close();\n      onDurationEnd();\n    }, duration);\n  }\n\n  let style: React.CSSProperties = {};\n  if (Array.isArray(offset) && offset.length === 2) {\n    const [left, top] = offset;\n    style = {\n      left,\n      top,\n      position: 'relative',\n    };\n  }\n\n  return new Promise((resolve) => {\n    // 渲染组件\n    ReactDOM.render(\n      <MessageComponent theme={theme} style={style} key={keyIndex} {...config}>\n        {content}\n      </MessageComponent>,\n      div,\n    );\n\n    // 将当前渲染的 message 挂载到指定的容器中\n    container.appendChild(div);\n    // message 推入 message 列表\n    MessageList.push(message);\n    // 将 message 实例通过 resolve 返回给 promise 调用方\n    resolve(message);\n  });\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// :todo 需要 api 定义完全的 message 格式，否则用户使用时没法得到 message.info 的提示.\nconst Message: MessageProps = MessageComponent;\n\n// 判断是否是 messageOptions\nfunction isConfig(content: MessageOptions | React.ReactNode): content is MessageOptions {\n  return Object.prototype.toString.call(content) === '[object Object]' && !!(content as MessageOptions).content;\n}\n\nconst messageMethod: MessageMethod = (theme: MessageThemeList, content, duration: number = globalConfig.duration) => {\n  let config = {} as MessageOptions;\n  if (isConfig(content)) {\n    config = {\n      duration,\n      ...content,\n    };\n  } else {\n    config = {\n      content,\n      duration,\n    };\n  }\n  config = {\n    ...config,\n    zIndex: config.zIndex || globalConfig.zIndex,\n  };\n  return renderElement(theme, config);\n};\n\nTHEME_ARRAY.forEach((theme) => {\n  Message[theme] = (content, duration) => messageMethod(theme, content, duration);\n});\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc Message 顶层内置函数，传入 message promise，关闭传入的 message.\n */\nMessage.close = (message) => {\n  message.then((instance) => instance.close());\n};\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc 关闭所有的 message\n * :todo 需明确关闭范围，目前 message 中暂无 namespace 类似概念，暂时做全 message 关闭\n * 可预见到的扩展: 根据不同的 attach 做关闭,根据不同的类型做关闭，根据不同的 namespace 做关闭等等\n */\nMessage.closeAll = (): MessageCloseAllMethod => {\n  MessageList.forEach((message) => {\n    typeof message.close === 'function' && message.close();\n  });\n  MessageList = [];\n  return;\n};\n\nexport default Message;\n"],"names":["MessageList","keyIndex","globalConfig","zIndex","duration","top","attach","placement","mountedDom","document","body","result","querySelectorAll","length","tdMessageListClass","tdMessagePlacementClass","container","Array","from","div","createElement","className","classNames","style","String","keys","PlacementOffset","forEach","key","includes","appendChild","theme","config","createContainer","content","offset","onDurationEnd","noop","message","close","unmountComponentAtNode","remove","isArray","left","position","Promise","resolve","render","MessageComponent","push","Message","Object","prototype","toString","call","messageMethod","isConfig","renderElement","THEME_ARRAY","then","instance","closeAll"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../src/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\n\nimport {\n  MessageCloseAllMethod,\n  MessageErrorMethod,\n  MessageInfoMethod,\n  MessageInstance,\n  MessageLoadingMethod,\n  MessageMethod,\n  MessageOptions,\n  MessageQuestionMethod,\n  MessageSuccessMethod,\n  MessageWarningMethod,\n  TdMessageProps,\n  MessageThemeList,\n} from '../_type/components/message';\nimport { AttachNodeReturnValue } from '../_type/common';\nimport noop from '../_util/noop';\nimport { PlacementOffset, THEME_ARRAY } from './const';\nimport MessageComponent from './MessageComponent';\n\n// 定义全局的 message 列表，closeAll 函数需要使用\nlet MessageList: MessageInstance[] = [];\nlet keyIndex = 1;\n\n// 全局默认配置，zIndex 为 5000，默认关闭事件 3000\nconst globalConfig = {\n  zIndex: 5000,\n  duration: 3000,\n  top: 32,\n};\n\nexport interface MessageProps extends React.FC<TdMessageProps> {\n  info: MessageInfoMethod;\n  success: MessageSuccessMethod;\n  warning: MessageWarningMethod;\n  error: MessageErrorMethod;\n  question: MessageQuestionMethod;\n  loading: MessageLoadingMethod;\n  closeAll: MessageCloseAllMethod;\n  close: (message: Promise<MessageInstance>) => void;\n}\n\n/**\n * @author kenzyyang\n * @date 2021-05-11 20:36:52\n * @desc 创建容器，所有的 message 会填充到容器中\n */\nfunction createContainer({ attach, zIndex, placement = 'top' }: MessageOptions) {\n  // 默认注入到 body 中，如果用户有制定，以用户指定的为准\n  let mountedDom: AttachNodeReturnValue = document.body;\n\n  // attach 为字符串时认为是选择器\n  if (typeof attach === 'string') {\n    const result = document.querySelectorAll(attach);\n    if (result.length >= 1) {\n      // :todo 编译器提示 nodelist 为类数组类型，并没有实现迭代器，没办法使用数组解构，暂时加上 eslint-disable\n      // eslint-disable-next-line prefer-destructuring\n      mountedDom = result[0];\n    }\n  } else if (typeof attach === 'function') {\n    mountedDom = attach();\n  }\n\n  // :todo 暂时写死，需要 pmc 确定如何在非组件中拿到动态配置的样式前缀\n  const tdMessageListClass = 't-message-list';\n  const tdMessagePlacementClass = `t-message-placement--${placement}`;\n\n  // 选择器找到一个挂载 message 的容器，不存在则创建\n  const container = Array.from(mountedDom.querySelectorAll(`.${tdMessageListClass}.${tdMessagePlacementClass}`));\n  if (container.length < 1) {\n    const div = document.createElement('div');\n    div.className = classNames(tdMessageListClass, tdMessagePlacementClass);\n    div.style.zIndex = String(zIndex || globalConfig.zIndex);\n\n    Object.keys(PlacementOffset[placement]).forEach((key) => {\n      div.style[key] = PlacementOffset[placement][key];\n    });\n\n    if (placement.includes('top')) {\n      div.style.top = `${globalConfig.top}px`;\n    }\n    mountedDom.appendChild(div);\n    return div;\n  }\n  return container[0];\n}\n\n/**\n * @desc 函数式调用时的 message 渲染函数\n */\nfunction renderElement(theme, config: MessageOptions): Promise<MessageInstance> {\n  const container = createContainer(config) as HTMLElement;\n  let { duration = globalConfig.duration } = config;\n  const { content, offset, onDurationEnd = noop } = config;\n  const div = document.createElement('div');\n\n  keyIndex += 1;\n\n  const message = {\n    close: () => {\n      ReactDOM.unmountComponentAtNode(div);\n      div.remove();\n    },\n    key: keyIndex,\n  };\n\n  // 校验duration 合法性\n  if (duration < 0) {\n    duration = 3000;\n  }\n  if (duration !== 0) {\n    setTimeout(() => {\n      message.close();\n      onDurationEnd();\n    }, duration);\n  }\n\n  let style: React.CSSProperties = {};\n  if (Array.isArray(offset) && offset.length === 2) {\n    const [left, top] = offset;\n    style = {\n      left,\n      top,\n      position: 'relative',\n    };\n  }\n\n  return new Promise((resolve) => {\n    // 渲染组件\n    ReactDOM.render(\n      <MessageComponent theme={theme} style={style} key={keyIndex} {...config}>\n        {content}\n      </MessageComponent>,\n      div,\n    );\n\n    // 将当前渲染的 message 挂载到指定的容器中\n    container.appendChild(div);\n    // message 推入 message 列表\n    MessageList.push(message);\n    // 将 message 实例通过 resolve 返回给 promise 调用方\n    resolve(message);\n  });\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// :todo 需要 api 定义完全的 message 格式，否则用户使用时没法得到 message.info 的提示.\nconst Message: MessageProps = MessageComponent;\n\n// 判断是否是 messageOptions\nfunction isConfig(content: MessageOptions | React.ReactNode): content is MessageOptions {\n  return Object.prototype.toString.call(content) === '[object Object]' && !!(content as MessageOptions).content;\n}\n\nconst messageMethod: MessageMethod = (theme: MessageThemeList, content, duration: number = globalConfig.duration) => {\n  let config = {} as MessageOptions;\n  if (isConfig(content)) {\n    config = {\n      duration,\n      ...content,\n    };\n  } else {\n    config = {\n      content,\n      duration,\n    };\n  }\n  config = {\n    ...config,\n    zIndex: config.zIndex || globalConfig.zIndex,\n  };\n  return renderElement(theme, config);\n};\n\nTHEME_ARRAY.forEach((theme) => {\n  Message[theme] = (content, duration) => messageMethod(theme, content, duration);\n});\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc Message 顶层内置函数，传入 message promise，关闭传入的 message.\n */\nMessage.close = (message) => {\n  message.then((instance) => instance.close());\n};\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc 关闭所有的 message\n * :todo 需明确关闭范围，目前 message 中暂无 namespace 类似概念，暂时做全 message 关闭\n * 可预见到的扩展: 根据不同的 attach 做关闭,根据不同的类型做关闭，根据不同的 namespace 做关闭等等\n */\nMessage.closeAll = (): MessageCloseAllMethod => {\n  MessageList.forEach((message) => {\n    typeof message.close === 'function' && message.close();\n  });\n  MessageList = [];\n  return;\n};\n\nexport default Message;\n"],"names":["MessageList","keyIndex","globalConfig","zIndex","duration","top","attach","placement","mountedDom","document","body","result","querySelectorAll","length","tdMessageListClass","tdMessagePlacementClass","container","Array","from","div","createElement","className","classNames","style","String","keys","PlacementOffset","forEach","key","includes","appendChild","theme","config","createContainer","content","offset","onDurationEnd","noop","message","close","unmountComponentAtNode","remove","isArray","left","position","Promise","resolve","render","MessageComponent","push","Message","Object","prototype","toString","call","messageMethod","isConfig","renderElement","THEME_ARRAY","then","instance","closeAll"],"mappings":"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"}

package/cjs/message/MessageClose.js

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

package/cjs/message/MessageComponent.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,19 +8,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-da22c7e7.js');
-var slicedToArray = require('../_chunks/dep-138b9430.js');
+var defineProperty = require('../_chunks/dep-3690810b.js');
+var slicedToArray = require('../_chunks/dep-7555b3cd.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_noop = require('../_util/noop.js');
 var message_MessageClose = require('./MessageClose.js');
 var message_MessageIcon = require('./MessageIcon.js');
 var message_useMessageClass = require('./useMessageClass.js');
-require('../_chunks/dep-fe12381d.js');
+require('../_chunks/dep-3a707dd3.js');
 require('tdesign-icons-react');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('react-dom');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-d0bc53f1.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_util/easing.js');
 require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
+require('../common/Portal.js');
+require('../_chunks/dep-7a3bfc35.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/message/MessageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageComponent.js","sources":["../../src/message/MessageComponent.tsx"],"sourcesContent":["/**\n * @author kenzyyang\n * @date 2021-05-11 19:25:08\n * @desc Message 纯组件实现.(Message.info Message.close 等函数用法封装在 message.tsx)\n */\nimport React, { useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TdMessageProps } from '../_type/components/message';\n\n// 依赖组件引入\nimport noop from '../_util/noop';\nimport MessageClose from './MessageClose';\nimport MessageIcon from './MessageIcon';\nimport { useMessageClass } from './useMessageClass';\n\n// Message 组件参数，需在 api 定义上做部分扩展\ninterface MessageComponentProps extends TdMessageProps {\n  style?: React.CSSProperties;\n}\n\n// message 直接作为组件使用时\nconst MessageComponent: React.FC<MessageComponentProps> = (props) => {\n  // 样式相关变量和函数\n  const { tdMessagePrefix, tdClassIsGenerator } = useMessageClass();\n  const [mount, setMount] = useState(true);\n\n  const {\n    theme = 'info',\n    children,\n    closeBtn,\n    onCloseBtnClick = noop,\n    style,\n    icon,\n    content,\n    onDurationEnd = noop,\n    duration = 3000,\n  } = props;\n\n  if (duration > 0) {\n    setTimeout(() => {\n      setMount(false);\n      onDurationEnd();\n    }, duration);\n  }\n\n  return mount ? (\n    <div\n      key=\"message\"\n      style={style}\n      className={classNames(\n        `${tdMessagePrefix}`,\n        tdClassIsGenerator(theme),\n        closeBtn ? tdClassIsGenerator('closable') : '',\n      )}\n    >\n      {icon ? icon : <MessageIcon theme={theme} onCloseBtnClick={onCloseBtnClick} />}\n      {content ? content : children}\n      <MessageClose {...props} />\n    </div>\n  ) : null;\n};\n\nexport default MessageComponent;\n"],"names":["MessageComponent","props","useMessageClass","tdMessagePrefix","tdClassIsGenerator","useState","mount","setMount","theme","children","closeBtn","onCloseBtnClick","noop","style","icon","content","onDurationEnd","duration","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,mBAAoD,SAApDA,gBAAoD,CAACC,KAAD,EAAW;yBAEnBC;MAAxCC,mCAAAA;MAAiBC,sCAAAA;;kBACCC,eAAS;;MAA5BC;MAAOC;;qBAYVN,MATFO;MAAAA,kCAAQ;MACRC,WAQER,MARFQ;MACAC,WAOET,MAPFS;8BAOET,MANFU;MAAAA,qDAAkBC;MAClBC,QAKEZ,MALFY;MACAC,OAIEb,MAJFa;MACAC,UAGEd,MAHFc;6BAGEd,MAFFe;MAAAA,kDAAgBJ;wBAEdX,MADFgB;MAAAA,wCAAW;;MAGTA,WAAW,GAAG;eACL,YAAM;eACN;;OAERA;;;SAGEX,+DACJ,OAAD;AACEY,IAAAA,KAAI,SADN;AAEEL,IAAAA,OAAAA,KAFF;AAGEM,IAAAA,WAAWC,yCACNjB,kBACHC,mBAAmBI,QACnBE,WAAWN,mBAAmB,cAAc;AANhD,KASGU,OAAOA,8DAAQO,gCAAD;AAAab,IAAAA,OAAAA,KAAb;AAA2BG,IAAAA,iBAAAA;AAA3B,MACdI,UAAUA,UAAUN,iEACpBa,mDAAiBrB,WAElB;;;;;"}
+{"version":3,"file":"MessageComponent.js","sources":["../../src/message/MessageComponent.tsx"],"sourcesContent":["/**\n * @author kenzyyang\n * @date 2021-05-11 19:25:08\n * @desc Message 纯组件实现.(Message.info Message.close 等函数用法封装在 message.tsx)\n */\nimport React, { useState } from 'react';\n\nimport classNames from 'classnames';\nimport { TdMessageProps } from '../_type/components/message';\n\n// 依赖组件引入\nimport noop from '../_util/noop';\nimport MessageClose from './MessageClose';\nimport MessageIcon from './MessageIcon';\nimport { useMessageClass } from './useMessageClass';\n\n// Message 组件参数，需在 api 定义上做部分扩展\ninterface MessageComponentProps extends TdMessageProps {\n  style?: React.CSSProperties;\n}\n\n// message 直接作为组件使用时\nconst MessageComponent: React.FC<MessageComponentProps> = (props) => {\n  // 样式相关变量和函数\n  const { tdMessagePrefix, tdClassIsGenerator } = useMessageClass();\n  const [mount, setMount] = useState(true);\n\n  const {\n    theme = 'info',\n    children,\n    closeBtn,\n    onCloseBtnClick = noop,\n    style,\n    icon,\n    content,\n    onDurationEnd = noop,\n    duration = 3000,\n  } = props;\n\n  if (duration > 0) {\n    setTimeout(() => {\n      setMount(false);\n      onDurationEnd();\n    }, duration);\n  }\n\n  return mount ? (\n    <div\n      key=\"message\"\n      style={style}\n      className={classNames(\n        `${tdMessagePrefix}`,\n        tdClassIsGenerator(theme),\n        closeBtn ? tdClassIsGenerator('closable') : '',\n      )}\n    >\n      {icon ? icon : <MessageIcon theme={theme} onCloseBtnClick={onCloseBtnClick} />}\n      {content ? content : children}\n      <MessageClose {...props} />\n    </div>\n  ) : null;\n};\n\nexport default MessageComponent;\n"],"names":["MessageComponent","props","useMessageClass","tdMessagePrefix","tdClassIsGenerator","useState","mount","setMount","theme","children","closeBtn","onCloseBtnClick","noop","style","icon","content","onDurationEnd","duration","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,mBAAoD,SAApDA,gBAAoD,CAACC,KAAD,EAAW;yBAEnBC;MAAxCC,mCAAAA;MAAiBC,sCAAAA;;kBACCC,eAAS;;MAA5BC;MAAOC;;qBAYVN,MATFO;MAAAA,kCAAQ;MACRC,WAQER,MARFQ;MACAC,WAOET,MAPFS;8BAOET,MANFU;MAAAA,qDAAkBC;MAClBC,QAKEZ,MALFY;MACAC,OAIEb,MAJFa;MACAC,UAGEd,MAHFc;6BAGEd,MAFFe;MAAAA,kDAAgBJ;wBAEdX,MADFgB;MAAAA,wCAAW;;MAGTA,WAAW,GAAG;eACL,YAAM;eACN;;OAERA;;;SAGEX,+DACJ,OAAD;AACEY,IAAAA,KAAI,SADN;AAEEL,IAAAA,OAAAA,KAFF;AAGEM,IAAAA,WAAWC,yCACNjB,kBACHC,mBAAmBI,QACnBE,WAAWN,mBAAmB,cAAc;AANhD,KASGU,OAAOA,8DAAQO,gCAAD;AAAab,IAAAA,OAAAA,KAAb;AAA2BG,IAAAA,iBAAAA;AAA3B,MACdI,UAAUA,UAAUN,iEACpBa,mDAAiBrB,WAElB;;;;;"}

package/cjs/message/MessageIcon.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -10,6 +10,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var tdesignIconsReact = require('tdesign-icons-react');
+var loading_index = require('../loading/index.js');
+require('../loading/loading.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-7555b3cd.js');
+require('../_chunks/dep-3a707dd3.js');
+require('react-dom');
+require('classnames');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-d0bc53f1.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_util/easing.js');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../common/Portal.js');
+require('../_chunks/dep-7a3bfc35.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,12 +41,19 @@ var iconMap = {
   warning: tdesignIconsReact.ErrorCircleFilledIcon,
   error: tdesignIconsReact.ErrorCircleFilledIcon,
   question: tdesignIconsReact.HelpCircleFilledIcon,
-  loading: tdesignIconsReact.LoadingIcon
+  loading: loading_index.Loading
 };
 function MessageIcon(_ref) {
   var theme = _ref.theme,
       onCloseBtnClick = _ref.onCloseBtnClick;
   var Icon = iconMap[theme];
+
+  if (theme === "loading") {
+    return /* @__PURE__ */React__default["default"].createElement(Icon, {
+      loading: true
+    });
+  }
+
   return Icon ? /* @__PURE__ */React__default["default"].createElement(Icon, {
     onClick: function onClick(e) {
       return onCloseBtnClick === null || onCloseBtnClick === void 0 ? void 0 : onCloseBtnClick({

package/cjs/message/MessageIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageIcon.js","sources":["../../src/message/MessageIcon.tsx"],"sourcesContent":["/**\n * @author kenzyyang\n * @date 2021-05-11 19:40:44\n * @desc message 展示的 icon，基于 theme 参数，通过 map 映射展示合适的 icon. 借鉴原开发的实现方式,本次修改仅做文件拆分\n */\nimport React from 'react';\n\nimport {\n  CheckCircleFilledIcon,\n  ErrorCircleFilledIcon,\n  HelpCircleFilledIcon,\n  InfoCircleFilledIcon,\n  LoadingIcon,\n} from 'tdesign-icons-react';\nimport { TdMessageProps } from '../_type/components/message';\n\n// theme 和 icon 的映射表\nconst iconMap = {\n  info: InfoCircleFilledIcon,\n  success: CheckCircleFilledIcon,\n  warning: ErrorCircleFilledIcon,\n  error: ErrorCircleFilledIcon,\n  question: HelpCircleFilledIcon,\n  loading: LoadingIcon,\n};\n\nexport default function MessageIcon({ theme, onCloseBtnClick }: TdMessageProps) {\n  const Icon = iconMap[theme];\n  return Icon ? <Icon onClick={(e) => onCloseBtnClick?.({ e })} /> : null;\n}\n"],"names":["iconMap","info","InfoCircleFilledIcon","success","CheckCircleFilledIcon","warning","ErrorCircleFilledIcon","error","question","HelpCircleFilledIcon","loading","LoadingIcon","theme","onCloseBtnClick","Icon","onClick","e"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAMA,UAAU;AACdC,EAAAA,MAAMC,sCADQ;AAEdC,EAAAA,SAASC,uCAFK;AAGdC,EAAAA,SAASC,uCAHK;AAIdC,EAAAA,OAAOD,uCAJO;AAKdE,EAAAA,UAAUC,sCALI;AAMdC,EAAAA,SAASC;AANK,CAAhB;2BASgF;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,eAAmC,QAAnCA,eAAmC;MACxEC,OAAOd,QAAQY;SACdE,8DAAQA,MAAD;AAAMC,IAAAA,SAAS,iBAACC,CAAD;AAAA,aAAOH,eAAP,aAAOA,eAAP,uBAAOA,gBAAkB;AAAEG,QAAAA,GAAAA;AAAF,QAAzB;AAAA;AAAf,OAAqD;;;;;"}
+{"version":3,"file":"MessageIcon.js","sources":["../../src/message/MessageIcon.tsx"],"sourcesContent":["/**\n * @author kenzyyang\n * @date 2021-05-11 19:40:44\n * @desc message 展示的 icon，基于 theme 参数，通过 map 映射展示合适的 icon. 借鉴原开发的实现方式,本次修改仅做文件拆分\n */\nimport React from 'react';\n\nimport {\n  CheckCircleFilledIcon,\n  ErrorCircleFilledIcon,\n  HelpCircleFilledIcon,\n  InfoCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport { TdMessageProps } from '../_type/components/message';\nimport Loading from '../loading';\n\n// theme 和 icon 的映射表\nconst iconMap = {\n  info: InfoCircleFilledIcon,\n  success: CheckCircleFilledIcon,\n  warning: ErrorCircleFilledIcon,\n  error: ErrorCircleFilledIcon,\n  question: HelpCircleFilledIcon,\n  loading: Loading,\n};\n\nexport default function MessageIcon({ theme, onCloseBtnClick }: TdMessageProps) {\n  const Icon = iconMap[theme];\n  if (theme === 'loading') {\n    return <Icon loading={true} />;\n  }\n\n  return Icon ? <Icon onClick={(e) => onCloseBtnClick?.({ e })} /> : null;\n}\n"],"names":["iconMap","info","InfoCircleFilledIcon","success","CheckCircleFilledIcon","warning","ErrorCircleFilledIcon","error","question","HelpCircleFilledIcon","loading","Loading","theme","onCloseBtnClick","Icon","onClick","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,UAAU;AACdC,EAAAA,MAAMC,sCADQ;AAEdC,EAAAA,SAASC,uCAFK;AAGdC,EAAAA,SAASC,uCAHK;AAIdC,EAAAA,OAAOD,uCAJO;AAKdE,EAAAA,UAAUC,sCALI;AAMdC,EAAAA,SAASC;AANK,CAAhB;2BASgF;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,eAAmC,QAAnCA,eAAmC;MACxEC,OAAOd,QAAQY;;MACjBA,UAAU,WAAW;kEACfE,MAAD;AAAMJ,MAAAA,SAAS;AAAf;;;SAGFI,8DAAQA,MAAD;AAAMC,IAAAA,SAAS,iBAACC,CAAD;AAAA,aAAOH,eAAP,aAAOA,eAAP,uBAAOA,gBAAkB;AAAEG,QAAAA,GAAAA;AAAF,QAAzB;AAAA;AAAf,OAAqD;;;;;"}

package/cjs/message/const.js

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

package/cjs/message/index.d.ts

@@ -1,4 +1,5 @@
 import './style/index.js';
 export type { MessageProps } from './Message';
+export * from '../_type/components/message';
 export declare const Message: import("./Message").MessageProps;
 export default Message;

package/cjs/message/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var message_Message = require('./Message.js');
-require('../_chunks/dep-da22c7e7.js');
-require('../_chunks/dep-138b9430.js');
-require('../_chunks/dep-fe12381d.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-7555b3cd.js');
+require('../_chunks/dep-3a707dd3.js');
 require('react');
 require('react-dom');
 require('classnames');
@@ -25,6 +25,18 @@ require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('./MessageIcon.js');
+require('../loading/index.js');
+require('../loading/loading.js');
+require('../_util/dom.js');
+require('raf');
+require('../_chunks/dep-d0bc53f1.js');
+require('../_chunks/dep-2bf84a94.js');
+require('../_chunks/dep-d2731646.js');
+require('../_chunks/dep-3e8d1212.js');
+require('../_chunks/dep-39714d3a.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('../_chunks/dep-7a3bfc35.js');
 
 var Message = message_Message["default"];
 

package/cjs/message/index.js.map

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

package/cjs/message/useMessageClass.js

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

package/cjs/notification/Notification.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,18 +8,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_chunks/dep-0c167c1c.js');
-require('../_chunks/dep-138b9430.js');
+require('../_chunks/dep-7a3bfc35.js');
+require('../_chunks/dep-7555b3cd.js');
 require('react');
 require('tdesign-icons-react');
 require('../_util/noop.js');
 require('../_util/useConfig.js');
-var notification_NotificationList = require('../_chunks/dep-c3fafc60.js');
-require('../_chunks/dep-fe12381d.js');
+var notification_NotificationList = require('../_chunks/dep-5226ed24.js');
+require('../_chunks/dep-3a707dd3.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-da22c7e7.js');
-require('../_chunks/dep-d28ccca5.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-26d8057f.js');
 require('react-dom');
 
 

package/cjs/notification/NotificationList.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,18 +8,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_chunks/dep-da22c7e7.js');
-require('../_chunks/dep-d28ccca5.js');
-require('../_chunks/dep-138b9430.js');
+require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-26d8057f.js');
+require('../_chunks/dep-7555b3cd.js');
 require('react');
 require('react-dom');
 require('../_util/useConfig.js');
 require('../_util/noop.js');
-var notification_NotificationList = require('../_chunks/dep-c3fafc60.js');
-require('../_chunks/dep-fe12381d.js');
+var notification_NotificationList = require('../_chunks/dep-5226ed24.js');
+require('../_chunks/dep-3a707dd3.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-0c167c1c.js');
+require('../_chunks/dep-7a3bfc35.js');
 require('tdesign-icons-react');
 
 

package/cjs/notification/index.d.ts

@@ -1,5 +1,5 @@
 import _Notification from './Notification';
 import './style/index.js';
-export type { NotificationThemeList, NotificationPlacementList, NotificationInstance, NotificationInfoOptions, NotificationMethod, TdNotificationProps as NotificationProps, } from '../_type/components/notification';
+export * from '../_type/components/notification';
 export declare const Notification: _Notification;
 export default Notification;