tdesign-react 0.32.2 → 0.32.3-alpha.1

package/dist/tdesign.js

@@ -14486,7 +14486,7 @@
       filterVal = filterVal.substr(0, filterVal.length - 1);
     }
 
-    return Number(filterVal);
+    return filterVal;
   };
 
   var _excluded$n = ["align", "className", "style", "defaultValue", "value", "disabled", "size", "theme", "step", "max", "min", "decimalPlaces", "format", "onChange", "onBlur", "onFocus", "onEnter", "onKeydown", "onKeyup", "onKeypress"],
@@ -14563,7 +14563,7 @@
     var decimalValue = internalInputValue;
 
     if (typeof internalInputValue === "string") {
-      decimalValue = strToNumber(internalInputValue) || 0;
+      decimalValue = Number(strToNumber(internalInputValue)) || 0;
     }
 
     var setInputValue = function setInputValue(inputStr) {
@@ -14642,6 +14642,11 @@
         return;
       }
 
+      if (/^(([1-9]+[0-9]*\.0+)|(0\.0+))$/.test(inputStr)) {
+        setInternalInputValue(inputStr);
+        return;
+      }
+
       var filteredInputStr = strToNumber(inputStr);
 
       if (Number.isNaN(filteredInputStr)) {
@@ -14653,7 +14658,7 @@
       if (!checkInput(filteredInputStr)) return;
       triggerValueUpdate({
         type: "input",
-        value: filteredInputStr,
+        value: Number(filteredInputStr),
         e: e
       });
     };
@@ -16595,6 +16600,7 @@
         bordered: "".concat(classPrefix, "-table--bordered"),
         striped: "".concat(classPrefix, "-table--striped"),
         hover: "".concat(classPrefix, "-table--hoverable"),
+        loading: "".concat(classPrefix, "-table--loading"),
         rowspanAndColspan: "".concat(classPrefix, "-table--rowspan-colspan"),
         empty: "".concat(classPrefix, "-table__empty"),
         emptyRow: "".concat(classPrefix, "-table__empty-row"),
@@ -16731,21 +16737,15 @@
         isOverflow = _useState2[0],
         setIsOverflow = _useState2[1];
 
-    var _useState3 = React.useState(false),
-        _useState4 = _slicedToArray(_useState3, 2),
-        visible = _useState4[0],
-        setVisible = _useState4[1];
-
     var ellipsisClasses = classnames$1(["".concat(classPrefix, "-table__ellipsis"), "".concat(classPrefix, "-text-ellipsis")]);
 
     var onTriggerMouseenter = function onTriggerMouseenter() {
       if (!root.current) return;
-      setVisible(true);
       setIsOverflow(isNodeOverflow(root.current));
     };
 
     var onTriggerMouseleave = function onTriggerMouseleave() {
-      setVisible(false);
+      setIsOverflow(isNodeOverflow(root.current));
     };
 
     var onMouseAround = debounce_1(function (e) {
@@ -16761,14 +16761,15 @@
     var content = null;
 
     if (isOverflow) {
-      content = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1u({
+      var rProps = _objectSpread$1u({
         content: props.popupContent || cellNode,
-        visible: visible,
         destroyOnClose: true,
-        zIndex: props.zIndex || 80,
+        zIndex: props.zIndex,
         attach: props.attach,
         placement: props.placement
-      }, props.popupProps), ellipsisContent);
+      }, props.popupProps || {});
+
+      content = /* @__PURE__ */React__default["default"].createElement(Popup, _objectSpread$1u({}, rProps), ellipsisContent);
     } else {
       content = ellipsisContent;
     }
@@ -17175,7 +17176,7 @@
       }
 
       var trNode = /* @__PURE__ */React__default["default"].createElement(TR, _objectSpread$1s(_objectSpread$1s({
-        key: get_1(row, props.rowKey || "id")
+        key: get_1(row, props.rowKey || "id") || rowIndex
       }, trProps), {}, {
         onRowMounted: props.handleRowMounted
       }));
@@ -17503,7 +17504,7 @@
       return thList.length > 1;
     }, [thList]);
 
-    var renderTitleWidthIcon = function renderTitleWidthIcon(_ref2) {
+    var renderTitleWidthIcon = function renderTitleWidthIcon(_ref2, col, colIndex, ellipsisTitle, attach) {
       var _classes;
 
       var _ref3 = _slicedToArray(_ref2, 3),
@@ -17512,11 +17513,22 @@
           filterIcon = _ref3[2];
 
       var classes = (_classes = {}, _defineProperty$3(_classes, tableSortClasses.sortable, !!sortIcon), _defineProperty$3(_classes, tableFilterClasses.filterable, !!filterIcon), _classes);
+      var content = isFunction_1(ellipsisTitle) ? ellipsisTitle({
+        col: col,
+        colIndex: colIndex
+      }) : void 0;
       return /* @__PURE__ */React__default["default"].createElement("div", {
         className: classnames$1(classes)
       }, /* @__PURE__ */React__default["default"].createElement("div", {
         className: tableSortClasses.title
-      }, /* @__PURE__ */React__default["default"].createElement("div", null, title), Boolean(sortIcon || filterIcon) && /* @__PURE__ */React__default["default"].createElement("div", {
+      }, col.ellipsis && ellipsisTitle !== false && ellipsisTitle !== null ? /* @__PURE__ */React__default["default"].createElement(Ellipsis, {
+        placement: "bottom-right",
+        attach: attach ? function () {
+          return attach;
+        } : void 0,
+        popupContent: content,
+        popupProps: _typeof$1(ellipsisTitle) === "object" ? ellipsisTitle : void 0
+      }, title) : /* @__PURE__ */React__default["default"].createElement("div", null, title), Boolean(sortIcon || filterIcon) && /* @__PURE__ */React__default["default"].createElement("div", {
         className: tableFilterClasses.iconWrap
       }, sortIcon, filterIcon)));
     };
@@ -17580,6 +17592,10 @@
 
           var innerTh = renderTitle(col, index);
           if (!col.colKey) return null;
+          var content = isFunction_1(col.ellipsisTitle) ? col.ellipsisTitle({
+            col: col,
+            colIndex: index
+          }) : void 0;
           return /* @__PURE__ */React__default["default"].createElement("th", _objectSpread$1p({
             key: col.colKey,
             "data-colkey": col.colKey,
@@ -17590,7 +17606,14 @@
             colSpan: rowspanAndColspan.colspan
           }), /* @__PURE__ */React__default["default"].createElement("div", {
             className: tableBaseClass.thCellInner
-          }, col.ellipsis ? /* @__PURE__ */React__default["default"].createElement(Ellipsis, null, innerTh) : innerTh));
+          }, col.ellipsis && col.ellipsisTitle !== false && col.ellipsisTitle !== null ? /* @__PURE__ */React__default["default"].createElement(Ellipsis, {
+            placement: "bottom",
+            attach: theadRef.current ? function () {
+              return theadRef.current.parentNode.parentNode;
+            } : void 0,
+            popupContent: content,
+            popupProps: _typeof$1(col.ellipsisTitle) === "object" ? col.ellipsisTitle : void 0
+          }, innerTh) : innerTh));
         });
         return /* @__PURE__ */React__default["default"].createElement("tr", {
           key: rowIndex
@@ -29592,8 +29615,8 @@
     var tableClasses = React.useMemo(function () {
       var _ref;
 
-      return [tableBaseClass.table, size !== "medium" && sizeClassNames[size], verticalAlign !== "middle" && tableAlignClasses[verticalAlign], (_ref = {}, _defineProperty$3(_ref, tableBaseClass.bordered, bordered), _defineProperty$3(_ref, tableBaseClass.striped, stripe), _defineProperty$3(_ref, tableBaseClass.hover, hover), _defineProperty$3(_ref, tableBaseClass.affixedHeader, props.headerAffixedTop), _defineProperty$3(_ref, tableBaseClass.rowspanAndColspan, props.rowspanAndColspan), _ref), className];
-    }, [className, bordered, hover, props.headerAffixedTop, props.rowspanAndColspan, size, sizeClassNames, stripe, tableAlignClasses, tableBaseClass, verticalAlign]);
+      return [tableBaseClass.table, size !== "medium" && sizeClassNames[size], verticalAlign !== "middle" && tableAlignClasses[verticalAlign], (_ref = {}, _defineProperty$3(_ref, tableBaseClass.bordered, bordered), _defineProperty$3(_ref, tableBaseClass.striped, stripe), _defineProperty$3(_ref, tableBaseClass.hover, hover), _defineProperty$3(_ref, tableBaseClass.loading, props.loading), _defineProperty$3(_ref, tableBaseClass.affixedHeader, props.headerAffixedTop), _defineProperty$3(_ref, tableBaseClass.rowspanAndColspan, props.rowspanAndColspan), _ref), className];
+    }, [className, bordered, hover, props.loading, props.headerAffixedTop, props.rowspanAndColspan, size, sizeClassNames, stripe, tableAlignClasses, tableBaseClass, verticalAlign]);
     var tableContentStyles = React.useMemo(function () {
       return {
         height: formatCSSUnit(height),
@@ -29758,11 +29781,14 @@
     var loading = props.loading,
         loadingProps = props.loadingProps;
     var customLoadingText = loading;
-    var loadingContent = loading ? /* @__PURE__ */React__default["default"].createElement(Loading, _objectSpread$1a({
-      loading: !!(loading || customLoadingText),
+    var loadingContent = loading !== void 0 && /* @__PURE__ */React__default["default"].createElement(Loading, _objectSpread$1a({
+      loading: !!loading,
       text: customLoadingText,
+      attach: function attach() {
+        return tableRef.current;
+      },
       showOverlay: true
-    }, loadingProps), tableContent) : tableContent;
+    }, loadingProps));
     var topContent = props.topContent,
         bottomContent = props.bottomContent;
     return /* @__PURE__ */React__default["default"].createElement("div", {
@@ -29777,7 +29803,7 @@
       offsetTop: 0
     }, props.headerAffixProps), {}, {
       onFixedChange: onFixedChange
-    }), affixedHeader) : isFixedHeader && affixedHeader), loadingContent, showRightDivider && /* @__PURE__ */React__default["default"].createElement("div", {
+    }), affixedHeader) : isFixedHeader && affixedHeader), tableContent, loadingContent, showRightDivider && /* @__PURE__ */React__default["default"].createElement("div", {
       className: tableBaseClass.scrollbarDivider,
       style: {
         right: "".concat(scrollbarWidth, "px"),
@@ -35478,12 +35504,20 @@
 
         if (item.sorter || item.filter) {
           var titleContent = renderTitle(item, i);
+          var _item = item,
+              ellipsisTitle = _item.ellipsisTitle;
 
           item.title = function (p) {
+            var _primaryTableRef$curr, _primaryTableRef$curr2;
+
             var sortIcon = item.sorter ? renderSortIcon(p) : null;
             var filterIcon = item.filter ? renderFilterIcon(p) : null;
-            return renderTitleWidthIcon([titleContent, sortIcon, filterIcon]);
+            var attach = (_primaryTableRef$curr = primaryTableRef.current) === null || _primaryTableRef$curr === void 0 ? void 0 : _primaryTableRef$curr.tableContentRef;
+            console.log((_primaryTableRef$curr2 = primaryTableRef.current) === null || _primaryTableRef$curr2 === void 0 ? void 0 : _primaryTableRef$curr2.tableContentRef);
+            return renderTitleWidthIcon([titleContent, sortIcon, filterIcon], p.col, p.colIndex, ellipsisTitle, attach);
           };
+
+          item.ellipsisTitle = false;
         }
 
         if ((_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length) {
@@ -52320,9 +52354,9 @@
         _ref$step = _ref.step,
         step = _ref$step === void 0 ? 1 : _ref$step,
         tooltipProps = _ref.tooltipProps,
-        _ref$value = _ref.value,
-        propsValue = _ref$value === void 0 ? min : _ref$value,
-        defaultValue = _ref.defaultValue,
+        propsValue = _ref.value,
+        _ref$defaultValue = _ref.defaultValue,
+        defaultValue = _ref$defaultValue === void 0 ? min : _ref$defaultValue,
         onChange = _ref.onChange,
         className = _ref.className,
         style = _ref.style;
@@ -52421,8 +52455,10 @@
       var currentValue = renderValue[nodeIndex];
       return /* @__PURE__ */React__default["default"].createElement(InputNumber$1, _objectSpread$n(_objectSpread$n({
         value: currentValue,
-        onChange: function onChange(value2) {
-          return handleInputChange(Number(value2), nodeIndex);
+        onChange: function onChange(v) {
+          if (typeof v !== "undefined") {
+            handleInputChange(Number(v), nodeIndex);
+          }
         },
         className: classnames$1("".concat(classPrefix, "-slider-input"), {
           "is-vertical": isVertical
@@ -61693,14 +61729,17 @@
         style = _props$style === void 0 ? {} : _props$style,
         subtitle = props.subtitle,
         title = props.title,
-        theme = props.theme;
+        theme = props.theme,
+        status = props.status;
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
     var commonClassNames = useCommonClassName$1();
+    var isPoster2 = theme === "poster2";
     var cardClass = classnames$1(className, "".concat(classPrefix, "-card"), (_classNames = {}, _defineProperty$3(_classNames, commonClassNames.SIZE.small, size === "small"), _defineProperty$3(_classNames, "".concat(classPrefix, "-card--bordered"), bordered), _defineProperty$3(_classNames, "".concat(classPrefix, "--shadow"), shadow), _defineProperty$3(_classNames, "".concat(classPrefix, "-card--shadow-hover"), hoverShadow), _classNames));
-    var headerClass = classnames$1((_classNames2 = {}, _defineProperty$3(_classNames2, "".concat(classPrefix, "-card__header"), header), _defineProperty$3(_classNames2, "".concat(classPrefix, "-card__title--bordered"), headerBordered), _classNames2));
+    var showHeader = header || title || subtitle || description || avatar || actions && !isPoster2 || status && isPoster2;
+    var headerClass = classnames$1((_classNames2 = {}, _defineProperty$3(_classNames2, "".concat(classPrefix, "-card__header"), showHeader), _defineProperty$3(_classNames2, "".concat(classPrefix, "-card__title--bordered"), headerBordered), _classNames2));
     var titleClass = classnames$1(_defineProperty$3({}, "".concat(classPrefix, "-card__title"), title));
     var subtitleClass = classnames$1(_defineProperty$3({}, "".concat(classPrefix, "-card__subtitle"), subtitle));
     var actionClass = classnames$1(_defineProperty$3({}, "".concat(classPrefix, "-card__actions"), actions));
@@ -61709,7 +61748,6 @@
     var avatarClass = classnames$1(_defineProperty$3({}, "".concat(classPrefix, "-card__avatar"), avatar));
     var bodyClass = classnames$1(_defineProperty$3({}, "".concat(classPrefix, "-card__body"), children));
     var descriptionClass = classnames$1(_defineProperty$3({}, "".concat(classPrefix, "-card__description"), description));
-    var isPoster2 = theme === "poster2";
     var renderTitle = title ? /* @__PURE__ */React__default["default"].createElement("span", {
       className: titleClass
     }, title) : null;
@@ -61722,14 +61760,17 @@
     var renderAvatar = avatar && /* @__PURE__ */React__default["default"].createElement("div", {
       className: avatarClass
     }, avatar);
-    var renderActions = actions && /* @__PURE__ */React__default["default"].createElement("div", {
+    var renderActions = actions && !isPoster2 && /* @__PURE__ */React__default["default"].createElement("div", {
       className: actionClass
     }, actions);
-    var renderHeader = !isPoster2 && (header || title || subtitle || description || avatar || actions) && /* @__PURE__ */React__default["default"].createElement("div", {
+    var renderStatus = status && isPoster2 && /* @__PURE__ */React__default["default"].createElement("div", {
+      className: actionClass
+    }, status);
+    var renderHeader = showHeader && /* @__PURE__ */React__default["default"].createElement("div", {
       className: headerClass
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-card__header-wrapper")
-    }, renderAvatar, /* @__PURE__ */React__default["default"].createElement("div", null, renderTitle, renderSubtitle, renderDescription)), renderActions);
+    }, renderAvatar, /* @__PURE__ */React__default["default"].createElement("div", null, renderTitle, renderSubtitle, renderDescription)), renderActions, renderStatus);
     var renderCover = cover ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: coverClass
     }, typeof cover === "string" ? /* @__PURE__ */React__default["default"].createElement("img", {