tdesign-react 0.19.0 → 0.20.2

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 定义上做部分扩展\ninterface MessageComponentProps extends TdMessageProps {\n  style?: React.CSSProperties;\n}\n\n// message 直接作为组件使用时\nconst MessageComponent: React.FC<MessageComponentProps> = (props) => {\n  // 样式相关变量和函数\n  const { tdMessagePrefix, tdClassIsGenerator } = useMessageClass();\n\n  const { theme = 'info', children, closeBtn, onCloseBtnClick = noop, style, icon, content } = props;\n\n  return (\n    <div\n      key=\"message\"\n      style={style}\n      className={classNames(\n        `${tdMessagePrefix}`,\n        tdClassIsGenerator(theme),\n        closeBtn ? tdClassIsGenerator('closable') : '',\n      )}\n    >\n      {icon ? icon : <MessageIcon theme={theme} onCloseBtnClick={onCloseBtnClick} />}\n      {content ? content : children}\n      <MessageClose {...props} />\n    </div>\n  );\n};\n\nexport default MessageComponent;\n"],"names":["MessageComponent","props","useMessageClass","tdMessagePrefix","tdClassIsGenerator","theme","children","closeBtn","onCloseBtnClick","noop","style","icon","content","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,mBAAoD,SAApDA,gBAAoD,CAACC,KAAD,EAAW;yBAEnBC;MAAxCC,mCAAAA;MAAiBC,sCAAAA;;qBAEoEH,MAArFI;MAAAA,kCAAQ;MAAQC,WAAqEL,MAArEK;MAAUC,WAA2DN,MAA3DM;8BAA2DN,MAAjDO;MAAAA,qDAAkBC;MAAMC,QAAyBT,MAAzBS;MAAOC,OAAkBV,MAAlBU;MAAMC,UAAYX,MAAZW;qDAG9E,OAAD;AACEC,IAAAA,KAAI,SADN;AAEEH,IAAAA,OAAAA,KAFF;AAGEI,IAAAA,WAAWC,qBACNZ,kBACHC,mBAAmBC,QACnBE,WAAWH,mBAAmB,cAAc;AANhD,KASGO,OAAOA,mDAAQK,aAAD;AAAaX,IAAAA,OAAAA,KAAb;AAA2BG,IAAAA,iBAAAA;AAA3B,MACdI,UAAUA,UAAUN,sDACpBW,gCAAiBhB;;;;;"}
+{"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","key","className","classNames","MessageIcon","MessageClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,mBAAoD,SAApDA,gBAAoD,CAACC,KAAD,EAAW;yBAEnBC;MAAxCC,mCAAAA;MAAiBC,sCAAAA;;qBAEoEH,MAArFI;MAAAA,kCAAQ;MAAQC,WAAqEL,MAArEK;MAAUC,WAA2DN,MAA3DM;8BAA2DN,MAAjDO;MAAAA,qDAAkBC;MAAMC,QAAyBT,MAAzBS;MAAOC,OAAkBV,MAAlBU;MAAMC,UAAYX,MAAZW;qDAG9E,OAAD;AACEC,IAAAA,KAAI,SADN;AAEEH,IAAAA,OAAAA,KAFF;AAGEI,IAAAA,WAAWC,qBACNZ,kBACHC,mBAAmBC,QACnBE,WAAWH,mBAAmB,cAAc;AANhD,KASGO,OAAOA,mDAAQK,aAAD;AAAaX,IAAAA,OAAAA,KAAb;AAA2BG,IAAAA,iBAAAA;AAA3B,MACdI,UAAUA,UAAUN,sDACpBW,gCAAiBhB;;;;;"}

package/es/message/MessageIcon.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,27 +8,29 @@ import React__default from 'react';
 import { InfoCircleFilledIcon, CheckCircleFilledIcon, ErrorCircleFilledIcon, HelpCircleFilledIcon } from 'tdesign-icons-react';
 import { Loading } from '../loading/index.js';
 import '../loading/loading.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
-import 'react-dom';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
 import 'classnames';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-14d83b52.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-c5dffd03.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import './style/css.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 
 var iconMap = {
   info: InfoCircleFilledIcon,

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

package/es/message/const.js

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

package/es/message/index.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import './style/index.js';
-export type { MessageProps } from './Message';
 export * from './type';
-export declare const Message: import("./Message").MessageProps;
+export declare const Message: import("react").FC<import("./MessageComponent").MessageComponentProps>;
+export { message, MessagePlugin } from './Message';
 export default Message;

package/es/message/index.js

@@ -1,21 +1,21 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import Message$1 from './Message.js';
+export { MessagePlugin, message } from './Message.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import MessageComponent from './MessageComponent.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import '../_util/noop.js';
 import './const.js';
-import './MessageComponent.js';
 import './MessageClose.js';
 import 'tdesign-icons-react';
 import './useMessageClass.js';
@@ -27,18 +27,20 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-14d83b52.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-c5dffd03.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../loading/gradient.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 
-var Message = Message$1;
+var Message = MessageComponent;
 
 export { Message, Message as default };
 //# sourceMappingURL=index.js.map

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

package/es/message/style/index.css

@@ -318,7 +318,7 @@
 .t-message.t-is-closable .t-message__inner {
   margin-right: 24px;
 }
-.t-message.t-is-closable > .t-message-close {
+.t-message.t-is-closable > .t-message__close {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -328,22 +328,22 @@
   cursor: pointer;
   color: var(--td-text-color-secondary);
 }
-.t-message.t-is-closable > .t-message-close .t-icon-close {
+.t-message.t-is-closable > .t-message__close .t-icon-close {
   font-size: 16px;
   border-radius: 3px;
   -webkit-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }
-.t-message.t-is-closable > .t-message-close .t-icon-close:hover {
+.t-message.t-is-closable > .t-message__close .t-icon-close:hover {
   background: var(--td-bg-color-container-hover);
 }
-.t-message.t-is-closable > .t-message-close .t-icon-close:active {
+.t-message.t-is-closable > .t-message__close .t-icon-close:active {
   background: var(--td-bg-color-container-active);
 }
-.t-message-list {
+.t-message__list {
   position: fixed;
   z-index: 6000;
 }
-.t-message-list .t-message {
+.t-message__list .t-message {
   margin-bottom: 8px;
 }

package/es/message/style/index.js

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

package/es/message/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode, AttachNode } from '../common';
 import { MouseEvent } from 'react';
@@ -19,7 +19,7 @@ export interface TdMessageProps {
      */
     duration?: number;
     /**
-     * 消息提醒前面的图标，可以自定义
+     * 用于自定义消息前面的图标，优先级大于 theme 设定的图标。值为 false 则不显示图标，值为 true 显示 theme 设定图标
      * @default true
      */
     icon?: TNode;

package/es/message/type.js

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

package/es/message/useMessageClass.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -14,14 +14,14 @@ function useMessageClass() {
       classPrefix = _useConfig.classPrefix;
 
   var tdMessagePrefix = "".concat(classPrefix, "-message");
-  var tdMessageListClass = "".concat(tdMessagePrefix, "-list");
+  var tdMessageListClass = "".concat(tdMessagePrefix, "__list");
 
   var tdClassIsGenerator = function tdClassIsGenerator(append) {
     return "".concat(classPrefix, "-is-").concat(append);
   };
 
   var tdMessageClassGenerator = function tdMessageClassGenerator(append) {
-    return "".concat(tdMessagePrefix, "-").concat(append);
+    return "".concat(tdMessagePrefix, "__").concat(append);
   };
 
   return {

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":["useConfig","classPrefix","tdMessagePrefix","tdMessageListClass","tdClassIsGenerator","append","tdMessageClassGenerator"],"mappings":";;;;;;;;;;;2BAOkC;mBACRA;MAAhBC,yBAAAA;;MAEFC,4BAAqBD;MAErBE,+BAAwBD;;MACxBE,qBAAqB,SAArBA,kBAAqB,CAACC,MAAD;AAAA,qBAAuBJ,WAAvB,iBAAyCI,MAAzC;AAAA;;MACrBC,0BAA0B,SAA1BA,uBAA0B,CAACD,MAAD;AAAA,qBAAuBH,eAAvB,cAA0CG,MAA1C;AAAA;;SAEzB;AACLH,IAAAA,iBAAAA,eADK;AAELC,IAAAA,oBAAAA,kBAFK;AAGLC,IAAAA,oBAAAA,kBAHK;AAILE,IAAAA,yBAAAA;AAJK;;;;;"}
+{"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":["useConfig","classPrefix","tdMessagePrefix","tdMessageListClass","tdClassIsGenerator","append","tdMessageClassGenerator"],"mappings":";;;;;;;;;;;2BAOkC;mBACRA;MAAhBC,yBAAAA;;MAEFC,4BAAqBD;MAErBE,+BAAwBD;;MACxBE,qBAAqB,SAArBA,kBAAqB,CAACC,MAAD;AAAA,qBAAuBJ,WAAvB,iBAAyCI,MAAzC;AAAA;;MACrBC,0BAA0B,SAA1BA,uBAA0B,CAACD,MAAD;AAAA,qBAAuBH,eAAvB,eAA2CG,MAA3C;AAAA;;SAEzB;AACLH,IAAAA,iBAAAA,eADK;AAELC,IAAAA,oBAAAA,kBAFK;AAGLC,IAAAA,oBAAAA,kBAHK;AAILE,IAAAA,yBAAAA;AAJK;;;;;"}

package/es/notification/Notification.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _slicedToArray } from '../_chunks/dep-85854991.js';
 import * as React 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-4c3606c3.js';
+import '../_chunks/dep-38c06164.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 

package/es/notification/NotificationList.js

@@ -1,25 +1,25 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
-import { _ as _toConsumableArray } from '../_chunks/dep-f405fda4.js';
-import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-0ab6329f.js';
+import { _ as _slicedToArray } from '../_chunks/dep-85854991.js';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import { NotificationComponent } from './Notification.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-38c06164.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'tdesign-icons-react';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var seed = 0;
 var listMap = new Map();
 var NotificationList = /*#__PURE__*/React.forwardRef(function (props, ref) {

package/es/notification/NotificationPlugin.d.ts

@@ -1,4 +1,4 @@
-import { NotificationCloseAllMethod, NotificationCloseMethod, NotificationErrorMethod, NotificationInfoMethod, NotificationInstance, NotificationOptions, NotificationSuccessMethod, NotificationThemeList, NotificationWarningMethod } from 'tdesign-react';
+import { NotificationCloseAllMethod, NotificationCloseMethod, NotificationErrorMethod, NotificationInfoMethod, NotificationInstance, NotificationOptions, NotificationSuccessMethod, NotificationThemeList, NotificationWarningMethod } from './type';
 interface Notification {
     (theme: NotificationThemeList, options: NotificationOptions): Promise<NotificationInstance>;
     info: NotificationInfoMethod;

package/es/notification/NotificationPlugin.js

@@ -1,11 +1,23 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-601473bd.js';
-import { fetchListInstance, listMap } from 'tdesign-react/notification/NotificationList';
+import { _ as _typeof } from '../_chunks/dep-759bc4af.js';
+import { fetchListInstance, listMap } from './NotificationList.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-0ab6329f.js';
+import '../_chunks/dep-38c06164.js';
+import '../_chunks/dep-85854991.js';
+import 'react';
+import 'react-dom';
+import '../_util/useConfig.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import '../_util/noop.js';
+import './Notification.js';
+import 'tdesign-icons-react';
 
 var renderNotification = function renderNotification(theme, options) {
   if (_typeof(options) !== "object") return;

package/es/notification/NotificationPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPlugin.js","sources":["../../src/notification/NotificationPlugin.ts"],"sourcesContent":["import { fetchListInstance, listMap } from 'tdesign-react/notification/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 'tdesign-react';\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":";;;;;;;;;AA+BA,IAAMA,qBAAqB,SAArBA,kBAAqB,CAACC,KAAD,EAA+BC,OAA/B,EAAoE;MACzF,QAAOA,OAAP,MAAmB;;MAEjBC,wBAA8C;QAC9C,CAAC,UAAD,EAAa,WAAb,EAA0B,aAA1B,EAAyC,cAAzC,EAAyDC,OAAzD,CAAiEF,QAAQC,SAAzE,KAAuF,GAAG;aACrFD,QAAQC;;;WAEV;GAJqC;;MAOxCE,qBAA6B;QAC7BH,QAAQG,MAAR,IAAkB,OAAOH,QAAQG,MAAf,KAA0B,UAAU;UAClDC,WAAmBC,SAASC,aAAT,CAAuBN,QAAQG,MAA/B;UACrBC,oBAAmBG,oBAAoBH;;;QAGzCJ,QAAQG,MAAR,YAA0BI,oBAAoBP,QAAQG;QAEpDK,6CAAsCP;QACtCQ,YAAYJ,SAASC,aAAT,YAA2BE,WAA3B;;QACdC,aAAaA,qBAAqBF,aAAa;aAC1CE;;;QAGHC,UAA0BL,SAASM,aAAT,CAAuB,KAAvB;YACxBC,aAAa,MAAMJ;aAClBK,KAAKC,YAAYJ;WACnBA;GAjBoB;;MAoBvBK,SAASf,QAAQe,MAAR,IAAkB;SAE1BC,kBAAkBf,WAAWE,QAAQY,OAArC,CAA6CE,IAA7C,CAAkD,UAACC,YAAD;AAAA,WAAkBA,aAAaC,IAAb,CAAkBpB,KAAlB,EAAyBC,OAAzB,CAAlB;AAAA,GAAlD;CAhCT;;IAmCaoB,qBAAmC,SAAnCA,kBAAmC,CAACrB,KAAD,EAAQsB,KAAR;AAAA,SAAkBvB,mBAAmBC,OAAOsB,MAA5C;AAAA;;AAChDD,mBAAmBE,IAAnB,GAA0B,UAACtB,OAAD;AAAA,SAAaF,mBAAmB,QAAQE,QAAxC;AAAA,CAA1B;;AACAoB,mBAAmBG,OAAnB,GAA6B,UAACvB,OAAD;AAAA,SAAaF,mBAAmB,WAAWE,QAA3C;AAAA,CAA7B;;AACAoB,mBAAmBI,OAAnB,GAA6B,UAACxB,OAAD;AAAA,SAAaF,mBAAmB,WAAWE,QAA3C;AAAA,CAA7B;;AACAoB,mBAAmBK,KAAnB,GAA2B,UAACzB,OAAD;AAAA,SAAaF,mBAAmB,SAASE,QAAzC;AAAA,CAA3B;;AACAoB,mBAAmBM,KAAnB,GAA2B,UAACC,OAAD;AAAA,SAAaA,QAAQV,IAAR,CAAa,UAACW,QAAD;AAAA,WAAcA,SAASF,KAAT,EAAd;AAAA,GAAb,CAAb;AAAA,CAA3B;;AACAN,mBAAmBS,QAAnB,GAA8B;AAAA,SAAMC,QAAQC,OAAR,CAAgB,UAACC,IAAD;AAAA,WAAUA,KAAKC,SAAL,EAAV;AAAA,GAAhB,CAAN;AAAA,CAA9B;;IAEaC,eAAed;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;AA+BA,IAAMA,qBAAqB,SAArBA,kBAAqB,CAACC,KAAD,EAA+BC,OAA/B,EAAoE;MACzF,QAAOA,OAAP,MAAmB;;MAEjBC,wBAA8C;QAC9C,CAAC,UAAD,EAAa,WAAb,EAA0B,aAA1B,EAAyC,cAAzC,EAAyDC,OAAzD,CAAiEF,QAAQC,SAAzE,KAAuF,GAAG;aACrFD,QAAQC;;;WAEV;GAJqC;;MAOxCE,qBAA6B;QAC7BH,QAAQG,MAAR,IAAkB,OAAOH,QAAQG,MAAf,KAA0B,UAAU;UAClDC,WAAmBC,SAASC,aAAT,CAAuBN,QAAQG,MAA/B;UACrBC,oBAAmBG,oBAAoBH;;;QAGzCJ,QAAQG,MAAR,YAA0BI,oBAAoBP,QAAQG;QAEpDK,6CAAsCP;QACtCQ,YAAYJ,SAASC,aAAT,YAA2BE,WAA3B;;QACdC,aAAaA,qBAAqBF,aAAa;aAC1CE;;;QAGHC,UAA0BL,SAASM,aAAT,CAAuB,KAAvB;YACxBC,aAAa,MAAMJ;aAClBK,KAAKC,YAAYJ;WACnBA;GAjBoB;;MAoBvBK,SAASf,QAAQe,MAAR,IAAkB;SAE1BC,kBAAkBf,WAAWE,QAAQY,OAArC,CAA6CE,IAA7C,CAAkD,UAACC,YAAD;AAAA,WAAkBA,aAAaC,IAAb,CAAkBpB,KAAlB,EAAyBC,OAAzB,CAAlB;AAAA,GAAlD;CAhCT;;IAmCaoB,qBAAmC,SAAnCA,kBAAmC,CAACrB,KAAD,EAAQsB,KAAR;AAAA,SAAkBvB,mBAAmBC,OAAOsB,MAA5C;AAAA;;AAChDD,mBAAmBE,IAAnB,GAA0B,UAACtB,OAAD;AAAA,SAAaF,mBAAmB,QAAQE,QAAxC;AAAA,CAA1B;;AACAoB,mBAAmBG,OAAnB,GAA6B,UAACvB,OAAD;AAAA,SAAaF,mBAAmB,WAAWE,QAA3C;AAAA,CAA7B;;AACAoB,mBAAmBI,OAAnB,GAA6B,UAACxB,OAAD;AAAA,SAAaF,mBAAmB,WAAWE,QAA3C;AAAA,CAA7B;;AACAoB,mBAAmBK,KAAnB,GAA2B,UAACzB,OAAD;AAAA,SAAaF,mBAAmB,SAASE,QAAzC;AAAA,CAA3B;;AACAoB,mBAAmBM,KAAnB,GAA2B,UAACC,OAAD;AAAA,SAAaA,QAAQV,IAAR,CAAa,UAACW,QAAD;AAAA,WAAcA,SAASF,KAAT,EAAd;AAAA,GAAb,CAAb;AAAA,CAA3B;;AACAN,mBAAmBS,QAAnB,GAA8B;AAAA,SAAMC,QAAQC,OAAR,CAAgB,UAACC,IAAD;AAAA,WAAUA,KAAKC,SAAL,EAAV;AAAA,GAAhB,CAAN;AAAA,CAA9B;;IAEaC,eAAed;;;;"}

package/es/notification/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,16 +8,19 @@ import { NotificationComponent } from './Notification.js';
 import './style/css.js';
 import './type.js';
 export { NotificationPlugin, notification } from './NotificationPlugin.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.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-601473bd.js';
-import 'tdesign-react/notification/NotificationList';
+import '../_chunks/dep-759bc4af.js';
+import './NotificationList.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-0ab6329f.js';
+import 'react-dom';
 
 var Notification = NotificationComponent;
 

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 * from './type';\n\nexport const Notification = _Notification;\n\nexport { NotificationPlugin, notification } from './NotificationPlugin';\n\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAMaA,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';\n\nexport const Notification = _Notification;\n\nexport { NotificationPlugin, notification } from './NotificationPlugin';\n\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAMaA,eAAeC;;;;"}

package/es/notification/style/index.css

@@ -355,25 +355,25 @@
   font-size: 14px;
   line-height: 22px;
 }
-.t-notification__detail--item {
+.t-notification__detail-item {
   padding: 5px 16px;
   color: inherit;
   cursor: pointer;
 }
-.t-notification__detail--item:hover {
+.t-notification__detail-item:hover {
   color: inherit;
   background: var(--td-bg-color-container-hover);
   border-radius: 3px;
 }
-.t-notification__detail--item:active {
+.t-notification__detail-item:active {
   color: inherit;
   background: var(--td-bg-color-container-active);
   border-radius: 3px;
 }
-.t-notification__detail--item + .t-notification__detail--item {
+.t-notification__detail-item + .t-notification__detail-item {
   margin-left: 8px;
 }
-.t-notification__detail--item.t-is-active {
+.t-notification__detail-item.t-is-active {
   color: var(--td-brand-color-8);
 }
 .t-notification__show--top-left {

package/es/notification/style/index.js

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

package/es/notification/type.d.ts

@@ -1,8 +1,8 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-08 11:32:15
+ * updated at 2021-12-12 18:01:23
  * */
-import { TNode, TElement, AttachNode } from '../common';
+import { TNode, AttachNode } from '../common';
 import { MouseEvent } from 'react';
 export interface TdNotificationProps {
     /**
@@ -27,9 +27,10 @@ export interface TdNotificationProps {
      */
     footer?: TNode;
     /**
-     * 用于自定义消息通知前面的图标，优先级大于 theme 设定的图标
+     * 用于自定义消息通知前面的图标，优先级大于 theme 设定的图标。值为 false 则不显示图标，值为 true 显示 theme 设定图标
+     * @default true
      */
-    icon?: TElement;
+    icon?: TNode;
     /**
      * 消息类型
      * @default info

package/es/notification/type.js

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

package/es/pagination/Pagination.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../_chunks/dep-85854991.js';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { EllipsisIcon, ChevronLeftDoubleIcon, ChevronRightDoubleIcon, ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';
@@ -15,64 +15,68 @@ import useDefault from '../_util/useDefault.js';
 import { Select } from '../select/index.js';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import { pageSizeValidator } from './validators.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-38c06164.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../select/base/Select.js';
-import '../_chunks/dep-f749a2c9.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-ef50bc46.js';
-import '../_chunks/dep-97ee645c.js';
-import '../_chunks/dep-3cf2dbce.js';
-import '../_chunks/dep-6ff255a8.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-ddf2ed34.js';
-import '../_chunks/dep-7d91d695.js';
-import '../_chunks/dep-940f6c04.js';
-import '../_chunks/dep-1fc210cf.js';
-import '../_chunks/dep-c8fef1c7.js';
-import '../_chunks/dep-3b0ab3bc.js';
-import '../_chunks/dep-615797a6.js';
+import '../_chunks/dep-da5d1ac4.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-9f3a6dc7.js';
+import '../_chunks/dep-2544ac60.js';
+import '../_chunks/dep-a02cc97f.js';
+import '../_chunks/dep-1ba197d7.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-1567c5ea.js';
+import '../_chunks/dep-c5dffd03.js';
+import '../_chunks/dep-e3057b1a.js';
+import '../_chunks/dep-8aba3ccb.js';
+import '../_chunks/dep-3c01d153.js';
+import '../_chunks/dep-ec30068f.js';
+import '../_chunks/dep-14d83b52.js';
+import 'lodash';
 import '../_util/composeRefs.js';
 import '../_util/useDefaultValue.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-3d9b45dc.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../select/util/helper.js';
-import '../_chunks/dep-f405fda4.js';
-import 'lodash';
+import '../_chunks/dep-0ab6329f.js';
 import '../select/base/OptionGroup.js';
 import '../common/FakeArrow.js';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import './style/css.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../input/type.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
-import '../popup/useTriggerProps.js';
+import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
 import '../popup/type.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
 import '../tag/type.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-a3d3d11d.js';
+import '../_chunks/dep-447acf5a.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../select/base/PopupContent.js';
@@ -368,7 +372,7 @@ var Pagination = function Pagination(props) {
       value: item.value
     });
   }))) : null, /* @__PURE__ */React__default.createElement("div", {
-    className: classNames("".concat(name, "__btn"), "".concat(name, "__btn--prev"), _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled || current === min)),
+    className: classNames("".concat(name, "__btn"), "".concat(name, "__btn-prev"), _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled || current === min)),
     onClick: function onClick() {
       return changeCurrent(current - 1);
     }
@@ -390,7 +394,7 @@ var Pagination = function Pagination(props) {
       value: item
     }, item, "/", pageCount);
   }))), /* @__PURE__ */React__default.createElement("div", {
-    className: classNames("".concat(name, "__btn"), "".concat(name, "__btn--next"), _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
+    className: classNames("".concat(name, "__btn"), "".concat(name, "__btn-next"), _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
     onClick: function onClick() {
       return changeCurrent(current + 1);
     }