tdesign-react 0.23.1 → 0.24.0-alpha.1

package/es/message/Message.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
-import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../_chunks/dep-187bd749.js';
+import { _ as _slicedToArray } from '../_chunks/dep-3f8fc7c9.js';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
@@ -13,32 +13,45 @@ import noop from '../_util/noop.js';
 import { PlacementOffset } from './const.js';
 import MessageComponent from './MessageComponent.js';
 export { default } from './MessageComponent.js';
-import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-28aa796d.js';
 import './MessageClose.js';
 import 'tdesign-icons-react';
 import './useMessageClass.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-344a6d3a.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import './MessageIcon.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cf8954fb.js';
-import '../_chunks/dep-60f5bd8f.js';
-import '../_chunks/dep-adec0da9.js';
-import '../_chunks/dep-195c3d75.js';
-import '../_chunks/dep-3222ad5b.js';
-import '../_chunks/dep-73c3d91b.js';
-import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-35ff0599.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-b4f47374.js';
 import './style/css.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/es/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  MessageThemeList,\n} from './type';\nimport { AttachNodeReturnValue } from '../common';\nimport noop from '../_util/noop';\nimport { PlacementOffset } 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\ninterface MessagePlugin {\n  (theme: MessageThemeList, message: string | MessageOptions, duration?: number): Promise<MessageInstance>;\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// 判断是否是 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\nexport const MessagePlugin: MessagePlugin = (theme, message, duration) => messageMethod(theme, message, duration);\nMessagePlugin.info = (content, duration) => messageMethod('info', content, duration);\nMessagePlugin.error = (content, duration) => messageMethod('error', content, duration);\nMessagePlugin.warning = (content, duration) => messageMethod('warning', content, duration);\nMessagePlugin.success = (content, duration) => messageMethod('success', content, duration);\nMessagePlugin.question = (content, duration) => messageMethod('question', content, duration);\nMessagePlugin.loading = (content, duration) => messageMethod('loading', content, duration);\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc Message 顶层内置函数，传入 message promise，关闭传入的 message.\n */\nMessagePlugin.close = (messageInstance) => {\n  messageInstance.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 */\nMessagePlugin.closeAll = (): MessageCloseAllMethod => {\n  MessageList.forEach((message) => {\n    typeof message.close === 'function' && message.close();\n  });\n  MessageList = [];\n  return;\n};\n\nexport const message = MessagePlugin;\n\nexport default MessageComponent;\n"],"names":["MessageList","keyIndex","globalConfig","zIndex","duration","top","createContainer","attach","placement","mountedDom","document","body","result","querySelectorAll","length","tdMessageListClass","tdMessagePlacementClass","container","Array","from","div","createElement","className","classNames","style","String","Object","keys","PlacementOffset","forEach","key","includes","appendChild","renderElement","theme","config","content","offset","onDurationEnd","noop","message2","close","ReactDOM","unmountComponentAtNode","remove","setTimeout","isArray","left","position","Promise","resolve","render","React","MessageComponent","push","isConfig","prototype","toString","call","messageMethod","MessagePlugin","info","error","warning","success","question","loading","messageInstance","then","instance","closeAll","message"],"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  MessageThemeList,\n} from './type';\nimport { AttachNodeReturnValue } from '../common';\nimport noop from '../_util/noop';\nimport { PlacementOffset } 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\ninterface MessagePlugin {\n  (theme: MessageThemeList, message: string | MessageOptions, duration?: number): Promise<MessageInstance>;\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// 判断是否是 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\nexport const MessagePlugin: MessagePlugin = (theme, message, duration) => messageMethod(theme, message, duration);\nMessagePlugin.info = (content, duration) => messageMethod('info', content, duration);\nMessagePlugin.error = (content, duration) => messageMethod('error', content, duration);\nMessagePlugin.warning = (content, duration) => messageMethod('warning', content, duration);\nMessagePlugin.success = (content, duration) => messageMethod('success', content, duration);\nMessagePlugin.question = (content, duration) => messageMethod('question', content, duration);\nMessagePlugin.loading = (content, duration) => messageMethod('loading', content, duration);\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc Message 顶层内置函数，传入 message promise，关闭传入的 message.\n */\nMessagePlugin.close = (messageInstance) => {\n  messageInstance.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 */\nMessagePlugin.closeAll = (): MessageCloseAllMethod => {\n  MessageList.forEach((message) => {\n    typeof message.close === 'function' && message.close();\n  });\n  MessageList = [];\n  return;\n};\n\nexport const message = MessagePlugin;\n\nexport default MessageComponent;\n"],"names":["MessageList","keyIndex","globalConfig","zIndex","duration","top","createContainer","attach","placement","mountedDom","document","body","result","querySelectorAll","length","tdMessageListClass","tdMessagePlacementClass","container","Array","from","div","createElement","className","classNames","style","String","Object","keys","PlacementOffset","forEach","key","includes","appendChild","renderElement","theme","config","content","offset","onDurationEnd","noop","message2","close","ReactDOM","unmountComponentAtNode","remove","setTimeout","isArray","left","position","Promise","resolve","render","React","MessageComponent","push","isConfig","prototype","toString","call","messageMethod","MessagePlugin","info","error","warning","success","question","loading","messageInstance","then","instance","closeAll","message"],"mappings":"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"}

package/es/message/MessageClose.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,8 +9,28 @@ import classNames from 'classnames';
 import { CloseIcon } from 'tdesign-icons-react';
 import { useMessageClass } from './useMessageClass.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-187bd749.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-344a6d3a.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 
 function MessageClose(_ref) {
   var closeBtn = _ref.closeBtn,

package/es/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';\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":["MessageClose","closeBtn","onCloseBtnClick","useMessageClass","tdMessageClassGenerator","React","cloneElement","className","classNames","props","createElement","onClick","e","isValidElement","CloseIcon"],"mappings":";;;;;;;;;;;;;;AAIe,SAASA,YAAT,OAAqD;AAAA,MAA7BC,QAA6B,QAA7BA,QAA6B;AAAA,MAAnBC,eAAmB,QAAnBA,eAAmB;;AAClE,yBAAoCC,eAAe,EAAnD;AAAA,MAAQC,uBAAR,oBAAQA,uBAAR;;AACA,MAAI,CAACH,QAAL,EAAe;AACb,WAAO,IAAP;AACD;;AACD,MAAI,OAAOA,QAAP,KAAoB,UAAxB,EAAoC;AAClC,wBAAOI,KAAK,CAACC,YAAN,CAAmBL,QAAQ,EAA3B,EAA+B;AACpCM,MAAAA,SAAS,EAAEC,UAAU,CAACP,QAAQ,GAAGQ,KAAX,CAAiBF,SAAlB,EAA6BH,uBAAuB,CAAC,OAAD,CAApD;AADe,KAA/B,CAAP;AAGD;;AACD,MAAI,OAAOH,QAAP,KAAoB,QAApB,IAAgC,OAAOA,QAAP,KAAoB,QAAxD,EAAkE;AAChE,0BAAuBI,KAAK,CAACK,aAAN,CAAoB,MAApB,EAA4B;AACjDH,MAAAA,SAAS,EAAEH,uBAAuB,CAAC,OAAD,CADe;AAEjDO,MAAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,eAAOV,eAAP,aAAOA,eAAP,uBAAOA,eAAe,CAAG;AAAEU,UAAAA,CAAC,EAADA;AAAF,SAAH,CAAtB;AAAA;AAFwC,KAA5B,EAGpBX,QAHoB,CAAvB;AAID;;AACD,oBAAII,KAAK,CAACQ,cAAN,CAAqBZ,QAArB,CAAJ,EAAoC;AAClC,wBAAOI,KAAK,CAACC,YAAN,CAAmBL,QAAnB,EAA6B;AAClCM,MAAAA,SAAS,EAAEC,UAAU,CAACP,QAAQ,CAACQ,KAAT,CAAeF,SAAhB,EAA2BH,uBAAuB,CAAC,OAAD,CAAlD;AADa,KAA7B,CAAP;AAGD;;AACD,wBAAuBC,KAAK,CAACK,aAAN,CAAoBI,SAApB,EAA+B;AACpDP,IAAAA,SAAS,EAAEH,uBAAuB,CAAC,OAAD;AADkB,GAA/B,CAAvB;AAGD;;;;"}
+{"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":["MessageClose","closeBtn","onCloseBtnClick","useMessageClass","tdMessageClassGenerator","React","cloneElement","className","classNames","props","createElement","onClick","e","isValidElement","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIe,SAASA,YAAT,OAAqD;AAAA,MAA7BC,QAA6B,QAA7BA,QAA6B;AAAA,MAAnBC,eAAmB,QAAnBA,eAAmB;;AAClE,yBAAoCC,eAAe,EAAnD;AAAA,MAAQC,uBAAR,oBAAQA,uBAAR;;AACA,MAAI,CAACH,QAAL,EAAe;AACb,WAAO,IAAP;AACD;;AACD,MAAI,OAAOA,QAAP,KAAoB,UAAxB,EAAoC;AAClC,wBAAOI,KAAK,CAACC,YAAN,CAAmBL,QAAQ,EAA3B,EAA+B;AACpCM,MAAAA,SAAS,EAAEC,UAAU,CAACP,QAAQ,GAAGQ,KAAX,CAAiBF,SAAlB,EAA6BH,uBAAuB,CAAC,OAAD,CAApD;AADe,KAA/B,CAAP;AAGD;;AACD,MAAI,OAAOH,QAAP,KAAoB,QAApB,IAAgC,OAAOA,QAAP,KAAoB,QAAxD,EAAkE;AAChE,0BAAuBI,KAAK,CAACK,aAAN,CAAoB,MAApB,EAA4B;AACjDH,MAAAA,SAAS,EAAEH,uBAAuB,CAAC,OAAD,CADe;AAEjDO,MAAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,eAAOV,eAAP,aAAOA,eAAP,uBAAOA,eAAe,CAAG;AAAEU,UAAAA,CAAC,EAADA;AAAF,SAAH,CAAtB;AAAA;AAFwC,KAA5B,EAGpBX,QAHoB,CAAvB;AAID;;AACD,oBAAII,KAAK,CAACQ,cAAN,CAAqBZ,QAArB,CAAJ,EAAoC;AAClC,wBAAOI,KAAK,CAACC,YAAN,CAAmBL,QAAnB,EAA6B;AAClCM,MAAAA,SAAS,EAAEC,UAAU,CAACP,QAAQ,CAACQ,KAAT,CAAeF,SAAhB,EAA2BH,uBAAuB,CAAC,OAAD,CAAlD;AADa,KAA7B,CAAP;AAGD;;AACD,wBAAuBC,KAAK,CAACK,aAAN,CAAoBI,SAApB,EAA+B;AACpDP,IAAAA,SAAS,EAAEH,uBAAuB,CAAC,OAAD;AADkB,GAA/B,CAAvB;AAGD;;;;"}

package/es/message/MessageComponent.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _defineProperty } from '../_chunks/dep-187bd749.js';
 import React from 'react';
 import classNames from 'classnames';
 import noop from '../_util/noop.js';
@@ -14,28 +14,41 @@ import { useMessageClass } from './useMessageClass.js';
 import 'tdesign-icons-react';
 import '../loading/index.js';
 import '../loading/loading.js';
-import '../_chunks/dep-543c3536.js';
-import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-3f8fc7c9.js';
+import '../_chunks/dep-28aa796d.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cf8954fb.js';
-import '../_chunks/dep-60f5bd8f.js';
-import '../_chunks/dep-adec0da9.js';
-import '../_chunks/dep-195c3d75.js';
-import '../_chunks/dep-3222ad5b.js';
-import '../_chunks/dep-73c3d91b.js';
-import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-35ff0599.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-344a6d3a.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import '../common/Portal.js';
 import 'react-dom';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-b4f47374.js';
 import './style/css.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/es/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 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 定义上做部分扩展\nexport interface 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","React","createElement","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,yBAAgDC,eAAe,EAA/D;AAAA,MAAQC,eAAR,oBAAQA,eAAR;AAAA,MAAyBC,kBAAzB,oBAAyBA,kBAAzB;;AACA,qBAA6FH,KAA7F,CAAQI,KAAR;AAAA,MAAQA,KAAR,6BAAgB,MAAhB;AAAA,MAAwBC,QAAxB,GAA6FL,KAA7F,CAAwBK,QAAxB;AAAA,MAAkCC,QAAlC,GAA6FN,KAA7F,CAAkCM,QAAlC;AAAA,8BAA6FN,KAA7F,CAA4CO,eAA5C;AAAA,MAA4CA,eAA5C,sCAA8DC,IAA9D;AAAA,MAAoEC,KAApE,GAA6FT,KAA7F,CAAoES,KAApE;AAAA,MAA2EC,IAA3E,GAA6FV,KAA7F,CAA2EU,IAA3E;AAAA,MAAiFC,OAAjF,GAA6FX,KAA7F,CAAiFW,OAAjF;AACA,wBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,GAAG,EAAE,SAD2C;AAEhDL,IAAAA,KAAK,EAALA,KAFgD;AAGhDM,IAAAA,SAAS,EAAEC,UAAU,WAAId,eAAJ,GAAuBC,kBAAkB,CAACC,KAAD,CAAzC,EAAkDE,QAAQ,GAAGH,kBAAkB,CAAC,UAAD,CAArB,GAAoC,EAA9F;AAH2B,GAA3B,EAIpBO,IAAI,GAAGA,IAAH,kBAA0BE,KAAK,CAACC,aAAN,CAAoBI,WAApB,EAAiC;AAChEb,IAAAA,KAAK,EAALA,KADgE;AAEhEG,IAAAA,eAAe,EAAfA;AAFgE,GAAjC,CAJV,EAOnBI,OAAO,GAAGA,OAAH,GAAaN,QAPD,iBAO2BO,KAAK,CAACC,aAAN,CAAoBK,YAApB,oBAC7ClB,KAD6C,EAP3B,CAAvB;AAUD;;;;"}
+{"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 定义上做部分扩展\nexport interface 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","React","createElement","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,yBAAgDC,eAAe,EAA/D;AAAA,MAAQC,eAAR,oBAAQA,eAAR;AAAA,MAAyBC,kBAAzB,oBAAyBA,kBAAzB;;AACA,qBAA6FH,KAA7F,CAAQI,KAAR;AAAA,MAAQA,KAAR,6BAAgB,MAAhB;AAAA,MAAwBC,QAAxB,GAA6FL,KAA7F,CAAwBK,QAAxB;AAAA,MAAkCC,QAAlC,GAA6FN,KAA7F,CAAkCM,QAAlC;AAAA,8BAA6FN,KAA7F,CAA4CO,eAA5C;AAAA,MAA4CA,eAA5C,sCAA8DC,IAA9D;AAAA,MAAoEC,KAApE,GAA6FT,KAA7F,CAAoES,KAApE;AAAA,MAA2EC,IAA3E,GAA6FV,KAA7F,CAA2EU,IAA3E;AAAA,MAAiFC,OAAjF,GAA6FX,KAA7F,CAAiFW,OAAjF;AACA,wBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,GAAG,EAAE,SAD2C;AAEhDL,IAAAA,KAAK,EAALA,KAFgD;AAGhDM,IAAAA,SAAS,EAAEC,UAAU,WAAId,eAAJ,GAAuBC,kBAAkB,CAACC,KAAD,CAAzC,EAAkDE,QAAQ,GAAGH,kBAAkB,CAAC,UAAD,CAArB,GAAoC,EAA9F;AAH2B,GAA3B,EAIpBO,IAAI,GAAGA,IAAH,kBAA0BE,KAAK,CAACC,aAAN,CAAoBI,WAApB,EAAiC;AAChEb,IAAAA,KAAK,EAALA,KADgE;AAEhEG,IAAAA,eAAe,EAAfA;AAFgE,GAAjC,CAJV,EAOnBI,OAAO,GAAGA,OAAH,GAAaN,QAPD,iBAO2BO,KAAK,CAACC,aAAN,CAAoBK,YAApB,oBAC7ClB,KAD6C,EAP3B,CAAvB;AAUD;;;;"}

package/es/message/MessageIcon.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,30 +8,43 @@ import React from 'react';
 import { InfoCircleFilledIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon, HelpCircleFilledIcon } from 'tdesign-icons-react';
 import { Loading } from '../loading/index.js';
 import '../loading/loading.js';
-import '../_chunks/dep-b71058fe.js';
-import '../_chunks/dep-543c3536.js';
-import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-187bd749.js';
+import '../_chunks/dep-3f8fc7c9.js';
+import '../_chunks/dep-28aa796d.js';
 import 'classnames';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cf8954fb.js';
-import '../_chunks/dep-60f5bd8f.js';
-import '../_chunks/dep-adec0da9.js';
-import '../_chunks/dep-195c3d75.js';
-import '../_chunks/dep-3222ad5b.js';
-import '../_chunks/dep-73c3d91b.js';
-import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-35ff0599.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-344a6d3a.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import '../common/Portal.js';
 import 'react-dom';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-b4f47374.js';
 import './style/css.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/es/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';\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","MessageIcon","theme","onCloseBtnClick","Icon","React","createElement","onClick","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,OAAO,GAAG;AACdC,EAAAA,IAAI,EAAEC,oBADQ;AAEdC,EAAAA,OAAO,EAAEC,qBAFK;AAGdC,EAAAA,OAAO,EAAEC,qBAHK;AAIdC,EAAAA,KAAK,EAAED,qBAJO;AAKdE,EAAAA,QAAQ,EAAEC,oBALI;AAMdC,EAAAA,OAAO,EAAEC;AANK,CAAhB;AAQe,SAASC,WAAT,OAAiD;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,eAAmB,QAAnBA,eAAmB;AAC9D,MAAMC,IAAI,GAAGf,OAAO,CAACa,KAAD,CAApB;;AACA,MAAIA,KAAK,KAAK,SAAd,EAAyB;AACvB,0BAAuBG,KAAK,CAACC,aAAN,CAAoBF,IAApB,EAA0B;AAC/CL,MAAAA,OAAO,EAAE;AADsC,KAA1B,CAAvB;AAGD;;AACD,SAAOK,IAAI,kBAAmBC,KAAK,CAACC,aAAN,CAAoBF,IAApB,EAA0B;AACtDG,IAAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,aAAOL,eAAP,aAAOA,eAAP,uBAAOA,eAAe,CAAG;AAAEK,QAAAA,CAAC,EAADA;AAAF,OAAH,CAAtB;AAAA;AAD6C,GAA1B,CAAnB,GAEN,IAFL;AAGD;;;;"}
+{"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","MessageIcon","theme","onCloseBtnClick","Icon","React","createElement","onClick","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,OAAO,GAAG;AACdC,EAAAA,IAAI,EAAEC,oBADQ;AAEdC,EAAAA,OAAO,EAAEC,qBAFK;AAGdC,EAAAA,OAAO,EAAEC,qBAHK;AAIdC,EAAAA,KAAK,EAAED,qBAJO;AAKdE,EAAAA,QAAQ,EAAEC,oBALI;AAMdC,EAAAA,OAAO,EAAEC;AANK,CAAhB;AAQe,SAASC,WAAT,OAAiD;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,eAAmB,QAAnBA,eAAmB;AAC9D,MAAMC,IAAI,GAAGf,OAAO,CAACa,KAAD,CAApB;;AACA,MAAIA,KAAK,KAAK,SAAd,EAAyB;AACvB,0BAAuBG,KAAK,CAACC,aAAN,CAAoBF,IAApB,EAA0B;AAC/CL,MAAAA,OAAO,EAAE;AADsC,KAA1B,CAAvB;AAGD;;AACD,SAAOK,IAAI,kBAAmBC,KAAK,CAACC,aAAN,CAAoBF,IAApB,EAA0B;AACtDG,IAAAA,OAAO,EAAE,iBAACC,CAAD;AAAA,aAAOL,eAAP,aAAOA,eAAP,uBAAOA,eAAe,CAAG;AAAEK,QAAAA,CAAC,EAADA;AAAF,OAAH,CAAtB;AAAA;AAD6C,GAA1B,CAAnB,GAEN,IAFL;AAGD;;;;"}

package/es/message/const.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/message/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,9 +8,9 @@ export { MessagePlugin, message } from './Message.js';
 import './style/css.js';
 import './type.js';
 import MessageComponent from './MessageComponent.js';
-import '../_chunks/dep-b71058fe.js';
-import '../_chunks/dep-543c3536.js';
-import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-187bd749.js';
+import '../_chunks/dep-3f8fc7c9.js';
+import '../_chunks/dep-28aa796d.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
@@ -20,27 +20,40 @@ import './MessageClose.js';
 import 'tdesign-icons-react';
 import './useMessageClass.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-344a6d3a.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import './MessageIcon.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cf8954fb.js';
-import '../_chunks/dep-60f5bd8f.js';
-import '../_chunks/dep-adec0da9.js';
-import '../_chunks/dep-195c3d75.js';
-import '../_chunks/dep-3222ad5b.js';
-import '../_chunks/dep-73c3d91b.js';
-import '../_chunks/dep-3078962f.js';
+import '../_chunks/dep-35ff0599.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-b4f47374.js';
 import '../loading/type.js';
 import '../loading/plugin.js';
 

package/es/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 * from './type';\n\nexport const Message = _Message;\nexport { message, MessagePlugin } from './Message';\nexport default Message;\n"],"names":["Message","_Message"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,OAAO,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/message/index.ts"],"sourcesContent":["import _Message from './Message';\n\nimport './style/index.js';\n\nexport * from './type';\n\nexport const Message = _Message;\nexport { message, MessagePlugin } from './Message';\nexport default Message;\n"],"names":["Message","_Message"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,OAAO,GAAGC;;;;"}

package/es/message/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/message/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/message/useMessageClass.js

@@ -1,13 +1,33 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import useConfig from '../_util/useConfig.js';
 import 'react';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-187bd749.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-344a6d3a.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 
 function useMessageClass() {
   var _useConfig = useConfig(),

package/es/message/useMessageClass.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageClass.js","sources":["../../src/message/useMessageClass.ts"],"sourcesContent":["import useConfig from '../_util/useConfig';\n\n/**\n * @author kenzyyang\n * @date 2021-05-11 19:55:58\n * @desc message 组件相关的样式生成函数\n */\nexport function useMessageClass() {\n  const { classPrefix } = useConfig();\n  // message 样式前缀\n  const tdMessagePrefix = `${classPrefix}-message`;\n  // message list(message 内容区的样式名)\n  const tdMessageListClass = `${tdMessagePrefix}__list`;\n  const tdClassIsGenerator = (append: string) => `${classPrefix}-is-${append}`;\n  const tdMessageClassGenerator = (append: string) => `${tdMessagePrefix}__${append}`;\n\n  return {\n    tdMessagePrefix,\n    tdMessageListClass,\n    tdClassIsGenerator,\n    tdMessageClassGenerator,\n  };\n}\n"],"names":["useMessageClass","useConfig","classPrefix","tdMessagePrefix","tdMessageListClass","tdClassIsGenerator","append","tdMessageClassGenerator"],"mappings":";;;;;;;;;;;AACO,SAASA,eAAT,GAA2B;AAChC,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,eAAe,aAAMD,WAAN,aAArB;AACA,MAAME,kBAAkB,aAAMD,eAAN,WAAxB;;AACA,MAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD;AAAA,qBAAeJ,WAAf,iBAAiCI,MAAjC;AAAA,GAA3B;;AACA,MAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACD,MAAD;AAAA,qBAAeH,eAAf,eAAmCG,MAAnC;AAAA,GAAhC;;AACA,SAAO;AACLH,IAAAA,eAAe,EAAfA,eADK;AAELC,IAAAA,kBAAkB,EAAlBA,kBAFK;AAGLC,IAAAA,kBAAkB,EAAlBA,kBAHK;AAILE,IAAAA,uBAAuB,EAAvBA;AAJK,GAAP;AAMD;;;;"}
+{"version":3,"file":"useMessageClass.js","sources":["../../src/message/useMessageClass.ts"],"sourcesContent":["import useConfig from '../_util/useConfig';\n\n/**\n * @author kenzyyang\n * @date 2021-05-11 19:55:58\n * @desc message 组件相关的样式生成函数\n */\nexport function useMessageClass() {\n  const { classPrefix } = useConfig();\n  // message 样式前缀\n  const tdMessagePrefix = `${classPrefix}-message`;\n  // message list(message 内容区的样式名)\n  const tdMessageListClass = `${tdMessagePrefix}__list`;\n  const tdClassIsGenerator = (append: string) => `${classPrefix}-is-${append}`;\n  const tdMessageClassGenerator = (append: string) => `${tdMessagePrefix}__${append}`;\n\n  return {\n    tdMessagePrefix,\n    tdMessageListClass,\n    tdClassIsGenerator,\n    tdMessageClassGenerator,\n  };\n}\n"],"names":["useMessageClass","useConfig","classPrefix","tdMessagePrefix","tdMessageListClass","tdClassIsGenerator","append","tdMessageClassGenerator"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACO,SAASA,eAAT,GAA2B;AAChC,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,eAAe,aAAMD,WAAN,aAArB;AACA,MAAME,kBAAkB,aAAMD,eAAN,WAAxB;;AACA,MAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD;AAAA,qBAAeJ,WAAf,iBAAiCI,MAAjC;AAAA,GAA3B;;AACA,MAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACD,MAAD;AAAA,qBAAeH,eAAf,eAAmCG,MAAnC;AAAA,GAAhC;;AACA,SAAO;AACLH,IAAAA,eAAe,EAAfA,eADK;AAELC,IAAAA,kBAAkB,EAAlBA,kBAFK;AAGLC,IAAAA,kBAAkB,EAAlBA,kBAHK;AAILE,IAAAA,uBAAuB,EAAvBA;AAJK,GAAP;AAMD;;;;"}

package/es/notification/Notification.js

@@ -1,17 +1,37 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _slicedToArray } from '../_chunks/dep-3f8fc7c9.js';
 import React, { forwardRef } from 'react';
 import { CheckCircleFilledIcon, InfoCircleFilledIcon, CloseIcon } from 'tdesign-icons-react';
 import noop from '../_util/noop.js';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-c7bc4d7c.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-28aa796d.js';
+import '../_chunks/dep-afd6b273.js';
+import '../_chunks/dep-187bd749.js';
+import '../_chunks/dep-27955639.js';
+import '../_chunks/dep-7fec53ac.js';
+import '../_chunks/dep-f445af93.js';
+import '../_chunks/dep-fe71c338.js';
+import '../_chunks/dep-f2cf9865.js';
+import '../_chunks/dep-d9495106.js';
+import '../_chunks/dep-81cd865b.js';
+import '../_chunks/dep-3a52ef58.js';
+import '../_chunks/dep-344a6d3a.js';
+import '../_chunks/dep-cd25166e.js';
+import '../_chunks/dep-fa81fc15.js';
+import '../_chunks/dep-4a23a049.js';
+import '../_chunks/dep-8690a2cc.js';
+import '../_chunks/dep-f73f5a3a.js';
+import '../_chunks/dep-e849a3ab.js';
+import '../_chunks/dep-aca02d9b.js';
+import '../_chunks/dep-15b5334d.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 
 var blockName = "notification";
 var NotificationComponent = /*#__PURE__*/forwardRef(function (props, ref) {

package/es/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../src/notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CheckCircleFilledIcon, CloseIcon, InfoCircleFilledIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\n\nimport { NotificationInstance, TdNotificationProps } from './type';\nimport { Styles } from '../common';\n\nconst blockName = 'notification';\n\nexport interface NotificationProps extends TdNotificationProps {\n  style?: Styles;\n}\n\nexport const NotificationComponent = forwardRef<any, NotificationProps>((props, ref) => {\n  const {\n    title = null,\n    content = null,\n    theme = null,\n    icon = null,\n    closeBtn,\n    footer = null,\n    duration = 3000,\n    onCloseBtnClick = noop,\n    onDurationEnd = noop,\n    style,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const prefixCls = React.useCallback(\n    (...args: (string | [string, string?, string?])[]) => {\n      let className = '';\n      args.forEach((item, index) => {\n        if (item && index > 0) className = className.concat(' ');\n        if (item instanceof Array) {\n          const [block, element, modifier] = item;\n          className = className.concat(classPrefix, '-', block);\n          if (element) className = className.concat('__', element);\n          if (modifier) className = className.concat('--', modifier);\n        } else if (typeof item === 'string') {\n          className = className.concat(classPrefix, '-', item);\n        }\n      });\n      return className;\n    },\n    [classPrefix],\n  );\n\n  React.useImperativeHandle(ref as React.Ref<NotificationInstance>, () => ({ close }), []);\n\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(() => {\n    let timer;\n    if (duration > 0) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        onDurationEnd();\n      }, duration);\n    }\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, []);\n\n  const renderIcon = () => {\n    const IconWrapper = ({ children }) => <div className={`${classPrefix}-notification__icon`}>{children}</div>;\n\n    // 调整优先级，icon 优先级最高\n    if (React.isValidElement(icon)) {\n      return <IconWrapper>{icon}</IconWrapper>;\n    }\n\n    if (theme && theme === 'success') {\n      return (\n        <IconWrapper>\n          <CheckCircleFilledIcon className={prefixCls('is-success')} />\n        </IconWrapper>\n      );\n    }\n    if (theme && ['info', 'warning', 'error'].indexOf(theme) >= 0) {\n      return (\n        <IconWrapper>\n          <InfoCircleFilledIcon className={prefixCls(`is-${theme}`)} />\n        </IconWrapper>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <div ref={ref} className={prefixCls(blockName)} style={style}>\n      {renderIcon()}\n      <div className={prefixCls([blockName, 'main'])}>\n        <div className={prefixCls([blockName, 'title__wrap'])}>\n          <span className={prefixCls([blockName, 'title'])}>{title}</span>\n          {((): React.ReactNode => {\n            if (typeof closeBtn === 'boolean' && closeBtn) {\n              return (\n                <CloseIcon\n                  className={prefixCls('icon-close')}\n                  onClick={(e) => {\n                    onCloseBtnClick({ e });\n                  }}\n                />\n              );\n            }\n            if (React.isValidElement(closeBtn)) {\n              return (\n                <div\n                  onClick={(e) => {\n                    onCloseBtnClick({ e });\n                  }}\n                >\n                  {closeBtn}\n                </div>\n              );\n            }\n            return null;\n          })()}\n        </div>\n        {((): React.ReactNode => {\n          if (typeof content === 'string') {\n            return <div className={prefixCls([blockName, 'content'])}>{content}</div>;\n          }\n          if (React.isValidElement(content)) return content;\n          return null;\n        })()}\n        {React.isValidElement(footer) && <div className={prefixCls([blockName, 'detail'])}>{footer}</div>}\n        {typeof footer === 'function' && <div className={prefixCls([blockName, 'detail'])}>{footer()}</div>}\n      </div>\n    </div>\n  );\n});\n\nexport default NotificationComponent;\n"],"names":["blockName","NotificationComponent","forwardRef","props","ref","title","content","theme","icon","closeBtn","footer","duration","onCloseBtnClick","noop","onDurationEnd","style","useConfig","classPrefix","prefixCls","React","useCallback","className","args","forEach","item","index","concat","Array","block","element","modifier","useImperativeHandle","close","useEffect","timer","setTimeout","clearTimeout","renderIcon","IconWrapper","children","createElement","isValidElement","CheckCircleFilledIcon","indexOf","InfoCircleFilledIcon","CloseIcon","onClick","e"],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../src/notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CheckCircleFilledIcon, CloseIcon, InfoCircleFilledIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\n\nimport { NotificationInstance, TdNotificationProps } from './type';\nimport { Styles } from '../common';\n\nconst blockName = 'notification';\n\nexport interface NotificationProps extends TdNotificationProps {\n  style?: Styles;\n}\n\nexport const NotificationComponent = forwardRef<any, NotificationProps>((props, ref) => {\n  const {\n    title = null,\n    content = null,\n    theme = null,\n    icon = null,\n    closeBtn,\n    footer = null,\n    duration = 3000,\n    onCloseBtnClick = noop,\n    onDurationEnd = noop,\n    style,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const prefixCls = React.useCallback(\n    (...args: (string | [string, string?, string?])[]) => {\n      let className = '';\n      args.forEach((item, index) => {\n        if (item && index > 0) className = className.concat(' ');\n        if (item instanceof Array) {\n          const [block, element, modifier] = item;\n          className = className.concat(classPrefix, '-', block);\n          if (element) className = className.concat('__', element);\n          if (modifier) className = className.concat('--', modifier);\n        } else if (typeof item === 'string') {\n          className = className.concat(classPrefix, '-', item);\n        }\n      });\n      return className;\n    },\n    [classPrefix],\n  );\n\n  React.useImperativeHandle(ref as React.Ref<NotificationInstance>, () => ({ close }), []);\n\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(() => {\n    let timer;\n    if (duration > 0) {\n      timer = setTimeout(() => {\n        clearTimeout(timer);\n        onDurationEnd();\n      }, duration);\n    }\n    return () => {\n      if (timer) clearTimeout(timer);\n    };\n  }, []);\n\n  const renderIcon = () => {\n    const IconWrapper = ({ children }) => <div className={`${classPrefix}-notification__icon`}>{children}</div>;\n\n    // 调整优先级，icon 优先级最高\n    if (React.isValidElement(icon)) {\n      return <IconWrapper>{icon}</IconWrapper>;\n    }\n\n    if (theme && theme === 'success') {\n      return (\n        <IconWrapper>\n          <CheckCircleFilledIcon className={prefixCls('is-success')} />\n        </IconWrapper>\n      );\n    }\n    if (theme && ['info', 'warning', 'error'].indexOf(theme) >= 0) {\n      return (\n        <IconWrapper>\n          <InfoCircleFilledIcon className={prefixCls(`is-${theme}`)} />\n        </IconWrapper>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <div ref={ref} className={prefixCls(blockName)} style={style}>\n      {renderIcon()}\n      <div className={prefixCls([blockName, 'main'])}>\n        <div className={prefixCls([blockName, 'title__wrap'])}>\n          <span className={prefixCls([blockName, 'title'])}>{title}</span>\n          {((): React.ReactNode => {\n            if (typeof closeBtn === 'boolean' && closeBtn) {\n              return (\n                <CloseIcon\n                  className={prefixCls('icon-close')}\n                  onClick={(e) => {\n                    onCloseBtnClick({ e });\n                  }}\n                />\n              );\n            }\n            if (React.isValidElement(closeBtn)) {\n              return (\n                <div\n                  onClick={(e) => {\n                    onCloseBtnClick({ e });\n                  }}\n                >\n                  {closeBtn}\n                </div>\n              );\n            }\n            return null;\n          })()}\n        </div>\n        {((): React.ReactNode => {\n          if (typeof content === 'string') {\n            return <div className={prefixCls([blockName, 'content'])}>{content}</div>;\n          }\n          if (React.isValidElement(content)) return content;\n          return null;\n        })()}\n        {React.isValidElement(footer) && <div className={prefixCls([blockName, 'detail'])}>{footer}</div>}\n        {typeof footer === 'function' && <div className={prefixCls([blockName, 'detail'])}>{footer()}</div>}\n      </div>\n    </div>\n  );\n});\n\nexport default NotificationComponent;\n"],"names":["blockName","NotificationComponent","forwardRef","props","ref","title","content","theme","icon","closeBtn","footer","duration","onCloseBtnClick","noop","onDurationEnd","style","useConfig","classPrefix","prefixCls","React","useCallback","className","args","forEach","item","index","concat","Array","block","element","modifier","useImperativeHandle","close","useEffect","timer","setTimeout","clearTimeout","renderIcon","IconWrapper","children","createElement","isValidElement","CheckCircleFilledIcon","indexOf","InfoCircleFilledIcon","CloseIcon","onClick","e"],"mappings":"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"}