shineout 3.9.8-beta.1 → 3.9.8-beta.11

package/dist/shineout.js

@@ -4547,14 +4547,14 @@ const figma = [
   },
   {
     name: 'Shadow-4',
-    value: '0,-2,10,rgb(102,108,124,0.08)',
+    value: '0 -2px 10px rgba(102,108,124,0.08)',
     describe: '详情页底部按钮模块阴影（向上）',
     token: 'Shadow-4',
     locked: true,
   },
   {
     name: 'Shadow-5',
-    value: '0,2,10,rgb(102,108,124,0.08)',
+    value: '0 2px 10px rgba(102,108,124,0.08)',
     describe: '详情页底部按钮模块阴影（向下）',
     token: 'Shadow-5',
     locked: true,
@@ -6613,7 +6613,7 @@ __webpack_require__.r(strings_namespaceObject);
 __webpack_require__.d(strings_namespaceObject, {
   capitalize: function() { return capitalize; },
   getDirectionIconName: function() { return getDirectionIconName; },
-  getRTLPosition: function() { return getRTLPosition; },
+  getRTLPosition: function() { return strings_getRTLPosition; },
   removeProtocol: function() { return strings_removeProtocol; },
   substitute: function() { return strings_substitute; }
 });
@@ -7331,7 +7331,8 @@ var config = {
     CollapseArrow: icons.ArrowLeft
   },
   tag: {
-    Close: icons.Close
+    Close: icons.Close,
+    Loading: icons.Loading
   },
   textarea: {
     Close: icons.CloseFill
@@ -12401,7 +12402,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.9.8-beta.1');
+/* harmony default export */ var version = ('3.9.8-beta.11');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12810,8 +12811,8 @@ var Token = {
   '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)',
-  'Shadow-4': '0,-2,10,rgb(102,108,124,0.08)',
-  'Shadow-5': '0,2,10,rgb(102,108,124,0.08)',
+  'Shadow-4': '0 -2px 10px rgba(102,108,124,0.08)',
+  'Shadow-5': '0 2px 10px rgba(102,108,124,0.08)',
   'Line-height-dynamic': 'calc( 1em + 8px )',
   'Line-height-dynamic-min': 'calc( max(1em, 14px) + 8px )',
   Transparent: 'transparent',
@@ -17891,7 +17892,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     marginBottom: src.cascaderPlaceholderMarginY
   },
   multiple: {
-    '& $optionInner': {
+    '& $optionInner:not($optionLeaf)': {
       paddingRight: src.cascaderOptionInnerPaddingRight
     },
     '& $resultTextWrapper': {
@@ -18061,6 +18062,11 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   optionIcon: {
     position: 'absolute',
     right: 8,
+    '[dir=rtl] &': {
+      left: 8,
+      right: 'auto',
+      transform: 'rotate(180deg)'
+    },
     top: 0,
     bottom: 0,
     fontSize: src.cascaderFontSize,
@@ -19213,11 +19219,9 @@ var descriptionsStyle = {
     lineHeight: src.lineHeightDynamic
   },
   row: {
-    // '&>td': {
-    //   '&:not(:last-child)': {
-    //     paddingRight: token.descriptionsCellGap,
-    //   },
-    // },
+    '$body:not($border) & > td': {
+      border: 'none'
+    }
   },
   label: {
     paddingRight: src.descriptionsLabelPaddingRight,
@@ -22332,8 +22336,8 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '$wrapper &': {
       marginRight: src.modalHeaderIconMarginEnd,
       marginTop: src.modalHeaderIconMarginTop,
-      width: src.modalHeaderIconSize,
-      height: src.modalHeaderIconSize,
+      width: "calc(".concat(src.modalHeaderFontSize, " + 2px)"),
+      height: "calc(".concat(src.modalHeaderFontSize, " + 2px)"),
       lineHeight: src.modalHeaderIconSize,
       display: 'block',
       alignItems: 'center'
@@ -22910,10 +22914,10 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
       boxSizing: 'border-box',
       '--tooltip-background-color': src.tooltipLightBackgroundColor,
       '&[data-soui-position^="top"] $arrow': {
-        transform: 'translate(0, -1px) rotate(-180deg)'
+        transform: 'translate(-50%, -1px) rotate(-180deg)'
       },
       '&[data-soui-position^="bottom"] $arrow': {
-        transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
+        transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
       },
       '& $arrow:before': {
         clipPath: 'none',
@@ -23444,6 +23448,9 @@ var progressStyle = {
     backgroundColor: src.progressSuccessFrontBackgroundColor,
     '& + $lineFront': {
       zIndex: 1
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   lineFront: {
@@ -23481,6 +23488,9 @@ var progressStyle = {
       '$wrapperDanger&': {
         backgroundColor: src.progressLineInnerDangerFrontBackgroundColor
       }
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   content: {
@@ -23520,7 +23530,10 @@ var progressStyle = {
     padding: '3px 8px',
     borderRadius: '2px',
     color: src.progressLinePopFontColor,
-    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
+    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)',
+    '$noAnimation &': {
+      transition: 'none'
+    }
   },
   linePopValue: {},
   linePopArrow: {
@@ -23593,14 +23606,21 @@ var progressStyle = {
     },
     '$wrapperDanger &': {
       stroke: src.progressDangerFrontBackgroundColor
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   circleSuccess: {
     transform: 'rotate(-90deg)',
     transformOrigin: '50% 50%',
     transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
-    stroke: src.progressSuccessFrontBackgroundColor
-  }
+    stroke: src.progressSuccessFrontBackgroundColor,
+    '$noAnimation &': {
+      transition: 'none'
+    }
+  },
+  noAnimation: {}
 };
 /* harmony default export */ var progress_progress = (progressStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/progress/index.ts
@@ -27036,7 +27056,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         right: "-".concat(shadowWidth, "px")
       },
       '&[dir=rtl]::after': {
-        left: "-".concat(shadowWidth, "px")
+        left: "-".concat(shadowWidth, "px"),
+        boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       }
     },
     '& table': {
@@ -27065,7 +27086,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
         boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=rtl]::before': {
-        right: "-".concat(shadowWidth, "px")
+        right: "-".concat(shadowWidth, "px"),
+        boxShadow: 'inset 8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=ltr]::before': {
         left: "-".concat(shadowWidth, "px")
@@ -28185,6 +28207,16 @@ var useTabsStyle = styled(tabs_tabs, 'tabs');
 
 
 var tagDefaultLineHeight = "calc(".concat(src.tagDefaultLineBase, " + 6px)");
+var tag_animations = {
+  '@keyframes spin': {
+    '0%': {
+      transform: 'rotate(0deg)'
+    },
+    '100%': {
+      transform: 'rotate(360deg)'
+    }
+  }
+};
 var brightTag = function brightTag(name, type) {
   return {
     color: src["tag".concat(type, "FontColor")],
@@ -28285,7 +28317,7 @@ var brightOutlineTag = function brightOutlineTag(name, type) {
     }
   });
 };
-var TagStyle = {
+var TagStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   tag: {
     display: 'inline-flex',
@@ -28386,6 +28418,10 @@ var TagStyle = {
     cursor: 'pointer',
     height: tagDefaultLineHeight,
     maxHeight: '100%'
+  }
+}, tag_animations), {}, {
+  closeIconPending: {
+    animation: "$spin 1s linear infinite"
   },
   closeIconWrapper: {
     display: 'inline-flex',
@@ -28420,7 +28456,7 @@ var TagStyle = {
   rounded: {
     borderRadius: src.buttonRoundBorderRadius
   }
-};
+});
 /* harmony default export */ var tag_tag = (TagStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/tag/index.ts
 
@@ -28565,6 +28601,10 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
       display: 'block',
       width: src.textareaClearSize,
       height: src.textareaClearSize
+    },
+    '[dir="rtl"] &': {
+      right: 'auto',
+      left: src.textareaPaddingX
     }
   },
   wrapperWithClear: {
@@ -29709,7 +29749,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   optionDisabled: {
     cursor: 'not-allowed',
     color: src.treeSelectOptionDisabledColor,
-    backgroundColor: src.treeSelectOptionDisabledBackgroundColor,
+    // backgroundColor: token.treeSelectOptionDisabledBackgroundColor,
     '&>[data-role="text"]': {
       color: src.treeSelectOptionDisabledColor,
       backgroundColor: src.treeSelectOptionDisabledBackgroundColor
@@ -31060,6 +31100,26 @@ var usePopup = function usePopup(props) {
   };
 };
 /* harmony default export */ var use_popup = (usePopup);
+;// CONCATENATED MODULE: ../hooks/src/utils/rtl.ts
+var oppositeMap = {
+  left: 'right',
+  right: 'left',
+  'left-top': 'right-top',
+  'left-bottom': 'right-bottom',
+  'right-top': 'left-top',
+  'right-bottom': 'left-bottom',
+  'top-left': 'top-right',
+  'top-right': 'top-left',
+  'bottom-left': 'bottom-right',
+  'bottom-right': 'bottom-left',
+  top: 'top',
+  bottom: 'bottom',
+  auto: 'auto'
+};
+var getRTLPosition = function getRTLPosition(position, isRTL) {
+  if (!isRTL || !position) return position;
+  return oppositeMap[position] || position;
+};
 ;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
 // 节流函数
 var throttle = function throttle(func, wait) {
@@ -33406,7 +33466,7 @@ var Popover = function Popover(props) {
       open: props.visible,
       defaultOpen: props.defaultVisible,
       onCollapse: onVisibleChange,
-      position: props.position,
+      position: getRTLPosition(props.position, config.direction === 'rtl'),
       trigger: trigger,
       autoMode: 'popover',
       priorityDirection: priorityDirection,
@@ -34329,7 +34389,7 @@ var Tooltip = function Tooltip(props) {
   var delay = props.delay || props.mouseEnterDelay || defaultDelay;
   var mouseLeaveDelay = props.mouseLeaveDelay || defaultDelay;
   var _usePopup = use_popup({
-      position: popsitionProps,
+      position: getRTLPosition(popsitionProps, config.direction === 'rtl'),
       trigger: trigger,
       autoMode: 'popover',
       priorityDirection: priorityDirection,
@@ -41980,7 +42040,7 @@ var CascaderNode = function CascaderNode(props) {
     className: rootClass
   }, events), {}, {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()(styles.optionInner),
+      className: classnames_default()(styles.optionInner, isRealLeafNode && styles.optionLeaf),
       role: "button",
       children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_checkbox_checkbox
       // @ts-ignore
@@ -42875,17 +42935,17 @@ var Tag = function Tag(props) {
     if (!showClose) {
       return null;
     }
-    if (dismiss === tag_Pending) {
-      // 后面用 Spin 替换
-      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {});
-    }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: tagStyle.closeIcon,
+      className: classnames_default()(tagStyle.closeIcon, dismiss === tag_Pending && tagStyle.closeIconPending),
       onClick: handleClose,
       onMouseDown: onMouseDown,
+      style: dismiss === tag_Pending ? {
+        opacity: 0.6,
+        pointerEvents: 'none'
+      } : undefined,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: tagStyle.closeIconWrapper,
-        children: icons_config.tag.Close
+        children: dismiss === tag_Pending ? icons_config.tag.Loading : icons_config.tag.Close
       })
     });
   };
@@ -43519,6 +43579,9 @@ var Cascader = function Cascader(props0) {
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
   var defaultHeight = 250;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale,
+    direction = _useConfig.direction;
   var jssStyle = props.jssStyle,
     style = props.style,
     _props$adjust = props.adjust,
@@ -43593,8 +43656,6 @@ var Cascader = function Cascader(props0) {
   var rootStyle = Object.assign({
     width: width
   }, style);
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = slicedToArray_default()(_useState, 2),
     focused = _useState2[0],
@@ -43664,7 +43725,7 @@ var Cascader = function Cascader(props0) {
       onCollapse: onCollapse,
       disabled: false,
       trigger: 'click',
-      position: positionProp
+      position: getRTLPosition(positionProp, direction === 'rtl')
     }),
     open = _usePopup.open,
     position = _usePopup.position,
@@ -44182,6 +44243,7 @@ var Cascader = function Cascader(props0) {
       onFocus: handleFocus,
       onKeyDown: handleKeyDown,
       ref: targetRef,
+      dir: direction,
       children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
         adjust: adjust,
         focus: open,
@@ -49596,8 +49658,7 @@ var DatePicker = function DatePicker(props0) {
     inputRefs: []
   });
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
-  var isRTL = direction === 'rtl';
-  var dfp = isRTL ? 'bottom-right' : 'bottom-left';
+  var dfp = 'bottom-left';
   var _React$useState9 = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false),
     _React$useState10 = slicedToArray_default()(_React$useState9, 2),
     focused = _React$useState10[0],
@@ -49684,7 +49745,7 @@ var DatePicker = function DatePicker(props0) {
       onCollapse: onCollapse,
       disabled: disabledStatus === 'all',
       trigger: 'click',
-      position: listPosition
+      position: getRTLPosition(listPosition, direction === 'rtl')
     }),
     open = _usePopup.open,
     position = _usePopup.position,
@@ -50409,6 +50470,7 @@ function _ReactUnmount() {
 
 
 
+
 var hasMask = false;
 var modal_content_config = {
   instanceIds: [],
@@ -50467,6 +50529,8 @@ var Modal = function Modal(props) {
   var _props$jssStyle, _props$jssStyle$modal;
   var modalClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$modal = _props$jssStyle.modal) === null || _props$jssStyle$modal === void 0 ? void 0 : _props$jssStyle$modal.call(_props$jssStyle);
   var panelRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var wrapperRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var popupCtx = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(popup_context);
   var isPositionX = ['left', 'right'].includes(props.position || '');
   var isPositionY = ['top', 'bottom'].includes(props.position || '');
   var defaultWidth = isPositionX ? 'auto' : 500;
@@ -50680,6 +50744,22 @@ var Modal = function Modal(props) {
     }
   }, [props.setInnerClose]);
 
+  // 将 Modal 的 ref 注册到父 Popover 的 chain 中，防止点击 Modal 时关闭 Popover
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    // Modal 显示或关闭动画播放期间，都需要在 chain 中
+    if (wrapperRef.current) {
+      if (visible) {
+        popupCtx.bindChild(wrapperRef);
+      } else {
+        popupCtx.removeChild(wrapperRef);
+      }
+    }
+    return function () {
+      // 确保清理时移除
+      popupCtx.removeChild(wrapperRef);
+    };
+  }, [visible]);
+
   // render
   var renderIcon = function renderIcon(isEmptyTitle) {
     var iconRoot = classnames_default()(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyIcon));
@@ -50808,6 +50888,7 @@ var Modal = function Modal(props) {
   context.content = content;
   return /*#__PURE__*/(0,jsx_runtime.jsx)(FormFooterProvider, {
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      ref: wrapperRef,
       onClick: function onClick(e) {
         e.stopPropagation();
       },
@@ -50970,6 +51051,7 @@ var method = function method(type, jssStyle) {
 
 
 
+
 var modal_devUseWarning = devUseWarning;
 var modal_Modal = function Modal(props) {
   var _props$jssStyle, _props$jssStyle$modal;
@@ -50992,6 +51074,7 @@ var modal_Modal = function Modal(props) {
       rendered: false
     }),
     context = _useRef.current;
+  var config = useConfig();
   var destroyed = props.destroy && !props.visible && canDestroy;
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (destroyed) {
@@ -51005,9 +51088,19 @@ var modal_Modal = function Modal(props) {
     return null;
   }
   context.rendered = true;
+  var isRtl = config.direction === 'rtl';
+  var position = props.position;
+  if (isRtl) {
+    if (position === 'left') {
+      position = 'right';
+    } else if (position === 'right') {
+      position = 'left';
+    }
+  }
   var Content = /*#__PURE__*/(0,jsx_runtime.jsx)(modal_content, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     shouldDestroy: seCanDestroy,
-    autoShow: false
+    autoShow: false,
+    position: position
   }));
   var root = getRoot();
   if (!root) return null;
@@ -51204,7 +51297,7 @@ var Dropdown = function Dropdown(props) {
   var dropdownClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$dropdown = jssStyle.dropdown) === null || _jssStyle$dropdown === void 0 ? void 0 : _jssStyle$dropdown.call(jssStyle);
   var config = useConfig();
   var isRtl = config.direction === 'rtl';
-  var dfp = isRtl ? 'bottom-right' : 'bottom-left';
+  var dfp = 'bottom-left';
   var positionMap = {
     'left-top': 'left-top',
     'left-bottom': 'left-bottom',
@@ -51225,7 +51318,7 @@ var Dropdown = function Dropdown(props) {
       onCollapse: props.onCollapse,
       disabled: disabled,
       trigger: trigger,
-      position: props.position || dfp,
+      position: getRTLPosition(props.position || dfp, isRtl),
       autoMode: 'menu',
       priorityDirection: 'vertical',
       mouseLeaveDelay: 200
@@ -51519,6 +51612,7 @@ var simple_textarea_excluded = ["jssStyle", "className", "style", "status", "siz
 
 
 
+
 var Textarea = function Textarea(props) {
   var _jssStyle$textarea;
   var jssStyle = props.jssStyle,
@@ -51540,6 +51634,7 @@ var Textarea = function Textarea(props) {
     limit = props.limit,
     clearable = props.clearable,
     rest = objectWithoutProperties_default()(props, simple_textarea_excluded);
+  var config = useConfig();
   var textareaClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle);
   var _useTextarea = use_textarea(objectSpread2_default()({}, rest)),
     getRootProps = _useTextarea.getRootProps,
@@ -51586,7 +51681,7 @@ var Textarea = function Textarea(props) {
     });
   }
   var clearEl = null;
-  if (clearable && props.value) {
+  if (clearable && props.value && !disabled) {
     clearEl = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.clear,
       onClick: function onClick() {
@@ -51602,6 +51697,7 @@ var Textarea = function Textarea(props) {
     className: rootClass,
     style: style
   })), {}, {
+    dir: config.direction,
     children: [prefix, textareaEl, suffix, limitEl, clearEl]
   }));
 };
@@ -55720,6 +55816,12 @@ var INNER_TITLE_SUPPORTED_COMPONENTS = ['Input', 'Select', 'Cascader', 'DatePick
           additionalProps.innerTitle = child.props.innerTitle || innerTitle;
           additionalProps.placeTitle = child.props.placeTitle || placeTitle;
         }
+
+        // 兼容旧版 Input.Group 透传 name 和 rules 的行为
+        if (displayName && displayName.includes('Shineout')) {
+          additionalProps.name = child.props.name || props.name;
+          additionalProps.rules = child.props.rules || props.rules;
+        }
         return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(child, additionalProps);
       }
       return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -58778,7 +58880,7 @@ function Select(props0) {
     createOnBlur = _props$createOnBlur === void 0 ? true : _props$createOnBlur;
   var hasFilter = isFunc(props.onAdvancedFilter || onFilterProp);
   var showInput = hasFilter || isFunc(onCreateProp) || onCreateProp === true;
-  var positionProp = props.position || (direction === 'rtl' ? 'bottom-right' : 'bottom-left');
+  var positionProp = props.position || 'bottom-left';
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
   var rootStyle = Object.assign({
     width: width
@@ -58853,7 +58955,7 @@ function Select(props0) {
       onCollapse: onCollapse,
       disabled: false,
       trigger: trigger,
-      position: positionProp
+      position: getRTLPosition(positionProp, direction === 'rtl')
     }),
     open = _usePopup.open,
     position = _usePopup.position,
@@ -62058,7 +62160,9 @@ var Line = function Line(props) {
     type = _props$type === void 0 ? 'info' : _props$type,
     iconSize = props.iconSize,
     popup = props.popup,
-    success = props.success;
+    success = props.success,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? true : _props$animation;
   var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
   var isInner = shape === 'line-inner';
   var isInnerRight = isInner && value < 10;
@@ -62068,7 +62172,7 @@ var Line = function Line(props) {
     width: iconSize,
     height: iconSize
   };
-  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.line, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), isDefault && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineDefault), isDefaultPop && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.linePop), isInner && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInner), isInnerRight && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInnerRight));
+  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.line, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), isDefault && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineDefault), isDefaultPop && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.linePop), isInner && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInner), isInnerRight && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineInnerRight), animation === false && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.noAnimation));
   var bgStyle = {
     height: props.strokeWidth,
     background: props.background,
@@ -62158,7 +62262,9 @@ var Circle = function Circle(props) {
     _props$strokeLinecap = props.strokeLinecap,
     strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
     iconSize = props.iconSize,
-    success = props.success;
+    success = props.success,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? true : _props$animation;
   var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
   var iconStyle = {
     width: iconSize,
@@ -62181,7 +62287,7 @@ var Circle = function Circle(props) {
   var successDasharray = success ? [p * (success.value / 100), p * (1 - success.value / 100)] : null;
   var successWidth = success && success.value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
   var objSuccessColor = (success === null || success === void 0 ? void 0 : success.color) && typeof_default()(success.color) === 'object';
-  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger));
+  var mc = classnames_default()(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger), animation === false && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.noAnimation));
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, extractProps(props, 'mouse')), {}, {
     className: mc,
     style: style,
@@ -66689,6 +66795,7 @@ var FilterSearch = function FilterSearch(props) {
 
 
 
+
 var thead_toNum = toNum;
 /* harmony default export */ var thead = (function (props) {
   var _props$jssStyle, _props$jssStyle$table;
@@ -66828,6 +66935,7 @@ var thead_toNum = toNum;
       dir: config.direction
     });
   };
+  var isRtl = config.direction === 'rtl';
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
     // 累加level 至 0 的所有高度
     var top = context.trHeights.slice(0, level).reduce(function (a, b) {
@@ -66837,21 +66945,13 @@ var thead_toNum = toNum;
       var left = colgroup.slice(0, index).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
-      return {
-        left: left,
-        top: top,
-        position: 'sticky'
-      };
+      return defineProperty_default()(defineProperty_default()(defineProperty_default()({}, isRtl ? 'right' : 'left', left), "top", top), "position", 'sticky');
     }
     if (fixed === 'right') {
       var right = colgroup.slice(index + (typeof colSpan === 'function' ? 1 : colSpan)).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
-      return {
-        right: right,
-        top: top,
-        position: 'sticky'
-      };
+      return defineProperty_default()(defineProperty_default()(defineProperty_default()({}, isRtl ? 'left' : 'right', right), "top", top), "position", 'sticky');
     }
     return {
       top: top,
@@ -67245,19 +67345,17 @@ var Tr = function Tr(props) {
       var left = props.colgroup.slice(0, index).reduce(function (a, b) {
         return tr_toNum(a) + tr_toNum(b);
       }, 0);
-      return {
-        position: 'sticky',
-        left: left
-      };
+      return defineProperty_default()({
+        position: 'sticky'
+      }, isRtl ? 'right' : 'left', left);
     }
     if (fixed === 'right') {
       var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
         return tr_toNum(a) + tr_toNum(b);
       }, 0);
-      return {
-        position: 'sticky',
-        right: right
-      };
+      return defineProperty_default()({
+        position: 'sticky'
+      }, isRtl ? 'left' : 'right', right);
     }
     return undefined;
   };
@@ -67298,7 +67396,7 @@ var Tr = function Tr(props) {
     isExpandLoading = _useState2[0],
     setIsExpandLoading = _useState2[1];
   var innerExpandClick = usePersistFn( /*#__PURE__*/function () {
-    var _ref = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(showLoader) {
+    var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(showLoader) {
       return regeneratorRuntime_default()().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -67328,7 +67426,7 @@ var Tr = function Tr(props) {
       }, _callee, null, [[2,, 6, 9]]);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }());
   var renderTreeExpand = function renderTreeExpand(content) {
@@ -70675,8 +70773,6 @@ var TreeSelect = function TreeSelect(props0) {
   var _useConfig = useConfig(),
     locale = _useConfig.locale,
     direction = _useConfig.direction;
-  var isRtl = direction === 'rtl';
-  var dfp = isRtl ? 'bottom-right' : 'bottom-left';
   var jssStyle = props.jssStyle,
     className = props.className,
     size = props.size,
@@ -70704,7 +70800,7 @@ var TreeSelect = function TreeSelect(props0) {
     _props$focusSelected = props.focusSelected,
     focusSelected = _props$focusSelected === void 0 ? true : _props$focusSelected,
     _props$position = props.position,
-    positionProp = _props$position === void 0 ? dfp : _props$position,
+    positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
     openProp = props.open,
     onCollapseProp = props.onCollapse,
     disabledProp = props.disabled,
@@ -70865,7 +70961,7 @@ var TreeSelect = function TreeSelect(props0) {
       onCollapse: onCollapse,
       disabled: false,
       trigger: 'click',
-      position: positionProp
+      position: getRTLPosition(positionProp, direction === 'rtl')
     }),
     open = _usePopup.open,
     position = _usePopup.position,
@@ -74126,7 +74222,7 @@ function strings_removeProtocol(url) {
     return url;
   }
 }
-function getRTLPosition(position) {
+function strings_getRTLPosition(position) {
   if (!position) return position;
   // position.replace('left', 'right').replace('right', 'left')
   if (position.indexOf('left') !== -1) {
@@ -75082,7 +75178,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.8-beta.1'
+  version: '3.9.8-beta.11'
 });
 }();
 /******/ 	return __webpack_exports__;