tdesign-react 0.17.0 → 0.18.2

package/es/_chunks/dep-6b58dff4.js

@@ -0,0 +1,381 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _typeof } from './dep-65c183dc.js';
+import { _ as _slicedToArray } from './dep-2f008905.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 { _ as _defineProperty } from './dep-efe7433b.js';
+import { _ as _toConsumableArray } from './dep-2eeaa58b.js';
+import * as ReactDOM from 'react-dom';
+
+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 _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; }
+var seed = 0;
+var listMap = new Map();
+var NotificationList = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var attach = props.attach,
+      placement = props.placement,
+      zIndex = props.zIndex;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var _React$useReducer = React.useReducer(function (state, action) {
+    switch (action.type) {
+      case "push":
+        return [].concat(_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(_React$useReducer, 2),
+      list = _React$useReducer2[0],
+      dispatchList = _React$useReducer2[1];
+
+  var notificationMap = React.useMemo(function () {
+    return new Map();
+  }, []);
+  var remove = React.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.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(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.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.useCallback(function () {
+    dispatchList({
+      type: "removeAll"
+    });
+    notificationMap.clear();
+  }, [notificationMap]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      push: push,
+      remove: remove,
+      removeAll: removeAll
+    };
+  });
+  React.useEffect(function () {
+    if (list.length === 0 && notificationMap.size === 0) {
+      listMap["delete"](placement);
+      ReactDOM.unmountComponentAtNode(attach);
+      attach.remove();
+    }
+  }, [list, attach, placement, notificationMap]);
+  return /* @__PURE__ */React.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 ? noop : _props2$onDurationEnd,
+        _props2$onCloseBtnCli = props2.onCloseBtnClick,
+        _onCloseBtnClick = _props2$onCloseBtnCli === void 0 ? noop : _props2$onCloseBtnCli;
+
+    return /* @__PURE__ */React.createElement(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.render( /* @__PURE__ */React.createElement(NotificationList, {
+        attach: attach,
+        placement: placement,
+        zIndex: Number(zIndex),
+        ref: function ref(instance) {
+          if (!hasExec) {
+            hasExec = true;
+            listMap.set(placement, instance);
+            resolve(instance);
+          }
+        }
+      }), attach);
+    }
+  });
+};
+
+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 ? noop : _props$onCloseBtnClic,
+      _props$onDurationEnd = props.onDurationEnd,
+      onDurationEnd = _props$onDurationEnd === void 0 ? noop : _props$onDurationEnd,
+      style = props.style;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var prefixCls = React.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(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.useImperativeHandle(ref, function () {
+    return {
+      close: close
+    };
+  }, []);
+  React.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.createElement("div", {
+        className: "".concat(classPrefix, "-notification__icon")
+      }, children);
+    };
+
+    if (theme && theme === "success") {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, /* @__PURE__ */React.createElement(CheckCircleFilledIcon, {
+        className: prefixCls("is-success")
+      }));
+    }
+
+    if (theme && ["info", "warning", "error"].indexOf(theme) >= 0) {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, /* @__PURE__ */React.createElement(InfoCircleFilledIcon, {
+        className: prefixCls("is-".concat(theme))
+      }));
+    }
+
+    if ( /*#__PURE__*/React.isValidElement(icon)) return icon;
+    return null;
+  };
+
+  return /* @__PURE__ */React.createElement("div", {
+    ref: ref,
+    className: prefixCls(blockName),
+    style: style
+  }, renderIcon(), /* @__PURE__ */React.createElement("div", {
+    className: prefixCls([blockName, "main"])
+  }, /* @__PURE__ */React.createElement("div", {
+    className: prefixCls([blockName, "title__wrap"])
+  }, /* @__PURE__ */React.createElement("span", {
+    className: prefixCls([blockName, "title"])
+  }, title), function () {
+    if (typeof closeBtn === "boolean" && closeBtn) {
+      return /* @__PURE__ */React.createElement(CloseIcon, {
+        className: prefixCls("icon-close"),
+        onClick: function onClick(e) {
+          onCloseBtnClick({
+            e: e
+          });
+        }
+      });
+    }
+
+    if ( /*#__PURE__*/React.isValidElement(closeBtn)) {
+      return /* @__PURE__ */React.createElement("div", {
+        onClick: function onClick(e) {
+          onCloseBtnClick({
+            e: e
+          });
+        }
+      }, closeBtn);
+    }
+
+    return null;
+  }()), function () {
+    if (typeof content === "string") {
+      return /* @__PURE__ */React.createElement("div", {
+        className: prefixCls([blockName, "content"])
+      }, content);
+    }
+
+    if ( /*#__PURE__*/React.isValidElement(content)) return content;
+    return null;
+  }(), /*#__PURE__*/React.isValidElement(footer) && /* @__PURE__ */React.createElement("div", {
+    className: prefixCls([blockName, "detail"])
+  }, footer), typeof footer === "function" && /* @__PURE__ */React.createElement("div", {
+    className: prefixCls([blockName, "detail"])
+  }, footer())));
+});
+
+var renderNotification = function renderNotification(theme, options) {
+  if (_typeof(options) !== "object") return;
+
+  var placement = function () {
+    if (["top-left", "top-right", "bottom-left", "bottom-right"].indexOf(options.placement) >= 0) {
+      return options.placement;
+    }
+
+    return "top-right";
+  }();
+
+  var attach = function () {
+    if (options.attach && typeof options.attach === "string") {
+      var element2 = document.querySelector(options.attach);
+      if (element2 instanceof HTMLElement) return element2;
+    }
+
+    if (options.attach instanceof HTMLElement) return options.attach;
+    var containerId = "tdesign-notification-".concat(placement);
+    var container = document.querySelector("#".concat(containerId));
+
+    if (container && container instanceof HTMLElement) {
+      return container;
+    }
+
+    var element = document.createElement("div");
+    element.setAttribute("id", containerId);
+    document.body.appendChild(element);
+    return element;
+  }();
+
+  var zIndex = options.zIndex || 6e3;
+  return fetchListInstance(placement, attach, zIndex).then(function (listInstance) {
+    return listInstance.push(theme, options);
+  });
+};
+
+var Notification = NotificationComponent;
+["info", "success", "warning", "error"].forEach(function (theme) {
+  Notification[theme] = function (options) {
+    return renderNotification(theme, options);
+  };
+});
+
+Notification.close = function (promise) {
+  return promise.then(function (instance) {
+    return instance.close();
+  });
+};
+
+Notification.closeAll = function () {
+  return listMap.forEach(function (list) {
+    return list.removeAll();
+  });
+};
+
+export { Notification as N, NotificationComponent as a, fetchListInstance as f, listMap as l };
+//# sourceMappingURL=dep-6b58dff4.js.map

package/es/_chunks/dep-6b58dff4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-6b58dff4.js","sources":["../../src/notification/NotificationList.tsx","../../src/notification/Notification.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport useConfig from '../_util/useConfig';\nimport {\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationThemeList,\n  TdNotificationProps,\n} from '../_type/components/notification';\nimport { Styles } from '../_type/common';\nimport noop from '../_util/noop';\nimport { NotificationComponent } from './Notification';\n\ninterface NotificationListInstance extends TdNotificationProps {\n  push: (theme: NotificationThemeList, options: NotificationInfoOptions) => Promise<NotificationInstance>;\n  remove: (key: string) => void;\n  removeAll: () => void;\n}\n\ninterface NotificationListOpenOption extends NotificationInfoOptions {\n  key: string;\n  theme: NotificationThemeList;\n  style: Styles;\n}\n\ninterface NotificationListProps {\n  attach: HTMLElement;\n  zIndex: number;\n  placement: NotificationPlacementList;\n}\n\ntype NotificationRef = React.RefObject<React.ElementRef<'div'>> & React.RefObject<NotificationInstance>;\n\nlet seed = 0;\n\nexport const listMap: Map<NotificationPlacementList, NotificationListInstance> = new Map();\n\nconst NotificationList = React.forwardRef<NotificationListInstance, NotificationListProps>((props, ref) => {\n  const { attach, placement, zIndex } = props;\n  const { classPrefix } = useConfig();\n  const [list, dispatchList] = React.useReducer(\n    (\n      state: NotificationListOpenOption[],\n      action: {\n        type: string;\n        key?: string;\n        value?: NotificationListOpenOption;\n      },\n    ) => {\n      switch (action.type) {\n        case 'push':\n          return [...state, action.value];\n        case 'remove':\n          return state.filter((item) => item.key !== action.key).map((item) => item);\n        case 'removeAll':\n          return [];\n        default:\n          return state;\n      }\n    },\n    [],\n  );\n  const notificationMap = React.useMemo<Map<string, NotificationRef>>(() => new Map(), []);\n\n  const remove = React.useCallback(\n    (key: string): void => {\n      dispatchList({ type: 'remove', key });\n      notificationMap.delete(key);\n    },\n    [notificationMap],\n  );\n\n  const calOffset = (offset: string | number) => {\n    if (!offset) return '16px';\n    return isNaN(Number(offset)) ? offset : `${offset}px`;\n  };\n  /* eslint-disable implicit-arrow-linebreak */\n  const push = React.useCallback(\n    (theme: NotificationThemeList, options: NotificationInfoOptions): Promise<NotificationInstance> =>\n      new Promise((resolve) => {\n        const key = String((seed += 1));\n        const style: React.CSSProperties = (() => {\n          if (Array.isArray(options.offset)) {\n            const [horizontal, vertical] = [...options.offset];\n            const horizontalOffset = calOffset(horizontal);\n            const verticalOffset = calOffset(vertical);\n\n            return {\n              marginTop: verticalOffset,\n              marginBottom: verticalOffset,\n              marginLeft: horizontalOffset,\n              marginRight: horizontalOffset,\n            };\n          }\n          return {\n            margin: '16px',\n          };\n        })();\n        notificationMap.set(key, React.createRef());\n        dispatchList({ type: 'push', value: { ...options, key, theme, style } });\n        notificationMap.get(key).current.close = () => {\n          remove(key);\n        };\n        resolve(notificationMap.get(key).current);\n      }),\n    [notificationMap, remove],\n  );\n\n  const removeAll = React.useCallback(() => {\n    dispatchList({ type: 'removeAll' });\n    notificationMap.clear();\n  }, [notificationMap]);\n\n  React.useImperativeHandle(ref, () => ({\n    push,\n    remove,\n    removeAll,\n  }));\n\n  React.useEffect(() => {\n    if (list.length === 0 && notificationMap.size === 0) {\n      listMap.delete(placement);\n      ReactDOM.unmountComponentAtNode(attach);\n      attach.remove();\n    }\n  }, [list, attach, placement, notificationMap]);\n\n  return (\n    <div className={`${classPrefix}-notification__show--${placement}`} style={{ zIndex }}>\n      {list.map((props) => {\n        const { onDurationEnd = noop, onCloseBtnClick = noop } = props;\n\n        return (\n          <NotificationComponent\n            theme={'warning'}\n            ref={notificationMap.get(props.key)}\n            key={props.key}\n            {...props}\n            onDurationEnd={() => {\n              remove(props.key);\n              onDurationEnd();\n            }}\n            onCloseBtnClick={(e) => {\n              remove(props.key);\n              onCloseBtnClick(e);\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n});\n\nexport const fetchListInstance = (\n  placement: NotificationPlacementList,\n  attach: HTMLElement,\n  zIndex: number,\n): Promise<NotificationListInstance> =>\n  new Promise((resolve) => {\n    if (listMap.has(placement)) {\n      resolve(listMap.get(placement));\n    } else {\n      let hasExec = false;\n      ReactDOM.render(\n        <NotificationList\n          attach={attach}\n          placement={placement}\n          zIndex={Number(zIndex)}\n          ref={(instance) => {\n            if (!hasExec) {\n              hasExec = true;\n              listMap.set(placement, instance);\n              resolve(instance);\n            }\n          }}\n        />,\n        attach,\n      );\n    }\n  });\n","import * as React from 'react';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport useConfig from '../_util/useConfig';\n\nimport {\n  NotificationCloseMethod,\n  NotificationErrorMethod,\n  NotificationInfoMethod,\n  NotificationSuccessMethod,\n  NotificationWarningMethod,\n  TdNotificationProps,\n  NotificationThemeList,\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationCloseAllMethod,\n} from '../_type/components/notification';\nimport { Styles } from '../_type/common';\nimport { fetchListInstance, listMap } from './NotificationList';\n\nconst blockName = 'notification';\n\n// 扩展接口声明的结构，用户使用时可得到 .info 的 ts 提示\ninterface Notification extends React.FC<TdNotificationProps> {\n  info: NotificationInfoMethod;\n  success: NotificationSuccessMethod;\n  warning: NotificationWarningMethod;\n  error: NotificationErrorMethod;\n  closeAll: NotificationCloseAllMethod;\n  close: NotificationCloseMethod;\n}\n\ninterface NotificationProps extends TdNotificationProps {\n  style?: Styles;\n}\n\nexport const NotificationComponent = React.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    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    if (React.isValidElement(icon)) return icon;\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\n/**\n * @author kenzyyang\n * @date 2021-05-30 22:54:39\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\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nconst Notification: Notification = NotificationComponent;\n\n['info', 'success', 'warning', 'error'].forEach((theme: NotificationThemeList) => {\n  Notification[theme] = (options) => renderNotification(theme, options);\n});\n\nNotification.close = (promise) => promise.then((instance) => instance.close());\n\nNotification.closeAll = () => listMap.forEach((list) => list.removeAll());\n\nexport default Notification;\n"],"names":["seed","listMap","Map","NotificationList","React","forwardRef","props","ref","attach","placement","zIndex","useConfig","classPrefix","useReducer","state","action","type","value","filter","item","key","map","list","dispatchList","notificationMap","useMemo","remove","useCallback","calOffset","offset","isNaN","Number","push","theme","options","Promise","resolve","String","style","Array","isArray","horizontal","vertical","horizontalOffset","verticalOffset","marginTop","marginBottom","marginLeft","marginRight","margin","set","createRef","get","current","close","removeAll","clear","useImperativeHandle","useEffect","length","size","unmountComponentAtNode","className","props2","onDurationEnd","noop","onCloseBtnClick","NotificationComponent","e","fetchListInstance","has","hasExec","render","instance","blockName","title","content","icon","closeBtn","footer","duration","prefixCls","args","forEach","index","concat","block","element","modifier","timer","setTimeout","renderIcon","IconWrapper","children","CheckCircleFilledIcon","indexOf","InfoCircleFilledIcon","isValidElement","CloseIcon","onClick","renderNotification","element2","document","querySelector","HTMLElement","containerId","container","createElement","setAttribute","body","appendChild","then","listInstance","Notification","promise","closeAll"],"mappings":"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"}

package/es/_chunks/dep-7100b11f.js

@@ -0,0 +1,232 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import './dep-cb80da27.js';
+import { i as isObject_1 } from './dep-504203df.js';
+import './dep-74a044dc.js';
+import { a as _root } from './dep-b6ff8559.js';
+import { t as toNumber_1 } from './dep-ee3e1923.js';
+
+var root = _root;
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+
+var now$1 = function now() {
+  return root.Date.now();
+};
+
+var now_1 = now$1;
+
+var isObject = isObject_1,
+    now = now_1,
+    toNumber = toNumber_1;
+/** Error message constants. */
+
+var FUNC_ERROR_TEXT = 'Expected a function';
+/* Built-in method references for those with the same name as other `lodash` methods. */
+
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+
+  wait = toNumber(wait) || 0;
+
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time; // Start the timer for the trailing edge.
+
+    timerId = setTimeout(timerExpired, wait); // Invoke the leading edge.
+
+    return leading ? invokeFunc(time) : result;
+  }
+
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        timeWaiting = wait - timeSinceLastCall;
+    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+
+    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+
+  function timerExpired() {
+    var time = now();
+
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    } // Restart the timer.
+
+
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+
+  function trailingEdge(time) {
+    timerId = undefined; // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now());
+  }
+
+  function debounced() {
+    var time = now(),
+        isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+
+    return result;
+  }
+
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+var debounce_1 = debounce;
+
+export { debounce_1 as d };
+//# sourceMappingURL=dep-7100b11f.js.map