tdesign-react 0.18.2 → 0.19.0

package/lib/message/Message.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MessageCloseAllMethod, MessageErrorMethod, MessageInfoMethod, MessageInstance, MessageLoadingMethod, MessageQuestionMethod, MessageSuccessMethod, MessageWarningMethod, TdMessageProps } from '../_type/components/message';
+import { MessageCloseAllMethod, MessageErrorMethod, MessageInfoMethod, MessageInstance, MessageLoadingMethod, MessageQuestionMethod, MessageSuccessMethod, MessageWarningMethod, TdMessageProps } from './type';
 export interface MessageProps extends React.FC<TdMessageProps> {
     info: MessageInfoMethod;
     success: MessageSuccessMethod;

package/lib/message/Message.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 _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default from 'react';
 import ReactDOM__default from 'react-dom';
 import classNames from 'classnames';
 import noop from '../_util/noop.js';
 import { THEME_ARRAY, PlacementOffset } from './const.js';
 import MessageComponent from './MessageComponent.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 import './MessageClose.js';
 import 'tdesign-icons-react';
 import './useMessageClass.js';
@@ -24,14 +24,13 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.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/lib/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';\nimport { AttachNodeReturnValue } from '../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/lib/message/MessageClose.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { TdMessageProps } from '../_type/components/message';
+import { TdMessageProps } from './type';
 export default function MessageClose({ closeBtn, onCloseBtnClick }: TdMessageProps): JSX.Element;

package/lib/message/MessageClose.js

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

package/lib/message/MessageClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageClose.js","sources":["../../src/message/MessageClose.tsx"],"sourcesContent":["/**\n * @author kenzyyang\n * @date 2021-05-11 20:01:45\n * @desc message 关闭按钮组件\n */\nimport React from 'react';\n\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { TdMessageProps } from '../_type/components/message';\nimport { useMessageClass } from './useMessageClass';\n\nexport default function MessageClose({ closeBtn, onCloseBtnClick }: TdMessageProps) {\n  const { tdMessageClassGenerator } = useMessageClass();\n\n  // falseLike 类型表明不展示 close\n  if (!closeBtn) {\n    return null;\n  }\n\n  if (typeof closeBtn === 'function') {\n    return React.cloneElement(closeBtn(), {\n      className: classNames(closeBtn().props.className, tdMessageClassGenerator('close')),\n    });\n  }\n\n  // 数字 字符串类型封装 span 标签\n  if (typeof closeBtn === 'string' || typeof closeBtn === 'number') {\n    return (\n      <span className={tdMessageClassGenerator('close')} onClick={(e) => onCloseBtnClick?.({ e })}>\n        {closeBtn}\n      </span>\n    );\n  }\n\n  // 组件或者 dom 节点 加上 close 样式\n  if (React.isValidElement(closeBtn)) {\n    return React.cloneElement(closeBtn, {\n      className: classNames(closeBtn.props.className, tdMessageClassGenerator('close')),\n    });\n  }\n\n  // 否则使用默认的关闭按钮样式\n  return <CloseIcon className={tdMessageClassGenerator('close')} />;\n}\n"],"names":["closeBtn","onCloseBtnClick","useMessageClass","tdMessageClassGenerator","React","cloneElement","className","classNames","props","onClick","e","isValidElement","CloseIcon"],"mappings":";;;;;;;;;;;;;;4BAYoF;AAAA,MAA7CA,QAA6C,QAA7CA,QAA6C;AAAA,MAAnCC,eAAmC,QAAnCA,eAAmC;;yBAC9CC;MAA5BC,2CAAAA;;MAGJ,CAACH,UAAU;WACN;;;MAGL,OAAOA,QAAP,KAAoB,YAAY;wBAC3BI,eAAMC,YAAN,CAAmBL,UAAnB,EAA+B;AACpCM,MAAAA,WAAWC,WAAWP,WAAWQ,KAAX,CAAiBF,WAAWH,wBAAwB;AADtC,KAA/B;;;MAML,OAAOH,QAAP,KAAoB,QAApB,IAAgC,OAAOA,QAAP,KAAoB,UAAU;uDAE7D,QAAD;AAAMM,MAAAA,WAAWH,wBAAwB,QAAzC;AAAmDM,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOT,eAAP,aAAOA,eAAP,uBAAOA,gBAAkB;AAAES,UAAAA,GAAAA;AAAF,UAAzB;AAAA;AAA5D,OACGV;;;oBAMHI,eAAMO,cAAN,CAAqBX,QAArB,GAAgC;wBAC3BI,eAAMC,YAAN,CAAmBL,QAAnB,EAA6B;AAClCM,MAAAA,WAAWC,WAAWP,SAASQ,KAAT,CAAeF,WAAWH,wBAAwB;AADtC,KAA7B;;;qDAMDS,WAAD;AAAWN,IAAAA,WAAWH,wBAAwB;AAA9C;;;;;"}
+{"version":3,"file":"MessageClose.js","sources":["../../src/message/MessageClose.tsx"],"sourcesContent":["/**\n * @author kenzyyang\n * @date 2021-05-11 20:01:45\n * @desc message 关闭按钮组件\n */\nimport React from 'react';\n\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { TdMessageProps } from './type';\nimport { useMessageClass } from './useMessageClass';\n\nexport default function MessageClose({ closeBtn, onCloseBtnClick }: TdMessageProps) {\n  const { tdMessageClassGenerator } = useMessageClass();\n\n  // falseLike 类型表明不展示 close\n  if (!closeBtn) {\n    return null;\n  }\n\n  if (typeof closeBtn === 'function') {\n    return React.cloneElement(closeBtn(), {\n      className: classNames(closeBtn().props.className, tdMessageClassGenerator('close')),\n    });\n  }\n\n  // 数字 字符串类型封装 span 标签\n  if (typeof closeBtn === 'string' || typeof closeBtn === 'number') {\n    return (\n      <span className={tdMessageClassGenerator('close')} onClick={(e) => onCloseBtnClick?.({ e })}>\n        {closeBtn}\n      </span>\n    );\n  }\n\n  // 组件或者 dom 节点 加上 close 样式\n  if (React.isValidElement(closeBtn)) {\n    return React.cloneElement(closeBtn, {\n      className: classNames(closeBtn.props.className, tdMessageClassGenerator('close')),\n    });\n  }\n\n  // 否则使用默认的关闭按钮样式\n  return <CloseIcon className={tdMessageClassGenerator('close')} />;\n}\n"],"names":["closeBtn","onCloseBtnClick","useMessageClass","tdMessageClassGenerator","React","cloneElement","className","classNames","props","onClick","e","isValidElement","CloseIcon"],"mappings":";;;;;;;;;;;;;;4BAYoF;AAAA,MAA7CA,QAA6C,QAA7CA,QAA6C;AAAA,MAAnCC,eAAmC,QAAnCA,eAAmC;;yBAC9CC;MAA5BC,2CAAAA;;MAGJ,CAACH,UAAU;WACN;;;MAGL,OAAOA,QAAP,KAAoB,YAAY;wBAC3BI,eAAMC,YAAN,CAAmBL,UAAnB,EAA+B;AACpCM,MAAAA,WAAWC,WAAWP,WAAWQ,KAAX,CAAiBF,WAAWH,wBAAwB;AADtC,KAA/B;;;MAML,OAAOH,QAAP,KAAoB,QAApB,IAAgC,OAAOA,QAAP,KAAoB,UAAU;uDAE7D,QAAD;AAAMM,MAAAA,WAAWH,wBAAwB,QAAzC;AAAmDM,MAAAA,SAAS,iBAACC,CAAD;AAAA,eAAOT,eAAP,aAAOA,eAAP,uBAAOA,gBAAkB;AAAES,UAAAA,GAAAA;AAAF,UAAzB;AAAA;AAA5D,OACGV;;;oBAMHI,eAAMO,cAAN,CAAqBX,QAArB,GAAgC;wBAC3BI,eAAMC,YAAN,CAAmBL,QAAnB,EAA6B;AAClCM,MAAAA,WAAWC,WAAWP,SAASQ,KAAT,CAAeF,WAAWH,wBAAwB;AADtC,KAA7B;;;qDAMDS,WAAD;AAAWN,IAAAA,WAAWH,wBAAwB;AAA9C;;;;;"}

package/lib/message/MessageComponent.d.ts

@@ -4,7 +4,7 @@
  * @desc Message 纯组件实现.(Message.info Message.close 等函数用法封装在 message.tsx)
  */
 import React from 'react';
-import { TdMessageProps } from '../_type/components/message';
+import { TdMessageProps } from './type';
 interface MessageComponentProps extends TdMessageProps {
     style?: React.CSSProperties;
 }

package/lib/message/MessageComponent.js

@@ -1,35 +1,34 @@
 /**
- * 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 React__default, { useState } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import React__default from 'react';
 import classNames from 'classnames';
 import noop from '../_util/noop.js';
 import MessageClose from './MessageClose.js';
 import MessageIcon from './MessageIcon.js';
 import { useMessageClass } from './useMessageClass.js';
-import '../_chunks/dep-6a5b1968.js';
 import 'tdesign-icons-react';
 import '../loading/index.js';
 import '../loading/loading.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.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; }
 
@@ -40,11 +39,6 @@ var MessageComponent = function MessageComponent(props) {
       tdMessagePrefix = _useMessageClass.tdMessagePrefix,
       tdClassIsGenerator = _useMessageClass.tdClassIsGenerator;
 
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      mount = _useState2[0],
-      setMount = _useState2[1];
-
   var _props$theme = props.theme,
       theme = _props$theme === void 0 ? "info" : _props$theme,
       children = props.children,
@@ -53,27 +47,15 @@ var MessageComponent = function MessageComponent(props) {
       onCloseBtnClick = _props$onCloseBtnClic === void 0 ? noop : _props$onCloseBtnClic,
       style = props.style,
       icon = props.icon,
-      content = props.content,
-      _props$onDurationEnd = props.onDurationEnd,
-      onDurationEnd = _props$onDurationEnd === void 0 ? noop : _props$onDurationEnd,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 3e3 : _props$duration;
-
-  if (duration > 0) {
-    setTimeout(function () {
-      setMount(false);
-      onDurationEnd();
-    }, duration);
-  }
-
-  return mount ? /* @__PURE__ */React__default.createElement("div", {
+      content = props.content;
+  return /* @__PURE__ */React__default.createElement("div", {
     key: "message",
     style: style,
     className: classNames("".concat(tdMessagePrefix), tdClassIsGenerator(theme), closeBtn ? tdClassIsGenerator("closable") : "")
   }, icon ? icon : /* @__PURE__ */React__default.createElement(MessageIcon, {
     theme: theme,
     onCloseBtnClick: onCloseBtnClick
-  }), content ? content : children, /* @__PURE__ */React__default.createElement(MessageClose, _objectSpread({}, props))) : null;
+  }), content ? content : children, /* @__PURE__ */React__default.createElement(MessageClose, _objectSpread({}, props)));
 };
 
 export { MessageComponent as default };

package/lib/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,SAAS;;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,oDACJ,OAAD;AACEY,IAAAA,KAAI,SADN;AAEEL,IAAAA,OAAAA,KAFF;AAGEM,IAAAA,WAAWC,qBACNjB,kBACHC,mBAAmBI,QACnBE,WAAWN,mBAAmB,cAAc;AANhD,KASGU,OAAOA,mDAAQO,aAAD;AAAab,IAAAA,OAAAA,KAAb;AAA2BG,IAAAA,iBAAAA;AAA3B,MACdI,UAAUA,UAAUN,sDACpBa,gCAAiBrB,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 from 'react';\n\nimport classNames from 'classnames';\nimport { TdMessageProps } from './type';\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\n  const { theme = 'info', children, closeBtn, onCloseBtnClick = noop, style, icon, content } = props;\n\n  return (\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  );\n};\n\nexport default MessageComponent;\n"],"names":["MessageComponent","props","useMessageClass","tdMessagePrefix","tdClassIsGenerator","theme","children","closeBtn","onCloseBtnClick","noop","style","icon","content","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,mBAAoD,SAApDA,gBAAoD,CAACC,KAAD,EAAW;yBAEnBC;MAAxCC,mCAAAA;MAAiBC,sCAAAA;;qBAEoEH,MAArFI;MAAAA,kCAAQ;MAAQC,WAAqEL,MAArEK;MAAUC,WAA2DN,MAA3DM;8BAA2DN,MAAjDO;MAAAA,qDAAkBC;MAAMC,QAAyBT,MAAzBS;MAAOC,OAAkBV,MAAlBU;MAAMC,UAAYX,MAAZW;qDAG9E,OAAD;AACEC,IAAAA,KAAI,SADN;AAEEH,IAAAA,OAAAA,KAFF;AAGEI,IAAAA,WAAWC,qBACNZ,kBACHC,mBAAmBC,QACnBE,WAAWH,mBAAmB,cAAc;AANhD,KASGO,OAAOA,mDAAQK,aAAD;AAAaX,IAAAA,OAAAA,KAAb;AAA2BG,IAAAA,iBAAAA;AAA3B,MACdI,UAAUA,UAAUN,sDACpBW,gCAAiBhB;;;;;"}

package/lib/message/MessageIcon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { TdMessageProps } from '../_type/components/message';
+import { TdMessageProps } from './type';
 export default function MessageIcon({ theme, onCloseBtnClick }: TdMessageProps): JSX.Element;

package/lib/message/MessageIcon.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,24 +8,23 @@ import React__default from 'react';
 import { InfoCircleFilledIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon, HelpCircleFilledIcon } from 'tdesign-icons-react';
 import { Loading } from '../loading/index.js';
 import '../loading/loading.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react-dom';
 import 'classnames';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 
 var iconMap = {
   info: InfoCircleFilledIcon,

package/lib/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} 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,oBADQ;AAEdC,EAAAA,SAASC,qBAFK;AAGdC,EAAAA,SAASC,qBAHK;AAIdC,EAAAA,OAAOD,qBAJO;AAKdE,EAAAA,UAAUC,oBALI;AAMdC,EAAAA,SAASC;AANK,CAAhB;2BASgF;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,eAAmC,QAAnCA,eAAmC;MACxEC,OAAOd,QAAQY;;MACjBA,UAAU,WAAW;uDACfE,MAAD;AAAMJ,MAAAA,SAAS;AAAf;;;SAGFI,mDAAQA,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';\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,oBADQ;AAEdC,EAAAA,SAASC,qBAFK;AAGdC,EAAAA,SAASC,qBAHK;AAIdC,EAAAA,OAAOD,qBAJO;AAKdE,EAAAA,UAAUC,oBALI;AAMdC,EAAAA,SAASC;AANK,CAAhB;2BASgF;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,eAAmC,QAAnCA,eAAmC;MACxEC,OAAOd,QAAQY;;MACjBA,UAAU,WAAW;uDACfE,MAAD;AAAMJ,MAAAA,SAAS;AAAf;;;SAGFI,mDAAQA,MAAD;AAAMC,IAAAA,SAAS,iBAACC,CAAD;AAAA,aAAOH,eAAP,aAAOA,eAAP,uBAAOA,gBAAkB;AAAEG,QAAAA,GAAAA;AAAF,QAAzB;AAAA;AAAf,OAAqD;;;;;"}

package/lib/message/const.d.ts

@@ -1,4 +1,4 @@
-import { MessageThemeList } from '../_type/components/message';
+import { MessageThemeList } from './type';
 export declare const THEME_ARRAY: MessageThemeList[];
 export declare const PlacementOffset: {
     center: {

package/lib/message/const.js

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

package/lib/message/const.js.map

@@ -1 +1 @@
-{"version":3,"file":"const.js","sources":["../../src/message/const.ts"],"sourcesContent":["import { MessageThemeList } from '../_type/components/message';\n\nconst Distance = '32px';\nexport const THEME_ARRAY: MessageThemeList[] = ['info', 'success', 'warning', 'error', 'question', 'loading'];\nexport const PlacementOffset = {\n  center: {\n    left: '50%',\n    top: '50%',\n    transform: 'translateX(-50%) translateY(-50%)',\n  },\n  left: {\n    left: Distance,\n    top: '50%',\n    transform: 'translateY(-50%)',\n  },\n  bottom: {\n    bottom: Distance,\n    left: '50%',\n    transform: 'translateX(-50%)',\n  },\n  right: {\n    right: Distance,\n    top: '50%',\n    transform: 'translateY(-50%)',\n  },\n  top: {\n    top: Distance,\n    left: '50%',\n    transform: 'translateX(-50%)',\n  },\n  'top-left': {\n    left: Distance,\n    top: Distance,\n  },\n  'top-right': {\n    right: Distance,\n    top: Distance,\n  },\n  'bottom-left': {\n    left: Distance,\n    bottom: Distance,\n  },\n  'bottom-right': {\n    right: Distance,\n    bottom: Distance,\n  },\n};\n"],"names":["Distance","THEME_ARRAY","PlacementOffset","center","left","top","transform","bottom","right"],"mappings":";;;;;;AAEA,IAAMA,WAAW,MAAjB;IACaC,cAAkC,CAAC,MAAD,EAAS,SAAT,EAAoB,SAApB,EAA+B,OAA/B,EAAwC,UAAxC,EAAoD,SAApD;IAClCC,kBAAkB;AAC7BC,EAAAA,QAAQ;AACNC,IAAAA,MAAM,KADA;AAENC,IAAAA,KAAK,KAFC;AAGNC,IAAAA,WAAW;AAHL,GADqB;AAM7BF,EAAAA,MAAM;AACJA,IAAAA,MAAMJ,QADF;AAEJK,IAAAA,KAAK,KAFD;AAGJC,IAAAA,WAAW;AAHP,GANuB;AAW7BC,EAAAA,QAAQ;AACNA,IAAAA,QAAQP,QADF;AAENI,IAAAA,MAAM,KAFA;AAGNE,IAAAA,WAAW;AAHL,GAXqB;AAgB7BE,EAAAA,OAAO;AACLA,IAAAA,OAAOR,QADF;AAELK,IAAAA,KAAK,KAFA;AAGLC,IAAAA,WAAW;AAHN,GAhBsB;AAqB7BD,EAAAA,KAAK;AACHA,IAAAA,KAAKL,QADF;AAEHI,IAAAA,MAAM,KAFH;AAGHE,IAAAA,WAAW;AAHR,GArBwB;AA0B7B,cAAY;AACVF,IAAAA,MAAMJ,QADI;AAEVK,IAAAA,KAAKL;AAFK,GA1BiB;AA8B7B,eAAa;AACXQ,IAAAA,OAAOR,QADI;AAEXK,IAAAA,KAAKL;AAFM,GA9BgB;AAkC7B,iBAAe;AACbI,IAAAA,MAAMJ,QADO;AAEbO,IAAAA,QAAQP;AAFK,GAlCc;AAsC7B,kBAAgB;AACdQ,IAAAA,OAAOR,QADO;AAEdO,IAAAA,QAAQP;AAFM;AAtCa;;;;"}
+{"version":3,"file":"const.js","sources":["../../src/message/const.ts"],"sourcesContent":["import { MessageThemeList } from './type';\n\nconst Distance = '32px';\nexport const THEME_ARRAY: MessageThemeList[] = ['info', 'success', 'warning', 'error', 'question', 'loading'];\nexport const PlacementOffset = {\n  center: {\n    left: '50%',\n    top: '50%',\n    transform: 'translateX(-50%) translateY(-50%)',\n  },\n  left: {\n    left: Distance,\n    top: '50%',\n    transform: 'translateY(-50%)',\n  },\n  bottom: {\n    bottom: Distance,\n    left: '50%',\n    transform: 'translateX(-50%)',\n  },\n  right: {\n    right: Distance,\n    top: '50%',\n    transform: 'translateY(-50%)',\n  },\n  top: {\n    top: Distance,\n    left: '50%',\n    transform: 'translateX(-50%)',\n  },\n  'top-left': {\n    left: Distance,\n    top: Distance,\n  },\n  'top-right': {\n    right: Distance,\n    top: Distance,\n  },\n  'bottom-left': {\n    left: Distance,\n    bottom: Distance,\n  },\n  'bottom-right': {\n    right: Distance,\n    bottom: Distance,\n  },\n};\n"],"names":["Distance","THEME_ARRAY","PlacementOffset","center","left","top","transform","bottom","right"],"mappings":";;;;;;AAEA,IAAMA,WAAW,MAAjB;IACaC,cAAkC,CAAC,MAAD,EAAS,SAAT,EAAoB,SAApB,EAA+B,OAA/B,EAAwC,UAAxC,EAAoD,SAApD;IAClCC,kBAAkB;AAC7BC,EAAAA,QAAQ;AACNC,IAAAA,MAAM,KADA;AAENC,IAAAA,KAAK,KAFC;AAGNC,IAAAA,WAAW;AAHL,GADqB;AAM7BF,EAAAA,MAAM;AACJA,IAAAA,MAAMJ,QADF;AAEJK,IAAAA,KAAK,KAFD;AAGJC,IAAAA,WAAW;AAHP,GANuB;AAW7BC,EAAAA,QAAQ;AACNA,IAAAA,QAAQP,QADF;AAENI,IAAAA,MAAM,KAFA;AAGNE,IAAAA,WAAW;AAHL,GAXqB;AAgB7BE,EAAAA,OAAO;AACLA,IAAAA,OAAOR,QADF;AAELK,IAAAA,KAAK,KAFA;AAGLC,IAAAA,WAAW;AAHN,GAhBsB;AAqB7BD,EAAAA,KAAK;AACHA,IAAAA,KAAKL,QADF;AAEHI,IAAAA,MAAM,KAFH;AAGHE,IAAAA,WAAW;AAHR,GArBwB;AA0B7B,cAAY;AACVF,IAAAA,MAAMJ,QADI;AAEVK,IAAAA,KAAKL;AAFK,GA1BiB;AA8B7B,eAAa;AACXQ,IAAAA,OAAOR,QADI;AAEXK,IAAAA,KAAKL;AAFM,GA9BgB;AAkC7B,iBAAe;AACbI,IAAAA,MAAMJ,QADO;AAEbO,IAAAA,QAAQP;AAFK,GAlCc;AAsC7B,kBAAgB;AACdQ,IAAAA,OAAOR,QADO;AAEdO,IAAAA,QAAQP;AAFM;AAtCa;;;;"}

package/lib/message/index.d.ts

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

package/lib/message/index.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Message$1 from './Message.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
@@ -25,14 +25,13 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 
 var Message = Message$1;
 

package/lib/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';\nexport * from '../_type/components/message';\n\nexport const Message = _Message;\nexport default Message;\n"],"names":["Message","_Message"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,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';\n\nexport const Message = _Message;\nexport default Message;\n"],"names":["Message","_Message"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,UAAUC;;;;"}

package/lib/message/type.d.ts

@@ -0,0 +1,76 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode, AttachNode } from '../common';
+import { MouseEvent } from 'react';
+export interface TdMessageProps {
+    /**
+     * 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string 则直接显示值，如：“关闭”。也可以完全自定义按钮
+     */
+    closeBtn?: TNode;
+    /**
+     * 用于自定义消息弹出内容
+     */
+    content?: TNode;
+    /**
+     * 消息内置计时器，计时到达时会触发 duration-end 事件。单位：毫秒。值为 0 则表示没有计时器。
+     * @default 3000
+     */
+    duration?: number;
+    /**
+     * 消息提醒前面的图标，可以自定义
+     * @default true
+     */
+    icon?: TNode;
+    /**
+     * 消息组件风格
+     * @default info
+     */
+    theme?: MessageThemeList;
+    /**
+     * 当关闭按钮存在时，用户点击关闭按钮触发
+     */
+    onCloseBtnClick?: (context: {
+        e: MouseEvent<SVGElement | HTMLElement>;
+    }) => void;
+    /**
+     * 计时结束后触发
+     */
+    onDurationEnd?: () => void;
+}
+export interface MessageOptions extends TdMessageProps {
+    /**
+     * 指定弹框挂载的父节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default 'body'
+     */
+    attach?: AttachNode;
+    /**
+     * 相对于 placement 的偏移量，示例：[-10, 20] 或 ['10em', '8rem']
+     */
+    offset?: Array<string | number>;
+    /**
+     * 弹出消息位置
+     * @default top
+     */
+    placement?: MessagePlacementList;
+    /**
+     * 消息层级
+     * @default 5000
+     */
+    zIndex?: number;
+}
+export declare type MessageThemeList = 'info' | 'success' | 'warning' | 'error' | 'question' | 'loading';
+export declare type MessagePlacementList = 'center' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface MessageInstance {
+    close: () => void;
+}
+export declare type MessageMethod = (theme: MessageThemeList, message: string | MessageOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageInfoOptions = Omit<MessageOptions, 'theme'>;
+export declare type MessageInfoMethod = (message: string | MessageInfoOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageErrorMethod = (message: string | MessageInfoOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageWarningMethod = (message: string | MessageInfoOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageSuccessMethod = (message: string | MessageInfoOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageLoadingMethod = (message: string | MessageInfoOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageQuestionMethod = (message: string | MessageInfoOptions, duration?: number) => Promise<MessageInstance>;
+export declare type MessageCloseAllMethod = () => void;

package/lib/message/type.js

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

package/lib/message/type.js.map

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

package/lib/message/useMessageClass.js

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

package/lib/notification/Notification.d.ts

@@ -1,17 +1,8 @@
 import * as React from 'react';
-import { NotificationCloseMethod, NotificationErrorMethod, NotificationInfoMethod, NotificationSuccessMethod, NotificationWarningMethod, TdNotificationProps, NotificationCloseAllMethod } from '../_type/components/notification';
-import { Styles } from '../_type/common';
-interface Notification extends React.FC<TdNotificationProps> {
-    info: NotificationInfoMethod;
-    success: NotificationSuccessMethod;
-    warning: NotificationWarningMethod;
-    error: NotificationErrorMethod;
-    closeAll: NotificationCloseAllMethod;
-    close: NotificationCloseMethod;
-}
-interface NotificationProps extends TdNotificationProps {
+import { TdNotificationProps } from './type';
+import { Styles } from '../common';
+export interface NotificationProps extends TdNotificationProps {
     style?: Styles;
 }
 export declare const NotificationComponent: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<any>>;
-declare const Notification: Notification;
-export default Notification;
+export default NotificationComponent;