tdesign-react 0.32.1 → 0.32.2-alpha.3

package/dist/tdesign.js

@@ -9521,6 +9521,8 @@
         onVisibleChange = props.onVisibleChange,
         _onScroll = props.onScroll,
         expandAnimation = props.expandAnimation,
+        _props$popperModifier = props.popperModifiers,
+        popperModifiers = _props$popperModifier === void 0 ? [] : _props$popperModifier,
         updateScrollTop = props.updateScrollTop;
 
     var _useConfig = useConfig$1(),
@@ -9588,10 +9590,14 @@
       }));
       popperRef.current.update();
     }, []);
-    popperRef.current = usePopper(triggerRef, overlayRef, {
-      placement: getPopperPlacement(placement),
-      onFirstUpdate: onPopperFirstUpdate
-    });
+    var options = React.useMemo(function () {
+      return {
+        placement: getPopperPlacement(placement),
+        onFirstUpdate: onPopperFirstUpdate,
+        modifiers: popperModifiers
+      };
+    }, [onPopperFirstUpdate, placement, popperModifiers]);
+    popperRef.current = usePopper(triggerRef, overlayRef, options);
     var _popperRef$current = popperRef.current,
         styles = _popperRef$current.styles,
         attributes = _popperRef$current.attributes;
@@ -16150,8 +16156,10 @@
           var obj = initialColumnMap.get(colKey || j);
 
           if (obj !== null && obj !== void 0 && (_obj$col = obj.col) !== null && _obj$col !== void 0 && _obj$col.fixed) {
+            var _th$getBoundingClient;
+
             initialColumnMap.set(colKey, _objectSpread$1t(_objectSpread$1t({}, obj), {}, {
-              width: th === null || th === void 0 ? void 0 : th.getBoundingClientRect().width
+              width: th === null || th === void 0 ? void 0 : (_th$getBoundingClient = th.getBoundingClientRect) === null || _th$getBoundingClient === void 0 ? void 0 : _th$getBoundingClient.call(th).width
             }));
           }
         }
@@ -16172,6 +16180,8 @@
           rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey;
 
       for (var i = 0; i < fixedTopRows; i++) {
+        var _tr$getBoundingClient;
+
         var tr = trList[i];
         var rowId = get_1(data2[i], rowKey);
         var thisRowInfo = initialColumnMap.get(rowId) || {};
@@ -16180,16 +16190,20 @@
         var defaultBottom = 0;
 
         if (i === 0) {
-          defaultBottom = (thead === null || thead === void 0 ? void 0 : thead.getBoundingClientRect().height) || 0;
+          var _thead$getBoundingCli;
+
+          defaultBottom = (thead === null || thead === void 0 ? void 0 : (_thead$getBoundingCli = thead.getBoundingClientRect) === null || _thead$getBoundingCli === void 0 ? void 0 : _thead$getBoundingCli.call(thead).height) || 0;
         }
 
         thisRowInfo.top = (lastRowInfo.top || defaultBottom) + (lastRowInfo.height || 0);
         initialColumnMap.set(rowId, _objectSpread$1t(_objectSpread$1t({}, thisRowInfo), {}, {
-          height: tr === null || tr === void 0 ? void 0 : tr.getBoundingClientRect().height
+          height: tr === null || tr === void 0 ? void 0 : (_tr$getBoundingClient = tr.getBoundingClientRect) === null || _tr$getBoundingClient === void 0 ? void 0 : _tr$getBoundingClient.call(tr).height
         }));
       }
 
       for (var _i = data2.length - 1; _i >= data2.length - fixedBottomRows; _i--) {
+        var _tr$getBoundingClient2;
+
         var _tr = trList[_i];
 
         var _rowId = get_1(data2[_i], rowKey);
@@ -16203,12 +16217,14 @@
         var _defaultBottom = 0;
 
         if (_i === data2.length - 1) {
-          _defaultBottom = (tfoot === null || tfoot === void 0 ? void 0 : tfoot.getBoundingClientRect().height) || 0;
+          var _tfoot$getBoundingCli;
+
+          _defaultBottom = (tfoot === null || tfoot === void 0 ? void 0 : (_tfoot$getBoundingCli = tfoot.getBoundingClientRect) === null || _tfoot$getBoundingCli === void 0 ? void 0 : _tfoot$getBoundingCli.call(tfoot).height) || 0;
         }
 
         _thisRowInfo.bottom = (_lastRowInfo.bottom || _defaultBottom) + (_lastRowInfo.height || 0);
         initialColumnMap.set(_rowId, _objectSpread$1t(_objectSpread$1t({}, _thisRowInfo), {}, {
-          height: _tr === null || _tr === void 0 ? void 0 : _tr.getBoundingClientRect().height
+          height: _tr === null || _tr === void 0 ? void 0 : (_tr$getBoundingClient2 = _tr.getBoundingClientRect) === null || _tr$getBoundingClient2 === void 0 ? void 0 : _tr$getBoundingClient2.call(_tr).height
         }));
       }
     };
@@ -16312,14 +16328,16 @@
 
     var updateFixedHeader = function updateFixedHeader() {
       var timer = setTimeout(function () {
+        var _tRef$getBoundingClie;
+
         var tRef = tableContentRef === null || tableContentRef === void 0 ? void 0 : tableContentRef.current;
         if (!tRef) return;
         setIsFixedHeader(tRef.scrollHeight > tRef.clientHeight);
         setIsWidthOverflow(tRef.scrollWidth > tRef.clientWidth);
-        var pos = tRef === null || tRef === void 0 ? void 0 : tRef.getBoundingClientRect();
+        var pos = tRef === null || tRef === void 0 ? void 0 : (_tRef$getBoundingClie = tRef.getBoundingClientRect) === null || _tRef$getBoundingClie === void 0 ? void 0 : _tRef$getBoundingClie.call(tRef);
         setVirtualScrollHeaderPos({
-          top: pos.top,
-          left: pos.left
+          top: pos === null || pos === void 0 ? void 0 : pos.top,
+          left: pos === null || pos === void 0 ? void 0 : pos.left
         });
         clearTimeout(timer);
       }, 0);
@@ -16336,12 +16354,12 @@
     };
 
     var updateTableWidth = function updateTableWidth() {
-      var _tableContentRef$curr;
+      var _tableContentRef$curr, _tableContentRef$curr2;
 
-      var rect = (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : _tableContentRef$curr.getBoundingClientRect();
+      var rect = (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : (_tableContentRef$curr2 = _tableContentRef$curr.getBoundingClientRect) === null || _tableContentRef$curr2 === void 0 ? void 0 : _tableContentRef$curr2.call(_tableContentRef$curr);
       var reduceWidth = isFixedHeader ? scrollbarWidth : 0;
       var fixedBordered = isFixedRightColumn ? 1 : 2;
-      setTableWidth(rect.width - reduceWidth - (props.bordered ? fixedBordered : 0));
+      setTableWidth((rect === null || rect === void 0 ? void 0 : rect.width) - reduceWidth - (props.bordered ? fixedBordered : 0));
     };
 
     var updateThWidthList = function updateThWidthList(trList) {
@@ -16351,9 +16369,11 @@
         var thList = trList[i].children;
 
         for (var j = 0, thLen = thList.length; j < thLen; j++) {
+          var _th$getBoundingClient2;
+
           var th = thList[j];
           var colKey = th.dataset.colkey;
-          widthMap[colKey] = th === null || th === void 0 ? void 0 : th.getBoundingClientRect().width;
+          widthMap[colKey] = th === null || th === void 0 ? void 0 : (_th$getBoundingClient2 = th.getBoundingClientRect) === null || _th$getBoundingClient2 === void 0 ? void 0 : _th$getBoundingClient2.call(th).width;
         }
       }
 
@@ -16377,10 +16397,10 @@
     };
 
     var onDocumentScroll = function onDocumentScroll() {
-      var _tableContentRef$curr2, _affixHeaderRef$curre;
+      var _tableContentRef$curr3, _tableContentRef$curr4, _affixHeaderRef$curre;
 
-      var pos = (_tableContentRef$curr2 = tableContentRef.current) === null || _tableContentRef$curr2 === void 0 ? void 0 : _tableContentRef$curr2.getBoundingClientRect();
-      var r = ((_affixHeaderRef$curre = affixHeaderRef.current) === null || _affixHeaderRef$curre === void 0 ? void 0 : _affixHeaderRef$curre.offsetHeight) - pos.top < pos.height;
+      var pos = (_tableContentRef$curr3 = tableContentRef.current) === null || _tableContentRef$curr3 === void 0 ? void 0 : (_tableContentRef$curr4 = _tableContentRef$curr3.getBoundingClientRect) === null || _tableContentRef$curr4 === void 0 ? void 0 : _tableContentRef$curr4.call(_tableContentRef$curr3);
+      var r = ((_affixHeaderRef$curre = affixHeaderRef.current) === null || _affixHeaderRef$curre === void 0 ? void 0 : _affixHeaderRef$curre.offsetHeight) - (pos === null || pos === void 0 ? void 0 : pos.top) < (pos === null || pos === void 0 ? void 0 : pos.height);
       setShowAffixHeader(r);
     };
 
@@ -30001,6 +30021,20 @@
           document.body.style.cssText = bodyCssTextRef.current;
         }
       }
+
+      return function () {
+        if (isModal) {
+          var _openDialogDom = document.querySelectorAll(".".concat(dialogOpenClass));
+
+          if (_openDialogDom.length < 1) {
+            document.body.style.cssText = bodyCssTextRef.current;
+            document.body.style.overflow = bodyOverflow.current;
+          }
+        } else {
+          document.body.style.cssText = bodyCssTextRef.current;
+          document.body.style.overflow = bodyOverflow.current;
+        }
+      };
     }, [preventScrollThrough, attach, visible, mode, isModal, dialogOpenClass]);
     React.useEffect(function () {
       if (visible) {
@@ -30459,18 +30493,18 @@
 
     var options = _objectSpread$14({}, props);
 
-    var div = document.createElement("div");
+    var fragment = document.createDocumentFragment();
     ReactDOM__default["default"].render( /* @__PURE__ */React__default["default"].createElement(Dialog$1, _objectSpread$14(_objectSpread$14({}, options), {}, {
       visible: true,
       ref: dialogRef,
       isPlugin: true
-    })), div, function () {
+    })), fragment, function () {
       document.activeElement.blur();
     });
     var container = getAttach$1(options.attach);
 
     if (container) {
-      container.appendChild(div);
+      container.appendChild(fragment);
     } else {
       console.error("attach is not exist");
     }
@@ -30479,14 +30513,13 @@
       show: function show() {
         var _dialogRef$current;
 
-        container.appendChild(div);
+        container.appendChild(fragment);
         (_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 ? void 0 : _dialogRef$current.show();
       },
       hide: function hide() {
-        var _div$parentNode, _dialogRef$current2;
+        var _dialogRef$current2;
 
-        div === null || div === void 0 ? void 0 : (_div$parentNode = div.parentNode) === null || _div$parentNode === void 0 ? void 0 : _div$parentNode.removeChild(div);
-        (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 ? void 0 : _dialogRef$current2.hide();
+        (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 ? void 0 : _dialogRef$current2.destroy();
       },
       update: function update(updateOptions) {
         var _dialogRef$current3;
@@ -30494,10 +30527,9 @@
         (_dialogRef$current3 = dialogRef.current) === null || _dialogRef$current3 === void 0 ? void 0 : _dialogRef$current3.update(updateOptions);
       },
       destroy: function destroy() {
-        var _dialogRef$current4, _div$parentNode2;
+        var _dialogRef$current4;
 
         (_dialogRef$current4 = dialogRef.current) === null || _dialogRef$current4 === void 0 ? void 0 : _dialogRef$current4.destroy();
-        div === null || div === void 0 ? void 0 : (_div$parentNode2 = div.parentNode) === null || _div$parentNode2 === void 0 ? void 0 : _div$parentNode2.removeChild(div);
       }
     };
     return dialogNode;
@@ -31024,7 +31056,7 @@
     };
   }
 
-  var _excluded$f = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration"];
+  var _excluded$f = ["theme", "showArrow", "destroyOnClose", "overlayClassName", "children", "duration", "placement"];
 
   function ownKeys$12(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; }
 
@@ -31039,6 +31071,8 @@
         children = props.children,
         _props$duration = props.duration,
         duration = _props$duration === void 0 ? 0 : _props$duration,
+        _props$placement = props.placement,
+        placement = _props$placement === void 0 ? "top" : _props$placement,
         restProps = _objectWithoutProperties$2(props, _excluded$f);
 
     var _useConfig = useConfig$1(),
@@ -31056,15 +31090,42 @@
 
     var popupRef = React.useRef();
     var timerRef = React.useRef(null);
+
+    var _useState5 = React.useState([0, 0]),
+        _useState6 = _slicedToArray(_useState5, 2),
+        offset = _useState6[0],
+        setOffset = _useState6[1];
+
     var toolTipClass = classNames$1("".concat(classPrefix, "-tooltip"), _defineProperty$3({}, "".concat(classPrefix, "-tooltip--").concat(theme), theme), overlayClassName);
+    var isPlacedByMouse = placement === "mouse";
 
     var setVisible = function setVisible(v) {
       if (duration !== 0) setTimeup(false);
       setTipshow(v);
     };
 
-    var handleShowTip = function handleShowTip(visible) {
+    var calculatePos = function calculatePos(e) {
+      var rect = e.target.getBoundingClientRect();
+      var x = e.clientX - rect.left;
+      var y = e.clientY - rect.top;
+      return {
+        x: x,
+        y: y
+      };
+    };
+
+    var handleShowTip = function handleShowTip(visible, _ref) {
+      var e = _ref.e,
+          trigger = _ref.trigger;
+
       if (duration === 0 || duration !== 0 && timeup) {
+        if (visible && placement === "mouse" && (trigger === "trigger-element-hover" || trigger === "trigger-element-click")) {
+          var _calculatePos = calculatePos(e),
+              x = _calculatePos.x;
+
+          setOffset([x, 0]);
+        }
+
         setTipshow(visible);
       }
     };
@@ -31089,10 +31150,17 @@
     return /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$11({
       ref: popupRef,
       destroyOnClose: destroyOnClose,
-      showArrow: showArrow,
+      showArrow: isPlacedByMouse ? false : showArrow,
       overlayClassName: toolTipClass,
       visible: isTipShowed,
-      onVisibleChange: handleShowTip
+      onVisibleChange: handleShowTip,
+      popperModifiers: isPlacedByMouse ? [{
+        name: "offset",
+        options: {
+          offset: offset
+        }
+      }] : [],
+      placement: isPlacedByMouse ? "bottom-left" : placement
     }, restProps), children);
   });
   Tooltip$1.displayName = "Tooltip";
@@ -46827,11 +46895,11 @@
     }, [file, display, onRemove, props.onTrigger, onCancel, _onUpload, classPrefix, customDraggerRender, dragActive, defaultDragElement]);
 
     var handleDrop = function handleDrop(event) {
-      var _props$onChange, _props$onDragleave;
+      var _props$onChange, _props$onDrop;
 
       event.preventDefault();
       (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, event.dataTransfer.files);
-      (_props$onDragleave = props.onDragleave) === null || _props$onDragleave === void 0 ? void 0 : _props$onDragleave.call(props, event);
+      (_props$onDrop = props.onDrop) === null || _props$onDrop === void 0 ? void 0 : _props$onDrop.call(props, event);
       setDragActive(false);
     };
 
@@ -46844,11 +46912,11 @@
     };
 
     var handleDragleave = function handleDragleave(event) {
-      var _props$onDragleave2;
+      var _props$onDragleave;
 
       if (!target.current) return;
       event.preventDefault();
-      (_props$onDragleave2 = props.onDragleave) === null || _props$onDragleave2 === void 0 ? void 0 : _props$onDragleave2.call(props, event);
+      (_props$onDragleave = props.onDragleave) === null || _props$onDragleave === void 0 ? void 0 : _props$onDragleave.call(props, event);
       setDragActive(false);
     };
 
@@ -47547,6 +47615,7 @@
         onRemove = _useDefaultValue.onRemove,
         onDragenter = _useDefaultValue.onDragenter,
         onDragleave = _useDefaultValue.onDragleave,
+        onDrop = _useDefaultValue.onDrop,
         onPreview = _useDefaultValue.onPreview,
         onSelectChange = _useDefaultValue.onSelectChange,
         onCancelUpload = _useDefaultValue.onCancelUpload,
@@ -47868,6 +47937,8 @@
         var file = typeof format === "function" ? format(fileRaw) : fileRaw;
 
         var uploadFile = _objectSpread$x({
+          response: void 0,
+          url: "",
           raw: fileRaw,
           lastModified: fileRaw.lastModified,
           name: fileRaw.name,
@@ -47970,6 +48041,12 @@
         e: e
       });
     }, [disabled, onDragleave]);
+    var handleDrop = React.useCallback(function (e) {
+      if (disabled) return;
+      onDrop === null || onDrop === void 0 ? void 0 : onDrop({
+        e: e
+      });
+    }, [disabled, onDrop]);
     var cancelUpload = React.useCallback(function () {
       var files = _toConsumableArray(filesRef.current);
 
@@ -48111,6 +48188,7 @@
       onChange: handleDragChange,
       onDragenter: handleDragenter,
       onDragleave: handleDragleave,
+      onDrop: handleDrop,
       file: fileList && fileList[0],
       display: theme,
       customDraggerRender: customDraggerRender,
@@ -49568,10 +49646,10 @@
 
     function renderTipsInfo() {
       var helpNode = name ? /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-input__extra")
+        className: "".concat(classPrefix, "-input__help")
       }) : "";
       if (help) helpNode = /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-input__extra")
+        className: "".concat(classPrefix, "-input__help")
       }, renderTNode(help));
       var list = errorList;