tdesign-react 0.23.0 → 0.23.1

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":["../../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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"}

package/lib/notification/NotificationList.js

@@ -1,39 +1,48 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _toConsumableArray } from '../_chunks/dep-a2bc34d5.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import React, { forwardRef } from 'react';
-import ReactDOM from 'react-dom';
-import useConfig from '../_util/useConfig.js';
-import noop from '../_util/noop.js';
-import { NotificationComponent } from './Notification.js';
-import '../_chunks/dep-42dfd306.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
-import 'tdesign-icons-react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-60e5ab16.js');
+var toConsumableArray = require('../_chunks/dep-d01b2726.js');
+var slicedToArray = require('../_chunks/dep-dcd8e953.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-e9b6be46.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.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(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 _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__*/forwardRef(function (props, ref) {
+var NotificationList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var attach = props.attach,
       placement = props.placement,
       zIndex = props.zIndex;
 
-  var _useConfig = useConfig(),
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var _React$useReducer = React.useReducer(function (state, action) {
+  var _React$useReducer = React__default["default"].useReducer(function (state, action) {
     switch (action.type) {
       case "push":
-        return [].concat(_toConsumableArray(state), [action.value]);
+        return [].concat(toConsumableArray._toConsumableArray(state), [action.value]);
 
       case "remove":
         return state.filter(function (item) {
@@ -49,14 +58,14 @@ var NotificationList = /*#__PURE__*/forwardRef(function (props, ref) {
         return state;
     }
   }, []),
-      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      _React$useReducer2 = slicedToArray._slicedToArray(_React$useReducer, 2),
       list = _React$useReducer2[0],
       dispatchList = _React$useReducer2[1];
 
-  var notificationMap = React.useMemo(function () {
+  var notificationMap = React__default["default"].useMemo(function () {
     return /* @__PURE__ */new Map();
   }, []);
-  var remove = React.useCallback(function (key) {
+  var remove = React__default["default"].useCallback(function (key) {
     dispatchList({
       type: "remove",
       key: key
@@ -69,13 +78,13 @@ var NotificationList = /*#__PURE__*/forwardRef(function (props, ref) {
     return isNaN(Number(offset)) ? offset : "".concat(offset, "px");
   };
 
-  var push = React.useCallback(function (theme, options) {
+  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(options.offset),
+          var _ref = toConsumableArray._toConsumableArray(options.offset),
               horizontal = _ref[0],
               vertical = _ref[1];
 
@@ -94,7 +103,7 @@ var NotificationList = /*#__PURE__*/forwardRef(function (props, ref) {
         };
       }();
 
-      notificationMap.set(key, /*#__PURE__*/React.createRef());
+      notificationMap.set(key, /*#__PURE__*/React__default["default"].createRef());
       dispatchList({
         type: "push",
         value: _objectSpread(_objectSpread({}, options), {}, {
@@ -111,38 +120,38 @@ var NotificationList = /*#__PURE__*/forwardRef(function (props, ref) {
       resolve(notificationMap.get(key).current);
     });
   }, [notificationMap, remove]);
-  var removeAll = React.useCallback(function () {
+  var removeAll = React__default["default"].useCallback(function () {
     dispatchList({
       type: "removeAll"
     });
     notificationMap.clear();
   }, [notificationMap]);
-  React.useImperativeHandle(ref, function () {
+  React__default["default"].useImperativeHandle(ref, function () {
     return {
       push: push,
       remove: remove,
       removeAll: removeAll
     };
   });
-  React.useEffect(function () {
+  React__default["default"].useEffect(function () {
     if (list.length === 0 && notificationMap.size === 0) {
       listMap["delete"](placement);
-      ReactDOM.unmountComponentAtNode(attach);
+      ReactDOM__default["default"].unmountComponentAtNode(attach);
       attach.remove();
     }
   }, [list, attach, placement, notificationMap]);
-  return /* @__PURE__ */React.createElement("div", {
+  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 ? noop : _props2$onDurationEnd,
+        _onDurationEnd = _props2$onDurationEnd === void 0 ? _util_noop["default"] : _props2$onDurationEnd,
         _props2$onCloseBtnCli = props2.onCloseBtnClick,
-        _onCloseBtnClick = _props2$onCloseBtnCli === void 0 ? noop : _props2$onCloseBtnCli;
+        _onCloseBtnClick = _props2$onCloseBtnCli === void 0 ? _util_noop["default"] : _props2$onCloseBtnCli;
 
-    return /* @__PURE__ */React.createElement(NotificationComponent, _objectSpread(_objectSpread({
+    return /* @__PURE__ */React__default["default"].createElement(notification_Notification.NotificationComponent, _objectSpread(_objectSpread({
       theme: "warning",
       ref: notificationMap.get(props2.key),
       key: props2.key
@@ -166,7 +175,7 @@ var fetchListInstance = function fetchListInstance(placement, attach, zIndex) {
       resolve(listMap.get(placement));
     } else {
       var hasExec = false;
-      ReactDOM.render( /* @__PURE__ */React.createElement(NotificationList, {
+      ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(NotificationList, {
         attach: attach,
         placement: placement,
         zIndex: Number(zIndex),
@@ -182,5 +191,6 @@ var fetchListInstance = function fetchListInstance(placement, attach, zIndex) {
   });
 };
 
-export { fetchListInstance, listMap };
+exports.fetchListInstance = fetchListInstance;
+exports.listMap = listMap;
 //# sourceMappingURL=NotificationList.js.map

package/lib/notification/NotificationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.js","sources":["../../src/notification/NotificationList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport useConfig from '../_util/useConfig';\nimport {\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationThemeList,\n  TdNotificationProps,\n} from './type';\nimport { Styles } from '../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 = 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"],"names":["seed","listMap","Map","NotificationList","forwardRef","props","ref","attach","placement","zIndex","useConfig","classPrefix","React","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","ReactDOM","unmountComponentAtNode","createElement","className","props2","onDurationEnd","noop","onCloseBtnClick","NotificationComponent","e","fetchListInstance","has","hasExec","render","instance"],"mappings":"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"}
+{"version":3,"file":"NotificationList.js","sources":["../../src/notification/NotificationList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport useConfig from '../_util/useConfig';\nimport {\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationPlacementList,\n  NotificationThemeList,\n  TdNotificationProps,\n} from './type';\nimport { Styles } from '../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 = 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"],"names":["seed","listMap","Map","NotificationList","forwardRef","props","ref","attach","placement","zIndex","useConfig","classPrefix","React","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","ReactDOM","unmountComponentAtNode","createElement","className","props2","onDurationEnd","noop","onCloseBtnClick","NotificationComponent","e","fetchListInstance","has","hasExec","render","instance"],"mappings":"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"}

package/lib/notification/NotificationPlugin.js

@@ -1,26 +1,30 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-55ec31d6.js';
-import { listMap, fetchListInstance } from './NotificationList.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-a2bc34d5.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-442ff40f.js';
-import 'react';
-import 'react-dom';
-import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
-import '../_util/noop.js';
-import './Notification.js';
-import 'tdesign-icons-react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _typeof = require('../_chunks/dep-bf25d6c3.js');
+var notification_NotificationList = require('./NotificationList.js');
+require('../_chunks/dep-60e5ab16.js');
+require('../_chunks/dep-d01b2726.js');
+require('../_chunks/dep-e9b6be46.js');
+require('../_chunks/dep-dcd8e953.js');
+require('react');
+require('react-dom');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_util/noop.js');
+require('./Notification.js');
+require('tdesign-icons-react');
 
 var renderNotification = function renderNotification(theme, options) {
-  if (_typeof(options) !== "object") return;
+  if (_typeof._typeof(options) !== "object") return;
 
   var placement = function () {
     if (["top-left", "top-right", "bottom-left", "bottom-right"].indexOf(options.placement) >= 0) {
@@ -51,7 +55,7 @@ var renderNotification = function renderNotification(theme, options) {
   }();
 
   var zIndex = options.zIndex || 6e3;
-  return fetchListInstance(placement, attach, zIndex).then(function (listInstance) {
+  return notification_NotificationList.fetchListInstance(placement, attach, zIndex).then(function (listInstance) {
     return listInstance.push(theme, options);
   });
 };
@@ -83,12 +87,13 @@ NotificationPlugin.close = function (promise) {
 };
 
 NotificationPlugin.closeAll = function () {
-  return listMap.forEach(function (list) {
+  return notification_NotificationList.listMap.forEach(function (list) {
     return list.removeAll();
   });
 };
 
 var notification = NotificationPlugin;
 
-export { NotificationPlugin, notification };
+exports.NotificationPlugin = NotificationPlugin;
+exports.notification = notification;
 //# sourceMappingURL=NotificationPlugin.js.map

package/lib/notification/NotificationPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPlugin.js","sources":["../../src/notification/NotificationPlugin.ts"],"sourcesContent":["import { fetchListInstance, listMap } from './NotificationList';\nimport {\n  NotificationCloseAllMethod,\n  NotificationCloseMethod,\n  NotificationErrorMethod,\n  NotificationInfoMethod,\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationOptions,\n  NotificationPlacementList,\n  NotificationSuccessMethod,\n  NotificationThemeList,\n  NotificationWarningMethod,\n} from './type';\n\n// 扩展接口声明的结构，用户使用时可得到 .info 的 ts 提示\ninterface Notification {\n  (theme: NotificationThemeList, options: NotificationOptions): Promise<NotificationInstance>;\n  info: NotificationInfoMethod;\n  success: NotificationSuccessMethod;\n  warning: NotificationWarningMethod;\n  error: NotificationErrorMethod;\n  closeAll: NotificationCloseAllMethod;\n  close: NotificationCloseMethod;\n}\n\n/**\n * @desc 函数调用时的渲染函数\n * @param theme 主题类型\n * @param options 通知的参数\n */\nconst renderNotification = (theme: NotificationThemeList, options: NotificationInfoOptions) => {\n  if (typeof options !== 'object') return;\n\n  const placement: NotificationPlacementList = (() => {\n    if (['top-left', 'top-right', 'bottom-left', 'bottom-right'].indexOf(options.placement) >= 0) {\n      return options.placement;\n    }\n    return 'top-right';\n  })();\n\n  const attach: HTMLElement = (() => {\n    if (options.attach && typeof options.attach === 'string') {\n      const element: Element = document.querySelector(options.attach);\n      if (element instanceof HTMLElement) return element;\n    }\n\n    if (options.attach instanceof HTMLElement) return options.attach;\n\n    const containerId = `tdesign-notification-${placement}`;\n    const container = document.querySelector(`#${containerId}`);\n    if (container && container instanceof HTMLElement) {\n      return container;\n    }\n\n    const element: HTMLDivElement = document.createElement('div');\n    element.setAttribute('id', containerId);\n    document.body.appendChild(element);\n    return element;\n  })();\n\n  const zIndex = options.zIndex || 6000;\n\n  return fetchListInstance(placement, attach, zIndex).then((listInstance) => listInstance.push(theme, options));\n};\n\nexport const NotificationPlugin: Notification = (theme, props) => renderNotification(theme, props);\nNotificationPlugin.info = (options) => renderNotification('info', options);\nNotificationPlugin.success = (options) => renderNotification('success', options);\nNotificationPlugin.warning = (options) => renderNotification('warning', options);\nNotificationPlugin.error = (options) => renderNotification('error', options);\nNotificationPlugin.close = (promise) => promise.then((instance) => instance.close());\nNotificationPlugin.closeAll = () => listMap.forEach((list) => list.removeAll());\n\nexport const notification = NotificationPlugin;\n"],"names":["renderNotification","theme","options","placement","indexOf","attach","element2","document","querySelector","HTMLElement","containerId","container","element","createElement","setAttribute","body","appendChild","zIndex","fetchListInstance","then","listInstance","push","NotificationPlugin","props","info","success","warning","error","close","promise","instance","closeAll","listMap","forEach","list","removeAll","notification"],"mappings":"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"}
+{"version":3,"file":"NotificationPlugin.js","sources":["../../src/notification/NotificationPlugin.ts"],"sourcesContent":["import { fetchListInstance, listMap } from './NotificationList';\nimport {\n  NotificationCloseAllMethod,\n  NotificationCloseMethod,\n  NotificationErrorMethod,\n  NotificationInfoMethod,\n  NotificationInfoOptions,\n  NotificationInstance,\n  NotificationOptions,\n  NotificationPlacementList,\n  NotificationSuccessMethod,\n  NotificationThemeList,\n  NotificationWarningMethod,\n} from './type';\n\n// 扩展接口声明的结构，用户使用时可得到 .info 的 ts 提示\ninterface Notification {\n  (theme: NotificationThemeList, options: NotificationOptions): Promise<NotificationInstance>;\n  info: NotificationInfoMethod;\n  success: NotificationSuccessMethod;\n  warning: NotificationWarningMethod;\n  error: NotificationErrorMethod;\n  closeAll: NotificationCloseAllMethod;\n  close: NotificationCloseMethod;\n}\n\n/**\n * @desc 函数调用时的渲染函数\n * @param theme 主题类型\n * @param options 通知的参数\n */\nconst renderNotification = (theme: NotificationThemeList, options: NotificationInfoOptions) => {\n  if (typeof options !== 'object') return;\n\n  const placement: NotificationPlacementList = (() => {\n    if (['top-left', 'top-right', 'bottom-left', 'bottom-right'].indexOf(options.placement) >= 0) {\n      return options.placement;\n    }\n    return 'top-right';\n  })();\n\n  const attach: HTMLElement = (() => {\n    if (options.attach && typeof options.attach === 'string') {\n      const element: Element = document.querySelector(options.attach);\n      if (element instanceof HTMLElement) return element;\n    }\n\n    if (options.attach instanceof HTMLElement) return options.attach;\n\n    const containerId = `tdesign-notification-${placement}`;\n    const container = document.querySelector(`#${containerId}`);\n    if (container && container instanceof HTMLElement) {\n      return container;\n    }\n\n    const element: HTMLDivElement = document.createElement('div');\n    element.setAttribute('id', containerId);\n    document.body.appendChild(element);\n    return element;\n  })();\n\n  const zIndex = options.zIndex || 6000;\n\n  return fetchListInstance(placement, attach, zIndex).then((listInstance) => listInstance.push(theme, options));\n};\n\nexport const NotificationPlugin: Notification = (theme, props) => renderNotification(theme, props);\nNotificationPlugin.info = (options) => renderNotification('info', options);\nNotificationPlugin.success = (options) => renderNotification('success', options);\nNotificationPlugin.warning = (options) => renderNotification('warning', options);\nNotificationPlugin.error = (options) => renderNotification('error', options);\nNotificationPlugin.close = (promise) => promise.then((instance) => instance.close());\nNotificationPlugin.closeAll = () => listMap.forEach((list) => list.removeAll());\n\nexport const notification = NotificationPlugin;\n"],"names":["renderNotification","theme","options","_typeof","placement","indexOf","attach","element2","document","querySelector","HTMLElement","containerId","container","element","createElement","setAttribute","body","appendChild","zIndex","fetchListInstance","then","listInstance","push","NotificationPlugin","props","info","success","warning","error","close","promise","instance","closeAll","listMap","forEach","list","removeAll","notification"],"mappings":"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"}

package/lib/notification/index.js

@@ -1,26 +1,33 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { NotificationComponent } from './Notification.js';
-export { NotificationPlugin, notification } from './NotificationPlugin.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
-import 'react';
-import 'tdesign-icons-react';
-import '../_util/noop.js';
-import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
-import '../locale/zh_CN.js';
-import '../_chunks/dep-55ec31d6.js';
-import './NotificationList.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-a2bc34d5.js';
-import 'react-dom';
+'use strict';
 
-var Notification = NotificationComponent;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-export { Notification, Notification as default };
+var notification_Notification = require('./Notification.js');
+var notification_NotificationPlugin = require('./NotificationPlugin.js');
+require('../_chunks/dep-dcd8e953.js');
+require('../_chunks/dep-e9b6be46.js');
+require('react');
+require('tdesign-icons-react');
+require('../_util/noop.js');
+require('../_util/useConfig.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+require('../_chunks/dep-bf25d6c3.js');
+require('./NotificationList.js');
+require('../_chunks/dep-60e5ab16.js');
+require('../_chunks/dep-d01b2726.js');
+require('react-dom');
+
+var Notification = notification_Notification.NotificationComponent;
+
+exports.NotificationPlugin = notification_NotificationPlugin.NotificationPlugin;
+exports.notification = notification_NotificationPlugin.notification;
+exports.Notification = Notification;
+exports["default"] = Notification;
 //# sourceMappingURL=index.js.map

package/lib/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/notification/index.ts"],"sourcesContent":["import _Notification from './Notification';\n\nimport './style/index.js';\n\nexport * from './type';\n\nexport const Notification = _Notification;\n\nexport { NotificationPlugin, notification } from './NotificationPlugin';\n\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAGaA,YAAY,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/notification/index.ts"],"sourcesContent":["import _Notification from './Notification';\n\nimport './style/index.js';\n\nexport * from './type';\n\nexport const Notification = _Notification;\n\nexport { NotificationPlugin, notification } from './NotificationPlugin';\n\nexport default Notification;\n"],"names":["Notification","_Notification"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,YAAY,GAAGC;;;;;;;"}

package/lib/notification/type.js

@@ -1,7 +1,9 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
+'use strict';
+
 //# sourceMappingURL=type.js.map

package/lib/notification/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}