tdesign-react 0.17.0 → 0.18.2

package/es/message/MessageIcon.js

@@ -1,11 +1,35 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import React__default from 'react';
-import { InfoCircleFilledIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon, HelpCircleFilledIcon, LoadingIcon } from 'tdesign-icons-react';
+import { InfoCircleFilledIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon, HelpCircleFilledIcon } from 'tdesign-icons-react';
+import { Loading } from '../loading/index.js';
+import '../loading/loading.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import 'react-dom';
+import 'classnames';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_util/easing.js';
+import '../_util/useConfig.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import './style/css.js';
+import '../_type/components/loading/index.js';
 
 var iconMap = {
   info: InfoCircleFilledIcon,
@@ -13,12 +37,19 @@ var iconMap = {
   warning: ErrorCircleFilledIcon,
   error: ErrorCircleFilledIcon,
   question: HelpCircleFilledIcon,
-  loading: LoadingIcon
+  loading: Loading
 };
 function MessageIcon(_ref) {
   var theme = _ref.theme,
       onCloseBtnClick = _ref.onCloseBtnClick;
   var Icon = iconMap[theme];
+
+  if (theme === "loading") {
+    return /* @__PURE__ */React__default.createElement(Icon, {
+      loading: true
+    });
+  }
+
   return Icon ? /* @__PURE__ */React__default.createElement(Icon, {
     onClick: function onClick(e) {
       return onCloseBtnClick === null || onCloseBtnClick === void 0 ? void 0 : onCloseBtnClick({

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

package/es/message/const.js

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

package/es/message/index.d.ts

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

package/es/message/index.js

@@ -1,14 +1,15 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Message$1 from './Message.js';
 import './style/css.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/message/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
@@ -22,6 +23,21 @@ import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import './MessageIcon.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_type/components/loading/index.js';
 
 var Message = Message$1;
 

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

package/es/message/style/index.css

@@ -18,58 +18,58 @@
 }
 :root,
 :root[theme-mode="light"] {
-  --td-brand-color-1: #ECF2FE;
-  --td-brand-color-2: #D4E3FC;
-  --td-brand-color-3: #BBD3FB;
-  --td-brand-color-4: #96BBF8;
-  --td-brand-color-5: #699EF5;
-  --td-brand-color-6: #4787F0;
-  --td-brand-color-7: #266FE8;
-  --td-brand-color-8: #0052D9;
-  --td-brand-color-9: #0034B5;
-  --td-brand-color-10: #001F97;
-  --td-warning-color-1: #FEF3E6;
-  --td-warning-color-2: #F9E0C7;
-  --td-warning-color-3: #F7C797;
-  --td-warning-color-4: #F2995F;
-  --td-warning-color-5: #ED7B2F;
-  --td-warning-color-6: #D35A21;
-  --td-warning-color-7: #BA431B;
-  --td-warning-color-8: #9E3610;
-  --td-warning-color-9: #842B0B;
-  --td-warning-color-10: #5A1907;
-  --td-error-color-1: #FDECEE;
-  --td-error-color-2: #F9D7D9;
-  --td-error-color-3: #F8B9BE;
-  --td-error-color-4: #F78D94;
-  --td-error-color-5: #F36D78;
-  --td-error-color-6: #E34D59;
-  --td-error-color-7: #C9353F;
-  --td-error-color-8: #B11F26;
+  --td-brand-color-1: #ecf2fe;
+  --td-brand-color-2: #d4e3fc;
+  --td-brand-color-3: #bbd3fb;
+  --td-brand-color-4: #96bbf8;
+  --td-brand-color-5: #699ef5;
+  --td-brand-color-6: #4787f0;
+  --td-brand-color-7: #266fe8;
+  --td-brand-color-8: #0052d9;
+  --td-brand-color-9: #0034b5;
+  --td-brand-color-10: #001f97;
+  --td-warning-color-1: #fef3e6;
+  --td-warning-color-2: #f9e0c7;
+  --td-warning-color-3: #f7c797;
+  --td-warning-color-4: #f2995f;
+  --td-warning-color-5: #ed7b2f;
+  --td-warning-color-6: #d35a21;
+  --td-warning-color-7: #ba431b;
+  --td-warning-color-8: #9e3610;
+  --td-warning-color-9: #842b0b;
+  --td-warning-color-10: #5a1907;
+  --td-error-color-1: #fdecee;
+  --td-error-color-2: #f9d7d9;
+  --td-error-color-3: #f8b9be;
+  --td-error-color-4: #f78d94;
+  --td-error-color-5: #f36d78;
+  --td-error-color-6: #e34d59;
+  --td-error-color-7: #c9353f;
+  --td-error-color-8: #b11f26;
   --td-error-color-9: #951114;
   --td-error-color-10: #680506;
-  --td-success-color-1: #E8F8F2;
-  --td-success-color-2: #BCEBDC;
-  --td-success-color-3: #85DBBE;
-  --td-success-color-4: #48C79C;
-  --td-success-color-5: #00A870;
-  --td-success-color-6: #078D5C;
+  --td-success-color-1: #e8f8f2;
+  --td-success-color-2: #bcebdc;
+  --td-success-color-3: #85dbbe;
+  --td-success-color-4: #48c79c;
+  --td-success-color-5: #00a870;
+  --td-success-color-6: #078d5c;
   --td-success-color-7: #067945;
   --td-success-color-8: #056334;
-  --td-success-color-9: #044F2A;
+  --td-success-color-9: #044f2a;
   --td-success-color-10: #033017;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: #ffffff;
@@ -130,69 +130,69 @@
   --td-component-stroke: var(--td-gray-color-3);
   --td-border-level-2-color: var(--td-gray-color-4);
   --td-component-border: var(--td-gray-color-4);
-  --td-shadow-1: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, .08), 0px 2px 4px -1px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, .06), 0px 5px 5px -3px rgba(0, 0, 0, .1);
-  --td-shadow-3: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 8px 10px -5px rgba(0, 0, 0, .08);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #DCDCDC;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #DCDCDC;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #DCDCDC;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #DCDCDC;
+  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
+  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
+  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
+  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
   --td-table-shadow-color: rgba(0, 0, 0, 0.08);
   --td-scrollbar-color: rgba(0, 0, 0, 0.1);
 }
 :root[theme-mode="dark"] {
-  --td-brand-color-1: #1B2F51;
+  --td-brand-color-1: #1b2f51;
   --td-brand-color-2: #173463;
   --td-brand-color-3: #143975;
-  --td-brand-color-4: #103D88;
-  --td-brand-color-5: #0D429A;
-  --td-brand-color-6: #054BBE;
-  --td-brand-color-7: #2667D4;
-  --td-brand-color-8: #4582E6;
-  --td-brand-color-9: #699EF5;
-  --td-brand-color-10: #96BBF8;
-  --td-warning-color-1: #4F2A1D;
-  --td-warning-color-2: #582F21;
-  --td-warning-color-3: #733C23;
-  --td-warning-color-4: #A75D2B;
-  --td-warning-color-5: #CF6E2D;
-  --td-warning-color-6: #DC7633;
-  --td-warning-color-7: #E8935C;
-  --td-warning-color-8: #ECBF91;
-  --td-warning-color-9: #EED7BF;
-  --td-warning-color-10: #F3E9DC;
+  --td-brand-color-4: #103d88;
+  --td-brand-color-5: #0d429a;
+  --td-brand-color-6: #054bbe;
+  --td-brand-color-7: #2667d4;
+  --td-brand-color-8: #4582e6;
+  --td-brand-color-9: #699ef5;
+  --td-brand-color-10: #96bbf8;
+  --td-warning-color-1: #4f2a1d;
+  --td-warning-color-2: #582f21;
+  --td-warning-color-3: #733c23;
+  --td-warning-color-4: #a75d2b;
+  --td-warning-color-5: #cf6e2d;
+  --td-warning-color-6: #dc7633;
+  --td-warning-color-7: #e8935c;
+  --td-warning-color-8: #ecbf91;
+  --td-warning-color-9: #eed7bf;
+  --td-warning-color-10: #f3e9dc;
   --td-error-color-1: #472324;
-  --td-error-color-2: #5E2A2D;
+  --td-error-color-2: #5e2a2d;
   --td-error-color-3: #703439;
-  --td-error-color-4: #83383E;
-  --td-error-color-5: #A03F46;
-  --td-error-color-6: #C64751;
-  --td-error-color-7: #DE6670;
-  --td-error-color-8: #EC888E;
-  --td-error-color-9: #EDB1B6;
-  --td-error-color-10: #EECED0;
-  --td-success-color-1: #193A2A;
-  --td-success-color-2: #1A4230;
-  --td-success-color-3: #17533D;
-  --td-success-color-4: #0D7A55;
+  --td-error-color-4: #83383e;
+  --td-error-color-5: #a03f46;
+  --td-error-color-6: #c64751;
+  --td-error-color-7: #de6670;
+  --td-error-color-8: #ec888e;
+  --td-error-color-9: #edb1b6;
+  --td-error-color-10: #eeced0;
+  --td-success-color-1: #193a2a;
+  --td-success-color-2: #1a4230;
+  --td-success-color-3: #17533d;
+  --td-success-color-4: #0d7a55;
   --td-success-color-5: #059465;
-  --td-success-color-6: #43AF8A;
-  --td-success-color-7: #46BF96;
-  --td-success-color-8: #80D2B6;
-  --td-success-color-9: #B4E1D3;
-  --td-success-color-10: #DEEDE8;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-success-color-6: #43af8a;
+  --td-success-color-7: #46bf96;
+  --td-success-color-8: #80d2b6;
+  --td-success-color-9: #b4e1d3;
+  --td-success-color-10: #deede8;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: rgba(255, 255, 255, 0.9);
@@ -253,13 +253,13 @@
   --td-component-stroke: var(--td-gray-color-11);
   --td-border-level-2-color: var(--td-gray-color-9);
   --td-component-border: var(--td-gray-color-9);
-  --td-shadow-1: 0px 4px 6px rgba(0, 0, 0, 0.06), 0px 1px 10px rgba(0, 0, 0, .08), 0px 2px 4px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 8px 10px rgba(0, 0, 0, 0.12), 0px 3px 14px rgba(0, 0, 0, .1), 0px 5px 5px rgba(0, 0, 0, .16);
-  --td-shadow-3: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, .12), 0px 8px 10px rgba(0, 0, 0, .2);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #5E5E5E;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #5E5E5E;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #5E5E5E;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #5E5E5E;
+  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
+  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
+  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
+  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
   --td-table-shadow-color: rgba(0, 0, 0, 0.55);
   --td-scrollbar-color: rgba(255, 255, 255, 0.1);
 }
@@ -286,25 +286,30 @@
   padding: 13px 16px;
 }
 .t-message > .t-icon,
-.t-message > [data-t-icon] > .t-icon {
+.t-message > [data-t-icon] > .t-icon,
+.t-message .t-loading {
   color: var(--td-brand-color);
   margin-right: 8px;
 }
-.t-message > .t-icon {
+.t-message > .t-icon,
+.t-message .t-loading {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   font-size: 20px;
 }
 .t-message.t-is-success > .t-icon,
-.t-message.t-is-success > [data-t-icon] > .t-icon {
+.t-message.t-is-success > [data-t-icon] > .t-icon,
+.t-message.t-is-success .t-loading {
   color: var(--td-success-color);
 }
 .t-message.t-is-warning > .t-icon,
-.t-message.t-is-warning > [data-t-icon] > .t-icon {
+.t-message.t-is-warning > [data-t-icon] > .t-icon,
+.t-message.t-is-warning .t-loading {
   color: var(--td-warning-color);
 }
 .t-message.t-is-error > .t-icon,
-.t-message.t-is-error > [data-t-icon] > .t-icon {
+.t-message.t-is-error > [data-t-icon] > .t-icon,
+.t-message.t-is-error .t-loading {
   color: var(--td-error-color);
 }
 .t-message.t-is-closable {

package/es/message/style/index.js

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

package/es/message/useMessageClass.js

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

package/es/notification/Notification.js

@@ -1,20 +1,20 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import '../_chunks/dep-edc09aef.js';
-import '../_chunks/dep-01d52b00.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_chunks/dep-2f008905.js';
 import 'react';
 import 'tdesign-icons-react';
 import '../_util/noop.js';
 import '../_util/useConfig.js';
-export { a as NotificationComponent, N as default } from '../_chunks/dep-dd64f089.js';
-import '../_chunks/dep-65d3c0dc.js';
+export { a as NotificationComponent, N as default } from '../_chunks/dep-6b58dff4.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-983e6e8d.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2eeaa58b.js';
 import 'react-dom';
 //# sourceMappingURL=Notification.js.map

package/es/notification/NotificationList.js

@@ -1,20 +1,20 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-983e6e8d.js';
-import '../_chunks/dep-01d52b00.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2eeaa58b.js';
+import '../_chunks/dep-2f008905.js';
 import 'react';
 import 'react-dom';
 import '../_util/useConfig.js';
 import '../_util/noop.js';
-export { f as fetchListInstance, l as listMap } from '../_chunks/dep-dd64f089.js';
-import '../_chunks/dep-65d3c0dc.js';
+export { f as fetchListInstance, l as listMap } from '../_chunks/dep-6b58dff4.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 import 'tdesign-icons-react';
 //# sourceMappingURL=NotificationList.js.map

package/es/notification/index.d.ts

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

package/es/notification/index.js

@@ -1,22 +1,23 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { N as Notification$1 } from '../_chunks/dep-dd64f089.js';
+import { N as Notification$1 } from '../_chunks/dep-6b58dff4.js';
 import './style/css.js';
-import '../_chunks/dep-edc09aef.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/notification/index.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'tdesign-icons-react';
 import '../_util/noop.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-983e6e8d.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2eeaa58b.js';
 import 'react-dom';
 
 var Notification = Notification$1;

package/es/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 type {\n  NotificationThemeList,\n  NotificationPlacementList,\n  NotificationInstance,\n  NotificationInfoOptions,\n  NotificationMethod,\n  TdNotificationProps as NotificationProps,\n} from '../_type/components/notification';\n\nexport const Notification = _Notification;\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAaaA,eAAeC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/notification/index.ts"],"sourcesContent":["import _Notification from './Notification';\n\nimport './style/index.js';\n\nexport * from '../_type/components/notification';\n\nexport const Notification = _Notification;\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAMaA,eAAeC;;;;"}