tdesign-react 0.25.1 → 0.25.3-alpha.2

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: noop }));\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 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.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,196 +8,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var toConsumableArray = require('../_chunks/dep-401ea197.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.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-4e4ea898.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-b41f5892.js');
+require('../_chunks/dep-402b9452.js');
+require('react');
+require('react-dom');
+require('../_util/useConfig.js');
+require('../_util/noop.js');
+var notification_NotificationList = require('../_chunks/dep-620c0825.js');
+require('../_chunks/dep-20cb3e75.js');
+require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.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 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.useRef( /* @__PURE__ */new Map());
-  var remove = React.useCallback(function (key) {
-    dispatchList({
-      type: "remove",
-      key: key
-    });
-    notificationMap.current["delete"](key);
-  }, [notificationMap]);
-
-  var calOffset = function calOffset(offset) {
-    if (!offset) return "16px";
-    return isNaN(Number(offset)) ? offset : "".concat(offset, "px");
-  };
-
-  var push = function push(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.current.set(key, /*#__PURE__*/React__default["default"].createRef());
-      dispatchList({
-        type: "push",
-        value: _objectSpread(_objectSpread({}, options), {}, {
-          key: key,
-          theme: theme,
-          style: style
-        })
-      });
-
-      notificationMap.current.get(key).current.close = function () {
-        return remove(key);
-      };
-
-      resolve(notificationMap.current.get(key).current);
-    });
-  };
-
-  var removeAll = function removeAll() {
-    dispatchList({
-      type: "removeAll"
-    });
-    notificationMap.current.clear();
-  };
-
-  React.useImperativeHandle(ref, function () {
-    return {
-      push: push,
-      remove: remove,
-      removeAll: removeAll
-    };
-  });
-  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({
-      ref: notificationMap.current.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

package/lib/notification/NotificationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.js","sources":["../../src/notification/NotificationList.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useImperativeHandle } 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\nlet seed = 0;\n\nexport const listMap: Map<NotificationPlacementList, NotificationListInstance> = new Map();\n\nconst NotificationList = forwardRef<NotificationListInstance, NotificationListProps>((props, ref) => {\n  const { 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\n  const notificationMap = useRef(new Map());\n\n  const remove = useCallback(\n    (key: string): void => {\n      dispatchList({ type: 'remove', key });\n      notificationMap.current.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\n  const push = (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.current.set(key, React.createRef());\n      dispatchList({ type: 'push', value: { ...options, key, theme, style } });\n      notificationMap.current.get(key).current.close = () => remove(key);\n      resolve(notificationMap.current.get(key).current);\n    });\n\n  const removeAll = () => {\n    dispatchList({ type: 'removeAll' });\n    notificationMap.current.clear();\n  };\n\n  useImperativeHandle(ref, () => ({\n    push,\n    remove,\n    removeAll,\n  }));\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            ref={notificationMap.current.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","placement","zIndex","useConfig","classPrefix","React","useReducer","state","action","type","value","filter","item","key","map","list","dispatchList","notificationMap","useRef","remove","useCallback","current","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","close","removeAll","clear","useImperativeHandle","createElement","className","props2","onDurationEnd","noop","onCloseBtnClick","NotificationComponent","e","fetchListInstance","attach","has","hasExec","ReactDOM","render","instance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAIA,IAAI,GAAG,CAAX;IACaC,OAAO,kBAAmB,IAAIC,GAAJ;AACvC,IAAMC,gBAAgB,gBAAGC,gBAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAClD,MAAQC,SAAR,GAA8BF,KAA9B,CAAQE,SAAR;AAAA,MAAmBC,MAAnB,GAA8BH,KAA9B,CAAmBG,MAAnB;;AACA,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,0BAA6BC,yBAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAQC,MAAR,EAAmB;AAC/D,YAAQA,MAAM,CAACC,IAAf;AACE,WAAK,MAAL;AACE,8DAAWF,KAAX,IAAkBC,MAAM,CAACE,KAAzB;;AACF,WAAK,QAAL;AACE,eAAOH,KAAK,CAACI,MAAN,CAAa,UAACC,IAAD;AAAA,iBAAUA,IAAI,CAACC,GAAL,KAAaL,MAAM,CAACK,GAA9B;AAAA,SAAb,EAAgDC,GAAhD,CAAoD,UAACF,IAAD;AAAA,iBAAUA,IAAV;AAAA,SAApD,CAAP;;AACF,WAAK,WAAL;AACE,eAAO,EAAP;;AACF;AACE,eAAOL,KAAP;AARJ;AAUD,GAX4B,EAW1B,EAX0B,CAA7B;AAAA;AAAA,MAAOQ,IAAP;AAAA,MAAaC,YAAb;;AAYA,MAAMC,eAAe,GAAGC,YAAM,iBAAiB,IAAItB,GAAJ,EAAjB,CAA9B;AACA,MAAMuB,MAAM,GAAGC,iBAAW,CAAC,UAACP,GAAD,EAAS;AAClCG,IAAAA,YAAY,CAAC;AAAEP,MAAAA,IAAI,EAAE,QAAR;AAAkBI,MAAAA,GAAG,EAAHA;AAAlB,KAAD,CAAZ;AACAI,IAAAA,eAAe,CAACI,OAAhB,WAA+BR,GAA/B;AACD,GAHyB,EAGvB,CAACI,eAAD,CAHuB,CAA1B;;AAIA,MAAMK,SAAS,GAAG,SAAZA,SAAY,CAACC,MAAD,EAAY;AAC5B,QAAI,CAACA,MAAL,EACE,OAAO,MAAP;AACF,WAAOC,KAAK,CAACC,MAAM,CAACF,MAAD,CAAP,CAAL,GAAwBA,MAAxB,aAAoCA,MAApC,OAAP;AACD,GAJD;;AAKA,MAAMG,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAQC,OAAR;AAAA,WAAoB,IAAIC,OAAJ,CAAY,UAACC,OAAD,EAAa;AACxD,UAAMjB,GAAG,GAAGkB,MAAM,CAACrC,IAAI,IAAI,CAAT,CAAlB;;AACA,UAAMsC,KAAK,GAAI,YAAM;AACnB,YAAIC,KAAK,CAACC,OAAN,CAAcN,OAAO,CAACL,MAAtB,CAAJ,EAAmC;AACjC,0DAAmCK,OAAO,CAACL,MAA3C;AAAA,cAAOY,UAAP;AAAA,cAAmBC,QAAnB;;AACA,cAAMC,gBAAgB,GAAGf,SAAS,CAACa,UAAD,CAAlC;AACA,cAAMG,cAAc,GAAGhB,SAAS,CAACc,QAAD,CAAhC;AACA,iBAAO;AACLG,YAAAA,SAAS,EAAED,cADN;AAELE,YAAAA,YAAY,EAAEF,cAFT;AAGLG,YAAAA,UAAU,EAAEJ,gBAHP;AAILK,YAAAA,WAAW,EAAEL;AAJR,WAAP;AAMD;;AACD,eAAO;AACLM,UAAAA,MAAM,EAAE;AADH,SAAP;AAGD,OAfa,EAAd;;AAgBA1B,MAAAA,eAAe,CAACI,OAAhB,CAAwBuB,GAAxB,CAA4B/B,GAA5B,eAAiCR,yBAAK,CAACwC,SAAN,EAAjC;AACA7B,MAAAA,YAAY,CAAC;AAAEP,QAAAA,IAAI,EAAE,MAAR;AAAgBC,QAAAA,KAAK,kCAAOkB,OAAP;AAAgBf,UAAAA,GAAG,EAAHA,GAAhB;AAAqBc,UAAAA,KAAK,EAALA,KAArB;AAA4BK,UAAAA,KAAK,EAALA;AAA5B;AAArB,OAAD,CAAZ;;AACAf,MAAAA,eAAe,CAACI,OAAhB,CAAwByB,GAAxB,CAA4BjC,GAA5B,EAAiCQ,OAAjC,CAAyC0B,KAAzC,GAAiD;AAAA,eAAM5B,MAAM,CAACN,GAAD,CAAZ;AAAA,OAAjD;;AACAiB,MAAAA,OAAO,CAACb,eAAe,CAACI,OAAhB,CAAwByB,GAAxB,CAA4BjC,GAA5B,EAAiCQ,OAAlC,CAAP;AACD,KAtBgC,CAApB;AAAA,GAAb;;AAuBA,MAAM2B,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtBhC,IAAAA,YAAY,CAAC;AAAEP,MAAAA,IAAI,EAAE;AAAR,KAAD,CAAZ;AACAQ,IAAAA,eAAe,CAACI,OAAhB,CAAwB4B,KAAxB;AACD,GAHD;;AAIAC,EAAAA,yBAAmB,CAAClD,GAAD,EAAM;AAAA,WAAO;AAC9B0B,MAAAA,IAAI,EAAJA,IAD8B;AAE9BP,MAAAA,MAAM,EAANA,MAF8B;AAG9B6B,MAAAA,SAAS,EAATA;AAH8B,KAAP;AAAA,GAAN,CAAnB;AAKA,wBAAuB3C,yBAAK,CAAC8C,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKhD,WAAL,kCAAwCH,SAAxC,CADuC;AAEhD+B,IAAAA,KAAK,EAAE;AAAE9B,MAAAA,MAAM,EAANA;AAAF;AAFyC,GAA3B,EAGpBa,IAAI,CAACD,GAAL,CAAS,UAACuC,MAAD,EAAY;AACtB,gCAAyDA,MAAzD,CAAQC,aAAR;AAAA,QAAQA,cAAR,sCAAwBC,qBAAxB;AAAA,gCAAyDF,MAAzD,CAA8BG,eAA9B;AAAA,QAA8BA,gBAA9B,sCAAgDD,qBAAhD;;AACA,0BAAuBlD,yBAAK,CAAC8C,aAAN,CAAoBM,+CAApB;AACrBzD,MAAAA,GAAG,EAAEiB,eAAe,CAACI,OAAhB,CAAwByB,GAAxB,CAA4BO,MAAM,CAACxC,GAAnC,CADgB;AAErBA,MAAAA,GAAG,EAAEwC,MAAM,CAACxC;AAFS,OAGlBwC,MAHkB;AAIrBC,MAAAA,aAAa,EAAE,yBAAM;AACnBnC,QAAAA,MAAM,CAACkC,MAAM,CAACxC,GAAR,CAAN;;AACAyC,QAAAA,cAAa;AACd,OAPoB;AAQrBE,MAAAA,eAAe,EAAE,yBAACE,CAAD,EAAO;AACtBvC,QAAAA,MAAM,CAACkC,MAAM,CAACxC,GAAR,CAAN;;AACA2C,QAAAA,gBAAe,CAACE,CAAD,CAAf;AACD;AAXoB,OAAvB;AAaD,GAfE,CAHoB,CAAvB;AAmBD,CA5EkC,CAAnC;IA6EaC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAC1D,SAAD,EAAY2D,MAAZ,EAAoB1D,MAApB;AAAA,SAA+B,IAAI2B,OAAJ,CAAY,UAACC,OAAD,EAAa;AACvF,QAAInC,OAAO,CAACkE,GAAR,CAAY5D,SAAZ,CAAJ,EAA4B;AAC1B6B,MAAAA,OAAO,CAACnC,OAAO,CAACmD,GAAR,CAAY7C,SAAZ,CAAD,CAAP;AACD,KAFD,MAEO;AACL,UAAI6D,OAAO,GAAG,KAAd;AACAC,MAAAA,4BAAQ,CAACC,MAAT,iBAAgC3D,yBAAK,CAAC8C,aAAN,CAAoBtD,gBAApB,EAAsC;AACpE+D,QAAAA,MAAM,EAANA,MADoE;AAEpE3D,QAAAA,SAAS,EAATA,SAFoE;AAGpEC,QAAAA,MAAM,EAAEuB,MAAM,CAACvB,MAAD,CAHsD;AAIpEF,QAAAA,GAAG,EAAE,aAACiE,QAAD,EAAc;AACjB,cAAI,CAACH,OAAL,EAAc;AACZA,YAAAA,OAAO,GAAG,IAAV;AACAnE,YAAAA,OAAO,CAACiD,GAAR,CAAY3C,SAAZ,EAAuBgE,QAAvB;AACAnC,YAAAA,OAAO,CAACmC,QAAD,CAAP;AACD;AACF;AAVmE,OAAtC,CAAhC,EAWIL,MAXJ;AAYD;AACF,GAlB+D,CAA/B;AAAA;;;;;"}
+{"version":3,"file":"NotificationList.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/notification/NotificationPlugin.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,35 +8,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _typeof = require('../_chunks/dep-ab7e56ed.js');
-var notification_NotificationList = require('./NotificationList.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-401ea197.js');
-require('../_chunks/dep-4e4ea898.js');
-require('../_chunks/dep-661ad10f.js');
+var _typeof = require('../_chunks/dep-e92e2bb4.js');
+var notification_NotificationList = require('../_chunks/dep-620c0825.js');
+require('../_chunks/dep-402b9452.js');
+require('../_chunks/dep-20cb3e75.js');
 require('react');
+require('tdesign-icons-react');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-b41f5892.js');
 require('react-dom');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('../_util/noop.js');
-require('./Notification.js');
-require('tdesign-icons-react');
 
 var renderNotification = function renderNotification(theme, options) {
   if (_typeof._typeof(options) !== "object") return;

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","_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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"}
+{"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,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,38 +8,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var notification_Notification = require('./Notification.js');
+var notification_NotificationList = require('../_chunks/dep-620c0825.js');
 var notification_NotificationPlugin = require('./NotificationPlugin.js');
-require('../_chunks/dep-661ad10f.js');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-402b9452.js');
+require('../_chunks/dep-20cb3e75.js');
 require('react');
 require('tdesign-icons-react');
-require('../_util/noop.js');
+require('../_chunks/dep-728c3d30.js');
+require('../_chunks/dep-b41f5892.js');
+require('react-dom');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
-require('./NotificationList.js');
-require('../_chunks/dep-401ea197.js');
-require('react-dom');
+require('../_util/noop.js');
 
-var Notification = notification_Notification.NotificationComponent;
+var Notification = notification_NotificationList.NotificationComponent;
 
 exports.NotificationPlugin = notification_NotificationPlugin.NotificationPlugin;
 exports.notification = notification_NotificationPlugin.notification;

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,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/pagination/Pagination.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var defineProperty = require('../_chunks/dep-728c3d30.js');
+var slicedToArray = require('../_chunks/dep-402b9452.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -20,42 +20,43 @@ var select_index = require('../select/index.js');
 var inputNumber_index = require('../input-number/index.js');
 var locale_LocalReceiver = require('../locale/LocalReceiver.js');
 var pagination_validators = require('./validators.js');
-require('../_chunks/dep-4e4ea898.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-20cb3e75.js');
+require('../_chunks/dep-22ee1aac.js');
+require('../_chunks/dep-7fbae1d2.js');
+require('../_chunks/dep-d5c34a19.js');
+require('../_chunks/dep-b81d09ba.js');
+require('../_chunks/dep-9ac45eb1.js');
+require('../_chunks/dep-0e51d993.js');
+require('../_chunks/dep-e92e2bb4.js');
+require('../_chunks/dep-09c2324b.js');
+require('../_chunks/dep-aef3883a.js');
+require('../_chunks/dep-4d02f91f.js');
+require('../_chunks/dep-f7cad145.js');
+require('../_chunks/dep-d5b1028b.js');
+require('../_chunks/dep-fe8b0b86.js');
+require('../_chunks/dep-5f7c064a.js');
+require('../_chunks/dep-3a37dd17.js');
+require('../_chunks/dep-b4f37218.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
 require('../select/base/Select.js');
-require('../_chunks/dep-ab3cca64.js');
-require('../_chunks/dep-d0e8adc2.js');
-require('../_chunks/dep-31e5288f.js');
-require('../_chunks/dep-6223e889.js');
-require('../_chunks/dep-be015aaa.js');
-require('../_chunks/dep-2a90d480.js');
+require('../_chunks/dep-a249cc5c.js');
+require('../_chunks/dep-6e35a7fc.js');
+require('../_chunks/dep-9c3742b4.js');
+require('../_chunks/dep-cbdb9d60.js');
+require('../_chunks/dep-a2749c28.js');
+require('../_chunks/dep-70273f39.js');
 require('../_util/composeRefs.js');
 require('../_util/useDefaultValue.js');
-require('../_chunks/dep-3a9ef687.js');
+require('../_chunks/dep-7b67ce1a.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../select/util/helper.js');
-require('../_chunks/dep-401ea197.js');
+require('../_chunks/dep-b41f5892.js');
 require('../select/base/OptionGroup.js');
 require('../select/base/Option.js');
 require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');