shineout 3.4.2 → 3.4.3-beta.10

package/dist/shineout.js

@@ -4431,13 +4431,6 @@ const figma = [
     token: 'Radius-1000',
     locked: true,
   },
-  {
-    name: '50%/radius',
-    value: '50%',
-    describe: '50% 全圆角',
-    token: 'Radius-50%',
-    locked: true,
-  },
   {
     name: '基础阴影',
     value: '0px 2px 5px rgba(2, 11, 24, 0.1)',
@@ -11991,7 +11984,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.4.2');
+/* harmony default export */ var version = ('3.4.3-beta.10');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12357,7 +12350,6 @@ var Token = {
   'Radius-8': '8px',
   'Radius-12': '12px',
   'Radius-1000': '1000px',
-  'Radius-50%': '50%',
   'Shadow-1': '0px 2px 5px rgba(2, 11, 24, 0.1)',
   'Shadow-2': '0px 4px 10px rgba(2, 11, 24, 0.1)',
   'Shadow-3': '0px 8px 20px rgba(2, 11, 24, 0.1)',
@@ -20673,8 +20665,10 @@ var messageStyle = objectSpread2_default()(objectSpread2_default()({}, message_a
     position: 'fixed',
     zIndex: 1060,
     maxWidth: '50%',
-    '@media screen and (max-width: 992px) &': {
-      'max-width': 'none'
+    '@media screen and (max-width: 992px)': {
+      '&': {
+        maxWidth: 'none'
+      }
     },
     margin: 'auto',
     '&[data-soui-position="top"]': {
@@ -22445,9 +22439,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     marginBottom: src.selectPlaceholderMarginY
   },
   multiple: {
-    '& $optionInner': {
-      paddingRight: src.selectOptionInnerPaddingRight
-    },
     '& $compressedWrapper': {
       flexWrap: 'nowrap'
     },
@@ -22459,6 +22450,11 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   multipleCompressedWrapper: {
     flexWrap: 'nowrap'
   },
+  multipleList: {
+    '& $optionInner': {
+      paddingRight: src.selectOptionInnerPaddingRight
+    }
+  },
   loading: {
     padding: 10,
     display: 'flex',
@@ -28131,7 +28127,6 @@ var Badge = function Badge(props) {
     color = props.color,
     text = props.text;
   var badgeStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$badge = jssStyle.badge) === null || _jssStyle$badge === void 0 ? void 0 : _jssStyle$badge.call(jssStyle)) || {};
-  console.log('children', children);
   var isTextBadge = text !== undefined || dot && children === undefined;
   var rootClass = classnames_default()(className, badgeStyle.badge, isTextBadge && badgeStyle.textBadge);
   var isOverflowCount = overflowCount !== undefined && Number(count) > overflowCount;
@@ -28766,6 +28761,201 @@ function isInDocument(element) {
   }
   return is_isBrowser() && document.documentElement.contains(element);
 }
+;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
+// 节流函数
+var throttle = function throttle(func, wait) {
+  var that = {
+    lock: false
+  };
+  if (!wait) return function () {
+    if (that.lock) return;
+    that.lock = true;
+    func.apply(void 0, arguments);
+    setTimeout(function () {
+      that.lock = false;
+    }, wait);
+  };
+};
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var debounce = function debounce(func, delay) {
+  var that = {};
+  var cleanTimer = function cleanTimer() {
+    if (that.timer) {
+      clearTimeout(that.timer);
+      that.timer = null;
+    }
+  };
+  if (!delay) return [func, cleanTimer];
+  return [function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    cleanTimer();
+    that.timer = setTimeout(function () {
+      func.apply(void 0, args);
+    }, delay);
+  }, cleanTimer];
+};
+;// CONCATENATED MODULE: ../hooks/src/utils/dom/element.tsx
+
+var _this = undefined;
+
+
+
+
+/**
+ * 判断是否是两个中文字符
+ *
+ * @param str 文本内容
+ * @returns boolean
+ */
+
+var isTwoCNChar = function isTwoCNChar(str) {
+  return /^[\u4e00-\u9fa5]{2}$/.test(str);
+};
+var SPACE = ' ';
+
+/**
+ * 处理文本内容，如果是两个中文字符，插入空格
+ *
+ * @param children ReactNode
+ * @param insertSpace 是否需要插入空格
+ * @returns 处理后的 ReactNode
+ */
+function wrapSpan(children) {
+  var insertSpace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var className = arguments.length > 2 ? arguments[2] : undefined;
+  if (!children) return children;
+  return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, function (item) {
+    if (typeof item === 'string') {
+      if (insertSpace && isTwoCNChar(item)) return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        children: item.split('').join(SPACE)
+      });
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: className,
+        children: item
+      });
+    }
+    return item;
+  });
+}
+var addResizeObserver = function addResizeObserver(el, handler) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var direction = options.direction,
+    timer = options.timer;
+  var _debounce = debounce(handler, timer),
+    _debounce2 = slicedToArray_default()(_debounce, 2),
+    debounceHandler = _debounce2[0],
+    cleanTimer = _debounce2[1];
+  var h = debounceHandler;
+  var lastWidth;
+  var lastHeight;
+  if (window.ResizeObserver) {
+    if (direction) {
+      lastWidth = el.clientWidth;
+      lastHeight = el.clientHeight;
+      h = function h(entry) {
+        var _entry$0$contentRect = entry[0].contentRect,
+          width = _entry$0$contentRect.width,
+          height = _entry$0$contentRect.height;
+        if (width && direction === 'x') {
+          if (lastWidth !== width) {
+            debounceHandler(entry);
+          }
+        } else if (direction === 'y') {
+          if (height && lastHeight !== height) {
+            debounceHandler(entry);
+          }
+        } else if (lastWidth !== width || lastHeight !== height) {
+          debounceHandler(entry, {
+            x: lastWidth !== width,
+            y: lastHeight !== height
+          });
+        }
+        lastWidth = width;
+        lastHeight = height;
+      };
+    }
+    var observer = new ResizeObserver(h);
+    observer.observe(el);
+    return function () {
+      if (observer) {
+        observer.disconnect();
+      }
+      cleanTimer(_this);
+      observer = null;
+    };
+  }
+  window.addEventListener('resize', debounceHandler);
+  return function () {
+    window.removeEventListener('resize', handler);
+    cleanTimer();
+  };
+};
+function getParent(el, target) {
+  if (!target) {
+    return null;
+  }
+  var temp = el;
+  while (temp) {
+    if (typeof target === 'string') {
+      if (temp.matches && temp.matches(target)) {
+        return temp;
+      }
+    } else if (temp === target) {
+      return temp;
+    }
+    temp = temp.parentElement;
+  }
+  return null;
+}
+function getClosestScrollContainer(element) {
+  if (!element) {
+    return null;
+  }
+
+  // 检查元素是否可滚动
+  var isScrollable = function isScrollable(el) {
+    var style = window.getComputedStyle(el);
+    var overflowX = style.overflowX;
+    var overflowY = style.overflowY;
+    return (overflowX === 'auto' || overflowX === 'scroll' || overflowY === 'auto' || overflowY === 'scroll') && (el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth);
+  };
+
+  // 如果元素本身是可滚动的，直接返回
+  if (isScrollable(element)) {
+    return element;
+  }
+
+  // 遍历父元素
+  var parent = element.parentElement;
+  while (parent) {
+    if (isScrollable(parent)) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+
+  // 如果没有找到可滚动的祖先，返回 body 或 documentElement
+  return document.scrollingElement || document.documentElement;
+}
+function cssSupport(attr, value) {
+  if (is_isBrowser()) {
+    var element = document.createElement('div');
+    if (attr in element.style) {
+      if (attr !== 'length' && attr !== 'parentRule') {
+        var attrs = element.style[attr];
+        element.style[attr] = value;
+      }
+      return element.style[attr] === value;
+    }
+  }
+  return false;
+}
+var parsePxToNumber = function parsePxToNumber(str) {
+  return Number(str.replace(/\s+|px/gi, ''));
+};
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/index.ts
 
 
@@ -28773,6 +28963,7 @@ function isInDocument(element) {
 
 
 
+
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
 var hideStyle = {
@@ -28891,6 +29082,7 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
+    var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
     var containerRect = rootContainer.getBoundingClientRect();
     var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
@@ -28909,7 +29101,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var overRight = 0;
       var overLeft = 0;
       if (h === 'left') {
-        style.left = rect.left - containerRect.left + containerScroll.left;
+        style.left = rect.left - containerRect.left + containerScroll.left + ((closestScrollContainer === null || closestScrollContainer === void 0 ? void 0 : closestScrollContainer.scrollLeft) || 0);
         style.transform = '';
         arrayStyle.left = "8px";
         if (adjust) {
@@ -30030,10 +30222,8 @@ var usePopup = function usePopup(props) {
   var updatePosition = use_persist_fn(function () {
     // if (isPositionControl) return;
     // if (props.position === 'auto' || !props.position) {
-    setTimeout(function () {
-      var newPosition = getPosition(targetRef.current, props.priorityDirection, autoMode, popupRef.current || undefined);
-      if (newPosition !== position) setPositionState(newPosition);
-    }, 10);
+    var newPosition = getPosition(targetRef.current, props.priorityDirection, autoMode, popupRef.current || undefined);
+    if (newPosition !== position) setPositionState(newPosition);
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.open) {
@@ -30373,171 +30563,6 @@ function extractEventHandlers(object) {
   });
   return result;
 }
-;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
-// 节流函数
-var throttle = function throttle(func, wait) {
-  var that = {
-    lock: false
-  };
-  if (!wait) return function () {
-    if (that.lock) return;
-    that.lock = true;
-    func.apply(void 0, arguments);
-    setTimeout(function () {
-      that.lock = false;
-    }, wait);
-  };
-};
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-var debounce = function debounce(func, delay) {
-  var that = {};
-  var cleanTimer = function cleanTimer() {
-    if (that.timer) {
-      clearTimeout(that.timer);
-      that.timer = null;
-    }
-  };
-  if (!delay) return [func, cleanTimer];
-  return [function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    cleanTimer();
-    that.timer = setTimeout(function () {
-      func.apply(void 0, args);
-    }, delay);
-  }, cleanTimer];
-};
-;// CONCATENATED MODULE: ../hooks/src/utils/dom/element.tsx
-
-var _this = undefined;
-
-
-
-
-/**
- * 判断是否是两个中文字符
- *
- * @param str 文本内容
- * @returns boolean
- */
-
-var isTwoCNChar = function isTwoCNChar(str) {
-  return /^[\u4e00-\u9fa5]{2}$/.test(str);
-};
-var SPACE = ' ';
-
-/**
- * 处理文本内容，如果是两个中文字符，插入空格
- *
- * @param children ReactNode
- * @param insertSpace 是否需要插入空格
- * @returns 处理后的 ReactNode
- */
-function wrapSpan(children) {
-  var insertSpace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var className = arguments.length > 2 ? arguments[2] : undefined;
-  if (!children) return children;
-  return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, function (item) {
-    if (typeof item === 'string') {
-      if (insertSpace && isTwoCNChar(item)) return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        children: item.split('').join(SPACE)
-      });
-      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        className: className,
-        children: item
-      });
-    }
-    return item;
-  });
-}
-var addResizeObserver = function addResizeObserver(el, handler) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var direction = options.direction,
-    timer = options.timer;
-  var _debounce = debounce(handler, timer),
-    _debounce2 = slicedToArray_default()(_debounce, 2),
-    debounceHandler = _debounce2[0],
-    cleanTimer = _debounce2[1];
-  var h = debounceHandler;
-  var lastWidth;
-  var lastHeight;
-  if (window.ResizeObserver) {
-    if (direction) {
-      lastWidth = el.clientWidth;
-      lastHeight = el.clientHeight;
-      h = function h(entry) {
-        var _entry$0$contentRect = entry[0].contentRect,
-          width = _entry$0$contentRect.width,
-          height = _entry$0$contentRect.height;
-        if (width && direction === 'x') {
-          if (lastWidth !== width) {
-            debounceHandler(entry);
-          }
-        } else if (direction === 'y') {
-          if (height && lastHeight !== height) {
-            debounceHandler(entry);
-          }
-        } else if (lastWidth !== width || lastHeight !== height) {
-          debounceHandler(entry, {
-            x: lastWidth !== width,
-            y: lastHeight !== height
-          });
-        }
-        lastWidth = width;
-        lastHeight = height;
-      };
-    }
-    var observer = new ResizeObserver(h);
-    observer.observe(el);
-    return function () {
-      if (observer) {
-        observer.disconnect();
-      }
-      cleanTimer(_this);
-      observer = null;
-    };
-  }
-  window.addEventListener('resize', debounceHandler);
-  return function () {
-    window.removeEventListener('resize', handler);
-    cleanTimer();
-  };
-};
-function getParent(el, target) {
-  if (!target) {
-    return null;
-  }
-  var temp = el;
-  while (temp) {
-    if (typeof target === 'string') {
-      if (temp.matches && temp.matches(target)) {
-        return temp;
-      }
-    } else if (temp === target) {
-      return temp;
-    }
-    temp = temp.parentElement;
-  }
-  return null;
-}
-function cssSupport(attr, value) {
-  if (is_isBrowser()) {
-    var element = document.createElement('div');
-    if (attr in element.style) {
-      if (attr !== 'length' && attr !== 'parentRule') {
-        var attrs = element.style[attr];
-        element.style[attr] = value;
-      }
-      return element.style[attr] === value;
-    }
-  }
-  return false;
-}
-var parsePxToNumber = function parsePxToNumber(str) {
-  return Number(str.replace(/\s+|px/gi, ''));
-};
 ;// CONCATENATED MODULE: ../hooks/src/components/use-button/use-button.ts
 
 
@@ -32520,23 +32545,25 @@ var groupContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
 
 
 var useCheckboxInputable = function useCheckboxInputable(props) {
-  var inputable = props.inputable;
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+  var _props$checked;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(undefined),
     _useState2 = slicedToArray_default()(_useState, 2),
     checkedState = _useState2[0],
     setCheckedState = _useState2[1];
-  var checked = inputable ? checkedState : props.checked;
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    setCheckedState(!!props.value);
+  }, [props.value]);
   var onInputableCheckboxChange = function onInputableCheckboxChange(c) {
     var _props$onChange;
     setCheckedState(c);
     props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, undefined, c, undefined);
   };
-  var onInputChange = function onInputChange(value) {
+  var onInputChange = function onInputChange(_value) {
     var _props$onChange2;
-    props === null || props === void 0 || (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, value, true, undefined);
+    props === null || props === void 0 || (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, _value, true, undefined);
   };
   return {
-    checked: checked,
+    checked: (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : checkedState,
     onInputableCheckboxChange: onInputableCheckboxChange,
     onInputChange: onInputChange
   };
@@ -33969,6 +33996,11 @@ var checkbox_Checkbox = function Checkbox(props) {
       onInputableCheckboxChange(checked);
       return;
     }
+
+    // 兼容Checkbox在createPortal中使用时，无法改变勾选状态的问题
+    if ('value' in props && props.checked === undefined) {
+      onInputableCheckboxChange(checked);
+    }
     onChange === null || onChange === void 0 || onChange(checked ? htmlValue : undefined, checked, htmlValue);
   });
   var getChecked = function getChecked() {
@@ -35934,14 +35966,15 @@ var useTree = function useTree(props) {
   });
 
   // 注册节点
-  var bindNode = function bindNode(id, update) {
+  var bindNode = function bindNode(id, update, item) {
     context.updateMap.set(id, update);
     var isActive = activeProp === id;
     var expandeds = expanded;
     if (defaultExpandAll) {
+      var shouldDefaultExpand = defaultExpandAll && isArray(item[childrenKey]) && item[childrenKey].length > 0;
       return {
         active: isActive,
-        expanded: true
+        expanded: shouldDefaultExpand
       };
     }
     return {
@@ -39414,9 +39447,13 @@ var checkbox_group_Group = function Group(props0) {
   var providerValue = {
     checked: isChecked,
     onChange: handleItemChange,
-    disabled: disabled,
     size: size
   };
+
+  // 没有 disabled 无需透传，否则会影响下层 disabled 覆盖优先级
+  if ('disabled' in props0) {
+    providerValue.disabled = disabled;
+  }
   var groupClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.group, !!block && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.groupBlock));
   if (props.data === undefined) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -41577,11 +41614,9 @@ var useTime = function useTime(props) {
 
 
 
-var link_excluded = ["jssStyle", "className", "type", "underline", "disabled", "size", "icon", "href", "target", "children"];
-// import { } from '@sheinx/hooks';
+var link_excluded = ["jssStyle", "className", "type", "underline", "disabled", "size", "icon", "href", "children"];
 
 
-// import from icons
 
 
 
@@ -41596,16 +41631,38 @@ var Link = function Link(props) {
     size = props.size,
     icon = props.icon,
     href = props.href,
-    target = props.target,
     children = props.children,
     restProps = objectWithoutProperties_default()(props, link_excluded);
   var linkClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$link = jssStyle.link) === null || _jssStyle$link === void 0 ? void 0 : _jssStyle$link.call(jssStyle)) || {};
   var rootClass = classnames_default()(className, linkClasses.wrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, linkClasses.underline, underline === true), linkClasses.underlineHover, underline === 'hover'), linkClasses.disabled, disabled), linkClasses.sizeSmall, size === 'small'), linkClasses.sizeLarge, size === 'large'), linkClasses.primary, type === 'primary'), linkClasses.secondary, type === 'secondary'), linkClasses.danger, type === 'danger'), linkClasses.warning, type === 'warning'), linkClasses.success, type === 'success'));
+  var handleClick = function handleClick(e) {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+    } else {
+      var _props$onClick;
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Enter' && !disabled) {
+      var _props$onClick2;
+      (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 || _props$onClick2.call(props, e);
+    } else if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+    } else {
+      var _props$onKeyDown;
+      (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 || _props$onKeyDown.call(props, e);
+    }
+  };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({
     href: disabled ? undefined : href,
-    target: target,
-    className: rootClass
+    className: rootClass,
+    "aria-disabled": disabled
   }, restProps), {}, {
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
     children: [typeof icon === 'boolean' && icon && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: linkClasses.icon,
       children: icons_config.link.prefixIcon
@@ -47332,7 +47389,7 @@ var useImage = function useImage() {
         });
       }
     }
-  }, []);
+  }, [src]);
   return {
     src: src,
     alt: alt,
@@ -48037,7 +48094,8 @@ var Image = function Image(props) {
     title = props.title,
     style = props.style,
     error = props.error,
-    target = props.target,
+    _props$target = props.target,
+    target = _props$target === void 0 ? '_modal' : _props$target,
     jssStyle = props.jssStyle,
     className = props.className,
     placeholder = props.placeholder,
@@ -48305,11 +48363,19 @@ var input_input_Input = function Input(props) {
     size = _useWithFormConfig.size,
     disabled = _useWithFormConfig.disabled,
     status = _useWithFormConfig.status,
-    error = _useWithFormConfig.error;
+    error = _useWithFormConfig.error,
+    onBlur = _useWithFormConfig.onBlur;
   var getProps = function getProps(child) {
+    var onChildBlur = function onChildBlur(e) {
+      var childBlurEvent = child.props.onBlur;
+      if (childBlurEvent) {
+        childBlurEvent(e);
+      }
+      onBlur === null || onBlur === void 0 || onBlur(e);
+    };
     ref.current.propsMap.set(child, {
       onFocus: child.props.onFocus,
-      onBlur: child.props.onBlur
+      onBlur: onChildBlur
     });
     if (!ref.current.eventMap.get(child)) {
       ref.current.eventMap.set(child, {
@@ -49378,6 +49444,7 @@ var useSelect = function useSelect(props) {
     value: value,
     multiple: multiple,
     disabled: disabled,
+    // TODO: 类型定义需要修改
     onChange: onChange,
     prediction: prediction,
     keepCache: !noCache
@@ -49552,7 +49619,7 @@ var list_List = function List(props) {
     onOptionClick = props.onOptionClick;
   var dynamicVirtual = lineHeightProp === 'auto';
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
-  var rootClass = classnames_default()(styles.list, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'), styles.dynamicList, dynamicVirtual));
+  var rootClass = classnames_default()(styles.list, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'), styles.dynamicList, dynamicVirtual), styles.multipleList, multiple));
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(hideCreateOption ? -1 : 0),
     _useState2 = slicedToArray_default()(_useState, 2),
     hoverIndex = _useState2[0],
@@ -50025,7 +50092,7 @@ var useTreeNode = function useTreeNode(props) {
     return true;
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    var _bindNode = bindNode(id, update),
+    var _bindNode = bindNode(id, update, data),
       active = _bindNode.active,
       nextExpanded = _bindNode.expanded;
     setActive(active);
@@ -50352,6 +50419,7 @@ var tree_list_List = function List(props) {
     childrenKey = props.childrenKey,
     inlineNode = props.inlineNode,
     highlight = props.highlight,
+    defaultExpandAll = props.defaultExpandAll,
     loader = props.loader,
     onNodeClick = props.onNodeClick,
     onToggle = props.onToggle,
@@ -50389,6 +50457,7 @@ var tree_list_List = function List(props) {
       line: line,
       keygen: keygen,
       listComponent: List,
+      defaultExpandAll: defaultExpandAll,
       isControlled: isControlled,
       mode: mode,
       active: active,
@@ -50565,15 +50634,17 @@ var Tree = function Tree(props) {
       update('expanded', tempExpandMap.has(id));
     });
   };
-  var handleUpdateActive = function handleUpdateActive(active) {
+  var handleUpdateActive = function handleUpdateActive(active, item) {
     setActive(active);
-    propSetActive === null || propSetActive === void 0 || propSetActive(active);
+    if (active !== props.active) {
+      propSetActive === null || propSetActive === void 0 || propSetActive(active, item);
+    }
     datum.updateMap.forEach(function (update, id) {
       update('active', id === active);
     });
   };
   var handleNodeClick = function handleNodeClick(node, id) {
-    handleUpdateActive(id);
+    handleUpdateActive(id, node);
     if (onClick) {
       onClick(node, id, datum.getPath(id));
     }
@@ -50681,6 +50752,7 @@ var Tree = function Tree(props) {
         contentClass: contentClass,
         expanded: expanded,
         expandIcons: expandIcons,
+        defaultExpandAll: defaultExpandAll,
         childrenClass: isFunc(childrenClass) ? childrenClass : function () {
           return childrenClass;
         },
@@ -52540,6 +52612,7 @@ var list_list_List = function List(props) {
     format: props.format,
     prediction: props.prediction,
     disabled: props.disabled,
+    // TODO: 类型定义需要修改
     onChange: inputAble.onChange
   });
   var columnData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -59459,7 +59532,7 @@ var TabsHeader = function TabsHeader(props) {
     });
     var currentTabRect = currentTab === null || currentTab === void 0 || (_currentTab$getBoundi = currentTab.getBoundingClientRect) === null || _currentTab$getBoundi === void 0 ? void 0 : _currentTab$getBoundi.call(currentTab);
     setCurrentTabRect(currentTabRect);
-  }, [active]);
+  }, [active, tabs]);
   var renderHeaderScrollBar = function renderHeaderScrollBar() {
     if (shape !== 'line' && shape !== 'dash') return;
     if (!currentTabRect) return;
@@ -65120,7 +65193,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.2'
+  version: '3.4.3-beta.10'
 });
 }();
 /******/ 	return __webpack_exports__;