shineout 3.9.7 → 3.9.8-beta.10

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.7');
+/* harmony default export */ var version = ('3.9.8-beta.10');
 ;// 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,
@@ -44950,8 +45012,13 @@ FormSchemaContext.displayName = 'FormSchemaContext';
 
 var FormField = function FormField(props) {
   var _childrenProps$error, _childrenProps$status;
-  var children = props.children;
+  var children = props.children,
+    fieldValidateTrigger = props.validateTrigger;
   var formConfig = useFormConfig();
+  var formFunc = useFormFunc();
+
+  // 获取最终的 validateTrigger: 优先使用字段级配置,其次使用 Form 级配置,默认为 'change'
+  var validateTrigger = fieldValidateTrigger || formConfig.validateTrigger || 'change';
   var getValidateProps = usePersistFn(function () {
     if (props.getValidateProps) return props.getValidateProps();
     return props;
@@ -44979,6 +45046,18 @@ var FormField = function FormField(props) {
       formControl.onChange.apply(formControl, [value].concat(args));
     }
   });
+  var handleBlur = usePersistFn(function (e) {
+    // 先调用原始的 onBlur
+    var originalOnBlur = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) ? children.props.onBlur : undefined;
+    originalOnBlur === null || originalOnBlur === void 0 || originalOnBlur(e);
+
+    // 根据 validateTrigger 配置决定是否在失焦时触发校验
+    // 只有 'change-blur' 模式才在失焦时触发校验
+    var shouldValidateOnBlur = validateTrigger === 'change-blur';
+    if (shouldValidateOnBlur && formControl.inForm && formControl.name && formFunc !== null && formFunc !== void 0 && formFunc.validateFields) {
+      formFunc.validateFields(formControl.name).catch(function () {});
+    }
+  });
   var childrenProps = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) ? children.props : {};
   var error = (_childrenProps$error = childrenProps.error) !== null && _childrenProps$error !== void 0 ? _childrenProps$error : formControl.error;
   var status = (_childrenProps$status = childrenProps.status) !== null && _childrenProps$status !== void 0 ? _childrenProps$status : formControl.error ? 'error' : undefined;
@@ -45003,6 +45082,7 @@ var FormField = function FormField(props) {
   }, [fieldsetPath, formConfig.formName]);
   var cloneProps = {
     onChange: handleChange,
+    onBlur: handleBlur,
     status: status,
     error: error
   };
@@ -49578,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],
@@ -49666,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,
@@ -50952,6 +51031,7 @@ var method = function method(type, jssStyle) {
 
 
 
+
 var modal_devUseWarning = devUseWarning;
 var modal_Modal = function Modal(props) {
   var _props$jssStyle, _props$jssStyle$modal;
@@ -50974,6 +51054,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) {
@@ -50987,9 +51068,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;
@@ -51186,7 +51277,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',
@@ -51207,7 +51298,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
@@ -51501,6 +51592,7 @@ var simple_textarea_excluded = ["jssStyle", "className", "style", "status", "siz
 
 
 
+
 var Textarea = function Textarea(props) {
   var _jssStyle$textarea;
   var jssStyle = props.jssStyle,
@@ -51522,6 +51614,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,
@@ -51568,7 +51661,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() {
@@ -51584,6 +51677,7 @@ var Textarea = function Textarea(props) {
     className: rootClass,
     style: style
   })), {}, {
+    dir: config.direction,
     children: [prefix, textareaEl, suffix, limitEl, clearEl]
   }));
 };
@@ -52746,7 +52840,9 @@ var useForm = function useForm(props) {
     colon = props.colon,
     formName = props.name,
     scrollParent = props.scrollParent,
-    isControl = props.isControl;
+    isControl = props.isControl,
+    _props$validateTrigge = props.validateTrigger,
+    validateTrigger = _props$validateTrigge === void 0 ? 'change' : _props$validateTrigge;
   var deepSetOptions = {
     removeUndefined: removeUndefined,
     forceSet: true
@@ -53310,9 +53406,10 @@ var useForm = function useForm(props) {
       disabled: disabled,
       size: size,
       formName: formName,
-      colon: colon
+      colon: colon,
+      validateTrigger: validateTrigger
     };
-  }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName, colon]);
+  }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName, colon, validateTrigger]);
   var updateValue = function updateValue() {
     if (props.value !== context.lastValue && props.value !== context.value) {
       context.value = deepClone(props.value) || emptyObj;
@@ -55699,6 +55796,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", {
@@ -58757,7 +58860,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
@@ -58832,7 +58935,7 @@ function Select(props0) {
       onCollapse: onCollapse,
       disabled: false,
       trigger: trigger,
-      position: positionProp
+      position: getRTLPosition(positionProp, direction === 'rtl')
     }),
     open = _usePopup.open,
     position = _usePopup.position,
@@ -62037,7 +62140,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;
@@ -62047,7 +62152,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,
@@ -62137,7 +62242,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,
@@ -62160,7 +62267,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,
@@ -66668,6 +66775,7 @@ var FilterSearch = function FilterSearch(props) {
 
 
 
+
 var thead_toNum = toNum;
 /* harmony default export */ var thead = (function (props) {
   var _props$jssStyle, _props$jssStyle$table;
@@ -66807,6 +66915,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) {
@@ -66816,21 +66925,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,
@@ -67224,19 +67325,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;
   };
@@ -67277,7 +67376,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:
@@ -67307,7 +67406,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) {
@@ -70654,8 +70753,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,
@@ -70683,7 +70780,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,
@@ -70844,7 +70941,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,
@@ -74105,7 +74202,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) {
@@ -75061,7 +75158,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.7'
+  version: '3.9.8-beta.10'
 });
 }();
 /******/ 	return __webpack_exports__;