@kdcloudjs/kdesign 1.8.29 → 1.8.31

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.29
+ *   @kdcloudjs/kdesign v1.8.31
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -3430,7 +3430,8 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var anchorProps = Object(_utils__WEBPACK_IMPORTED_MODULE_23__["getCompProps"])('Anchor', userDefaultProps, props);
   var customPrefixcls = anchorProps.prefixCls,
     className = anchorProps.className,
@@ -3453,7 +3454,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     dropdownStyle = anchorProps.dropdownStyle,
     onVisibleChange = anchorProps.onVisibleChange;
   var anchorPrefixCls = getPrefixCls(prefixCls, 'anchor', customPrefixcls); // 锚点样式前缀
-
+  var rtlCls = direction === 'rtl' ? "".concat(anchorPrefixCls, "-rtl") : null;
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_26__["default"])(AnchorTypes.indexOf(type) === -1, 'anchor', "cannot found anchor type '".concat(type, "'"));
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(null),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
@@ -3507,7 +3508,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   var anchorRef = ref || normalRef;
   var linksWidthRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef([]);
   var animating = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(false);
-  var wrapperClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-wrapper"), true));
+  var wrapperClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()(className, rtlCls, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-wrapper"), true));
 
   // classes
   var anchorMenuClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-menu"), true));
@@ -3745,7 +3746,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       className: leftClasses,
       onClick: handleLeft
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
-      type: "arrow-left"
+      type: "".concat(direction === 'rtl' ? 'arrow-right' : 'arrow-left')
     }));
   };
   var findCurrentLinkPosition = function findCurrentLinkPosition(linksWidth, boxWidth, position) {
@@ -3774,12 +3775,12 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       className: rightClasses,
       onClick: handleRight
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
-      type: "arrow-right"
+      type: "".concat(direction === 'rtl' ? 'arrow-left' : 'arrow-right')
     }));
   };
   var anchorMenuContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
     ref: anchorRef,
-    className: "".concat(anchorPrefixCls, "-menu-wrapper"),
+    className: classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(anchorPrefixCls, "-menu-wrapper"), rtlCls),
     style: _objectSpread({
       width: '100%'
     }, style)
@@ -5641,7 +5642,8 @@ var InternalButton = function InternalButton(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_7__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var buttonProps = Object(_utils__WEBPACK_IMPORTED_MODULE_8__["getCompProps"])('Button', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
   var type = buttonProps.type,
     iconPlace = buttonProps.iconPlace,
@@ -5662,6 +5664,7 @@ var InternalButton = function InternalButton(props, ref) {
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(buttonProps, _excluded);
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_10__["default"])(ButtonTypes.indexOf(type) === -1, 'button', "cannot found button type '".concat(type, "'"));
   var btnPrefixCls = getPrefixCls(prefixCls, 'btn', customPrefixcls); // 按钮样式前缀
+  var rtlCls = direction === 'rtl' ? "".concat(btnPrefixCls, "-rtl") : null;
   /**
    * 按钮click事件处理
    * @param {React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>} e 事件对象
@@ -5703,7 +5706,7 @@ var InternalButton = function InternalButton(props, ref) {
     return child;
   };
   var isTextBtn = type === 'text'; // 判断按钮是否文本类型。这些类型下有部分样式不适用
-  var btnClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(btnPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-shape-").concat(shape), shape && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
+  var btnClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(btnPrefixCls, rtlCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-shape-").concat(shape), shape && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
   var iconWrapperClassName = "".concat(btnPrefixCls, "-iconWrapper-").concat(iconPlace === 'left' ? 'left' : 'right');
   var iconNode = icon && !loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
     className: iconWrapperClassName
@@ -5816,7 +5819,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var buttonGoupProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('ButtonGroup', userDefaultProps, props);
   var style = buttonGoupProps.style,
     className = buttonGoupProps.className,
@@ -5841,6 +5845,7 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
   var triggerRef = react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef(null);
   var isBsicType = type === 'basic';
   var btnGroupPrefixCls = getPrefixCls(prefixCls, 'btn-group', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(btnGroupPrefixCls, "-rtl") : null;
   var btnGroupClasses = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(btnGroupPrefixCls), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(btnGroupPrefixCls, "-").concat(type), type));
   var renderTriggerButton = Object(react__WEBPACK_IMPORTED_MODULE_12__["useCallback"])(function () {
     var _toArray = Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_17__["toArray"])(icon),
@@ -5907,11 +5912,11 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
   };
   var popperProps = _objectSpread(_objectSpread({
-    placement: 'bottomLeft',
+    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
     trigger: 'click',
     gap: 0
   }, buttonGoupProps), {}, {
-    prefixCls: btnGroupPrefixCls,
+    prefixCls: classnames__WEBPACK_IMPORTED_MODULE_13___default()(btnGroupPrefixCls, rtlCls),
     defaultVisible: optionShow,
     visible: optionShow,
     onVisibleChange: handleVisibleChange,
@@ -7783,7 +7788,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_6__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_9__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('Checkbox', userDefaultProps, props);
   var checkboxType = CheckboxProps.checkboxType,
     className = CheckboxProps.className,
@@ -7822,8 +7828,9 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
-  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedSize), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedSize), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected && !mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "checked", selected), _classNames2));
+  var rtlCls = direction === 'rtl' ? "".concat(checkboxPrefixCls, "-rtl") : null;
+  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, rtlCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedSize), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, rtlCls, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedSize), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected && !mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(checkboxPrefixCls, "-input"), true));
   var checkedWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-wrapper-size"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-margin"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-indeterminate"), getIndeterminate()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
@@ -7966,7 +7973,8 @@ var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.fo
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_8__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_10__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getCompProps"])('CheckboxGroup', userDefaultProps, props); // 多选组属性需要合并一遍用户定义的默认属性
   var checkboxType = CheckboxProps.checkboxType,
     className = CheckboxProps.className,
@@ -7993,7 +8001,7 @@ var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.fo
   }, [value, defaultValue]);
   var isControlled = typeof value !== 'undefined';
   var checkboxGroupPrefixCls = getPrefixCls(prefixCls, 'checkbox-group', customPrefixcls); // 按钮样式前缀
-
+  var rtlCls = direction === 'rtl' ? "".concat(checkboxGroupPrefixCls, "-rtl") : null;
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(Object(_utils_arrayUtil__WEBPACK_IMPORTED_MODULE_13__["isArrayValueRepeat"])(groupValue), 'checkboxGroup', "variable value's value should be unique ");
   var getReduceItem = function getReduceItem(targetValue) {
     return innerValue.current.filter(function (d) {
@@ -8042,7 +8050,7 @@ var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.fo
     });
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("ul", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    className: classnames__WEBPACK_IMPORTED_MODULE_9___default()(checkboxGroupPrefixCls, className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_9___default()(checkboxGroupPrefixCls, rtlCls, className),
     style: style,
     ref: ref
   }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(GroupContext.Provider, {
@@ -8237,7 +8245,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
-    locale = _useContext.locale;
+    locale = _useContext.locale,
+    direction = _useContext.direction;
   var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_26__["getCompProps"])('CityPicker', userDefaultProps, props);
   var cityPickerLangMsg = locale.getCompLangMsg({
     componentName: 'CityPicker'
@@ -8328,7 +8337,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     return type === 'domestic';
   };
   var selectPrefixCls = getPrefixCls(prefixCls, 'city-picker', customPrefixcls);
-  var cityPickerCls = classnames__WEBPACK_IMPORTED_MODULE_24___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
+  var rtlCls = direction === 'rtl' ? "".concat(selectPrefixCls, "-rtl") : null;
+  var cityPickerCls = classnames__WEBPACK_IMPORTED_MODULE_24___default()(selectPrefixCls, rtlCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
   var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_24___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({}, "".concat(selectPrefixCls, "-selector"), true));
 
   // 公共样式
@@ -8513,15 +8523,27 @@ var InternalSelect = function InternalSelect(props, ref) {
     if (isDomestic(type)) {
       if (isCommon) {
         var _curVal = data !== null && data !== void 0 && data.province ? data === null || data === void 0 ? void 0 : data.province : (data === null || data === void 0 ? void 0 : data.country) || '';
+        if (direction === 'rtl') {
+          return "".concat(_curVal).concat(flag && _curVal ? symbol : '');
+        }
         return "".concat(flag && _curVal ? symbol : '').concat(_curVal);
       }
       if (data !== null && data !== void 0 && data.type) {
         var _curVal2 = (data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country].filter(Boolean).join(symbol)) || '';
+        if (direction === 'rtl') {
+          return "".concat(_curVal2).concat(flag && _curVal2 ? symbol : '');
+        }
         return "".concat(flag && _curVal2 ? symbol : '').concat(_curVal2);
       }
       var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) || '' : [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country].filter(Boolean).join(symbol);
+      if (direction === 'rtl') {
+        return "".concat(curVal).concat(flag && curVal ? symbol : '');
+      }
       return "".concat(flag && curVal ? symbol : '').concat(curVal);
     } else {
+      if (direction === 'rtl') {
+        return "".concat([data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country].filter(Boolean).join(symbol)).concat(flag && (data !== null && data !== void 0 && data.province || data !== null && data !== void 0 && data.country) ? symbol : '');
+      }
       return "".concat(flag && (data !== null && data !== void 0 && data.province || data !== null && data !== void 0 && data.country) ? symbol : '').concat([data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country].filter(Boolean).join(symbol));
     }
   }, [type, tabsValue]);
@@ -8688,8 +8710,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   };
   var popperProps = _objectSpread(_objectSpread({}, selectProps), {}, {
-    prefixCls: "".concat(selectPrefixCls, "-dropdown"),
-    placement: 'bottomLeft',
+    prefixCls: classnames__WEBPACK_IMPORTED_MODULE_24___default()("".concat(selectPrefixCls, "-dropdown"), rtlCls),
+    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,
@@ -8805,7 +8827,8 @@ var InternalOption = function InternalOption(props, ref) {
     name = _ref.name;
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_2__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
+    prefixCls = _useContext.prefixCls,
+    direction = _useContext.direction;
   var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
   var isSelected = id !== undefined ? id === value : false;
   var optionCls = classnames__WEBPACK_IMPORTED_MODULE_3___default()(selectOptionPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(selectOptionPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(selectOptionPrefixCls, "-active"), activeIndex === index), _classNames));
@@ -8823,7 +8846,11 @@ var InternalOption = function InternalOption(props, ref) {
     title: name,
     onClick: handleClick,
     onMouseEnter: handleOnMouseEnter
-  }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+  }, typeof itemRender === 'function' ? itemRender(city) : direction === 'rtl' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    className: "".concat(selectOptionPrefixCls, "-info")
+  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    className: "".concat(selectOptionPrefixCls, "-content")
+  }, children)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-content")
   }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-info")
@@ -9350,7 +9377,8 @@ var InternalCollapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_14___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_15__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     prefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_16__["getCompProps"])('Collapse', userDefaultProps, props),
     accordion = _getCompProps.accordion,
     activeKey = _getCompProps.activeKey,
@@ -9364,6 +9392,7 @@ var InternalCollapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.
     children = _getCompProps.children,
     customPrefixcls = _getCompProps.prefixCls;
   var CollapsePrefixCls = getPrefixCls(prefixCls, 'collapse', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(CollapsePrefixCls, "-rtl") : null;
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_14__["useState"])([]),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
     innerKey = _useState2[0],
@@ -9428,7 +9457,7 @@ var InternalCollapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.
       }, item.props));
     });
   };
-  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_17___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(CollapsePrefixCls), true));
+  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_17___default()(className, rtlCls, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(CollapsePrefixCls), true));
   var collapseRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createRef();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
     className: rootClassName,
@@ -10379,7 +10408,8 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_14__["ConfigContext"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var colorPickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_22__["getCompProps"])('ColorPicker', userDefaultProps, props);
   var value = colorPickerProps.value,
     className = colorPickerProps.className,
@@ -10456,8 +10486,9 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
     clickedHistoricalColorIndex = _useState22[0],
     setClickedHistoricalColorIndex = _useState22[1];
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
-  var popUpLayer = classnames__WEBPACK_IMPORTED_MODULE_13___default()(getPrefixCls(prefixCls, 'color-picker-pop'), popperClassName);
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-container"), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
+  var rtlCls = direction === 'rtl' ? "".concat(colorPickerPrefixCls, "-rtl") : null;
+  var popUpLayer = classnames__WEBPACK_IMPORTED_MODULE_13___default()(getPrefixCls(prefixCls, 'color-picker-pop'), rtlCls, popperClassName);
+  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-container"), rtlCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
   var inputCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-input"));
   var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_12__["useRef"])(null);
   var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && ((presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_24__["systemPresetColor"].length) || typeof showPresetColor === 'undefined' || showClear || (historicalColor === null || historicalColor === void 0 ? void 0 : historicalColor.length) || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
@@ -10652,7 +10683,7 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
   });
   var popperProps = _objectSpread(_objectSpread({}, otherProps), {}, {
     popperClassName: popUpLayer,
-    placement: 'bottomLeft',
+    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
     defaultVisible: showPanel,
     visible: showPanel,
     onVisibleChange: null,
@@ -11055,19 +11086,23 @@ function validateColor(color) {
 /*!******************************************************!*\
   !*** ./components/config-provider/ConfigContext.tsx ***!
   \******************************************************/
-/*! exports provided: default */
+/*! exports provided: DirectionTypes, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DirectionTypes", function() { return DirectionTypes; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _defaultConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./defaultConfig */ "./components/config-provider/defaultConfig.tsx");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
 /**
  * 提供外层注入属性的context
  */
 
 
+
+var DirectionTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_2__["tuple"])('ltr', 'rtl');
 var ConfigContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(_defaultConfig__WEBPACK_IMPORTED_MODULE_1__["default"]);
 /* harmony default export */ __webpack_exports__["default"] = (ConfigContext);
 
@@ -11454,11 +11489,9 @@ var compDefaultProps = {
     disabled: false,
     draggable: false,
     virtual: true,
-    switcherIcon: function switcherIcon() {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_index__WEBPACK_IMPORTED_MODULE_2__["Icon"], {
-        type: "arrow-right-solid"
-      });
-    },
+    // switcherIcon: function () {
+    //   return <Icon type="arrow-right-solid" />
+    // },
     estimatedItemSize: 32,
     expandOnClickNode: true,
     expandOnFilterNode: false
@@ -11706,7 +11739,8 @@ var defaultConfig = {
   locale: {
     getLangMsg: _locale__WEBPACK_IMPORTED_MODULE_1__["getLangMsg"],
     getCompLangMsg: _locale__WEBPACK_IMPORTED_MODULE_1__["getCompLangMsg"]
-  }
+  },
+  direction: 'ltr'
 };
 /* harmony default export */ __webpack_exports__["default"] = (defaultConfig);
 
@@ -17340,7 +17374,8 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_11__["useContext"](_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
   var allProps = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getCompProps"])('Dropdown', userDefaultProps, props);
   var menu = allProps.menu,
     disabled = allProps.disabled,
@@ -17451,7 +17486,8 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["forwardRef"](fu
     popperStyle: innerAnimation ? popperStyle : _objectSpread({
       animation: 'none'
     }, popperStyle),
-    onVisibleChange: handleVisibleChange
+    onVisibleChange: handleVisibleChange,
+    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft'
   });
   return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])(child, menuElement, popperProps);
 });
@@ -17515,7 +17551,8 @@ var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](functio
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_4__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCompProps"])('DropdownMenu', userDefaultProps, props),
     customPrefixcls = _getCompProps.prefixCls,
     children = _getCompProps.children,
@@ -17524,6 +17561,7 @@ var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](functio
     className = _getCompProps.className,
     restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_getCompProps, _excluded);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'dropdown-menu', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(prefixCls, "-rtl") : null;
   var cloneItem = function cloneItem(item, index) {
     if (! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["isValidElement"](item)) {
       return item;
@@ -17537,7 +17575,7 @@ var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["forwardRef"](functio
     });
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("ul", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(prefixCls, className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_6___default()(prefixCls, rtlCls, className),
     role: "menu"
   }, restProps, {
     ref: ref
@@ -22542,7 +22580,8 @@ var Preview = function Preview(props) {
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps,
-    locale = _React$useContext.locale;
+    locale = _React$useContext.locale,
+    direction = _React$useContext.direction;
 
   // 属性需要合并一遍用户定义的默认属性
   var allProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('Image', userDefaultProps, props);
@@ -22563,6 +22602,7 @@ var Preview = function Preview(props) {
 
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(prefixCls, "-rtl") : null;
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_12__["useState"](visible),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
     show = _React$useState2[0],
@@ -22635,7 +22675,7 @@ var Preview = function Preview(props) {
     }
   };
   var peviewContainer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_14___default()("".concat(prefixCls, "-preview"), props.className, {
+    className: classnames__WEBPACK_IMPORTED_MODULE_14___default()("".concat(prefixCls, "-preview"), rtlCls, props.className, {
       show: show
     }),
     style: _objectSpread({}, props.style)
@@ -22653,7 +22693,7 @@ var Preview = function Preview(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("img", previewImgProps))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("div", {
     className: "".concat(prefixCls, "-preview-action")
   }, props.type !== 'upload' && length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_17__["default"], {
-    type: "arrow-left",
+    type: direction === 'rtl' ? 'arrow-right' : 'arrow-left',
     className: classnames__WEBPACK_IMPORTED_MODULE_14___default()({
       disabled: current <= 0
     }),
@@ -22671,7 +22711,7 @@ var Preview = function Preview(props) {
     }),
     onClick: handleZoomIn
   }), props.type !== 'upload' && operations, props.type !== 'upload' && length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_17__["default"], {
-    type: "arrow-right",
+    type: direction === 'rtl' ? 'arrow-left' : 'arrow-right',
     className: classnames__WEBPACK_IMPORTED_MODULE_14___default()({
       disabled: current >= length - 1
     }),
@@ -23573,12 +23613,14 @@ var ClearableInput = function ClearableInput(props) {
     numberMark = props.numberMark,
     inputCount = props.inputCount,
     count = props.count,
-    status = props.status;
+    status = props.status,
+    direction = props.direction;
   var fixRef = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(null);
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(false),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     isMouseEnter = _useState2[0],
     setIsMouseEnter = _useState2[1];
+  var rtlCls = direction === 'rtl' ? "".concat(prefixCls, "-rtl") : null;
   var mouseEnterHandle = function mouseEnterHandle() {
     setIsMouseEnter(true);
   };
@@ -23632,7 +23674,7 @@ var ClearableInput = function ClearableInput(props) {
       className: "".concat(prefixCls, "-prefix"),
       onMouseDown: mouseDownHandle
     }, prefix) : null;
-    var inputWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, className, className && !addonBefore && !addonAfter));
+    var inputWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(rtlCls, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, className, className && !addonBefore && !addonAfter));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: inputWrapperClasses,
       ref: fixRef,
@@ -23656,7 +23698,7 @@ var ClearableInput = function ClearableInput(props) {
     var addonAfterNode = addonAfter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: addonClassName
     }, addonAfter) : null;
-    var inputGroupClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, (_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(prefixCls, "-group"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(prefixCls, "-group-size-").concat(size), size), _classNames5));
+    var inputGroupClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, rtlCls, (_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(prefixCls, "-group"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(prefixCls, "-group-size-").concat(size), size), _classNames5));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: "".concat(prefixCls, "-group-wrapper")
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
@@ -23690,7 +23732,7 @@ var ClearableInput = function ClearableInput(props) {
         delete wrapperStyle[key];
       }
     }
-    var textAreaWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(prefixCls, "-wrapper-textarea"), true));
+    var textAreaWrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, rtlCls, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(prefixCls, "-wrapper-textarea"), true));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
       className: textAreaWrapperClasses,
       style: wrapperStyle,
@@ -23765,7 +23807,8 @@ var InternalTextarea = function InternalTextarea(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_7__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_9__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var textAreaProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('TextArea', userDefaultProps, props);
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])({}),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState, 2),
@@ -23796,6 +23839,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     addonBefore = textAreaProps.addonBefore,
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(textAreaProps, _excluded);
   var textAreaPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(textAreaPrefixCls, "-rtl") : null;
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(_input__WEBPACK_IMPORTED_MODULE_12__["BorderTypes"].indexOf(borderType) === -1, 'textarea', "cannot found textarea borderType '".concat(borderType, "'"));
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])('', {
       value: propsValue,
@@ -23918,7 +23962,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       ref: textareaRef,
       disabled: disabled,
       style: _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
-      className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error' || numberMarkError), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, className, className && !allowClear && !hadCount)),
+      className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-textarea"), rtlCls, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error' || numberMarkError), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,
@@ -23928,7 +23972,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     }, others));
     return hadCount ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", {
       style: wrapperStyle,
-      className: "".concat(prefixCls, "-countWrapper ").concat(className && !allowClear ? className : '')
+      className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(rtlCls, "".concat(prefixCls, "-countWrapper ").concat(className && !allowClear ? className : ''))
     }, textarea, renderNumberMark()) : textarea;
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_ClearableLabeledInput__WEBPACK_IMPORTED_MODULE_11__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, textAreaProps, {
@@ -23942,7 +23986,8 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     inputType: "text",
     prefixCls: textAreaPrefixCls,
     element: renderTextArea(textAreaPrefixCls),
-    numberMark: renderNumberMark()
+    numberMark: renderNumberMark(),
+    direction: direction
   }));
 };
 var TextArea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.forwardRef(InternalTextarea);
@@ -24144,7 +24189,8 @@ var InternalInput = function InternalInput(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_5__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_7__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var inputProps = Object(_utils__WEBPACK_IMPORTED_MODULE_8__["getCompProps"])('Input', userDefaultProps, props);
   var type = inputProps.type,
     size = inputProps.size,
@@ -24187,7 +24233,8 @@ var InternalInput = function InternalInput(props, ref) {
     setShowNumberMark = _useState4[1];
   var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_5__["useRef"])();
   var inputPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls);
-  var inputClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(inputPrefixCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-disabled"), disabled), _classNames), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, className, className && !Object(_ClearableLabeledInput__WEBPACK_IMPORTED_MODULE_10__["hasPrefixSuffix"])(inputProps) && !addonBefore && !addonAfter));
+  var rtlCls = direction === 'rtl' ? "".concat(inputPrefixCls, "-rtl") : null;
+  var inputClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(inputPrefixCls, rtlCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(inputPrefixCls, "-disabled"), disabled), _classNames), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, className, className && !Object(_ClearableLabeledInput__WEBPACK_IMPORTED_MODULE_10__["hasPrefixSuffix"])(inputProps) && !addonBefore && !addonAfter));
   var handleFocus = function handleFocus(event) {
     setFocused(true);
     onFocus && onFocus(event);
@@ -24288,7 +24335,8 @@ var InternalInput = function InternalInput(props, ref) {
     element: renderInput(),
     focused: focused,
     count: count,
-    inputCount: renderCount()
+    inputCount: renderCount(),
+    direction: direction
   }));
 };
 var Input = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef(InternalInput);
@@ -24866,7 +24914,8 @@ var InternalLink = function InternalLink(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var linkProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('Link', userDefaultProps, props);
   var size = linkProps.size,
     style = linkProps.style,
@@ -24885,8 +24934,8 @@ var InternalLink = function InternalLink(props, ref) {
   // ref
   var linkRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createRef();
   var linkPrefixCls = getPrefixCls(prefixCls, 'link', customPrefixcls); // 按钮样式前缀
-
-  var wrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(linkPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(linkPrefixCls, "-size-").concat(size), size), _classNames));
+  var rtlCls = direction === 'rtl' ? "".concat(linkPrefixCls, "-rtl") : null; // 文字方向
+  var wrapperClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(rtlCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(linkPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(linkPrefixCls, "-size-").concat(size), size), _classNames));
   var linkClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(linkPrefixCls, "-text"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(linkPrefixCls, "-underscore"), underscore), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(linkPrefixCls, "-disabled"), disabled), _classNames2));
   var handleClick = function handleClick(e) {
     // 禁用状态 不跳转
@@ -25547,7 +25596,8 @@ var Menu = function Menu(props) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_18__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_20__["ConfigContext"]),
     getPrefixCls = _useContext.getPrefixCls,
     pkgPrefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var userSelectedKey = props.selectedKey,
     userOpenKeys = props.openKeys;
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getCompProps"])('Menu', userDefaultProps, props),
@@ -25566,6 +25616,7 @@ var Menu = function Menu(props) {
     defaultOpenKeys = _getCompProps.defaultOpenKeys,
     restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(_getCompProps, _excluded);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(prefixCls, "-rtl") : null;
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(mode !== 'inline' && accordion !== undefined, 'menu', "'accordion' is valid only in mode='inline'");
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(''),
@@ -25685,7 +25736,7 @@ var Menu = function Menu(props) {
     onMouseEnter: handleMouseEnterMenu
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(prefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-").concat(theme === 'light' ? 'light' : 'dark'), true), _classNames)),
+    className: classnames__WEBPACK_IMPORTED_MODULE_22___default()(prefixCls, rtlCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-").concat(theme === 'light' ? 'light' : 'dark'), true), _classNames)),
     role: "menu",
     style: style
   }, mouseEvent), children && renderMenu(), additionalTools);
@@ -25743,7 +25794,8 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_6__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
 
   // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('MenuItem', userDefaultProps, props),
@@ -25825,9 +25877,10 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
     onMouseLeave: handleOnMouseLeave,
     onMouseEnter: handleOnMouseEnter
   };
+  var isRtl = direction === 'rtl';
   var titleStyle = {
-    paddingLeft: "".concat(getPaddingLeft(), "px"),
-    paddingRight: mode !== 'inline' && level > 1 ? "".concat(_util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"], "px") : 0
+    paddingLeft: isRtl ? mode !== 'inline' && level > 1 ? "".concat(_util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"], "px") : 0 : "".concat(getPaddingLeft(), "px"),
+    paddingRight: isRtl ? "".concat(getPaddingLeft(), "px") : mode !== 'inline' && level > 1 ? "".concat(_util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"], "px") : 0
   };
   var renderTitle = function renderTitle() {
     if (!icon && collapsed && level === 1 && typeof children === 'string') {
@@ -25951,7 +26004,8 @@ var SubMenu = function SubMenu(props) {
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_8___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
 
   // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('MenuSubMenu', userDefaultProps, props),
@@ -26158,9 +26212,10 @@ var SubMenu = function SubMenu(props) {
     onMouseEnter: handleOnMouseEnter,
     onClick: handleOnClickSubMenu
   };
+  var isRtl = direction === 'rtl';
   var titleStyle = {
-    paddingRight: "".concat(curPaddingRight, "px"),
-    paddingLeft: "".concat(curPaddingLeft, "px")
+    paddingRight: isRtl ? "".concat(curPaddingLeft, "px") : "".concat(curPaddingRight, "px"),
+    paddingLeft: isRtl ? "".concat(curPaddingRight, "px") : "".concat(curPaddingLeft, "px")
   };
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -26211,7 +26266,7 @@ var SubMenu = function SubMenu(props) {
     });
   }))), {
     arrow: false,
-    placement: 'rightTop',
+    placement: direction === 'rtl' ? 'leftTop' : 'rightTop',
     gap: 0,
     visible: isVertical && !disabled ? visible : false,
     disabled: isVertical ? undefined : true,
@@ -26829,7 +26884,8 @@ var InternalModal = function InternalModal(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_6__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var modalProps = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getCompProps"])('Modal', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
   var body = modalProps.body,
     bodyClassName = modalProps.bodyClassName,
@@ -26884,6 +26940,7 @@ var InternalModal = function InternalModal(props, ref) {
   var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])(null);
   var containerRef = ref || innerRef;
   var modalPrefixCls = getPrefixCls(prefixCls, 'modal', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(modalPrefixCls, "-rtl") : null;
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_14__["default"])(ModalTypes.indexOf(type) === -1, 'modal', "cannot found modal type '".concat(type, "'"));
   var modalContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
   if (modalContainer !== false && !(modalContainer instanceof HTMLElement)) {
@@ -27153,7 +27210,7 @@ var InternalModal = function InternalModal(props, ref) {
     }
   };
   var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
-  var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_11___default()(modalPrefixCls, className, (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container-ie"), _utils_ieUtil__WEBPACK_IMPORTED_MODULE_18__["isIE"]), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
+  var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_11___default()(modalPrefixCls, rtlCls, className, (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container-ie"), _utils_ieUtil__WEBPACK_IMPORTED_MODULE_18__["isIE"]), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
   var headerClass = classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(modalPrefixCls, "-header"), titleClassName);
   var container = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
     className: classnames__WEBPACK_IMPORTED_MODULE_11___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
@@ -28059,7 +28116,8 @@ var Pagination = function Pagination(props) {
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps,
-    locale = _React$useContext.locale;
+    locale = _React$useContext.locale,
+    direction = _React$useContext.direction;
   var paginationLangMsg = locale.getCompLangMsg({
     componentName: 'Pagination'
   });
@@ -28088,7 +28146,7 @@ var Pagination = function Pagination(props) {
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_17__["default"])(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'"));
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'pagination', customPrefixcls);
-
+  var rtlCls = direction === 'rtl' ? "".concat(prefixCls, "-rtl") : null;
   // 每页显示的记录条数
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_10__["useState"](pageSize || defaultPageSize),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_React$useState, 2),
@@ -28131,25 +28189,25 @@ var Pagination = function Pagination(props) {
   // icons
   var innerIcon = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({
     first: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
-      type: "first"
+      type: "".concat(direction === 'rtl' ? 'last' : 'first')
     }),
     last: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
-      type: "last"
+      type: "".concat(direction === 'rtl' ? 'first' : 'last')
     }),
     prev: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
-      type: "arrow-left"
+      type: "arrow-".concat(direction === 'rtl' ? 'right' : 'left')
     }),
     next: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
-      type: "arrow-right"
+      type: "arrow-".concat(direction === 'rtl' ? 'left' : 'right')
     }),
     down: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
       type: "arrow-down"
     }),
     jumpPrev: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
-      type: "double-arrow-left"
+      type: "double-arrow-".concat(direction === 'rtl' ? 'right' : 'left')
     }),
     jumpNext: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_15__["default"], {
-      type: "double-arrow-right"
+      type: "double-arrow-".concat(direction === 'rtl' ? 'left' : 'right')
     })
   }, icons || {});
 
@@ -28272,7 +28330,7 @@ var Pagination = function Pagination(props) {
     className: "".concat(prefixCls, "-total")
   }, mapTotalText[showTotal]);
   var normalPagination = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, rtlCls, className),
     style: style
   }, Total, showJumper && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("span", {
     className: "".concat(prefixCls, "-current")
@@ -28307,7 +28365,7 @@ var Pagination = function Pagination(props) {
     selectedKey: size,
     menu: sizeOptions,
     trigger: "click",
-    placement: "bottomRight",
+    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
     disabled: disabled,
     prefix: "".concat(prefixCls, "-dropdown"),
     popperStyle: {
@@ -28325,7 +28383,7 @@ var Pagination = function Pagination(props) {
     size: size
   })), innerIcon.down))));
   var simplePagination = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, 'simple', className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, rtlCls, 'simple', className),
     style: style
   }, Total, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("ul", {
     className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-action"), {
@@ -28355,7 +28413,7 @@ var Pagination = function Pagination(props) {
   var lessPagination = null;
   if (pageType === 'less') {
     lessPagination = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, 'less', {
+      className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, rtlCls, 'less', {
         bordered: bordered,
         disabled: disabled
       }, className),
@@ -28393,7 +28451,7 @@ var Pagination = function Pagination(props) {
     page >= 5 && nicetyPages.unshift(1, '<<');
   }
   var nicetyPagination = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, 'nicety', {
+    className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(prefixCls, rtlCls, 'nicety', {
       bordered: bordered,
       disabled: disabled
     }, className),
@@ -28450,7 +28508,8 @@ var Pagination = function Pagination(props) {
       onItemClick: handleChangeSize,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.parentElement;
-      }
+      },
+      placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft'
     }, dropdownProps, {
       onVisibleChange: dropdownVisibleChange
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("button", {
@@ -29992,7 +30051,8 @@ var QRCode = function QRCode(props) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
-    getCompLangMsg = _useContext.locale.getCompLangMsg;
+    getCompLangMsg = _useContext.locale.getCompLangMsg,
+    direction = _useContext.direction;
   var qrCodeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getCompProps"])('QRCode', userDefaultProps, props);
   var value = qrCodeProps.value,
     size = qrCodeProps.size,
@@ -30011,7 +30071,8 @@ var QRCode = function QRCode(props) {
   var className = qrCodeProps.className,
     customPrefixcls = qrCodeProps.prefixCls;
   var qrCodePrefixCls = getPrefixCls(prefixCls, 'qrcode', customPrefixcls);
-  var qrCodeClass = classnames__WEBPACK_IMPORTED_MODULE_9___default()(qrCodePrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(qrCodePrefixCls, "-borderless"), !bordered));
+  var rtlCls = direction === 'rtl' ? "".concat(qrCodePrefixCls, "-rtl") : null;
+  var qrCodeClass = classnames__WEBPACK_IMPORTED_MODULE_9___default()(qrCodePrefixCls, rtlCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(qrCodePrefixCls, "-borderless"), !bordered));
   var qrCodeLangMsg = getCompLangMsg({
     componentName: 'QRCode'
   });
@@ -30146,7 +30207,8 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](f
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4__["useContext"](_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     prefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
   var initValue = typeof props.value === 'undefined' ? props.defaultValue : props.value;
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_4__["useState"](initValue),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_React$useState, 2),
@@ -30180,6 +30242,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](f
       optionType = _getCompProps.optionType,
       customPrefixcls = _getCompProps.prefixCls; // 属性需要合并一遍用户定义的默认属性
     var groupPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, "radio-group", customPrefixcls); // 单选组样式前缀
+    var rtlCls = direction === 'rtl' ? "".concat(groupPrefixCls, "-rtl") : null;
     var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, "radio", customPrefixcls); // 单选样式前缀
     var childrenToRender = children;
     // 如果存在 options, 优先使用
@@ -30208,7 +30271,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](f
       });
     }
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(groupPrefixCls, className),
+      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(groupPrefixCls, rtlCls, className),
       style: style,
       id: id,
       ref: ref
@@ -30398,7 +30461,8 @@ var InternalRadio = function InternalRadio(props, ref) {
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_10__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     prefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+    userDefaultProps = _React$useContext.compDefaultProps,
+    direction = _React$useContext.direction;
   var innerRef = react__WEBPACK_IMPORTED_MODULE_5___default.a.useRef();
   var mergedRef = ref || innerRef;
   var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getCompProps"])('Radio', userDefaultProps, props),
@@ -30421,6 +30485,7 @@ var InternalRadio = function InternalRadio(props, ref) {
     return "radio".concat(radioType === 'square' ? "-".concat(radioType) : '');
   };
   var radioPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, getPrefix(radioType), customPrefixcls); // 样式前缀
+  var rtlCls = direction === 'rtl' ? "".concat(radioPrefixCls, "-rtl") : null;
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_5___default.a.useState(initValue),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
     isChecked = _React$useState2[0],
@@ -30441,7 +30506,7 @@ var InternalRadio = function InternalRadio(props, ref) {
       context.onChange(e, value);
     }
   };
-  var classString = classnames__WEBPACK_IMPORTED_MODULE_6___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(radioPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(radioPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(radioPrefixCls, "-checked"), isChecked), _classNames), className); // 单选包裹元素class名称
+  var classString = classnames__WEBPACK_IMPORTED_MODULE_6___default()(rtlCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(radioPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(radioPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(radioPrefixCls, "-checked"), isChecked), _classNames), className); // 单选包裹元素class名称
 
   Object(react__WEBPACK_IMPORTED_MODULE_5__["useEffect"])(function () {
     var _radioRef$current;
@@ -32132,8 +32197,10 @@ var InternalOption = function InternalOption(props, ref) {
   var optionProps = _objectSpread({}, props);
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls;
+    prefixCls = _useContext.prefixCls,
+    direction = _useContext.direction;
   var selectOptionPrefixCls = getPrefixCls(prefixCls, 'select-item');
+  var rtlCls = direction === 'rtl' ? "".concat(selectOptionPrefixCls, "-rtl") : null;
   Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
     if (isMultiple) {
       setSelected((values === null || values === void 0 ? void 0 : values.indexOf(value)) > -1);
@@ -32141,7 +32208,7 @@ var InternalOption = function InternalOption(props, ref) {
       setSelected(value !== undefined ? value === values : false);
     }
   });
-  var optionCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(selectOptionPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
+  var optionCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(selectOptionPrefixCls, rtlCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
   var contentCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -32319,7 +32386,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
-    locale = _useContext.locale;
+    locale = _useContext.locale,
+    direction = _useContext.direction;
   var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_33__["getCompProps"])('Select', userDefaultProps, props);
   var selectLangMsg = locale.getCompLangMsg({
     componentName: 'Select'
@@ -32411,8 +32479,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_30___default()(showSearch) ? showSearch : isMultiple;
   }, [isMultiple, showSearch]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(selectPrefixCls, "-rtl") : null;
   // 选择器样式
-  var selectCls = classnames__WEBPACK_IMPORTED_MODULE_31___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
+  var selectCls = classnames__WEBPACK_IMPORTED_MODULE_31___default()(selectPrefixCls, rtlCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
   var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_31___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()({}, "".concat(selectPrefixCls, "-selector"), true));
 
   // 下拉子项列表样式
@@ -33024,7 +33093,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_31___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_classNames10, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_classNames10, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_classNames10, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _classNames10));
     var itemCls = classnames__WEBPACK_IMPORTED_MODULE_31___default()((_classNames11 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_classNames11, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13___default()(_classNames11, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames11));
     var TagStyle = {
-      margin: '2px 8px 2px 0',
+      margin: direction === 'rtl' ? '2px 0 2px 8px' : '2px 8px 2px 0',
       maxWidth: '100%'
     };
     var totalText = locale.getLangMsg('Select', 'total', {
@@ -33247,7 +33316,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   };
   var popperProps = _objectSpread(_objectSpread({}, selectProps), {}, {
-    prefixCls: "".concat(selectPrefixCls, "-dropdown-panel").concat(isMultiple ? " ".concat(selectPrefixCls, "-multiple-dropdown-panel") : ''),
+    prefixCls: "".concat(selectPrefixCls, "-dropdown-panel").concat(isMultiple ? " ".concat(selectPrefixCls, "-multiple-dropdown-panel") : '', " ").concat(rtlCls),
     placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
@@ -36612,7 +36681,8 @@ var Steps = function Steps(props) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    rtlDirection = _useContext.direction;
   var stepsProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('Steps', userDefaultProps, props);
   var direction = stepsProps.direction,
     initial = stepsProps.initial,
@@ -36634,8 +36704,8 @@ var Steps = function Steps(props) {
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(_interface__WEBPACK_IMPORTED_MODULE_19__["Statuses"].indexOf(status) === -1, 'steps', "cannot found steps status '".concat(status, "'"));
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(_interface__WEBPACK_IMPORTED_MODULE_19__["LabelPlacements"].indexOf(labelPlacement) === -1, 'steps', "cannot found steps labelPlacement '".concat(labelPlacement, "'"));
   var stepsPrefixCls = getPrefixCls(prefixCls, 'steps', customPrefixcls); // 按钮样式前缀
-
-  var stepsClassName = classnames__WEBPACK_IMPORTED_MODULE_13___default()(stepsPrefixCls, "".concat(stepsPrefixCls, "-").concat(direction), className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-leftLable"), labelPlacement === 'left'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-rightLable"), labelPlacement === 'right'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-bottomLable"), labelPlacement === 'bottom'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-topLable"), labelPlacement === 'top'), _classNames));
+  var rtlCls = rtlDirection === 'rtl' ? "".concat(stepsPrefixCls, "-rtl") : null;
+  var stepsClassName = classnames__WEBPACK_IMPORTED_MODULE_13___default()(stepsPrefixCls, rtlCls, "".concat(stepsPrefixCls, "-").concat(direction), className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-leftLable"), labelPlacement === 'left'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-rightLable"), labelPlacement === 'right'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-bottomLable"), labelPlacement === 'bottom'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(stepsPrefixCls, "-topLable"), labelPlacement === 'top'), _classNames));
   var onStepClick = function onStepClick(next) {
     if (canClickCurrentStep || onChange && current !== next) {
       onChange(next);
@@ -36877,7 +36947,8 @@ var Switch = function Switch(props) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_5__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_8__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var switchProps = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["getCompProps"])('Switch', userDefaultProps, props);
   var size = switchProps.size,
     className = switchProps.className,
@@ -36899,6 +36970,7 @@ var Switch = function Switch(props) {
     newChecked = _useMergedState2[0],
     setChecked = _useMergedState2[1];
   var switchPrefixCls = getPrefixCls(prefixCls, 'switch', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(switchPrefixCls, "-rtl") : null;
   var handleClick = function handleClick(e) {
     var newV = triggerChange(!newChecked, e);
     onClick && onClick(newV, e);
@@ -36914,7 +36986,7 @@ var Switch = function Switch(props) {
     return afterChangedChecked;
   }
   // ref
-  var switchClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(switchPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-disabled"), disabled || loading), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-loading"), loading), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-checked"), newChecked), _classNames));
+  var switchClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(switchPrefixCls, rtlCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-disabled"), disabled || loading), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-loading"), loading), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(switchPrefixCls, "-checked"), newChecked), _classNames));
   var loadingIcon = loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
     className: "".concat(switchPrefixCls, "-loading-icon")
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
@@ -38726,7 +38798,8 @@ var InteranalTag = function InteranalTag(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_14__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var tagProps = Object(_utils__WEBPACK_IMPORTED_MODULE_16__["getCompProps"])('Tag', userDefaultProps, props);
   var className = tagProps.className,
     clickable = tagProps.clickable,
@@ -38746,6 +38819,7 @@ var InteranalTag = function InteranalTag(props, ref) {
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_17__["default"])(TagTypes.indexOf(type) === -1, 'tag', "cannot found tag type '".concat(type, "'"));
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_17__["default"])(TagSizes.indexOf(size) === -1, 'tag', "cannot found tag size '".concat(size, "'"));
   var tagPrefixCls = getPrefixCls(prefixCls, 'tag', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(tagPrefixCls, "-rtl") : null;
   var handleClick = function handleClick(e) {
     if (!clickable) return;
     onClick && onClick(e);
@@ -38780,7 +38854,7 @@ var InteranalTag = function InteranalTag(props, ref) {
 
   // 预设的颜色值
   var isPresetColor = ['process', 'success', 'warning', 'error', 'end', 'expired'].indexOf(color) > -1;
-  var tagClasses = classnames__WEBPACK_IMPORTED_MODULE_13___default()(tagPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-shape-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-").concat(color), isPresetColor), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-closable"), closable), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
+  var tagClasses = classnames__WEBPACK_IMPORTED_MODULE_13___default()(tagPrefixCls, rtlCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-shape-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-").concat(color), isPresetColor), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-closable"), closable), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
 
   // 设置自定义颜色值的样式
   var tagColorStyle = !isPresetColor && color && type === 'attribute' ? {
@@ -41102,7 +41176,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.fo
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_16__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
   var customPrefixcls = TreeProps.prefixCls,
     treeData = TreeProps.treeData,
@@ -41151,7 +41226,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.fo
     renderExtra = TreeProps.renderExtra,
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(TreeProps, _excluded);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
-  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_17___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()(_classNames, "".concat(treePrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
+  var rtlCls = direction === 'rtl' ? "".concat(treePrefixCls, "-rtl") : null;
+  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_17___default()(className, rtlCls, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()(_classNames, "".concat(treePrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
 
@@ -41754,7 +41830,8 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var TreeNodeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getCompProps"])('TreeNode', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
   var nodeKey = TreeNodeProps.nodeKey,
     customPrefixcls = TreeNodeProps.prefixCls,
@@ -41910,7 +41987,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
         className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"), (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode), _classNames3)),
         onClick: expandOnClickNode ? onlyExpandOnClickIcon ? handleExpandIconClick : undefined : handleExpandIconClick
       }, renderIcon(switcherIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_16__["default"], {
-        type: "arrow-right-solid"
+        type: "arrow-".concat(direction === 'rtl' ? 'left' : 'right', "-solid")
       })));
     } else {
       // 叶子结点 隐藏展开按钮
@@ -43526,7 +43603,8 @@ var InternalUpload = function InternalUpload(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_22__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_24__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     pkgPrefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_22__["useRef"])(null);
   var allProps = Object(_utils__WEBPACK_IMPORTED_MODULE_25__["getCompProps"])('Upload', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
 
@@ -43766,6 +43844,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     }
   };
   var prefixCls = getPrefixCls(pkgPrefixCls, 'upload', customPrefixcls);
+  var rtlCls = direction === 'rtl' ? "".concat(prefixCls, "-rtl") : null;
   var inputFileProps = {
     accept: accept,
     onClick: onClick,
@@ -43838,7 +43917,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     };
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_22___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(prefixCls, {
+    className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(prefixCls, rtlCls, {
       disabled: disabled
     }, className),
     style: style