tdesign-react 0.24.2 → 0.25.2

package/lib/message/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var message_Message = require('./Message.js');
 var message_MessageComponent = require('./MessageComponent.js');
-require('../_chunks/dep-d569a74d.js');
-require('../_chunks/dep-c419658d.js');
-require('../_chunks/dep-39e97fe4.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-b7cfec4d.js');
+require('../_chunks/dep-24860d3b.js');
 require('react');
 require('react-dom');
 require('classnames');
@@ -22,22 +22,22 @@ require('./MessageClose.js');
 require('tdesign-icons-react');
 require('./useMessageClass.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('./MessageIcon.js');
@@ -45,14 +45,14 @@ require('../loading/index.js');
 require('../loading/loading.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-b04d0908.js');
+require('../_chunks/dep-3cfc5c96.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
 require('../loading/gradient.js');
 require('../_common/js/loading/circle-adapter.js');
 require('../_common/js/utils/set-style.js');
 require('../_common/js/utils/helper.js');
-require('../_chunks/dep-70ccd627.js');
+require('../_chunks/dep-eedee13a.js');
 require('../loading/plugin.js');
 
 var Message = message_MessageComponent["default"];

package/lib/message/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/message/useMessageClass.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,23 +10,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _util_useConfig = require('../_util/useConfig.js');
 require('react');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-d569a74d.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 

package/lib/notification/Notification.d.ts

@@ -3,6 +3,7 @@ import { TdNotificationProps } from './type';
 import { Styles } from '../common';
 export interface NotificationProps extends TdNotificationProps {
     style?: Styles;
+    id?: string;
 }
 export declare const NotificationComponent: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<any>>;
 export default NotificationComponent;

package/lib/notification/Notification.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,181 +8,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-c419658d.js');
-var React = require('react');
-var tdesignIconsReact = require('tdesign-icons-react');
-var _util_noop = require('../_util/noop.js');
-var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-39e97fe4.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-d569a74d.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-b7cfec4d.js');
+require('react');
+require('tdesign-icons-react');
+var notification_NotificationList = require('../_chunks/dep-3eab429c.js');
+require('../_util/noop.js');
+require('../_util/useConfig.js');
+require('../_chunks/dep-24860d3b.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-551cd0f7.js');
+require('react-dom');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var blockName = "notification";
-var NotificationComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$title = props.title,
-      title = _props$title === void 0 ? null : _props$title,
-      _props$content = props.content,
-      content = _props$content === void 0 ? null : _props$content,
-      _props$theme = props.theme,
-      theme = _props$theme === void 0 ? null : _props$theme,
-      _props$icon = props.icon,
-      icon = _props$icon === void 0 ? null : _props$icon,
-      closeBtn = props.closeBtn,
-      _props$footer = props.footer,
-      footer = _props$footer === void 0 ? null : _props$footer,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 3e3 : _props$duration,
-      _props$onCloseBtnClic = props.onCloseBtnClick,
-      onCloseBtnClick = _props$onCloseBtnClic === void 0 ? _util_noop["default"] : _props$onCloseBtnClic,
-      _props$onDurationEnd = props.onDurationEnd,
-      onDurationEnd = _props$onDurationEnd === void 0 ? _util_noop["default"] : _props$onDurationEnd,
-      style = props.style;
-
-  var _useConfig = _util_useConfig["default"](),
-      classPrefix = _useConfig.classPrefix;
-
-  var prefixCls = React__default["default"].useCallback(function () {
-    var className = "";
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    args.forEach(function (item, index) {
-      if (item && index > 0) className = className.concat(" ");
-
-      if (item instanceof Array) {
-        var _item = slicedToArray._slicedToArray(item, 3),
-            block = _item[0],
-            element = _item[1],
-            modifier = _item[2];
-
-        className = className.concat(classPrefix, "-", block);
-        if (element) className = className.concat("__", element);
-        if (modifier) className = className.concat("--", modifier);
-      } else if (typeof item === "string") {
-        className = className.concat(classPrefix, "-", item);
-      }
-    });
-    return className;
-  }, [classPrefix]);
-  React__default["default"].useImperativeHandle(ref, function () {
-    return {
-      close: close
-    };
-  }, []);
-  React__default["default"].useEffect(function () {
-    var timer;
-
-    if (duration > 0) {
-      timer = setTimeout(function () {
-        clearTimeout(timer);
-        onDurationEnd();
-      }, duration);
-    }
-
-    return function () {
-      if (timer) clearTimeout(timer);
-    };
-  }, []);
-
-  var renderIcon = function renderIcon() {
-    var IconWrapper = function IconWrapper(_ref) {
-      var children = _ref.children;
-      return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-notification__icon")
-      }, children);
-    };
-
-    if ( /*#__PURE__*/React__default["default"].isValidElement(icon)) {
-      return /* @__PURE__ */React__default["default"].createElement(IconWrapper, null, icon);
-    }
-
-    if (theme && theme === "success") {
-      return /* @__PURE__ */React__default["default"].createElement(IconWrapper, null, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CheckCircleFilledIcon, {
-        className: prefixCls("is-success")
-      }));
-    }
-
-    if (theme && ["info", "warning", "error"].indexOf(theme) >= 0) {
-      return /* @__PURE__ */React__default["default"].createElement(IconWrapper, null, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.InfoCircleFilledIcon, {
-        className: prefixCls("is-".concat(theme))
-      }));
-    }
-
-    return null;
-  };
-
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    ref: ref,
-    className: prefixCls(blockName),
-    style: style
-  }, renderIcon(), /* @__PURE__ */React__default["default"].createElement("div", {
-    className: prefixCls([blockName, "main"])
-  }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: prefixCls([blockName, "title__wrap"])
-  }, /* @__PURE__ */React__default["default"].createElement("span", {
-    className: prefixCls([blockName, "title"])
-  }, title), function () {
-    if (typeof closeBtn === "boolean" && closeBtn) {
-      return /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CloseIcon, {
-        className: prefixCls("icon-close"),
-        onClick: function onClick(e) {
-          onCloseBtnClick({
-            e: e
-          });
-        }
-      });
-    }
-
-    if ( /*#__PURE__*/React__default["default"].isValidElement(closeBtn)) {
-      return /* @__PURE__ */React__default["default"].createElement("div", {
-        onClick: function onClick(e) {
-          onCloseBtnClick({
-            e: e
-          });
-        }
-      }, closeBtn);
-    }
-
-    return null;
-  }()), function () {
-    if (typeof content === "string") {
-      return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: prefixCls([blockName, "content"])
-      }, content);
-    }
-
-    if ( /*#__PURE__*/React__default["default"].isValidElement(content)) return content;
-    return null;
-  }(), /*#__PURE__*/React__default["default"].isValidElement(footer) && /* @__PURE__ */React__default["default"].createElement("div", {
-    className: prefixCls([blockName, "detail"])
-  }, footer), typeof footer === "function" && /* @__PURE__ */React__default["default"].createElement("div", {
-    className: prefixCls([blockName, "detail"])
-  }, footer())));
-});
-
-exports.NotificationComponent = NotificationComponent;
-exports["default"] = NotificationComponent;
+exports.NotificationComponent = notification_NotificationList.NotificationComponent;
+exports["default"] = notification_NotificationList.NotificationComponent;
 //# sourceMappingURL=Notification.js.map

package/lib/notification/Notification.js.map

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

package/lib/notification/NotificationList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { NotificationInfoOptions, NotificationInstance, NotificationPlacementList, NotificationThemeList, TdNotificationProps } from './type';
 interface NotificationListInstance extends TdNotificationProps {
     push: (theme: NotificationThemeList, options: NotificationInfoOptions) => Promise<NotificationInstance>;
@@ -5,5 +6,6 @@ interface NotificationListInstance extends TdNotificationProps {
     removeAll: () => void;
 }
 export declare const listMap: Map<NotificationPlacementList, NotificationListInstance>;
+export declare const NotificationRemoveContext: React.Context<(key: string) => void>;
 export declare const fetchListInstance: (placement: NotificationPlacementList, attach: HTMLElement, zIndex: number) => Promise<NotificationListInstance>;
 export {};

package/lib/notification/NotificationList.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,205 +8,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-d569a74d.js');
-var toConsumableArray = require('../_chunks/dep-8595bcca.js');
-var slicedToArray = require('../_chunks/dep-c419658d.js');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var _util_useConfig = require('../_util/useConfig.js');
-var _util_noop = require('../_util/noop.js');
-var notification_Notification = require('./Notification.js');
-require('../_chunks/dep-39e97fe4.js');
-require('../_chunks/dep-5e8ba2b6.js');
-require('../_chunks/dep-cb0572c8.js');
-require('../_chunks/dep-8f62190e.js');
-require('../_chunks/dep-e0f1e391.js');
-require('../_chunks/dep-7316483e.js');
-require('../_chunks/dep-824a3ee6.js');
-require('../_chunks/dep-92449e5d.js');
-require('../_chunks/dep-4fb5c464.js');
-require('../_chunks/dep-6dc159e8.js');
-require('../_chunks/dep-851964b6.js');
-require('../_chunks/dep-46a203a6.js');
-require('../_chunks/dep-3d45cbc8.js');
-require('../_chunks/dep-013cf2de.js');
-require('../_chunks/dep-2d08f6ba.js');
-require('../_chunks/dep-58b55d35.js');
-require('../_chunks/dep-5c53bbaa.js');
+require('../_chunks/dep-54e5d466.js');
+require('../_chunks/dep-551cd0f7.js');
+require('../_chunks/dep-b7cfec4d.js');
+require('react');
+require('react-dom');
+require('../_util/useConfig.js');
+require('../_util/noop.js');
+var notification_NotificationList = require('../_chunks/dep-3eab429c.js');
+require('../_chunks/dep-24860d3b.js');
+require('../_chunks/dep-c4204176.js');
+require('../_chunks/dep-955ec2f5.js');
+require('../_chunks/dep-43d2b778.js');
+require('../_chunks/dep-a4e63197.js');
+require('../_chunks/dep-5d12d655.js');
+require('../_chunks/dep-7bbe83c7.js');
+require('../_chunks/dep-22e00850.js');
+require('../_chunks/dep-a19cf0b0.js');
+require('../_chunks/dep-140a2995.js');
+require('../_chunks/dep-d2ca8f73.js');
+require('../_chunks/dep-0a2d9525.js');
+require('../_chunks/dep-ec6a3b8b.js');
+require('../_chunks/dep-37d3829a.js');
+require('../_chunks/dep-4fa0c97c.js');
+require('../_chunks/dep-0706ae8b.js');
+require('../_chunks/dep-e8b2b2fc.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('tdesign-icons-react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._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 = /* @__PURE__ */new Map();
-var NotificationList = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var attach = props.attach,
-      placement = props.placement,
-      zIndex = props.zIndex;
-
-  var _useConfig = _util_useConfig["default"](),
-      classPrefix = _useConfig.classPrefix;
-
-  var _React$useReducer = React__default["default"].useReducer(function (state, action) {
-    switch (action.type) {
-      case "push":
-        return [].concat(toConsumableArray._toConsumableArray(state), [action.value]);
-
-      case "remove":
-        return state.filter(function (item) {
-          return item.key !== action.key;
-        }).map(function (item) {
-          return item;
-        });
-
-      case "removeAll":
-        return [];
-
-      default:
-        return state;
-    }
-  }, []),
-      _React$useReducer2 = slicedToArray._slicedToArray(_React$useReducer, 2),
-      list = _React$useReducer2[0],
-      dispatchList = _React$useReducer2[1];
-
-  var notificationMap = React__default["default"].useMemo(function () {
-    return /* @__PURE__ */new Map();
-  }, []);
-  var remove = React__default["default"].useCallback(function (key) {
-    dispatchList({
-      type: "remove",
-      key: key
-    });
-    notificationMap["delete"](key);
-  }, [notificationMap]);
-
-  var calOffset = function calOffset(offset) {
-    if (!offset) return "16px";
-    return isNaN(Number(offset)) ? offset : "".concat(offset, "px");
-  };
-
-  var push = React__default["default"].useCallback(function (theme, options) {
-    return new Promise(function (resolve) {
-      var key = String(seed += 1);
-
-      var style = function () {
-        if (Array.isArray(options.offset)) {
-          var _ref = toConsumableArray._toConsumableArray(options.offset),
-              horizontal = _ref[0],
-              vertical = _ref[1];
-
-          var horizontalOffset = calOffset(horizontal);
-          var verticalOffset = calOffset(vertical);
-          return {
-            marginTop: verticalOffset,
-            marginBottom: verticalOffset,
-            marginLeft: horizontalOffset,
-            marginRight: horizontalOffset
-          };
-        }
-
-        return {
-          margin: "16px"
-        };
-      }();
-
-      notificationMap.set(key, /*#__PURE__*/React__default["default"].createRef());
-      dispatchList({
-        type: "push",
-        value: _objectSpread(_objectSpread({}, options), {}, {
-          key: key,
-          theme: theme,
-          style: style
-        })
-      });
-
-      notificationMap.get(key).current.close = function () {
-        remove(key);
-      };
-
-      resolve(notificationMap.get(key).current);
-    });
-  }, [notificationMap, remove]);
-  var removeAll = React__default["default"].useCallback(function () {
-    dispatchList({
-      type: "removeAll"
-    });
-    notificationMap.clear();
-  }, [notificationMap]);
-  React__default["default"].useImperativeHandle(ref, function () {
-    return {
-      push: push,
-      remove: remove,
-      removeAll: removeAll
-    };
-  });
-  React__default["default"].useEffect(function () {
-    if (list.length === 0 && notificationMap.size === 0) {
-      listMap["delete"](placement);
-      ReactDOM__default["default"].unmountComponentAtNode(attach);
-      attach.remove();
-    }
-  }, [list, attach, placement, notificationMap]);
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: "".concat(classPrefix, "-notification__show--").concat(placement),
-    style: {
-      zIndex: zIndex
-    }
-  }, list.map(function (props2) {
-    var _props2$onDurationEnd = props2.onDurationEnd,
-        _onDurationEnd = _props2$onDurationEnd === void 0 ? _util_noop["default"] : _props2$onDurationEnd,
-        _props2$onCloseBtnCli = props2.onCloseBtnClick,
-        _onCloseBtnClick = _props2$onCloseBtnCli === void 0 ? _util_noop["default"] : _props2$onCloseBtnCli;
-
-    return /* @__PURE__ */React__default["default"].createElement(notification_Notification.NotificationComponent, _objectSpread(_objectSpread({
-      theme: "warning",
-      ref: notificationMap.get(props2.key),
-      key: props2.key
-    }, props2), {}, {
-      onDurationEnd: function onDurationEnd() {
-        remove(props2.key);
-
-        _onDurationEnd();
-      },
-      onCloseBtnClick: function onCloseBtnClick(e) {
-        remove(props2.key);
-
-        _onCloseBtnClick(e);
-      }
-    }));
-  }));
-});
-var fetchListInstance = function fetchListInstance(placement, attach, zIndex) {
-  return new Promise(function (resolve) {
-    if (listMap.has(placement)) {
-      resolve(listMap.get(placement));
-    } else {
-      var hasExec = false;
-      ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(NotificationList, {
-        attach: attach,
-        placement: placement,
-        zIndex: Number(zIndex),
-        ref: function ref(instance) {
-          if (!hasExec) {
-            hasExec = true;
-            listMap.set(placement, instance);
-            resolve(instance);
-          }
-        }
-      }), attach);
-    }
-  });
-};
-
-exports.fetchListInstance = fetchListInstance;
-exports.listMap = listMap;
+exports.NotificationRemoveContext = notification_NotificationList.NotificationRemoveContext;
+exports.fetchListInstance = notification_NotificationList.fetchListInstance;
+exports.listMap = notification_NotificationList.listMap;
 //# sourceMappingURL=NotificationList.js.map