tdesign-react 0.45.6 → 1.0.0

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.45.6
+ * tdesign v1.0.0
  * (c) 2023 tdesign
  * @license MIT
  */
@@ -3947,6 +3947,7 @@
   }
 
   function getIEVersion() {
+    if (!navigator) return Number.MAX_SAFE_INTEGER;
     var _navigator = navigator,
       userAgent = _navigator.userAgent;
     var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
@@ -4038,8 +4039,8 @@
     var isIosWechat = /(?=.*iPhone)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);
     if (isSafari || isIosWechat) {
       basicStyle = {
-        transformOrigin: "-1px -1px",
-        transform: "scale(".concat(parseInt(fontSize, 10) / 14, ")")
+        transformOrigin: "0px 0px",
+        transform: "scale(".concat(parseInt(fontSize, 10) / 12, ")")
       };
     }
     if (color && getIEVersion() > 11) {
@@ -32363,7 +32364,7 @@
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: cx(tdTabPanelClassPrefix, className),
       style: style
-    }, props.children);
+    }, props.children || props.panel);
   };
   TabPanel$1.displayName = "TabPanel";
   TabPanel$1.defaultProps = tabPanelDefaultProps;
@@ -33542,18 +33543,21 @@
       }));
     };
     var onDrop = function onDrop(context) {
-      var _props$onDrop;
+      var _dragNode$current, _props$onDrop, _dragNode$current4;
       var node = context.node,
         dropPosition = context.dropPosition;
-      if (node.value === dragNode.current.value || node.getParents().some(function (_node) {
-        return _node.value === dragNode.current.value;
-      })) return;
+      if (node.value === ((_dragNode$current = dragNode.current) === null || _dragNode$current === void 0 ? void 0 : _dragNode$current.value) || node.getParents().some(function (_node) {
+        var _dragNode$current2;
+        return _node.value === ((_dragNode$current2 = dragNode.current) === null || _dragNode$current2 === void 0 ? void 0 : _dragNode$current2.value);
+      })) {
+        return;
+      }
       var nodes = store.getNodes();
       nodes.some(function (_node) {
         if (_node.value === node.value) {
           if (dropPosition === 0) {
-            var _dragNode$current;
-            (_dragNode$current = dragNode.current) === null || _dragNode$current === void 0 ? void 0 : _dragNode$current.appendTo(store, _node);
+            var _dragNode$current3;
+            (_dragNode$current3 = dragNode.current) === null || _dragNode$current3 === void 0 ? void 0 : _dragNode$current3.appendTo(store, _node);
           } else if (dropPosition < 0) {
             node.insertBefore(dragNode.current);
           } else {
@@ -33564,7 +33568,7 @@
         return false;
       });
       (_props$onDrop = props.onDrop) === null || _props$onDrop === void 0 ? void 0 : _props$onDrop.call(props, _objectSpread$1i(_objectSpread$1i({}, context), {}, {
-        dragNode: dragNode.current.model,
+        dragNode: (_dragNode$current4 = dragNode.current) === null || _dragNode$current4 === void 0 ? void 0 : _dragNode$current4.model,
         dropNode: node.model
       }));
     };
@@ -33722,7 +33726,8 @@
       onClick === null || onClick === void 0 ? void 0 : onClick(node, {
         e: evt,
         expand: expandOnClickNode,
-        active: activable
+        active: activable,
+        trigger: "node-click"
       });
     };
     var handleItemClick = function handleItemClick(evt) {
@@ -33732,7 +33737,8 @@
       onClick === null || onClick === void 0 ? void 0 : onClick(node, {
         e: evt,
         expand: true,
-        active: false
+        active: false,
+        trigger: "icon-click"
       });
     };
     var handleIconClick = function handleIconClick(evt) {
@@ -35836,31 +35842,32 @@
       });
       setVisibleNodes(newVisibleNodes);
     }
-    var setExpanded = usePersistFn(function (node, isExpanded, e) {
+    var setExpanded = usePersistFn(function (node, isExpanded, ctx) {
+      var e = ctx.e,
+        trigger = ctx.trigger;
       var expanded2 = node.setExpanded(isExpanded);
       var treeNodeModel = node === null || node === void 0 ? void 0 : node.getModel();
-      e && (onExpand === null || onExpand === void 0 ? void 0 : onExpand(expanded2, {
+      (e || trigger) && (onExpand === null || onExpand === void 0 ? void 0 : onExpand(expanded2, {
         node: treeNodeModel,
-        e: e
+        e: e,
+        trigger: trigger
       }));
       return expanded2;
     });
-    var setActived = usePersistFn(function (node, isActived, e) {
+    var setActived = usePersistFn(function (node, isActived, ctx) {
       var actived2 = node.setActived(isActived);
       var treeNodeModel = node === null || node === void 0 ? void 0 : node.getModel();
-      onActive === null || onActive === void 0 ? void 0 : onActive(actived2, {
-        node: treeNodeModel,
-        e: e
-      });
+      onActive === null || onActive === void 0 ? void 0 : onActive(actived2, _objectSpread$1c({
+        node: treeNodeModel
+      }, ctx));
       return actived2;
     });
     var setChecked = usePersistFn(function (node, isChecked, ctx) {
       var checked = node.setChecked(isChecked);
       var treeNodeModel = node === null || node === void 0 ? void 0 : node.getModel();
-      onChange === null || onChange === void 0 ? void 0 : onChange(checked, {
-        node: treeNodeModel,
-        e: ctx === null || ctx === void 0 ? void 0 : ctx.e
-      });
+      onChange === null || onChange === void 0 ? void 0 : onChange(checked, _objectSpread$1c({
+        node: treeNodeModel
+      }, ctx));
       return checked;
     });
     var handleItemClick = function handleItemClick(node, options) {
@@ -35870,10 +35877,17 @@
       var isDisabled = disabled || node.disabled;
       var expand = options.expand,
         active = options.active,
-        e = options.e;
-      if (expand) setExpanded(node, !node.isExpanded(), e);
+        e = options.e,
+        trigger = options.trigger;
+      if (expand) setExpanded(node, !node.isExpanded(), {
+        e: e,
+        trigger: trigger
+      });
       if (active && !isDisabled) {
-        setActived(node, !node.isActived(), e);
+        setActived(node, !node.isActived(), {
+          e: e,
+          trigger: "node-click"
+        });
         var treeNodeModel = node === null || node === void 0 ? void 0 : node.getModel();
         onClick === null || onClick === void 0 ? void 0 : onClick({
           node: treeNodeModel,
@@ -35885,7 +35899,9 @@
       if (!node || disabled || node.disabled) {
         return;
       }
-      setChecked(node, !node.isChecked(), ctx);
+      setChecked(node, !node.isChecked(), _objectSpread$1c(_objectSpread$1c({}, ctx), {}, {
+        trigger: "node-click"
+      }));
     };
     React.useImperativeHandle(ref, function () {
       return {
@@ -35948,15 +35964,21 @@
           var spec = options;
           if (node && spec) {
             if ("expanded" in options) {
-              setExpanded(node, spec.expanded);
+              setExpanded(node, spec.expanded, {
+                trigger: "setItem"
+              });
               delete spec.expanded;
             }
             if ("actived" in options) {
-              setActived(node, spec.actived);
+              setActived(node, spec.actived, {
+                trigger: "setItem"
+              });
               delete spec.actived;
             }
             if ("checked" in options) {
-              setChecked(node, spec.checked);
+              setChecked(node, spec.checked, {
+                trigger: "setItem"
+              });
               delete spec.checked;
             }
             node.set(spec);
@@ -39367,9 +39389,9 @@
         files: displayFiles
       }) : fileInfo, /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(uploadPrefix, "__dragger-btns")
-      }, ["progress", "waiting"].includes(file.status) && !disabled && /* @__PURE__ */React__default["default"].createElement(Button, {
+      }, ["progress", "waiting"].includes(file.status) && !disabled && /* @__PURE__ */React__default["default"].createElement(Link, {
         theme: "primary",
-        variant: "text",
+        hover: "color",
         disabled: disabled,
         className: "".concat(uploadPrefix, "__dragger-progress-cancel"),
         onClick: function onClick(e) {
@@ -39379,9 +39401,9 @@
             file: props.toUploadFiles[0] || props.files[0]
           });
         }
-      }, locale === null || locale === void 0 ? void 0 : locale.cancelUploadText), !props.autoUpload && file.status === "waiting" && /* @__PURE__ */React__default["default"].createElement(Button, {
+      }, locale === null || locale === void 0 ? void 0 : locale.cancelUploadText), !props.autoUpload && file.status === "waiting" && /* @__PURE__ */React__default["default"].createElement(Link, {
         theme: "primary",
-        variant: "text",
+        hover: "color",
         disabled: disabled,
         onClick: function onClick() {
           var _props$uploadFiles;
@@ -39390,15 +39412,15 @@
         className: "".concat(uploadPrefix, "__dragger-upload-btn")
       }, locale.triggerUploadText.normal)), ["fail", "success"].includes(file === null || file === void 0 ? void 0 : file.status) && !disabled && /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(uploadPrefix, "__dragger-btns")
-      }, /* @__PURE__ */React__default["default"].createElement(Button, {
+      }, /* @__PURE__ */React__default["default"].createElement(Link, {
         theme: "primary",
-        variant: "text",
+        hover: "color",
         disabled: disabled,
         className: "".concat(uploadPrefix, "__dragger-progress-reupload"),
         onClick: props.triggerUpload
-      }, locale.triggerUploadText.reupload), /* @__PURE__ */React__default["default"].createElement(Button, {
+      }, locale.triggerUploadText.reupload), /* @__PURE__ */React__default["default"].createElement(Link, {
         theme: "danger",
-        variant: "text",
+        hover: "color",
         disabled: disabled,
         className: "".concat(uploadPrefix, "__dragger-delete-btn"),
         onClick: function onClick(e) {
@@ -39694,9 +39716,9 @@
     };
     var renderNormalActionCol = function renderNormalActionCol(file, index) {
       var _locale$triggerUpload;
-      return /* @__PURE__ */React__default["default"].createElement("td", null, /* @__PURE__ */React__default["default"].createElement(Button, {
+      return /* @__PURE__ */React__default["default"].createElement("td", null, /* @__PURE__ */React__default["default"].createElement(Link, {
         theme: "primary",
-        variant: "text",
+        hover: "color",
         className: "".concat(uploadPrefix, "__delete"),
         onClick: function onClick(e) {
           return props.onRemove({
@@ -39712,9 +39734,9 @@
       return index === 0 ? /* @__PURE__ */React__default["default"].createElement("td", {
         rowSpan: displayFiles.length,
         className: "".concat(uploadPrefix, "__flow-table__batch-row")
-      }, /* @__PURE__ */React__default["default"].createElement(Button, {
+      }, /* @__PURE__ */React__default["default"].createElement(Link, {
         theme: "primary",
-        variant: "text",
+        hover: "color",
         className: "".concat(uploadPrefix, "__delete"),
         onClick: function onClick(e) {
           return props.onRemove({
@@ -41782,11 +41804,13 @@
       return /* @__PURE__ */React__default["default"].createElement("div", {
         className: "".concat(transferClassName, "__operations")
       }, /* @__PURE__ */React__default["default"].createElement(Button, {
+        size: "small",
         key: isSourceDisabled ? "right-outline" : "right-base",
         variant: "outline",
         disabled: isSourceDisabled,
         onClick: transformSource
       }, leftOperation), /* @__PURE__ */React__default["default"].createElement(Button, {
+        size: "small",
         key: isSourceDisabled ? "left-outline" : "left-base",
         variant: "outline",
         disabled: isTargetDisabled,
@@ -47706,10 +47730,10 @@
       _useState2 = _slicedToArray(_useState, 2),
       isOverMaxHeight = _useState2[0],
       setIsOverMaxHeight = _useState2[1];
-    var _useState3 = React.useState(0),
+    var _useState3 = React.useState({}),
       _useState4 = _slicedToArray(_useState3, 2),
-      scrollTop = _useState4[0],
-      setScrollTop = _useState4[1];
+      calcScrollTopMap = _useState4[0],
+      setScrollTopMap = _useState4[1];
     React.useEffect(function () {
       if (menuRef.current) {
         var _menuRef$current$chil;
@@ -47724,21 +47748,22 @@
       data === null || data === void 0 ? void 0 : (_data$onClick = data.onClick) === null || _data$onClick === void 0 ? void 0 : _data$onClick.call(data, data, context);
       (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, data, context);
     };
-    var handleScroll = function handleScroll() {
-      if (menuRef.current) setScrollTop(menuRef.current.scrollTop);
+    var handleScroll = function handleScroll(e) {
+      var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var scrollTop = e.target.scrollTop;
+      setScrollTopMap(_objectSpread$z(_objectSpread$z({}, calcScrollTopMap), {}, _defineProperty$3({}, deep, scrollTop)));
     };
     var throttleUpdate = throttle_1(handleScroll, 100);
-    var renderOptions = function renderOptions(data) {
+    var renderOptions = function renderOptions(data, deep) {
       var _data$forEach;
       var arr = [];
       var renderContent;
       (_data$forEach = data.forEach) === null || _data$forEach === void 0 ? void 0 : _data$forEach.call(data, function (menu, idx) {
         var optionItem = _objectSpread$z({}, menu);
-        var onViewIdx = Math.ceil(scrollTop / 30);
+        var onViewIdx = Math.ceil(calcScrollTopMap[deep] / 30);
         var itemIdx = idx >= onViewIdx ? idx - onViewIdx : idx;
         if (optionItem.children) {
-          var _classNames;
-          optionItem.children = renderOptions(optionItem.children);
+          optionItem.children = renderOptions(optionItem.children, deep + 1);
           renderContent = /* @__PURE__ */React__default["default"].createElement("div", {
             key: idx
           }, /* @__PURE__ */React__default["default"].createElement(DropdownItem, {
@@ -47765,11 +47790,21 @@
           }), /* @__PURE__ */React__default["default"].createElement("span", {
             className: "".concat(dropdownClass, "__item-text")
           }, optionItem.content))), /* @__PURE__ */React__default["default"].createElement("div", {
-            className: cx("".concat(dropdownClass, "__submenu"), (_classNames = {}, _defineProperty$3(_classNames, "".concat(dropdownClass, "__submenu--disabled"), optionItem.disabled), _defineProperty$3(_classNames, "".concat(dropdownClass, "__submenu--").concat(direction), direction), _classNames)),
+            className: cx("".concat(dropdownClass, "__submenu-wrapper"), _defineProperty$3({}, "".concat(dropdownClass, "__submenu-wrapper--").concat(props.direction), props.direction)),
             style: {
+              position: "absolute",
               top: "".concat(itemIdx * 30, "px")
             }
-          }, /* @__PURE__ */React__default["default"].createElement("ul", null, optionItem.children))), optionItem.divider ? /* @__PURE__ */React__default["default"].createElement(Divider, null) : null);
+          }, /* @__PURE__ */React__default["default"].createElement("div", {
+            className: cx("".concat(dropdownClass, "__submenu"), _defineProperty$3({}, "".concat(dropdownClass, "__submenu--disabled"), optionItem.disabled)),
+            style: {
+              position: "static",
+              maxHeight: "".concat(props.maxHeight, "px")
+            },
+            onScroll: function onScroll(e) {
+              return handleScroll(e, deep + 1);
+            }
+          }, /* @__PURE__ */React__default["default"].createElement("ul", null, optionItem.children)))), optionItem.divider ? /* @__PURE__ */React__default["default"].createElement(Divider, null) : null);
         } else {
           renderContent = /* @__PURE__ */React__default["default"].createElement("div", {
             key: idx
@@ -47806,7 +47841,7 @@
       },
       ref: menuRef,
       onScroll: throttleUpdate
-    }, renderOptions(options));
+    }, renderOptions(options, 0));
   };
   DropdownMenu.displayName = "DropdownMenu";