tdesign-react 0.19.0 → 0.20.2

package/es/menu/MenuItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
 import React__default, { useRef, useContext } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -15,9 +15,9 @@ import '../locale/zh_CN.js';
 import '../_util/setStyle.js';
 import '../_util/noop.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 MenuItem = function MenuItem(props) {
   var _classNames;

package/es/menu/SubMenu.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, useContext, useMemo, useRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -16,16 +16,16 @@ import checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive.js';
 import FakeArrow from '../common/FakeArrow.js';
 import { checkIsSubMenu } from './_util/checkMenuType.js';
 import { cacularPaddingLeft } from './_util/cacularPaddingLeft.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-38c06164.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
 import '../_util/setStyle.js';
 import './_util/type.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 SubAccordion = function SubAccordion(props) {
   var _classNames, _classNames2;

package/es/menu/_util/cacularPaddingLeft.js

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

package/es/menu/_util/checkMenuType.js

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

package/es/menu/_util/checkSubMenuActive.js

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

package/es/menu/_util/checkSubMenuChildExpanded.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-f405fda4.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-0ab6329f.js';
 import React__default from 'react';
 import { MenuBlockType } from './type.js';
-import '../../_chunks/dep-4c3606c3.js';
+import '../../_chunks/dep-38c06164.js';
 
 function checkSubMenuChildExpanded(children, expanded, value) {
   var resultExpanded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];

package/es/menu/_util/checkSubMenuChildrenActive.js

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

package/es/menu/_util/constant.js

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

package/es/menu/_util/getSubMenuChildStyle.js

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

package/es/menu/_util/type.js

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

package/es/menu/hooks/useMenuContext.js

@@ -1,21 +1,21 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-f405fda4.js';
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-0ab6329f.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import { noop } from 'lodash';
 import { useState } from 'react';
 import checkSubMenuChildExpanded from '../_util/checkSubMenuChildExpanded.js';
-import '../../_chunks/dep-4c3606c3.js';
+import '../../_chunks/dep-38c06164.js';
 import '../_util/type.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
 function useMenuContext(_ref) {
   var defaultValue = _ref.defaultValue,

package/es/menu/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,7 +7,7 @@
 import Menu$1 from './Menu.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-2e97cc0d.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -19,16 +19,16 @@ import './MenuContext.js';
 import '../_util/noop.js';
 import './_util/constant.js';
 import './hooks/useMenuContext.js';
-import '../_chunks/dep-f405fda4.js';
-import '../_chunks/dep-4c3606c3.js';
-import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-0ab6329f.js';
+import '../_chunks/dep-38c06164.js';
+import '../_chunks/dep-85854991.js';
 import 'lodash';
 import './_util/checkSubMenuChildExpanded.js';
 import './_util/type.js';
 import './HeadMenu.js';
-import '../_chunks/dep-ef50bc46.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-9f3a6dc7.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-00ccaf0c.js';
 import '../tabs/index.js';
 import '../tabs/Tabs.js';
 import '../tabs/TabNav.js';

package/es/menu/style/index.css

@@ -433,7 +433,7 @@ a.t-menu__item:active {
   white-space: nowrap;
 }
 .t-default-menu.t-menu--dark {
-  background: var(--td-gray-color-12);
+  background: var(--td-gray-color-13);
 }
 .t-default-menu.t-menu--dark .t-menu__logo:not(:empty) {
   border-bottom-color: var(--td-gray-color-10);
@@ -454,18 +454,18 @@ a.t-menu__item:active {
   background-color: transparent;
 }
 .t-default-menu.t-menu--dark .t-menu__popup {
-  background: var(--td-gray-color-12);
+  background: var(--td-gray-color-13);
 }
 .t-default-menu.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
   background-color: var(--td-brand-color-8);
 }
 .t-default-menu.t-menu--dark .t-menu__popup {
-  background: var(--td-gray-color-12);
+  background: var(--td-gray-color-13);
 }
-.t-default-menu.t-menu--dark .t-menu-group-title {
+.t-default-menu.t-menu--dark .t-menu-group__title {
   color: var(--td-font-white-3);
 }
-.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group-title:after {
+.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after {
   background-color: var(--td-gray-color-10);
 }
 .t-default-menu.t-is-collapsed {
@@ -529,11 +529,11 @@ a.t-menu__item:active {
   bottom: 0;
   width: 20px;
 }
-.t-default-menu.t-is-collapsed .t-menu-group-title {
+.t-default-menu.t-is-collapsed .t-menu-group__title {
   padding: 0;
   font-size: 0;
 }
-.t-default-menu.t-is-collapsed .t-menu-group-title::after {
+.t-default-menu.t-is-collapsed .t-menu-group__title::after {
   content: "";
   display: block;
   position: absolute;
@@ -576,7 +576,7 @@ a.t-menu__item:active {
 .t-default-menu__inner .t-menu--scroll {
   overflow-y: auto;
 }
-.t-default-menu__inner .t-menu-group-title {
+.t-default-menu__inner .t-menu-group__title {
   position: relative;
   padding: 20px 16px 8px;
   height: 48px;
@@ -697,10 +697,10 @@ a.t-menu__item:active {
   position: relative;
 }
 .t-menu .t-submenu.t-is-active > .t-menu__item {
-  color: var(--td-gray-color-12);
+  color: var(--td-gray-color-13);
 }
 .t-menu .t-submenu.t-is-active > .t-menu__item .t-icon {
-  color: var(--td-gray-color-12);
+  color: var(--td-gray-color-13);
 }
 .t-menu .t-submenu .t-submenu-icon {
   width: 16px;
@@ -791,7 +791,7 @@ a.t-menu__item:active {
   background-color: var(--td-gray-color-10);
 }
 .t-menu--dark .t-menu__popup {
-  background: var(--td-gray-color-12);
+  background: var(--td-gray-color-13);
 }
 .t-menu--dark .t-menu__popup .t-menu__item {
   color: rgba(255, 255, 255, 0.55);

package/es/menu/style/index.js

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

package/es/menu/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, TElement } from '../common';
 import { MouseEvent } from 'react';

package/es/menu/type.js

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

package/es/message/Message.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import { MessageCloseAllMethod, MessageErrorMethod, MessageInfoMethod, MessageInstance, MessageLoadingMethod, MessageQuestionMethod, MessageSuccessMethod, MessageWarningMethod, TdMessageProps } from './type';
-export interface MessageProps extends React.FC<TdMessageProps> {
+import { MessageCloseAllMethod, MessageErrorMethod, MessageInfoMethod, MessageInstance, MessageLoadingMethod, MessageOptions, MessageQuestionMethod, MessageSuccessMethod, MessageWarningMethod, MessageThemeList } from './type';
+import MessageComponent from './MessageComponent';
+interface MessagePlugin {
+    (theme: MessageThemeList, message: string | MessageOptions, duration?: number): Promise<MessageInstance>;
     info: MessageInfoMethod;
     success: MessageSuccessMethod;
     warning: MessageWarningMethod;
@@ -10,5 +11,6 @@ export interface MessageProps extends React.FC<TdMessageProps> {
     closeAll: MessageCloseAllMethod;
     close: (message: Promise<MessageInstance>) => void;
 }
-declare const Message: MessageProps;
-export default Message;
+export declare const MessagePlugin: MessagePlugin;
+export declare const message: MessagePlugin;
+export default MessageComponent;

package/es/message/Message.js

@@ -1,18 +1,19 @@
 /**
- * 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 from 'react';
 import ReactDOM__default from 'react-dom';
 import classNames from 'classnames';
 import noop from '../_util/noop.js';
-import { PlacementOffset, THEME_ARRAY } from './const.js';
+import { PlacementOffset } from './const.js';
 import MessageComponent from './MessageComponent.js';
-import '../_chunks/dep-4c3606c3.js';
+export { default } from './MessageComponent.js';
+import '../_chunks/dep-38c06164.js';
 import './MessageClose.js';
 import 'tdesign-icons-react';
 import './useMessageClass.js';
@@ -24,21 +25,23 @@ 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 './style/css.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 MessageList = [];
 var keyIndex = 1;
 var globalConfig = {
@@ -64,7 +67,7 @@ function createContainer(_ref) {
     mountedDom = attach();
   }
 
-  var tdMessageListClass = "t-message-list";
+  var tdMessageListClass = "t-message__list";
   var tdMessagePlacementClass = "t-message-placement--".concat(placement);
   var container = Array.from(mountedDom.querySelectorAll(".".concat(tdMessageListClass, ".").concat(tdMessagePlacementClass)));
 
@@ -97,7 +100,7 @@ function renderElement(theme, config) {
       onDurationEnd = _config$onDurationEnd === void 0 ? noop : _config$onDurationEnd;
   var div = document.createElement("div");
   keyIndex += 1;
-  var message = {
+  var message2 = {
     close: function close() {
       ReactDOM__default.unmountComponentAtNode(div);
       div.remove();
@@ -111,7 +114,7 @@ function renderElement(theme, config) {
 
   if (duration !== 0) {
     setTimeout(function () {
-      message.close();
+      message2.close();
       onDurationEnd();
     }, duration);
   }
@@ -137,13 +140,11 @@ function renderElement(theme, config) {
       key: keyIndex
     }, config), content), div);
     container.appendChild(div);
-    MessageList.push(message);
-    resolve(message);
+    MessageList.push(message2);
+    resolve(message2);
   });
 }
 
-var Message = MessageComponent;
-
 function isConfig(content) {
   return Object.prototype.toString.call(content) === "[object Object]" && !!content.content;
 }
@@ -169,25 +170,49 @@ var messageMethod = function messageMethod(theme, content) {
   return renderElement(theme, config);
 };
 
-THEME_ARRAY.forEach(function (theme) {
-  Message[theme] = function (content, duration) {
-    return messageMethod(theme, content, duration);
-  };
-});
+var MessagePlugin = function MessagePlugin(theme, message2, duration) {
+  return messageMethod(theme, message2, duration);
+};
+
+MessagePlugin.info = function (content, duration) {
+  return messageMethod("info", content, duration);
+};
+
+MessagePlugin.error = function (content, duration) {
+  return messageMethod("error", content, duration);
+};
+
+MessagePlugin.warning = function (content, duration) {
+  return messageMethod("warning", content, duration);
+};
+
+MessagePlugin.success = function (content, duration) {
+  return messageMethod("success", content, duration);
+};
+
+MessagePlugin.question = function (content, duration) {
+  return messageMethod("question", content, duration);
+};
+
+MessagePlugin.loading = function (content, duration) {
+  return messageMethod("loading", content, duration);
+};
 
-Message.close = function (message) {
-  message.then(function (instance) {
+MessagePlugin.close = function (messageInstance) {
+  messageInstance.then(function (instance) {
     return instance.close();
   });
 };
 
-Message.closeAll = function () {
-  MessageList.forEach(function (message) {
-    typeof message.close === "function" && message.close();
+MessagePlugin.closeAll = function () {
+  MessageList.forEach(function (message2) {
+    typeof message2.close === "function" && message2.close();
   });
   MessageList = [];
   return;
 };
 
-export { Message as default };
+var message = MessagePlugin;
+
+export { MessagePlugin, message };
 //# sourceMappingURL=Message.js.map

package/es/message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../src/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\n\nimport {\n  MessageCloseAllMethod,\n  MessageErrorMethod,\n  MessageInfoMethod,\n  MessageInstance,\n  MessageLoadingMethod,\n  MessageMethod,\n  MessageOptions,\n  MessageQuestionMethod,\n  MessageSuccessMethod,\n  MessageWarningMethod,\n  TdMessageProps,\n  MessageThemeList,\n} from './type';\nimport { AttachNodeReturnValue } from '../common';\nimport noop from '../_util/noop';\nimport { PlacementOffset, THEME_ARRAY } from './const';\nimport MessageComponent from './MessageComponent';\n\n// 定义全局的 message 列表，closeAll 函数需要使用\nlet MessageList: MessageInstance[] = [];\nlet keyIndex = 1;\n\n// 全局默认配置，zIndex 为 5000，默认关闭事件 3000\nconst globalConfig = {\n  zIndex: 5000,\n  duration: 3000,\n  top: 32,\n};\n\nexport interface MessageProps extends React.FC<TdMessageProps> {\n  info: MessageInfoMethod;\n  success: MessageSuccessMethod;\n  warning: MessageWarningMethod;\n  error: MessageErrorMethod;\n  question: MessageQuestionMethod;\n  loading: MessageLoadingMethod;\n  closeAll: MessageCloseAllMethod;\n  close: (message: Promise<MessageInstance>) => void;\n}\n\n/**\n * @author kenzyyang\n * @date 2021-05-11 20:36:52\n * @desc 创建容器，所有的 message 会填充到容器中\n */\nfunction createContainer({ attach, zIndex, placement = 'top' }: MessageOptions) {\n  // 默认注入到 body 中，如果用户有制定，以用户指定的为准\n  let mountedDom: AttachNodeReturnValue = document.body;\n\n  // attach 为字符串时认为是选择器\n  if (typeof attach === 'string') {\n    const result = document.querySelectorAll(attach);\n    if (result.length >= 1) {\n      // :todo 编译器提示 nodelist 为类数组类型，并没有实现迭代器，没办法使用数组解构，暂时加上 eslint-disable\n      // eslint-disable-next-line prefer-destructuring\n      mountedDom = result[0];\n    }\n  } else if (typeof attach === 'function') {\n    mountedDom = attach();\n  }\n\n  // :todo 暂时写死，需要 pmc 确定如何在非组件中拿到动态配置的样式前缀\n  const tdMessageListClass = 't-message-list';\n  const tdMessagePlacementClass = `t-message-placement--${placement}`;\n\n  // 选择器找到一个挂载 message 的容器，不存在则创建\n  const container = Array.from(mountedDom.querySelectorAll(`.${tdMessageListClass}.${tdMessagePlacementClass}`));\n  if (container.length < 1) {\n    const div = document.createElement('div');\n    div.className = classNames(tdMessageListClass, tdMessagePlacementClass);\n    div.style.zIndex = String(zIndex || globalConfig.zIndex);\n\n    Object.keys(PlacementOffset[placement]).forEach((key) => {\n      div.style[key] = PlacementOffset[placement][key];\n    });\n\n    if (placement.includes('top')) {\n      div.style.top = `${globalConfig.top}px`;\n    }\n    mountedDom.appendChild(div);\n    return div;\n  }\n  return container[0];\n}\n\n/**\n * @desc 函数式调用时的 message 渲染函数\n */\nfunction renderElement(theme, config: MessageOptions): Promise<MessageInstance> {\n  const container = createContainer(config) as HTMLElement;\n  let { duration = globalConfig.duration } = config;\n  const { content, offset, onDurationEnd = noop } = config;\n  const div = document.createElement('div');\n\n  keyIndex += 1;\n\n  const message = {\n    close: () => {\n      ReactDOM.unmountComponentAtNode(div);\n      div.remove();\n    },\n    key: keyIndex,\n  };\n\n  // 校验duration 合法性\n  if (duration < 0) {\n    duration = 3000;\n  }\n  if (duration !== 0) {\n    setTimeout(() => {\n      message.close();\n      onDurationEnd();\n    }, duration);\n  }\n\n  let style: React.CSSProperties = {};\n  if (Array.isArray(offset) && offset.length === 2) {\n    const [left, top] = offset;\n    style = {\n      left,\n      top,\n      position: 'relative',\n    };\n  }\n\n  return new Promise((resolve) => {\n    // 渲染组件\n    ReactDOM.render(\n      <MessageComponent theme={theme} style={style} key={keyIndex} {...config}>\n        {content}\n      </MessageComponent>,\n      div,\n    );\n\n    // 将当前渲染的 message 挂载到指定的容器中\n    container.appendChild(div);\n    // message 推入 message 列表\n    MessageList.push(message);\n    // 将 message 实例通过 resolve 返回给 promise 调用方\n    resolve(message);\n  });\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// :todo 需要 api 定义完全的 message 格式，否则用户使用时没法得到 message.info 的提示.\nconst Message: MessageProps = MessageComponent;\n\n// 判断是否是 messageOptions\nfunction isConfig(content: MessageOptions | React.ReactNode): content is MessageOptions {\n  return Object.prototype.toString.call(content) === '[object Object]' && !!(content as MessageOptions).content;\n}\n\nconst messageMethod: MessageMethod = (theme: MessageThemeList, content, duration: number = globalConfig.duration) => {\n  let config = {} as MessageOptions;\n  if (isConfig(content)) {\n    config = {\n      duration,\n      ...content,\n    };\n  } else {\n    config = {\n      content,\n      duration,\n    };\n  }\n  config = {\n    ...config,\n    zIndex: config.zIndex || globalConfig.zIndex,\n  };\n  return renderElement(theme, config);\n};\n\nTHEME_ARRAY.forEach((theme) => {\n  Message[theme] = (content, duration) => messageMethod(theme, content, duration);\n});\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc Message 顶层内置函数，传入 message promise，关闭传入的 message.\n */\nMessage.close = (message) => {\n  message.then((instance) => instance.close());\n};\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc 关闭所有的 message\n * :todo 需明确关闭范围，目前 message 中暂无 namespace 类似概念，暂时做全 message 关闭\n * 可预见到的扩展: 根据不同的 attach 做关闭,根据不同的类型做关闭，根据不同的 namespace 做关闭等等\n */\nMessage.closeAll = (): MessageCloseAllMethod => {\n  MessageList.forEach((message) => {\n    typeof message.close === 'function' && message.close();\n  });\n  MessageList = [];\n  return;\n};\n\nexport default Message;\n"],"names":["MessageList","keyIndex","globalConfig","zIndex","duration","top","attach","placement","mountedDom","document","body","result","querySelectorAll","length","tdMessageListClass","tdMessagePlacementClass","container","Array","from","div","createElement","className","classNames","style","String","keys","PlacementOffset","forEach","key","includes","appendChild","theme","config","createContainer","content","offset","onDurationEnd","noop","message","close","unmountComponentAtNode","remove","isArray","left","position","Promise","resolve","render","MessageComponent","push","Message","Object","prototype","toString","call","messageMethod","isConfig","renderElement","THEME_ARRAY","then","instance","closeAll"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../src/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\n\nimport {\n  MessageCloseAllMethod,\n  MessageErrorMethod,\n  MessageInfoMethod,\n  MessageInstance,\n  MessageLoadingMethod,\n  MessageMethod,\n  MessageOptions,\n  MessageQuestionMethod,\n  MessageSuccessMethod,\n  MessageWarningMethod,\n  MessageThemeList,\n} from './type';\nimport { AttachNodeReturnValue } from '../common';\nimport noop from '../_util/noop';\nimport { PlacementOffset } from './const';\nimport MessageComponent from './MessageComponent';\n\n// 定义全局的 message 列表，closeAll 函数需要使用\nlet MessageList: MessageInstance[] = [];\nlet keyIndex = 1;\n\n// 全局默认配置，zIndex 为 5000，默认关闭事件 3000\nconst globalConfig = {\n  zIndex: 5000,\n  duration: 3000,\n  top: 32,\n};\n\ninterface MessagePlugin {\n  (theme: MessageThemeList, message: string | MessageOptions, duration?: number): Promise<MessageInstance>;\n  info: MessageInfoMethod;\n  success: MessageSuccessMethod;\n  warning: MessageWarningMethod;\n  error: MessageErrorMethod;\n  question: MessageQuestionMethod;\n  loading: MessageLoadingMethod;\n  closeAll: MessageCloseAllMethod;\n  close: (message: Promise<MessageInstance>) => void;\n}\n\n/**\n * @author kenzyyang\n * @date 2021-05-11 20:36:52\n * @desc 创建容器，所有的 message 会填充到容器中\n */\nfunction createContainer({ attach, zIndex, placement = 'top' }: MessageOptions) {\n  // 默认注入到 body 中，如果用户有制定，以用户指定的为准\n  let mountedDom: AttachNodeReturnValue = document.body;\n\n  // attach 为字符串时认为是选择器\n  if (typeof attach === 'string') {\n    const result = document.querySelectorAll(attach);\n    if (result.length >= 1) {\n      // :todo 编译器提示 nodelist 为类数组类型，并没有实现迭代器，没办法使用数组解构，暂时加上 eslint-disable\n      // eslint-disable-next-line prefer-destructuring\n      mountedDom = result[0];\n    }\n  } else if (typeof attach === 'function') {\n    mountedDom = attach();\n  }\n\n  // :todo 暂时写死，需要 pmc 确定如何在非组件中拿到动态配置的样式前缀\n  const tdMessageListClass = 't-message__list';\n  const tdMessagePlacementClass = `t-message-placement--${placement}`;\n\n  // 选择器找到一个挂载 message 的容器，不存在则创建\n  const container = Array.from(mountedDom.querySelectorAll(`.${tdMessageListClass}.${tdMessagePlacementClass}`));\n  if (container.length < 1) {\n    const div = document.createElement('div');\n    div.className = classNames(tdMessageListClass, tdMessagePlacementClass);\n    div.style.zIndex = String(zIndex || globalConfig.zIndex);\n\n    Object.keys(PlacementOffset[placement]).forEach((key) => {\n      div.style[key] = PlacementOffset[placement][key];\n    });\n\n    if (placement.includes('top')) {\n      div.style.top = `${globalConfig.top}px`;\n    }\n    mountedDom.appendChild(div);\n    return div;\n  }\n  return container[0];\n}\n\n/**\n * @desc 函数式调用时的 message 渲染函数\n */\nfunction renderElement(theme, config: MessageOptions): Promise<MessageInstance> {\n  const container = createContainer(config) as HTMLElement;\n  let { duration = globalConfig.duration } = config;\n  const { content, offset, onDurationEnd = noop } = config;\n  const div = document.createElement('div');\n\n  keyIndex += 1;\n\n  const message = {\n    close: () => {\n      ReactDOM.unmountComponentAtNode(div);\n      div.remove();\n    },\n    key: keyIndex,\n  };\n\n  // 校验duration 合法性\n  if (duration < 0) {\n    duration = 3000;\n  }\n  if (duration !== 0) {\n    setTimeout(() => {\n      message.close();\n      onDurationEnd();\n    }, duration);\n  }\n\n  let style: React.CSSProperties = {};\n  if (Array.isArray(offset) && offset.length === 2) {\n    const [left, top] = offset;\n    style = {\n      left,\n      top,\n      position: 'relative',\n    };\n  }\n\n  return new Promise((resolve) => {\n    // 渲染组件\n    ReactDOM.render(\n      <MessageComponent theme={theme} style={style} key={keyIndex} {...config}>\n        {content}\n      </MessageComponent>,\n      div,\n    );\n\n    // 将当前渲染的 message 挂载到指定的容器中\n    container.appendChild(div);\n    // message 推入 message 列表\n    MessageList.push(message);\n    // 将 message 实例通过 resolve 返回给 promise 调用方\n    resolve(message);\n  });\n}\n\n// 判断是否是 messageOptions\nfunction isConfig(content: MessageOptions | React.ReactNode): content is MessageOptions {\n  return Object.prototype.toString.call(content) === '[object Object]' && !!(content as MessageOptions).content;\n}\n\nconst messageMethod: MessageMethod = (theme: MessageThemeList, content, duration: number = globalConfig.duration) => {\n  let config = {} as MessageOptions;\n  if (isConfig(content)) {\n    config = {\n      duration,\n      ...content,\n    };\n  } else {\n    config = {\n      content,\n      duration,\n    };\n  }\n  config = {\n    ...config,\n    zIndex: config.zIndex || globalConfig.zIndex,\n  };\n  return renderElement(theme, config);\n};\n\nexport const MessagePlugin: MessagePlugin = (theme, message, duration) => messageMethod(theme, message, duration);\nMessagePlugin.info = (content, duration) => messageMethod('info', content, duration);\nMessagePlugin.error = (content, duration) => messageMethod('error', content, duration);\nMessagePlugin.warning = (content, duration) => messageMethod('warning', content, duration);\nMessagePlugin.success = (content, duration) => messageMethod('success', content, duration);\nMessagePlugin.question = (content, duration) => messageMethod('question', content, duration);\nMessagePlugin.loading = (content, duration) => messageMethod('loading', content, duration);\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc Message 顶层内置函数，传入 message promise，关闭传入的 message.\n */\nMessagePlugin.close = (messageInstance) => {\n  messageInstance.then((instance) => instance.close());\n};\n\n/**\n * @date 2021-05-16 13:11:24\n * @desc 关闭所有的 message\n * :todo 需明确关闭范围，目前 message 中暂无 namespace 类似概念，暂时做全 message 关闭\n * 可预见到的扩展: 根据不同的 attach 做关闭,根据不同的类型做关闭，根据不同的 namespace 做关闭等等\n */\nMessagePlugin.closeAll = (): MessageCloseAllMethod => {\n  MessageList.forEach((message) => {\n    typeof message.close === 'function' && message.close();\n  });\n  MessageList = [];\n  return;\n};\n\nexport const message = MessagePlugin;\n\nexport default MessageComponent;\n"],"names":["MessageList","keyIndex","globalConfig","zIndex","duration","top","attach","placement","mountedDom","document","body","result","querySelectorAll","length","tdMessageListClass","tdMessagePlacementClass","container","Array","from","div","createElement","className","classNames","style","String","keys","PlacementOffset","forEach","key","includes","appendChild","theme","config","createContainer","content","offset","onDurationEnd","noop","message2","close","unmountComponentAtNode","remove","isArray","left","position","Promise","resolve","render","MessageComponent","push","Object","prototype","toString","call","messageMethod","isConfig","renderElement","MessagePlugin","info","error","warning","success","question","loading","messageInstance","then","instance","closeAll","message"],"mappings":"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"}

package/es/message/MessageClose.js

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

package/es/message/MessageComponent.d.ts

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { TdMessageProps } from './type';
-interface MessageComponentProps extends TdMessageProps {
+export interface MessageComponentProps extends TdMessageProps {
     style?: React.CSSProperties;
 }
 declare const MessageComponent: React.FC<MessageComponentProps>;

package/es/message/MessageComponent.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import noop from '../_util/noop.js';
@@ -14,29 +14,31 @@ import { useMessageClass } from './useMessageClass.js';
 import 'tdesign-icons-react';
 import '../loading/index.js';
 import '../loading/loading.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
-import 'react-dom';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.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 '../_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';
 
-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 MessageComponent = function MessageComponent(props) {
   var _useMessageClass = useMessageClass(),