@tendaui/react 1.1.1

package/es/loading/Loading.js

@@ -0,0 +1,147 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useState, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import { c as canUseDocument } from '../_chunks/dep-0QH2Ee4R.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import Portal from '../common/Portal.js';
+import GradientLoading from './Gradient.js';
+import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
+import { a as addClass, r as removeClass } from '../_chunks/dep-BH5n5r1M.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'lodash-es';
+import '../config-provider/ConfigContext.js';
+import 'react-dom';
+import '../_chunks/dep-DHWwZ2Nj.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '../_chunks/dep-PPA-yoAy.js';
+
+var loadingDefaultProps = {
+  delay: 0,
+  fullscreen: false,
+  indicator: true,
+  inheritColor: false,
+  loading: true,
+  preventScrollThrough: true,
+  showOverlay: true,
+  size: "medium"
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Loading = function Loading(props) {
+  var _useDefaultProps = useDefaultProps(props, loadingDefaultProps),
+    attach = _useDefaultProps.attach,
+    indicator = _useDefaultProps.indicator,
+    text = _useDefaultProps.text,
+    loading = _useDefaultProps.loading,
+    size = _useDefaultProps.size,
+    delay = _useDefaultProps.delay,
+    fullscreen = _useDefaultProps.fullscreen,
+    preventScrollThrough = _useDefaultProps.preventScrollThrough,
+    showOverlay = _useDefaultProps.showOverlay,
+    content = _useDefaultProps.content,
+    children = _useDefaultProps.children,
+    inheritColor = _useDefaultProps.inheritColor,
+    zIndex = _useDefaultProps.zIndex,
+    className = _useDefaultProps.className,
+    style = _useDefaultProps.style;
+  var _useState = useState(function () {
+      return delay ? false : loading;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    showLoading = _useState2[0],
+    setShowLoading = _useState2[1];
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var name = "".concat(classPrefix, "-loading");
+  var centerClass = "".concat(classPrefix, "-loading--center");
+  var inheritColorClass = "".concat(classPrefix, "-loading--inherit-color");
+  var fullClass = "".concat(classPrefix, "-loading--full");
+  var fullscreenClass = "".concat(classPrefix, "-loading__fullscreen");
+  var lockClass = "".concat(classPrefix, "-loading--lock");
+  var overlayClass = "".concat(classPrefix, "-loading__overlay");
+  var relativeClass = "".concat(classPrefix, "-loading__parent");
+  var textClass = "".concat(classPrefix, "-loading__text");
+  useEffect(function () {
+    var timer;
+    if (delay && loading) {
+      timer = setTimeout(function () {
+        setShowLoading(loading);
+      }, delay);
+    } else {
+      setTimeout(function () {
+        setShowLoading(loading);
+      }, 0);
+    }
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [delay, loading]);
+  var calcStyles = useMemo(function () {
+    var styles = {};
+    if (zIndex !== void 0) {
+      styles.zIndex = zIndex;
+    }
+    if (!["small", "medium", "large"].includes(size)) {
+      styles.fontSize = size;
+    }
+    return styles;
+  }, [size, zIndex]);
+  var sizeMap = {
+    large: "".concat(classPrefix, "-size-l"),
+    small: "".concat(classPrefix, "-size-s"),
+    medium: "".concat(classPrefix, "-size-m")
+  };
+  var baseClasses = classNames(centerClass, sizeMap[size], _defineProperty({}, inheritColorClass, inheritColor), className);
+  useEffect(function () {
+    if (preventScrollThrough && fullscreen && canUseDocument && loading) {
+      addClass(document.body, lockClass);
+    }
+    return function () {
+      removeClass(document.body, lockClass);
+    };
+  }, [loading, preventScrollThrough, fullscreen, lockClass]);
+  var commonContent = function commonContent() {
+    var renderIndicator = /* @__PURE__ */React.createElement(GradientLoading, null);
+    if (indicator && typeof indicator !== "boolean") {
+      renderIndicator = indicator;
+    }
+    return /* @__PURE__ */React.createElement(React.Fragment, null, indicator ? renderIndicator : null, text ? /* @__PURE__ */React.createElement("div", {
+      className: textClass
+    }, text) : null);
+  };
+  if (fullscreen) {
+    return loading ? /* @__PURE__ */React.createElement("div", {
+      className: classNames(name, fullscreenClass, centerClass, overlayClass),
+      style: _objectSpread(_objectSpread({}, calcStyles), style)
+    }, /* @__PURE__ */React.createElement("div", {
+      className: baseClasses
+    }, commonContent())) : null;
+  }
+  if (content || children) {
+    return /* @__PURE__ */React.createElement("div", {
+      className: relativeClass,
+      style: style
+    }, content || children, showLoading ? /* @__PURE__ */React.createElement("div", {
+      className: classNames(name, baseClasses, fullClass, _defineProperty({}, overlayClass, showOverlay)),
+      style: calcStyles
+    }, commonContent()) : null);
+  }
+  if (attach) {
+    return /* @__PURE__ */React.createElement(Portal, {
+      attach: attach
+    }, loading ? /* @__PURE__ */React.createElement("div", {
+      className: classNames(name, baseClasses, fullClass, _defineProperty({}, overlayClass, showOverlay)),
+      style: _objectSpread(_objectSpread({}, calcStyles), style)
+    }, commonContent()) : null);
+  }
+  return loading ? /* @__PURE__ */React.createElement("div", {
+    className: classNames(name, baseClasses),
+    style: _objectSpread(_objectSpread({}, calcStyles), style)
+  }, commonContent()) : null;
+};
+Loading.displayName = "Loading";
+
+export { Loading as default };
+//# sourceMappingURL=Loading.js.map

package/es/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../components/loading/defaultProps.ts","../../../components/loading/Loading.tsx"],"sourcesContent":["import { TdLoadingProps } from \"./type\";\n\nexport const loadingDefaultProps: TdLoadingProps = {\n  delay: 0,\n  fullscreen: false,\n  indicator: true,\n  inheritColor: false,\n  loading: true,\n  preventScrollThrough: true,\n  showOverlay: true,\n  size: \"medium\"\n};\n","import React, { useState, useEffect, useMemo, CSSProperties } from \"react\";\nimport classnames from \"classnames\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport { TdLoadingProps } from \"./type\";\nimport Portal from \"../common/Portal\";\nimport Gradient from \"./Gradient\";\nimport { loadingDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { addClass, removeClass } from \"../utils/style\";\n\nexport interface LoadingProps extends TdLoadingProps, StyledProps {}\n\nconst Loading: React.FC<LoadingProps> = (props) => {\n  const {\n    attach,\n    indicator,\n    text,\n    loading,\n    size,\n    delay,\n    fullscreen,\n    preventScrollThrough,\n    showOverlay,\n    content,\n    children,\n    inheritColor,\n    zIndex,\n    className,\n    style\n  } = useDefaultProps<LoadingProps>(props, loadingDefaultProps);\n\n  const [showLoading, setShowLoading] = useState(() => (delay ? false : loading));\n\n  const { classPrefix } = useConfig();\n\n  const name = `${classPrefix}-loading`;\n  const centerClass = `${classPrefix}-loading--center`;\n  const inheritColorClass = `${classPrefix}-loading--inherit-color`;\n  const fullClass = `${classPrefix}-loading--full`;\n  const fullscreenClass = `${classPrefix}-loading__fullscreen`;\n  const lockClass = `${classPrefix}-loading--lock`;\n  const overlayClass = `${classPrefix}-loading__overlay`;\n  const relativeClass = `${classPrefix}-loading__parent`;\n  const textClass = `${classPrefix}-loading__text`;\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (delay && loading) {\n      timer = setTimeout(() => {\n        setShowLoading(loading);\n      }, delay);\n    } else {\n      // Use setTimeout to avoid calling setState synchronously within an effect\n      setTimeout(() => {\n        setShowLoading(loading);\n      }, 0);\n    }\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [delay, loading]);\n\n  const calcStyles = useMemo<React.CSSProperties>(() => {\n    const styles: CSSProperties = {};\n\n    if (zIndex !== undefined) {\n      styles.zIndex = zIndex;\n    }\n\n    if (![\"small\", \"medium\", \"large\"].includes(size)) {\n      styles.fontSize = size;\n    }\n\n    return styles;\n  }, [size, zIndex]);\n\n  const sizeMap = {\n    large: `${classPrefix}-size-l`,\n    small: `${classPrefix}-size-s`,\n    medium: `${classPrefix}-size-m`\n  };\n\n  const baseClasses = classnames(\n    centerClass,\n    sizeMap[size],\n    {\n      [inheritColorClass]: inheritColor\n    },\n    className\n  );\n\n  useEffect(() => {\n    if (preventScrollThrough && fullscreen && canUseDocument && loading) {\n      addClass(document.body, lockClass);\n    }\n    return () => {\n      removeClass(document.body, lockClass);\n    };\n  }, [loading, preventScrollThrough, fullscreen, lockClass]);\n\n  const commonContent = () => {\n    let renderIndicator = <Gradient />;\n\n    if (indicator && typeof indicator !== \"boolean\") {\n      renderIndicator = indicator as React.ReactElement;\n    }\n    return (\n      <>\n        {indicator ? renderIndicator : null}\n        {text ? <div className={textClass}>{text}</div> : null}\n      </>\n    );\n  };\n\n  if (fullscreen) {\n    return loading ? (\n      <div className={classnames(name, fullscreenClass, centerClass, overlayClass)} style={{ ...calcStyles, ...style }}>\n        <div className={baseClasses}>{commonContent()}</div>\n      </div>\n    ) : null;\n  }\n\n  if (content || children) {\n    return (\n      <div className={relativeClass} style={style}>\n        {content || children}\n        {showLoading ? (\n          <div\n            className={classnames(name, baseClasses, fullClass, {\n              [overlayClass]: showOverlay\n            })}\n            style={calcStyles}\n          >\n            {commonContent()}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n  if (attach) {\n    return (\n      <Portal attach={attach}>\n        {loading ? (\n          <div\n            className={classnames(name, baseClasses, fullClass, {\n              [overlayClass]: showOverlay\n            })}\n            style={{ ...calcStyles, ...style }}\n          >\n            {commonContent()}\n          </div>\n        ) : null}\n      </Portal>\n    );\n  }\n\n  return loading ? (\n    <div className={classnames(name, baseClasses)} style={{ ...calcStyles, ...style }}>\n      {commonContent()}\n    </div>\n  ) : null;\n};\n\nLoading.displayName = \"Loading\";\n\nexport default Loading;\n"],"names":["loadingDefaultProps","delay","fullscreen","indicator","inheritColor","loading","preventScrollThrough","showOverlay","size","Loading","props","_useDefaultProps","useDefaultProps","attach","text","content","children","zIndex","className","style","_useState","useState","_useState2","_slicedToArray","showLoading","setShowLoading","_useConfig","useConfig","classPrefix","name","concat","centerClass","inheritColorClass","fullClass","fullscreenClass","lockClass","overlayClass","relativeClass","textClass","useEffect","timer","setTimeout","clearTimeout","calcStyles","useMemo","styles","includes","fontSize","sizeMap","large","small","medium","baseClasses","classnames","_defineProperty","canUseDocument","addClass","document","body","removeClass","commonContent","renderIndicator","Gradient","React","createElement","Fragment","_objectSpread","Portal","displayName"],"mappings":"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"}

package/es/loading/index.js

@@ -0,0 +1,24 @@
+import Loading$1 from './Loading.js';
+import './style/css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import 'react';
+import 'classnames';
+import '../_chunks/dep-0QH2Ee4R.js';
+import 'lodash-es';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../common/Portal.js';
+import 'react-dom';
+import './Gradient.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '../_chunks/dep-PPA-yoAy.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-BH5n5r1M.js';
+
+var Loading = Loading$1;
+
+export { Loading, Loading as default };
+//# sourceMappingURL=index.js.map

package/es/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/loading/index.ts"],"sourcesContent":["import _Loading from \"./Loading\";\n// import { LoadingPlugin as _LoadingPlugin } from './plugin';\n\nimport \"./style/index.js\";\n\nexport type { LoadingProps } from \"./Loading\";\nexport * from \"./type\";\n\nexport const Loading = _Loading;\n// export const loading = _LoadingPlugin;\n// export const LoadingPlugin = _LoadingPlugin;\n\nexport default Loading;\n"],"names":["Loading","_Loading"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQO,IAAMA,OAAA,GAAUC;;;;"}

package/es/loading/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/loading/style/index.css

@@ -0,0 +1,191 @@
+@charset "UTF-8";
+@-webkit-keyframes t-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes t-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes t-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes t-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes t-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes t-spin {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.t-icon-loading {
+  -webkit-animation: t-spin 1s linear infinite;
+          animation: t-spin 1s linear infinite;
+}
+
+@-webkit-keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+
+@keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+.t-loading {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+  color: var(--td-brand-color);
+  font-size: var(--td-comp-size-l);
+}
+.t-loading--lock {
+  overflow: hidden;
+}
+.t-loading.t-size-s {
+  font-size: var(--td-comp-size-xxxs);
+}
+.t-loading.t-size-l {
+  font-size: var(--td-comp-size-xxxl);
+}
+.t-loading__parent--relative {
+  position: relative !important;
+}
+
+.t-loading__fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 3500;
+}
+
+.t-loading--center {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+.t-loading__content {
+  position: absolute;
+  left: 48%;
+  top: 20%;
+}
+
+.t-loading--inherit-color {
+  color: inherit;
+}
+
+.t-loading__parent {
+  position: relative;
+}
+
+.t-loading__overlay {
+  background-color: var(--td-mask-disabled);
+}
+
+/** 仅用于作为包裹元素时 */
+.t-loading--full {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 3500;
+}
+
+.t-loading--hidden {
+  visibility: hidden;
+}
+
+.t-loading--visible {
+  visibility: visible;
+}
+
+.t-loading__text {
+  width: auto;
+  display: inline-block;
+  vertical-align: middle;
+  font: var(--td-font-body-medium);
+  margin-left: var(--td-comp-margin-xs);
+}
+
+.t-loading__gradient {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+}
+.t-loading__gradient-conic {
+  width: 100%;
+  height: 100%;
+  border-radius: var(--td-radius-circle);
+  /* stylelint-disable-next-line color-no-hex */
+  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
+  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
+  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
+}

package/es/loading/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/loading/style/index.js.map

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

package/es/myform/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/myform/index.js.map

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

package/es/notification/NotifyContainer.js

@@ -0,0 +1,78 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useState, useCallback } from 'react';
+import NotificationItem from './NotifyItem.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '@tendaui/icons';
+import '../config-provider/ConfigContext.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GAP = 14;
+var TOAST_WIDTH = 356;
+var NotificationContainer = function NotificationContainer(_ref) {
+  var _heights$;
+  var notifications = _ref.notifications,
+    onRemove = _ref.onRemove,
+    onHoverStart = _ref.onHoverStart,
+    onHoverEnd = _ref.onHoverEnd,
+    maxStack = _ref.maxStack,
+    position = _ref.position;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovering = _useState2[0],
+    setIsHovering = _useState2[1];
+  var latestNotifications = notifications.slice(0, maxStack);
+  var _position$split = position.split("-"),
+    _position$split2 = _slicedToArray(_position$split, 2),
+    y = _position$split2[0],
+    x = _position$split2[1];
+  var handleMouseEnter = useCallback(function () {
+    setIsHovering(true);
+    onHoverStart();
+  }, [onHoverStart]);
+  var handleMouseLeave = useCallback(function () {
+    setIsHovering(false);
+    onHoverEnd();
+  }, [onHoverEnd]);
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    heights = _useState4[0],
+    setHeights = _useState4[1];
+  var _useConfig = useConfig(),
+    prefix = _useConfig.classPrefix;
+  return /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify"),
+    style: {
+      height: isHovering ? "".concat(notifications.length * 100 + 16, "px") : "auto",
+      minHeight: "80px",
+      "--front-toast-height": (((_heights$ = heights[0]) === null || _heights$ === void 0 ? void 0 : _heights$.height) || 0) + "px",
+      "--toast-width": TOAST_WIDTH + "px"
+    },
+    "data-toaster": true,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    "data-x-position": x,
+    "data-y-position": y
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-notify__container"),
+    style: {
+      pointerEvents: "all"
+    }
+  }, latestNotifications.map(function (notification) {
+    return /* @__PURE__ */React.createElement(NotificationItem, _objectSpread(_objectSpread({
+      key: notification.id,
+      heights: heights,
+      setHeights: setHeights,
+      gap: GAP
+    }, notification), {}, {
+      onRemove: onRemove,
+      isExpanded: isHovering
+    }));
+  })));
+};
+
+export { GAP, TOAST_WIDTH, NotificationContainer as default };
+//# sourceMappingURL=NotifyContainer.js.map

package/es/notification/NotifyContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotifyContainer.js","sources":["../../../components/notification/NotifyContainer.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { TdNotificationProps } from \"./type\";\nimport NotificationItem from \"./NotifyItem\";\nimport useConfig from \"../hooks/useConfig\";\nexport const GAP = 14;\nexport const TOAST_WIDTH = 356;\nconst NotificationContainer = ({\n  notifications,\n  onRemove,\n  onHoverStart,\n  onHoverEnd,\n  maxStack,\n  position\n}: {\n  notifications: TdNotificationProps[];\n  onRemove: (id: string) => void;\n  onHoverStart: () => void;\n  onHoverEnd: () => void;\n  maxStack: number;\n  position: string;\n}) => {\n  const [isHovering, setIsHovering] = useState(false);\n  const latestNotifications = notifications.slice(0, maxStack);\n  const [y, x] = position.split(\"-\");\n  const handleMouseEnter = useCallback(() => {\n    setIsHovering(true);\n    onHoverStart();\n  }, [onHoverStart]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovering(false);\n    onHoverEnd();\n  }, [onHoverEnd]);\n\n  const [heights, setHeights] = useState<{ toastId: string; height: number }[]>([]);\n\n  const { classPrefix: prefix } = useConfig();\n\n  return (\n    <div\n      className={`${prefix}-notify`}\n      style={\n        {\n          height: isHovering ? `${notifications.length * 100 + 16}px` : \"auto\",\n          minHeight: \"80px\",\n          \"--front-toast-height\": (heights[0]?.height || 0) + \"px\",\n          \"--toast-width\": TOAST_WIDTH + \"px\"\n        } as React.CSSProperties\n      }\n      data-toaster\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      data-x-position={x}\n      data-y-position={y}\n    >\n      <div\n        className={`${prefix}-notify__container`}\n        style={{\n          pointerEvents: \"all\"\n        }}\n      >\n        {latestNotifications.map((notification) => {\n          // const stackedStyle = !isHovering && !isLast;\n\n          // let offsetY = isHovering\n          //   ? index * 100 // 展开时，索引0在顶部\n          //   : stackedStyle\n          //   ? index * 8\n          //   : 0;\n\n          // const scale = stackedStyle ? 1 - index * 0.01 : 1;\n          // const opacity = stackedStyle ? 1 - index * 0.15 : 1;\n          return (\n            <NotificationItem\n              key={notification.id}\n              heights={heights}\n              setHeights={setHeights}\n              gap={GAP}\n              {...notification}\n              onRemove={onRemove}\n              isExpanded={isHovering}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default NotificationContainer;\n"],"names":["GAP","TOAST_WIDTH","NotificationContainer","_heights$","notifications","_ref","onRemove","onHoverStart","onHoverEnd","maxStack","position","_useState","useState","_useState2","_slicedToArray","isHovering","setIsHovering","latestNotifications","slice","_position$split","split","_position$split2","y","x","handleMouseEnter","useCallback","handleMouseLeave","_useState3","_useState4","heights","setHeights","_useConfig","useConfig","prefix","classPrefix","React","createElement","className","concat","style","height","length","minHeight","onMouseEnter","onMouseLeave","pointerEvents","map","notification","NotificationItem","_objectSpread","key","id","gap","isExpanded"],"mappings":"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"}

package/es/notification/NotifyContext.js

@@ -0,0 +1,149 @@
+import { _ as _toConsumableArray } from '../_chunks/dep-CgyDw_YI.js';
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { createContext, useState, useRef, useCallback, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import NotificationContainer from './NotifyContainer.js';
+import '../_chunks/dep-D-UKOauR.js';
+import './NotifyItem.js';
+import '@tendaui/icons';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NotificationContext = /*#__PURE__*/createContext(null);
+var generateId = function generateId() {
+  return Math.random().toString(36).substr(2, 9);
+};
+var NotificationProvider = function NotificationProvider(_ref) {
+  var children = _ref.children,
+    _ref$maxStack = _ref.maxStack,
+    maxStack = _ref$maxStack === void 0 ? 5 : _ref$maxStack,
+    _ref$displayDuration = _ref.displayDuration,
+    displayDuration = _ref$displayDuration === void 0 ? 3e3 : _ref$displayDuration,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "top-right" : _ref$position;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    notifications = _useState2[0],
+    setNotifications = _useState2[1];
+  var timersRef = useRef(/* @__PURE__ */new Map());
+  var pausedAtRef = useRef(/* @__PURE__ */new Map());
+  var clearNotificationTimer = useCallback(function (id) {
+    var timer = timersRef.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current["delete"](id);
+    }
+  }, []);
+  var startTimer = useCallback(function (notification, remainingTime) {
+    var duration = remainingTime !== null && remainingTime !== void 0 ? remainingTime : displayDuration;
+    var timer = setTimeout(function () {
+      setNotifications(function (prev) {
+        return prev.map(function (n) {
+          return n.id === notification.id ? _objectSpread(_objectSpread({}, n), {}, {
+            isRemoved: true
+          }) : n;
+        });
+      });
+      setTimeout(function () {
+        setNotifications(function (prev) {
+          return prev.filter(function (t) {
+            return t.id !== notification.id;
+          });
+        });
+        clearNotificationTimer(notification.id);
+        pausedAtRef.current["delete"](notification.id);
+      }, 400);
+    }, duration);
+    timersRef.current.set(notification.id, timer);
+  }, [displayDuration, clearNotificationTimer]);
+  var addNotification = useCallback(function (type, message) {
+    var newNotification = {
+      id: generateId(),
+      type: type,
+      title: message.title,
+      message: message.message,
+      createdAt: Date.now(),
+      isRemoved: false
+    };
+    setNotifications(function (prev) {
+      var newNotifications = [newNotification].concat(_toConsumableArray(prev));
+      var removedNotifications = newNotifications.slice(maxStack);
+      removedNotifications.forEach(function (notification) {
+        clearNotificationTimer(notification.id);
+        pausedAtRef.current["delete"](notification.id);
+      });
+      return newNotifications.slice(0, maxStack);
+    });
+    startTimer(newNotification);
+  }, [maxStack, startTimer, clearNotificationTimer]);
+  var contextValue = React.useMemo(function () {
+    return {
+      notify: addNotification,
+      success: function success(message) {
+        return addNotification("success", message);
+      },
+      error: function error(message) {
+        return addNotification("error", message);
+      },
+      warning: function warning(message) {
+        return addNotification("warning", message);
+      },
+      info: function info(message) {
+        return addNotification("info", message);
+      },
+      removeNotification: function removeNotification(id) {
+        setNotifications(function (prev) {
+          return prev.filter(function (t) {
+            return t.id !== id;
+          });
+        });
+        clearNotificationTimer(id);
+        pausedAtRef.current["delete"](id);
+      }
+    };
+  }, [addNotification, clearNotificationTimer]);
+  var clearAllTimers = useCallback(function () {
+    var now = Date.now();
+    notifications.forEach(function (notification) {
+      pausedAtRef.current.set(notification.id, now);
+      clearNotificationTimer(notification.id);
+    });
+  }, [notifications, clearNotificationTimer]);
+  var restartAllTimers = useCallback(function () {
+    notifications.forEach(function (notification) {
+      var pausedAt = pausedAtRef.current.get(notification.id);
+      if (pausedAt) {
+        var elapsedTime = pausedAt - notification.createdAt;
+        var remainingTime = Math.max(0, displayDuration - elapsedTime);
+        startTimer(notification, remainingTime);
+        pausedAtRef.current["delete"](notification.id);
+      }
+    });
+  }, [notifications, displayDuration, startTimer]);
+  return /* @__PURE__ */React.createElement(NotificationContext.Provider, {
+    value: contextValue
+  }, children, /*#__PURE__*/createPortal(/* @__PURE__ */React.createElement(NotificationContainer, {
+    notifications: notifications,
+    onRemove: function onRemove(id) {
+      return contextValue.removeNotification(id);
+    },
+    onHoverStart: clearAllTimers,
+    onHoverEnd: restartAllTimers,
+    "data-testid": "notification-container",
+    maxStack: maxStack,
+    position: position
+  }), document.body));
+};
+var useNotification = function useNotification() {
+  var context = useContext(NotificationContext);
+  if (!context) {
+    throw new Error("useNotification must be used within a NotificationProvider");
+  }
+  return context;
+};
+
+export { NotificationProvider, useNotification };
+//# sourceMappingURL=NotifyContext.js.map