tdesign-react 0.42.1-alpha.4 → 0.42.1-alpha.5

package/lib/_chunks/dep-052f1b2a.js

@@ -0,0 +1,161 @@
+/**
+ * tdesign v0.42.1-alpha.4
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from './dep-666ef014.js';
+import React, { useState, useRef, useEffect, forwardRef } from 'react';
+import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
+import Check, { CheckContext } from '../common/Check.js';
+import { _ as _slicedToArray } from './dep-47faffd4.js';
+import classNames from 'classnames';
+import useConfig from '../hooks/useConfig.js';
+import useControlled from '../hooks/useControlled.js';
+import useCommonClassName from '../_util/useCommonClassName.js';
+import { radioGroupDefaultProps, radioDefaultProps } from '../radio/defaultProps.js';
+import useMutationObservable from '../_util/useMutationObserver.js';
+
+function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var RadioGroup = function RadioGroup(props) {
+  var _classNames;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var disabled = props.disabled,
+      children = props.children,
+      onChange = props.onChange,
+      size = props.size,
+      variant = props.variant,
+      _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      className = props.className,
+      style = props.style;
+
+  var _useControlled = useControlled(props, "value", onChange),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      internalValue = _useControlled2[0],
+      setInternalValue = _useControlled2[1];
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      barStyle = _useState2[0],
+      setBarStyle = _useState2[1];
+
+  var groupRef = useRef(null);
+  var checkedRadioCls = ".".concat(classPrefix, "-radio-button.").concat(classPrefix, "-is-checked");
+
+  var _useCommonClassName = useCommonClassName(),
+      sizeMap = _useCommonClassName.SIZE;
+
+  var context = {
+    inject: function inject(checkProps) {
+      if (typeof checkProps.checked !== "undefined") {
+        return checkProps;
+      }
+
+      var checkValue = checkProps.value;
+      return _objectSpread$1(_objectSpread$1({}, checkProps), {}, {
+        checked: internalValue === checkProps.value,
+        disabled: checkProps.disabled || disabled,
+        onChange: function onChange(checked, _ref) {
+          var e = _ref.e;
+
+          if (typeof checkProps.onChange === "function") {
+            checkProps.onChange(checked, {
+              e: e
+            });
+          }
+
+          setInternalValue(checked ? checkValue : void 0, {
+            e: e
+          });
+        }
+      });
+    }
+  };
+
+  var calcBarStyle = function calcBarStyle() {
+    var _groupRef$current$que, _groupRef$current;
+
+    if (!variant.includes("filled")) return;
+    var checkedRadio = (_groupRef$current$que = (_groupRef$current = groupRef.current).querySelector) === null || _groupRef$current$que === void 0 ? void 0 : _groupRef$current$que.call(_groupRef$current, checkedRadioCls);
+    if (!checkedRadio) return setBarStyle({
+      width: 0
+    });
+    var offsetWidth = checkedRadio.offsetWidth,
+        offsetLeft = checkedRadio.offsetLeft;
+    setBarStyle({
+      width: "".concat(offsetWidth, "px"),
+      left: "".concat(offsetLeft, "px")
+    });
+  };
+
+  useEffect(function () {
+    calcBarStyle();
+  }, [groupRef.current, internalValue]);
+  useMutationObservable(groupRef.current, calcBarStyle);
+
+  var renderBlock = function renderBlock() {
+    if (!variant.includes("filled")) return null;
+    return /* @__PURE__ */React.createElement("div", {
+      style: barStyle,
+      className: "".concat(classPrefix, "-radio-group__bg-block")
+    });
+  };
+
+  var renderOptions = function renderOptions() {
+    return options.map(function (item) {
+      if (typeof item === "string" || typeof item === "number") {
+        return /* @__PURE__ */React.createElement(Radio, {
+          value: item,
+          key: item
+        }, item);
+      }
+
+      return /* @__PURE__ */React.createElement(Radio, {
+        value: item.value,
+        key: item.value,
+        disabled: item.disabled
+      }, item.label);
+    });
+  };
+
+  return /* @__PURE__ */React.createElement(CheckContext.Provider, {
+    value: context
+  }, /* @__PURE__ */React.createElement("div", {
+    ref: groupRef,
+    style: style,
+    className: classNames("".concat(classPrefix, "-radio-group"), sizeMap[size], className, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-radio-group__outline"), variant === "outline"), _defineProperty(_classNames, "".concat(classPrefix, "-radio-group--filled"), variant.includes("filled")), _defineProperty(_classNames, "".concat(classPrefix, "-radio-group--primary-filled"), variant === "primary-filled"), _classNames))
+  }, children || renderOptions(), renderBlock()));
+};
+
+RadioGroup.displayName = "RadioGroup";
+RadioGroup.defaultProps = radioGroupDefaultProps;
+
+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; }
+var Radio = forwardRefWithStatics(function (props, ref) {
+  return /* @__PURE__ */React.createElement(Check, _objectSpread({
+    ref: ref,
+    type: "radio"
+  }, props));
+}, {
+  Group: RadioGroup,
+  Button: /*#__PURE__*/forwardRef(function (props, ref) {
+    return /* @__PURE__ */React.createElement(Check, _objectSpread({
+      ref: ref,
+      type: "radio-button"
+    }, props));
+  })
+});
+Radio.displayName = "Radio";
+Radio.defaultProps = radioDefaultProps;
+
+export { Radio as R, RadioGroup as a };
+//# sourceMappingURL=dep-052f1b2a.js.map

package/lib/_chunks/dep-052f1b2a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-052f1b2a.js","sources":["../../src/radio/RadioGroup.tsx","../../src/radio/Radio.tsx"],"sourcesContent":["import React, { ReactNode, useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport { TdRadioGroupProps } from './type';\nimport useControlled from '../hooks/useControlled';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { StyledProps } from '../common';\nimport { CheckContext, CheckContextValue } from '../common/Check';\nimport Radio from './Radio';\nimport useMutationObservable from '../_util/useMutationObserver';\nimport { radioGroupDefaultProps } from './defaultProps';\n\n/**\n * RadioGroup 组件所接收的属性\n */\nexport interface RadioGroupProps extends TdRadioGroupProps, StyledProps {\n  children?: ReactNode;\n}\n\n/**\n * 单选选项组，里面可以嵌套 <Radio />\n */\nconst RadioGroup = (props: RadioGroupProps) => {\n  const { classPrefix } = useConfig();\n  const { disabled, children, onChange, size, variant, options = [], className, style } = props;\n\n  const [internalValue, setInternalValue] = useControlled(props, 'value', onChange);\n  const [barStyle, setBarStyle] = useState({});\n  const groupRef = useRef(null);\n\n  const checkedRadioCls = `.${classPrefix}-radio-button.${classPrefix}-is-checked`;\n  const { SIZE: sizeMap } = useCommonClassName();\n\n  const context: CheckContextValue = {\n    inject: (checkProps) => {\n      // 如果已经受控，则不注入\n      if (typeof checkProps.checked !== 'undefined') {\n        return checkProps;\n      }\n\n      const { value: checkValue } = checkProps;\n\n      return {\n        ...checkProps,\n        checked: internalValue === checkProps.value,\n        disabled: checkProps.disabled || disabled,\n        onChange(checked, { e }) {\n          if (typeof checkProps.onChange === 'function') {\n            checkProps.onChange(checked, { e });\n          }\n          setInternalValue(checked ? checkValue : undefined, { e });\n        },\n      };\n    },\n  };\n\n  const calcBarStyle = () => {\n    if (!variant.includes('filled')) return;\n    const checkedRadio = groupRef.current.querySelector?.(checkedRadioCls);\n    if (!checkedRadio) return setBarStyle({ width: 0 });\n\n    const { offsetWidth, offsetLeft } = checkedRadio;\n    setBarStyle({ width: `${offsetWidth}px`, left: `${offsetLeft}px` });\n  };\n\n  useEffect(() => {\n    calcBarStyle();\n  }, [groupRef.current, internalValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useMutationObservable(groupRef.current, calcBarStyle);\n\n  const renderBlock = () => {\n    if (!variant.includes('filled')) return null;\n    return <div style={barStyle} className={`${classPrefix}-radio-group__bg-block`}></div>;\n  };\n\n  const renderOptions = () =>\n    options.map((item) => {\n      if (typeof item === 'string' || typeof item === 'number') {\n        return (\n          <Radio value={item} key={item}>\n            {item}\n          </Radio>\n        );\n      }\n      return (\n        <Radio value={item.value} key={item.value} disabled={item.disabled}>\n          {item.label}\n        </Radio>\n      );\n    });\n\n  return (\n    <CheckContext.Provider value={context}>\n      <div\n        ref={groupRef}\n        style={style}\n        className={classNames(`${classPrefix}-radio-group`, sizeMap[size], className, {\n          [`${classPrefix}-radio-group__outline`]: variant === 'outline',\n          [`${classPrefix}-radio-group--filled`]: variant.includes('filled'),\n          [`${classPrefix}-radio-group--primary-filled`]: variant === 'primary-filled',\n        })}\n      >\n        {children || renderOptions()}\n        {renderBlock()}\n      </div>\n    </CheckContext.Provider>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nRadioGroup.defaultProps = radioGroupDefaultProps;\n\nexport default RadioGroup;\n","import React, { Ref, forwardRef } from 'react';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport Check, { CheckProps } from '../common/Check';\nimport RadioGroup from './RadioGroup';\nimport { radioDefaultProps } from './defaultProps';\n\nexport type RadioProps = Omit<CheckProps, 'type'>;\n\nconst Radio = forwardRefWithStatics(\n  (props: RadioProps, ref: Ref<HTMLLabelElement>) => <Check ref={ref} type=\"radio\" {...props} />,\n  {\n    Group: RadioGroup,\n    Button: forwardRef((props: RadioProps, ref: Ref<HTMLLabelElement>) => (\n      <Check ref={ref} type=\"radio-button\" {...props} />\n    )),\n  },\n);\n\nRadio.displayName = 'Radio';\nRadio.defaultProps = radioDefaultProps;\n\nexport default Radio;\n"],"names":["RadioGroup","props","useConfig","classPrefix","disabled","children","onChange","size","variant","options","className","style","useControlled","internalValue","setInternalValue","useState","barStyle","setBarStyle","groupRef","useRef","checkedRadioCls","useCommonClassName","sizeMap","SIZE","context","inject","checkProps","checked","checkValue","value","_objectSpread","e","calcBarStyle","includes","checkedRadio","current","querySelector","width","offsetWidth","offsetLeft","left","useEffect","useMutationObservable","renderBlock","React","createElement","renderOptions","map","item","Radio","key","label","CheckContext","Provider","ref","classNames","displayName","defaultProps","radioGroupDefaultProps","forwardRefWithStatics","Check","type","Group","Button","forwardRef","radioDefaultProps"],"mappings":"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"}

package/lib/_chunks/dep-066d7e67.js

@@ -0,0 +1,64 @@
+/**
+ * tdesign v0.42.1-alpha.4
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { i as isArrayLike_1 } from './dep-4e6a238f.js';
+import { i as isObjectLike_1 } from './dep-7983d2f9.js';
+import { a as _overRest, b as _setToString, i as identity_1 } from './dep-c47aba3f.js';
+
+var isArrayLike = isArrayLike_1,
+    isObjectLike = isObjectLike_1;
+/**
+ * This method is like `_.isArrayLike` except that it also checks if `value`
+ * is an object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array-like object,
+ *  else `false`.
+ * @example
+ *
+ * _.isArrayLikeObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLikeObject(document.body.children);
+ * // => true
+ *
+ * _.isArrayLikeObject('abc');
+ * // => false
+ *
+ * _.isArrayLikeObject(_.noop);
+ * // => false
+ */
+
+function isArrayLikeObject(value) {
+  return isObjectLike(value) && isArrayLike(value);
+}
+
+var isArrayLikeObject_1 = isArrayLikeObject;
+
+var identity = identity_1,
+    overRest = _overRest,
+    setToString = _setToString;
+/**
+ * The base implementation of `_.rest` which doesn't validate or coerce arguments.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @returns {Function} Returns the new function.
+ */
+
+function baseRest(func, start) {
+  return setToString(overRest(func, start, identity), func + '');
+}
+
+var _baseRest = baseRest;
+
+export { _baseRest as _, isArrayLikeObject_1 as i };
+//# sourceMappingURL=dep-066d7e67.js.map

package/lib/_chunks/dep-066d7e67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-066d7e67.js","sources":["../../node_modules/lodash/isArrayLikeObject.js","../../node_modules/lodash/_baseRest.js"],"sourcesContent":["var isArrayLike = require('./isArrayLike'),\n    isObjectLike = require('./isObjectLike');\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\nmodule.exports = isArrayLikeObject;\n","var identity = require('./identity'),\n    overRest = require('./_overRest'),\n    setToString = require('./_setToString');\n\n/**\n * The base implementation of `_.rest` which doesn't validate or coerce arguments.\n *\n * @private\n * @param {Function} func The function to apply a rest parameter to.\n * @param {number} [start=func.length-1] The start position of the rest parameter.\n * @returns {Function} Returns the new function.\n */\nfunction baseRest(func, start) {\n  return setToString(overRest(func, start, identity), func + '');\n}\n\nmodule.exports = baseRest;\n"],"names":["isArrayLike","require$$0","isObjectLike","require$$1","isArrayLikeObject","value","isArrayLikeObject_1","identity","overRest","setToString","require$$2","baseRest","func","start","_baseRest"],"mappings":";;;;;;;;;;AAAA,IAAIA,WAAW,GAAGC,aAAlB;AAAA,IACIC,YAAY,GAAGC,cADnB,CAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,iBAAT,CAA2BC,KAA3B,EAAkC;EAChC,OAAOH,YAAY,CAACG,KAAD,CAAZ,IAAuBL,WAAW,CAACK,KAAD,CAAzC,CAAA;AACD,CAAA;;AAEDC,IAAAA,mBAAc,GAAGF;;AChCjB,IAAIG,QAAQ,GAAGN,UAAf;AAAA,IACIO,QAAQ,GAAGL,SADf;AAAA,IAEIM,WAAW,GAAGC,YAFlB,CAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAkBC,IAAlB,EAAwBC,KAAxB,EAA+B;AAC7B,EAAA,OAAOJ,WAAW,CAACD,QAAQ,CAACI,IAAD,EAAOC,KAAP,EAAcN,QAAd,CAAT,EAAkCK,IAAI,GAAG,EAAzC,CAAlB,CAAA;AACD,CAAA;;AAEDE,IAAAA,SAAc,GAAGH;;;;"}

package/lib/_chunks/dep-0d333806.js

@@ -0,0 +1,273 @@
+/**
+ * tdesign v0.42.1-alpha.4
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from './dep-666ef014.js';
+import React, { forwardRef, useState, useImperativeHandle, useContext } from 'react';
+import classNames from 'classnames';
+import { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';
+import { _ as _toConsumableArray } from './dep-bf22ba02.js';
+import { _ as _slicedToArray } from './dep-47faffd4.js';
+import ReactDOM from 'react-dom';
+import useConfig from '../hooks/useConfig.js';
+import noop from '../_util/noop.js';
+import renderTNode from '../_util/renderTNode.js';
+import useGlobalIcon from '../hooks/useGlobalIcon.js';
+import { notificationDefaultProps } from '../notification/defaultProps.js';
+
+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; }
+var seed = 0;
+var listMap = /* @__PURE__ */new Map();
+var NotificationRemoveContext = /*#__PURE__*/React.createContext(noop);
+var NotificationList = /*#__PURE__*/forwardRef(function (props, ref) {
+  var placement = props.placement,
+      zIndex = props.zIndex;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      list = _useState2[0],
+      setList = _useState2[1];
+
+  var remove = function remove(key) {
+    setList(function (oldList) {
+      var index = oldList.findIndex(function (item) {
+        return item.key === key;
+      });
+
+      if (index !== -1) {
+        var tempList = _toConsumableArray(oldList);
+
+        tempList.splice(index, 1);
+        return _toConsumableArray(tempList);
+      }
+
+      return oldList;
+    });
+  };
+
+  var calOffset = function calOffset(offset) {
+    return isNaN(Number(offset)) ? offset : "".concat(offset, "px");
+  };
+
+  var push = function push(theme, options) {
+    var key = String(seed += 1);
+
+    var _ref = _toConsumableArray(options.offset),
+        horizontal = _ref[0],
+        vertical = _ref[1];
+
+    var horizontalOffset = calOffset(horizontal);
+    var verticalOffset = calOffset(vertical);
+    var style = {
+      top: verticalOffset,
+      left: horizontalOffset,
+      marginBottom: 16,
+      position: "relative"
+    };
+    var ref2 = /*#__PURE__*/React.createRef();
+    setList(function (oldList) {
+      return [].concat(_toConsumableArray(oldList), [_objectSpread(_objectSpread({}, options), {}, {
+        key: key,
+        theme: theme,
+        style: style,
+        ref: ref2,
+        id: key
+      })]);
+    });
+    return Promise.resolve(ref2.current);
+  };
+
+  var removeAll = function removeAll() {
+    setList([]);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      push: push,
+      remove: remove,
+      removeAll: removeAll
+    };
+  });
+  return /* @__PURE__ */React.createElement(NotificationRemoveContext.Provider, {
+    value: remove
+  }, /* @__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(Notification, _objectSpread(_objectSpread({
+      ref: props2.ref,
+      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 Notification = /*#__PURE__*/forwardRef(function (props, ref) {
+  var title = props.title,
+      content = props.content,
+      theme = props.theme,
+      icon = props.icon,
+      closeBtn = props.closeBtn,
+      footer = props.footer,
+      duration = 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,
+      className = props.className,
+      id = props.id;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var baseClassPrefix = "".concat(classPrefix, "-notification");
+
+  var _useGlobalIcon = useGlobalIcon({
+    CloseIcon: CloseIcon,
+    InfoCircleFilledIcon: InfoCircleFilledIcon,
+    CheckCircleFilledIcon: CheckCircleFilledIcon
+  }),
+      CloseIcon$1 = _useGlobalIcon.CloseIcon,
+      InfoCircleFilledIcon$1 = _useGlobalIcon.InfoCircleFilledIcon,
+      CheckCircleFilledIcon$1 = _useGlobalIcon.CheckCircleFilledIcon;
+
+  var remove = useContext(NotificationRemoveContext);
+  React.useImperativeHandle(ref, function () {
+    return {
+      close: function close() {
+        return remove(id);
+      }
+    };
+  });
+  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() {
+    if (typeof icon === "boolean" && !icon) return null;
+
+    var IconWrapper = function IconWrapper(_ref) {
+      var children = _ref.children;
+      return /* @__PURE__ */React.createElement("div", {
+        className: "".concat(baseClassPrefix, "__icon")
+      }, children);
+    };
+
+    if ( /*#__PURE__*/React.isValidElement(icon)) {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, icon);
+    }
+
+    if (theme && theme === "success") {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, /* @__PURE__ */React.createElement(CheckCircleFilledIcon$1, {
+        className: "".concat(classPrefix, "-is-success")
+      }));
+    }
+
+    if (theme && ["info", "warning", "error"].indexOf(theme) >= 0) {
+      return /* @__PURE__ */React.createElement(IconWrapper, null, /* @__PURE__ */React.createElement(InfoCircleFilledIcon$1, {
+        className: "".concat(classPrefix, "-is-").concat(theme)
+      }));
+    }
+
+    return null;
+  };
+
+  var renderCloseBtn = function renderCloseBtn() {
+    if (typeof closeBtn === "boolean") {
+      return closeBtn && /* @__PURE__ */React.createElement(CloseIcon$1, {
+        className: "".concat(baseClassPrefix, "-icon-close"),
+        onClick: function onClick(e) {
+          onCloseBtnClick({
+            e: e
+          });
+        }
+      });
+    }
+
+    return /* @__PURE__ */React.createElement("div", {
+      className: "".concat(baseClassPrefix, "-close"),
+      onClick: function onClick(e) {
+        onCloseBtnClick({
+          e: e
+        });
+      }
+    }, renderTNode(closeBtn));
+  };
+
+  return /* @__PURE__ */React.createElement("div", {
+    className: classNames(className, baseClassPrefix, _defineProperty({}, "".concat(baseClassPrefix, "-is-").concat(theme), theme)),
+    style: style
+  }, renderIcon(), /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassPrefix, "__main")
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassPrefix, "__title__wrap")
+  }, /* @__PURE__ */React.createElement("span", {
+    className: "".concat(baseClassPrefix, "__title")
+  }, title), renderCloseBtn()), content && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassPrefix, "__content")
+  }, renderTNode(content)), footer && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassPrefix, "__detail")
+  }, renderTNode(footer))));
+});
+Notification.displayName = "Notification";
+Notification.defaultProps = notificationDefaultProps;
+
+export { Notification as N, NotificationRemoveContext as a, fetchListInstance as f, listMap as l };
+//# sourceMappingURL=dep-0d333806.js.map

package/lib/_chunks/dep-0d333806.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-0d333806.js","sources":["../../src/notification/NotificationList.tsx","../../src/notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport useConfig from '../hooks/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  id: string;\n  key: string;\n  theme: NotificationThemeList;\n  style: Styles;\n  ref: React.RefObject<NotificationInstance>;\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\nexport const NotificationRemoveContext = React.createContext<(key: string) => void>(noop);\n\nconst NotificationList = forwardRef<NotificationListInstance, NotificationListProps>((props, ref) => {\n  const { placement, zIndex } = props;\n  const { classPrefix } = useConfig();\n  const [list, setList] = useState<NotificationListOpenOption[]>([]);\n\n  const remove = (key: string) => {\n    setList((oldList) => {\n      const index = oldList.findIndex((item) => item.key === key);\n      if (index !== -1) {\n        const tempList = [...oldList];\n        tempList.splice(index, 1);\n        return [...tempList];\n      }\n      return oldList;\n    });\n  };\n\n  const calOffset = (offset: string | number) => (isNaN(Number(offset)) ? offset : `${offset}px`);\n\n  const push = (theme: NotificationThemeList, options: NotificationInfoOptions): Promise<NotificationInstance> => {\n    const key = String((seed += 1));\n    const [horizontal, vertical] = [...options.offset];\n    const horizontalOffset = calOffset(horizontal);\n    const verticalOffset = calOffset(vertical);\n\n    const style: Styles = {\n      top: verticalOffset,\n      left: horizontalOffset,\n      marginBottom: 16,\n      position: 'relative',\n    };\n    const ref = React.createRef<NotificationInstance>();\n\n    setList((oldList) => [\n      ...oldList,\n      {\n        ...options,\n        key,\n        theme,\n        style,\n        ref,\n        id: key,\n      },\n    ]);\n\n    return Promise.resolve(ref.current);\n  };\n\n  const removeAll = () => {\n    setList([]);\n  };\n\n  useImperativeHandle(ref, () => ({\n    push,\n    remove,\n    removeAll,\n  }));\n\n  return (\n    <NotificationRemoveContext.Provider value={remove}>\n      <div className={`${classPrefix}-notification__show--${placement}`} style={{ zIndex }}>\n        {list.map((props) => {\n          const { onDurationEnd = noop, onCloseBtnClick = noop } = props;\n          return (\n            <NotificationComponent\n              ref={props.ref}\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    </NotificationRemoveContext.Provider>\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 React, { forwardRef, useContext } from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon as TdCloseIcon,\n  InfoCircleFilledIcon as TdInfoCircleFilledIcon,\n  CheckCircleFilledIcon as TdCheckCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport { NotificationRemoveContext } from './NotificationList';\nimport noop from '../_util/noop';\nimport renderTNode from '../_util/renderTNode';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport { NotificationInstance, TdNotificationProps } from './type';\nimport { StyledProps } from '../common';\nimport { notificationDefaultProps } from './defaultProps';\n\nexport interface NotificationProps extends TdNotificationProps, StyledProps {\n  id?: string;\n}\n\nexport const Notification = forwardRef<any, NotificationProps>((props, ref) => {\n  const {\n    title,\n    content,\n    theme,\n    icon,\n    closeBtn,\n    footer,\n    duration,\n    onCloseBtnClick = noop,\n    onDurationEnd = noop,\n    style,\n    className,\n    id,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const baseClassPrefix = `${classPrefix}-notification`;\n  const { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } = useGlobalIcon({\n    CloseIcon: TdCloseIcon,\n    InfoCircleFilledIcon: TdInfoCircleFilledIcon,\n    CheckCircleFilledIcon: TdCheckCircleFilledIcon,\n  });\n\n  const remove = useContext(NotificationRemoveContext);\n  React.useImperativeHandle(ref as React.Ref<NotificationInstance>, () => ({ close: () => remove(id) }));\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    if (typeof icon === 'boolean' && !icon) return null;\n\n    const IconWrapper = ({ children }) => <div className={`${baseClassPrefix}__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={`${classPrefix}-is-success`} />\n        </IconWrapper>\n      );\n    }\n    if (theme && ['info', 'warning', 'error'].indexOf(theme) >= 0) {\n      return (\n        <IconWrapper>\n          <InfoCircleFilledIcon className={`${classPrefix}-is-${theme}`} />\n        </IconWrapper>\n      );\n    }\n    return null;\n  };\n\n  const renderCloseBtn = () => {\n    if (typeof closeBtn === 'boolean') {\n      return (\n        closeBtn && (\n          <CloseIcon\n            className={`${baseClassPrefix}-icon-close`}\n            onClick={(e) => {\n              onCloseBtnClick({ e });\n            }}\n          />\n        )\n      );\n    }\n    return (\n      <div\n        className={`${baseClassPrefix}-close`}\n        onClick={(e) => {\n          onCloseBtnClick({ e });\n        }}\n      >\n        {renderTNode(closeBtn)}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={classNames(className, baseClassPrefix, {\n        [`${baseClassPrefix}-is-${theme}`]: theme,\n      })}\n      style={style}\n    >\n      {renderIcon()}\n      <div className={`${baseClassPrefix}__main`}>\n        <div className={`${baseClassPrefix}__title__wrap`}>\n          <span className={`${baseClassPrefix}__title`}>{title}</span>\n          {renderCloseBtn()}\n        </div>\n        {content && <div className={`${baseClassPrefix}__content`}>{renderTNode(content)}</div>}\n        {footer && <div className={`${baseClassPrefix}__detail`}>{renderTNode(footer)}</div>}\n      </div>\n    </div>\n  );\n});\n\nNotification.displayName = 'Notification';\nNotification.defaultProps = notificationDefaultProps;\n\nexport default Notification;\n"],"names":["seed","listMap","Map","NotificationRemoveContext","React","createContext","noop","NotificationList","forwardRef","props","ref","placement","zIndex","useConfig","classPrefix","useState","list","setList","remove","key","oldList","index","findIndex","item","tempList","splice","calOffset","offset","isNaN","Number","push","theme","options","String","horizontal","vertical","horizontalOffset","verticalOffset","style","top","left","marginBottom","position","createRef","id","Promise","resolve","current","removeAll","useImperativeHandle","createElement","Provider","value","className","map","onDurationEnd","onCloseBtnClick","NotificationComponent","e","fetchListInstance","attach","has","get","hasExec","ReactDOM","render","instance","set","Notification","title","content","icon","closeBtn","footer","duration","baseClassPrefix","useGlobalIcon","CloseIcon","TdCloseIcon","InfoCircleFilledIcon","TdInfoCircleFilledIcon","CheckCircleFilledIcon","TdCheckCircleFilledIcon","useContext","close","useEffect","timer","setTimeout","clearTimeout","renderIcon","IconWrapper","children","isValidElement","indexOf","renderCloseBtn","onClick","renderTNode","classNames","displayName","defaultProps","notificationDefaultProps"],"mappings":"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"}