tdesign-react 0.23.1 → 0.24.0-alpha.1

package/esm/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 '../loading/style/index.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/esm/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/esm/message/const.js

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

package/esm/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/index.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/style/index.js';
 import '../loading/type.js';
 import '../loading/plugin.js';

package/esm/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/esm/message/type.js

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

package/esm/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/esm/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/esm/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/esm/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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"}

package/esm/notification/NotificationList.js

@@ -1,20 +1,39 @@
 /**
- * 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 _toConsumableArray } from '../_chunks/dep-f0919110.js';
-import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../_chunks/dep-187bd749.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-ae1b0ab5.js';
+import { _ as _slicedToArray } from '../_chunks/dep-3f8fc7c9.js';
 import React, { forwardRef } from 'react';
 import ReactDOM from 'react-dom';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import { NotificationComponent } from './Notification.js';
-import '../_chunks/dep-c7bc4d7c.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-28aa796d.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 'tdesign-icons-react';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/esm/notification/NotificationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.js","sources":["../../src/notification/NotificationList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport useConfig from '../_util/useConfig';\nimport {\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationThemeList,\n  TdNotificationProps,\n} from './type';\nimport { Styles } from '../common';\nimport noop from '../_util/noop';\nimport { NotificationComponent } from './Notification';\n\ninterface NotificationListInstance extends TdNotificationProps {\n  push: (theme: NotificationThemeList, options: NotificationInfoOptions) => Promise<NotificationInstance>;\n  remove: (key: string) => void;\n  removeAll: () => void;\n}\n\ninterface NotificationListOpenOption extends NotificationInfoOptions {\n  key: string;\n  theme: NotificationThemeList;\n  style: Styles;\n}\n\ninterface NotificationListProps {\n  attach: HTMLElement;\n  zIndex: number;\n  placement: NotificationPlacementList;\n}\n\ntype NotificationRef = React.RefObject<React.ElementRef<'div'>> & React.RefObject<NotificationInstance>;\n\nlet seed = 0;\n\nexport const listMap: Map<NotificationPlacementList, NotificationListInstance> = new Map();\n\nconst NotificationList = forwardRef<NotificationListInstance, NotificationListProps>((props, ref) => {\n  const { attach, placement, zIndex } = props;\n  const { classPrefix } = useConfig();\n  const [list, dispatchList] = React.useReducer(\n    (\n      state: NotificationListOpenOption[],\n      action: {\n        type: string;\n        key?: string;\n        value?: NotificationListOpenOption;\n      },\n    ) => {\n      switch (action.type) {\n        case 'push':\n          return [...state, action.value];\n        case 'remove':\n          return state.filter((item) => item.key !== action.key).map((item) => item);\n        case 'removeAll':\n          return [];\n        default:\n          return state;\n      }\n    },\n    [],\n  );\n  const notificationMap = React.useMemo<Map<string, NotificationRef>>(() => new Map(), []);\n\n  const remove = React.useCallback(\n    (key: string): void => {\n      dispatchList({ type: 'remove', key });\n      notificationMap.delete(key);\n    },\n    [notificationMap],\n  );\n\n  const calOffset = (offset: string | number) => {\n    if (!offset) return '16px';\n    return isNaN(Number(offset)) ? offset : `${offset}px`;\n  };\n  /* eslint-disable implicit-arrow-linebreak */\n  const push = React.useCallback(\n    (theme: NotificationThemeList, options: NotificationInfoOptions): Promise<NotificationInstance> =>\n      new Promise((resolve) => {\n        const key = String((seed += 1));\n        const style: React.CSSProperties = (() => {\n          if (Array.isArray(options.offset)) {\n            const [horizontal, vertical] = [...options.offset];\n            const horizontalOffset = calOffset(horizontal);\n            const verticalOffset = calOffset(vertical);\n\n            return {\n              marginTop: verticalOffset,\n              marginBottom: verticalOffset,\n              marginLeft: horizontalOffset,\n              marginRight: horizontalOffset,\n            };\n          }\n          return {\n            margin: '16px',\n          };\n        })();\n        notificationMap.set(key, React.createRef());\n        dispatchList({ type: 'push', value: { ...options, key, theme, style } });\n        notificationMap.get(key).current.close = () => {\n          remove(key);\n        };\n        resolve(notificationMap.get(key).current);\n      }),\n    [notificationMap, remove],\n  );\n\n  const removeAll = React.useCallback(() => {\n    dispatchList({ type: 'removeAll' });\n    notificationMap.clear();\n  }, [notificationMap]);\n\n  React.useImperativeHandle(ref, () => ({\n    push,\n    remove,\n    removeAll,\n  }));\n\n  React.useEffect(() => {\n    if (list.length === 0 && notificationMap.size === 0) {\n      listMap.delete(placement);\n      ReactDOM.unmountComponentAtNode(attach);\n      attach.remove();\n    }\n  }, [list, attach, placement, notificationMap]);\n\n  return (\n    <div className={`${classPrefix}-notification__show--${placement}`} style={{ zIndex }}>\n      {list.map((props) => {\n        const { onDurationEnd = noop, onCloseBtnClick = noop } = props;\n\n        return (\n          <NotificationComponent\n            theme={'warning'}\n            ref={notificationMap.get(props.key)}\n            key={props.key}\n            {...props}\n            onDurationEnd={() => {\n              remove(props.key);\n              onDurationEnd();\n            }}\n            onCloseBtnClick={(e) => {\n              remove(props.key);\n              onCloseBtnClick(e);\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n});\n\nexport const fetchListInstance = (\n  placement: NotificationPlacementList,\n  attach: HTMLElement,\n  zIndex: number,\n): Promise<NotificationListInstance> =>\n  new Promise((resolve) => {\n    if (listMap.has(placement)) {\n      resolve(listMap.get(placement));\n    } else {\n      let hasExec = false;\n      ReactDOM.render(\n        <NotificationList\n          attach={attach}\n          placement={placement}\n          zIndex={Number(zIndex)}\n          ref={(instance) => {\n            if (!hasExec) {\n              hasExec = true;\n              listMap.set(placement, instance);\n              resolve(instance);\n            }\n          }}\n        />,\n        attach,\n      );\n    }\n  });\n"],"names":["seed","listMap","Map","NotificationList","forwardRef","props","ref","attach","placement","zIndex","useConfig","classPrefix","React","useReducer","state","action","type","value","filter","item","key","map","list","dispatchList","notificationMap","useMemo","remove","useCallback","calOffset","offset","isNaN","Number","push","theme","options","Promise","resolve","String","style","Array","isArray","horizontal","vertical","horizontalOffset","verticalOffset","marginTop","marginBottom","marginLeft","marginRight","margin","set","createRef","get","current","close","removeAll","clear","useImperativeHandle","useEffect","length","size","ReactDOM","unmountComponentAtNode","createElement","className","props2","onDurationEnd","noop","onCloseBtnClick","NotificationComponent","e","fetchListInstance","has","hasExec","render","instance"],"mappings":"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"}
+{"version":3,"file":"NotificationList.js","sources":["../../src/notification/NotificationList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport useConfig from '../_util/useConfig';\nimport {\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationThemeList,\n  TdNotificationProps,\n} from './type';\nimport { Styles } from '../common';\nimport noop from '../_util/noop';\nimport { NotificationComponent } from './Notification';\n\ninterface NotificationListInstance extends TdNotificationProps {\n  push: (theme: NotificationThemeList, options: NotificationInfoOptions) => Promise<NotificationInstance>;\n  remove: (key: string) => void;\n  removeAll: () => void;\n}\n\ninterface NotificationListOpenOption extends NotificationInfoOptions {\n  key: string;\n  theme: NotificationThemeList;\n  style: Styles;\n}\n\ninterface NotificationListProps {\n  attach: HTMLElement;\n  zIndex: number;\n  placement: NotificationPlacementList;\n}\n\ntype NotificationRef = React.RefObject<React.ElementRef<'div'>> & React.RefObject<NotificationInstance>;\n\nlet seed = 0;\n\nexport const listMap: Map<NotificationPlacementList, NotificationListInstance> = new Map();\n\nconst NotificationList = forwardRef<NotificationListInstance, NotificationListProps>((props, ref) => {\n  const { attach, placement, zIndex } = props;\n  const { classPrefix } = useConfig();\n  const [list, dispatchList] = React.useReducer(\n    (\n      state: NotificationListOpenOption[],\n      action: {\n        type: string;\n        key?: string;\n        value?: NotificationListOpenOption;\n      },\n    ) => {\n      switch (action.type) {\n        case 'push':\n          return [...state, action.value];\n        case 'remove':\n          return state.filter((item) => item.key !== action.key).map((item) => item);\n        case 'removeAll':\n          return [];\n        default:\n          return state;\n      }\n    },\n    [],\n  );\n  const notificationMap = React.useMemo<Map<string, NotificationRef>>(() => new Map(), []);\n\n  const remove = React.useCallback(\n    (key: string): void => {\n      dispatchList({ type: 'remove', key });\n      notificationMap.delete(key);\n    },\n    [notificationMap],\n  );\n\n  const calOffset = (offset: string | number) => {\n    if (!offset) return '16px';\n    return isNaN(Number(offset)) ? offset : `${offset}px`;\n  };\n  /* eslint-disable implicit-arrow-linebreak */\n  const push = React.useCallback(\n    (theme: NotificationThemeList, options: NotificationInfoOptions): Promise<NotificationInstance> =>\n      new Promise((resolve) => {\n        const key = String((seed += 1));\n        const style: React.CSSProperties = (() => {\n          if (Array.isArray(options.offset)) {\n            const [horizontal, vertical] = [...options.offset];\n            const horizontalOffset = calOffset(horizontal);\n            const verticalOffset = calOffset(vertical);\n\n            return {\n              marginTop: verticalOffset,\n              marginBottom: verticalOffset,\n              marginLeft: horizontalOffset,\n              marginRight: horizontalOffset,\n            };\n          }\n          return {\n            margin: '16px',\n          };\n        })();\n        notificationMap.set(key, React.createRef());\n        dispatchList({ type: 'push', value: { ...options, key, theme, style } });\n        notificationMap.get(key).current.close = () => {\n          remove(key);\n        };\n        resolve(notificationMap.get(key).current);\n      }),\n    [notificationMap, remove],\n  );\n\n  const removeAll = React.useCallback(() => {\n    dispatchList({ type: 'removeAll' });\n    notificationMap.clear();\n  }, [notificationMap]);\n\n  React.useImperativeHandle(ref, () => ({\n    push,\n    remove,\n    removeAll,\n  }));\n\n  React.useEffect(() => {\n    if (list.length === 0 && notificationMap.size === 0) {\n      listMap.delete(placement);\n      ReactDOM.unmountComponentAtNode(attach);\n      attach.remove();\n    }\n  }, [list, attach, placement, notificationMap]);\n\n  return (\n    <div className={`${classPrefix}-notification__show--${placement}`} style={{ zIndex }}>\n      {list.map((props) => {\n        const { onDurationEnd = noop, onCloseBtnClick = noop } = props;\n\n        return (\n          <NotificationComponent\n            theme={'warning'}\n            ref={notificationMap.get(props.key)}\n            key={props.key}\n            {...props}\n            onDurationEnd={() => {\n              remove(props.key);\n              onDurationEnd();\n            }}\n            onCloseBtnClick={(e) => {\n              remove(props.key);\n              onCloseBtnClick(e);\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n});\n\nexport const fetchListInstance = (\n  placement: NotificationPlacementList,\n  attach: HTMLElement,\n  zIndex: number,\n): Promise<NotificationListInstance> =>\n  new Promise((resolve) => {\n    if (listMap.has(placement)) {\n      resolve(listMap.get(placement));\n    } else {\n      let hasExec = false;\n      ReactDOM.render(\n        <NotificationList\n          attach={attach}\n          placement={placement}\n          zIndex={Number(zIndex)}\n          ref={(instance) => {\n            if (!hasExec) {\n              hasExec = true;\n              listMap.set(placement, instance);\n              resolve(instance);\n            }\n          }}\n        />,\n        attach,\n      );\n    }\n  });\n"],"names":["seed","listMap","Map","NotificationList","forwardRef","props","ref","attach","placement","zIndex","useConfig","classPrefix","React","useReducer","state","action","type","value","filter","item","key","map","list","dispatchList","notificationMap","useMemo","remove","useCallback","calOffset","offset","isNaN","Number","push","theme","options","Promise","resolve","String","style","Array","isArray","horizontal","vertical","horizontalOffset","verticalOffset","marginTop","marginBottom","marginLeft","marginRight","margin","set","createRef","get","current","close","removeAll","clear","useImperativeHandle","useEffect","length","size","ReactDOM","unmountComponentAtNode","createElement","className","props2","onDurationEnd","noop","onCloseBtnClick","NotificationComponent","e","fetchListInstance","has","hasExec","render","instance"],"mappings":"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"}

package/esm/notification/NotificationPlugin.js

@@ -1,20 +1,38 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-195c3d75.js';
+import { _ as _typeof } from '../_chunks/dep-81cd865b.js';
 import { fetchListInstance, listMap } from './NotificationList.js';
-import '../_chunks/dep-b71058fe.js';
-import '../_chunks/dep-f0919110.js';
-import '../_chunks/dep-c7bc4d7c.js';
-import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-187bd749.js';
+import '../_chunks/dep-ae1b0ab5.js';
+import '../_chunks/dep-28aa796d.js';
+import '../_chunks/dep-3f8fc7c9.js';
 import 'react';
 import 'react-dom';
 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-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 '../_util/noop.js';
 import './Notification.js';
 import 'tdesign-icons-react';

package/esm/notification/NotificationPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPlugin.js","sources":["../../src/notification/NotificationPlugin.ts"],"sourcesContent":["import { fetchListInstance, listMap } from './NotificationList';\nimport {\n  NotificationCloseAllMethod,\n  NotificationCloseMethod,\n  NotificationErrorMethod,\n  NotificationInfoMethod,\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationOptions,\n  NotificationPlacementList,\n  NotificationSuccessMethod,\n  NotificationThemeList,\n  NotificationWarningMethod,\n} from './type';\n\n// 扩展接口声明的结构，用户使用时可得到 .info 的 ts 提示\ninterface Notification {\n  (theme: NotificationThemeList, options: NotificationOptions): Promise<NotificationInstance>;\n  info: NotificationInfoMethod;\n  success: NotificationSuccessMethod;\n  warning: NotificationWarningMethod;\n  error: NotificationErrorMethod;\n  closeAll: NotificationCloseAllMethod;\n  close: NotificationCloseMethod;\n}\n\n/**\n * @desc 函数调用时的渲染函数\n * @param theme 主题类型\n * @param options 通知的参数\n */\nconst renderNotification = (theme: NotificationThemeList, options: NotificationInfoOptions) => {\n  if (typeof options !== 'object') return;\n\n  const placement: NotificationPlacementList = (() => {\n    if (['top-left', 'top-right', 'bottom-left', 'bottom-right'].indexOf(options.placement) >= 0) {\n      return options.placement;\n    }\n    return 'top-right';\n  })();\n\n  const attach: HTMLElement = (() => {\n    if (options.attach && typeof options.attach === 'string') {\n      const element: Element = document.querySelector(options.attach);\n      if (element instanceof HTMLElement) return element;\n    }\n\n    if (options.attach instanceof HTMLElement) return options.attach;\n\n    const containerId = `tdesign-notification-${placement}`;\n    const container = document.querySelector(`#${containerId}`);\n    if (container && container instanceof HTMLElement) {\n      return container;\n    }\n\n    const element: HTMLDivElement = document.createElement('div');\n    element.setAttribute('id', containerId);\n    document.body.appendChild(element);\n    return element;\n  })();\n\n  const zIndex = options.zIndex || 6000;\n\n  return fetchListInstance(placement, attach, zIndex).then((listInstance) => listInstance.push(theme, options));\n};\n\nexport const NotificationPlugin: Notification = (theme, props) => renderNotification(theme, props);\nNotificationPlugin.info = (options) => renderNotification('info', options);\nNotificationPlugin.success = (options) => renderNotification('success', options);\nNotificationPlugin.warning = (options) => renderNotification('warning', options);\nNotificationPlugin.error = (options) => renderNotification('error', options);\nNotificationPlugin.close = (promise) => promise.then((instance) => instance.close());\nNotificationPlugin.closeAll = () => listMap.forEach((list) => list.removeAll());\n\nexport const notification = NotificationPlugin;\n"],"names":["renderNotification","theme","options","placement","indexOf","attach","element2","document","querySelector","HTMLElement","containerId","container","element","createElement","setAttribute","body","appendChild","zIndex","fetchListInstance","then","listInstance","push","NotificationPlugin","props","info","success","warning","error","close","promise","instance","closeAll","listMap","forEach","list","removeAll","notification"],"mappings":"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"}
+{"version":3,"file":"NotificationPlugin.js","sources":["../../src/notification/NotificationPlugin.ts"],"sourcesContent":["import { fetchListInstance, listMap } from './NotificationList';\nimport {\n  NotificationCloseAllMethod,\n  NotificationCloseMethod,\n  NotificationErrorMethod,\n  NotificationInfoMethod,\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationOptions,\n  NotificationPlacementList,\n  NotificationSuccessMethod,\n  NotificationThemeList,\n  NotificationWarningMethod,\n} from './type';\n\n// 扩展接口声明的结构，用户使用时可得到 .info 的 ts 提示\ninterface Notification {\n  (theme: NotificationThemeList, options: NotificationOptions): Promise<NotificationInstance>;\n  info: NotificationInfoMethod;\n  success: NotificationSuccessMethod;\n  warning: NotificationWarningMethod;\n  error: NotificationErrorMethod;\n  closeAll: NotificationCloseAllMethod;\n  close: NotificationCloseMethod;\n}\n\n/**\n * @desc 函数调用时的渲染函数\n * @param theme 主题类型\n * @param options 通知的参数\n */\nconst renderNotification = (theme: NotificationThemeList, options: NotificationInfoOptions) => {\n  if (typeof options !== 'object') return;\n\n  const placement: NotificationPlacementList = (() => {\n    if (['top-left', 'top-right', 'bottom-left', 'bottom-right'].indexOf(options.placement) >= 0) {\n      return options.placement;\n    }\n    return 'top-right';\n  })();\n\n  const attach: HTMLElement = (() => {\n    if (options.attach && typeof options.attach === 'string') {\n      const element: Element = document.querySelector(options.attach);\n      if (element instanceof HTMLElement) return element;\n    }\n\n    if (options.attach instanceof HTMLElement) return options.attach;\n\n    const containerId = `tdesign-notification-${placement}`;\n    const container = document.querySelector(`#${containerId}`);\n    if (container && container instanceof HTMLElement) {\n      return container;\n    }\n\n    const element: HTMLDivElement = document.createElement('div');\n    element.setAttribute('id', containerId);\n    document.body.appendChild(element);\n    return element;\n  })();\n\n  const zIndex = options.zIndex || 6000;\n\n  return fetchListInstance(placement, attach, zIndex).then((listInstance) => listInstance.push(theme, options));\n};\n\nexport const NotificationPlugin: Notification = (theme, props) => renderNotification(theme, props);\nNotificationPlugin.info = (options) => renderNotification('info', options);\nNotificationPlugin.success = (options) => renderNotification('success', options);\nNotificationPlugin.warning = (options) => renderNotification('warning', options);\nNotificationPlugin.error = (options) => renderNotification('error', options);\nNotificationPlugin.close = (promise) => promise.then((instance) => instance.close());\nNotificationPlugin.closeAll = () => listMap.forEach((list) => list.removeAll());\n\nexport const notification = NotificationPlugin;\n"],"names":["renderNotification","theme","options","placement","indexOf","attach","element2","document","querySelector","HTMLElement","containerId","container","element","createElement","setAttribute","body","appendChild","zIndex","fetchListInstance","then","listInstance","push","NotificationPlugin","props","info","success","warning","error","close","promise","instance","closeAll","listMap","forEach","list","removeAll","notification"],"mappings":"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"}

package/esm/notification/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,18 +8,36 @@ import { NotificationComponent } from './Notification.js';
 import './style/index.js';
 import './type.js';
 export { NotificationPlugin, notification } from './NotificationPlugin.js';
-import '../_chunks/dep-543c3536.js';
-import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-3f8fc7c9.js';
+import '../_chunks/dep-28aa796d.js';
 import 'react';
 import 'tdesign-icons-react';
 import '../_util/noop.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 '../_chunks/dep-195c3d75.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import './NotificationList.js';
-import '../_chunks/dep-b71058fe.js';
-import '../_chunks/dep-f0919110.js';
+import '../_chunks/dep-ae1b0ab5.js';
 import 'react-dom';
 
 var Notification = NotificationComponent;

package/esm/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/notification/index.ts"],"sourcesContent":["import _Notification from './Notification';\n\nimport './style/index.js';\n\nexport * from './type';\n\nexport const Notification = _Notification;\n\nexport { NotificationPlugin, notification } from './NotificationPlugin';\n\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAGaA,YAAY,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/notification/index.ts"],"sourcesContent":["import _Notification from './Notification';\n\nimport './style/index.js';\n\nexport * from './type';\n\nexport const Notification = _Notification;\n\nexport { NotificationPlugin, notification } from './NotificationPlugin';\n\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,YAAY,GAAGC;;;;"}

package/esm/notification/type.js

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