@kdcloudjs/kdesign 1.8.33 → 1.8.34

package/es/button/group.js

@@ -33,7 +33,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     buttonType = buttonGoupProps.buttonType,
     disabled = buttonGoupProps.disabled,
     onVisibleChange = buttonGoupProps.onVisibleChange,
-    loading = buttonGoupProps.loading;
+    loading = buttonGoupProps.loading,
+    placement = buttonGoupProps.placement;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     optionShow = _useState2[0],
@@ -110,7 +111,7 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
   };
   var popperProps = _extends(_extends({
-    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
+    placement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft'),
     trigger: 'click',
     gap: 0
   }, buttonGoupProps), {

package/es/city-picker/option.js

@@ -21,8 +21,7 @@ var InternalOption = function InternalOption(props, ref) {
     name = city.name;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls,
-    direction = _useContext.direction;
+    prefixCls = _useContext.prefixCls;
   var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
   var isSelected = id !== undefined ? id === value : false;
   var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-active"), activeIndex === index), _classNames));
@@ -40,11 +39,7 @@ var InternalOption = function InternalOption(props, ref) {
     title: name,
     onClick: handleClick,
     onMouseEnter: handleOnMouseEnter
-  }, typeof itemRender === 'function' ? itemRender(city) : direction === 'rtl' ? React.createElement(React.Fragment, null, React.createElement("span", {
-    className: "".concat(selectOptionPrefixCls, "-info")
-  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)), React.createElement("span", {
-    className: "".concat(selectOptionPrefixCls, "-content")
-  }, children)) : React.createElement(React.Fragment, null, React.createElement("span", {
+  }, typeof itemRender === 'function' ? itemRender(city) : React.createElement(React.Fragment, null, React.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-content")
   }, children), React.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-info")

package/es/date-picker/style/index.css

@@ -989,3 +989,6 @@
 .kd-date-picker-rtl .kd-date-picker-container .kd-date-picker-ranges {
   text-align: right;
 }
+.kd-date-picker-rtl .kd-date-picker-warpper .kd-date-picker-time .kd-date-picker-content {
+  direction: ltr;
+}

package/es/date-picker/style/index.less

@@ -895,4 +895,11 @@
       text-align: right;
     }
   }
+  .@{datePicker-prefix-cls}-warpper {
+    .@{datePicker-prefix-cls}-time {
+      .@{datePicker-prefix-cls}-content {
+        direction: ltr;
+      }
+    }
+  }
 }

package/es/modal/modal.js

@@ -121,7 +121,7 @@ var InternalModal = function InternalModal(props, ref) {
     modalContainer = document.body;
   }
   var _useState3 = useState(modalContainer && !overroll ? {
-      x: -(width / 2),
+      x: direction === 'rtl' ? width / 2 : -(width / 2),
       y: -(height / 2)
     } : {
       x: 0,

package/es/modal/style/index.css

@@ -358,3 +358,7 @@
   margin-left: var(--kd-c-modal-footer-button-spacing, 12px);
   margin-right: 0;
 }
+.kd-modal-rtl .kd-modal-has-container-box {
+  right: 50%;
+  left: auto;
+}

package/es/modal/style/index.less

@@ -247,4 +247,8 @@
       }
     }
   }
+  .@{modal-prefix-cls}-has-container-box {
+    right: 50%;
+    left: auto;
+  }
 }

package/es/progress/style/index.css

@@ -278,10 +278,6 @@
   padding-right: 0;
   padding-left: calc(var(--kd-c-progress-line-text-font-size, 16px) * 2 + 8px);
 }
-.kd-progress-rtl .kd-progress-inner {
-  -webkit-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-}
 .kd-progress-rtl .kd-progress-text {
   margin-right: var(--kd-c-progress-line-text-spacing-margin-left, 8px);
   margin-left: 0;

package/es/progress/style/index.less

@@ -215,9 +215,9 @@
       padding-left: calc(@progress-line-text-font-size * 2 + 8px);
     }
   }
-  .@{progress-prefix-cls}-inner {
-    transform: rotateY(180deg);
-  }
+  // .@{progress-prefix-cls}-inner {
+  //   // transform: rotateY(180deg);
+  // }
   .@{progress-prefix-cls}-text {
     margin-right: @progress-line-text-margin-left;
     margin-left: 0;

package/es/transfer/list.js

@@ -37,8 +37,7 @@ var ITransferList = function ITransferList(props, ref) {
     pagination = props.pagination,
     footer = props.footer,
     showRemove = props.showRemove,
-    placeholder = props.placeholder,
-    rtl = props.rtl;
+    placeholder = props.placeholder;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     filterValue = _useState2[0],
@@ -135,11 +134,11 @@ var ITransferList = function ITransferList(props, ref) {
     }, search, bodyNode);
   };
   var getSelectAllLabel = function getSelectAllLabel(selectedCount, totalCount) {
-    var _context2, _context3;
+    var _context2;
     if (showRemove) {
       return React.createElement(React.Fragment, null, "".concat(totalCount));
     }
-    return rtl ? React.createElement(React.Fragment, null, _concatInstanceProperty(_context2 = "(".concat(totalCount, "/")).call(_context2, selectedCount, ")")) : React.createElement(React.Fragment, null, _concatInstanceProperty(_context3 = "(".concat(selectedCount, "/")).call(_context3, totalCount, ")"));
+    return React.createElement(React.Fragment, null, _concatInstanceProperty(_context2 = "(".concat(totalCount, "/")).call(_context2, selectedCount, ")"));
   };
   var getCheckStatus = function getCheckStatus(filteredItems) {
     if (checkedKeys.length === 0) {
@@ -162,10 +161,10 @@ var ITransferList = function ITransferList(props, ref) {
       checked: checkedAll,
       indeterminate: checkStatus === 'part',
       onChange: function onChange() {
-        var _context4;
-        onItemSelectAll(_mapInstanceProperty(_context4 = _filterInstanceProperty(filteredItems).call(filteredItems, function (item) {
+        var _context3;
+        onItemSelectAll(_mapInstanceProperty(_context3 = _filterInstanceProperty(filteredItems).call(filteredItems, function (item) {
           return !item.disabled;
-        })).call(_context4, function (_ref) {
+        })).call(_context3, function (_ref) {
           var key = _ref.key;
           return key;
         }), !checkedAll);

package/es/transfer/transfer.js

@@ -270,8 +270,7 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     pagination: mergedPagination,
     noDataContent: handleNoDataContent(noDataContent, 'left'),
     footer: footer,
-    ref: leftListRef,
-    rtl: direction === 'rtl'
+    ref: leftListRef
   }), React.createElement(Operation, {
     className: "".concat(transferPrefixCls, "-operation"),
     rightActive: rightActive,

package/lib/button/group.js

@@ -46,7 +46,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     buttonType = buttonGoupProps.buttonType,
     disabled = buttonGoupProps.disabled,
     onVisibleChange = buttonGoupProps.onVisibleChange,
-    loading = buttonGoupProps.loading;
+    loading = buttonGoupProps.loading,
+    placement = buttonGoupProps.placement;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     optionShow = _useState2[0],
@@ -123,7 +124,7 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
   };
   var popperProps = (0, _extends2.default)((0, _extends2.default)({
-    placement: direction === 'rtl' ? 'bottomRight' : 'bottomLeft',
+    placement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft'),
     trigger: 'click',
     gap: 0
   }, buttonGoupProps), {

package/lib/city-picker/option.js

@@ -33,8 +33,7 @@ var InternalOption = function InternalOption(props, ref) {
     name = city.name;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
-    prefixCls = _useContext.prefixCls,
-    direction = _useContext.direction;
+    prefixCls = _useContext.prefixCls;
   var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
   var isSelected = id !== undefined ? id === value : false;
   var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-active"), activeIndex === index), _classNames));
@@ -52,11 +51,7 @@ var InternalOption = function InternalOption(props, ref) {
     title: name,
     onClick: handleClick,
     onMouseEnter: handleOnMouseEnter
-  }, typeof itemRender === 'function' ? itemRender(city) : direction === 'rtl' ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
-    className: "".concat(selectOptionPrefixCls, "-info")
-  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)), _react.default.createElement("span", {
-    className: "".concat(selectOptionPrefixCls, "-content")
-  }, children)) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
+  }, typeof itemRender === 'function' ? itemRender(city) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-content")
   }, children), _react.default.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-info")

package/lib/date-picker/style/index.css

@@ -989,3 +989,6 @@
 .kd-date-picker-rtl .kd-date-picker-container .kd-date-picker-ranges {
   text-align: right;
 }
+.kd-date-picker-rtl .kd-date-picker-warpper .kd-date-picker-time .kd-date-picker-content {
+  direction: ltr;
+}

package/lib/date-picker/style/index.less

@@ -895,4 +895,11 @@
       text-align: right;
     }
   }
+  .@{datePicker-prefix-cls}-warpper {
+    .@{datePicker-prefix-cls}-time {
+      .@{datePicker-prefix-cls}-content {
+        direction: ltr;
+      }
+    }
+  }
 }

package/lib/modal/modal.js

@@ -135,7 +135,7 @@ var InternalModal = function InternalModal(props, ref) {
     modalContainer = document.body;
   }
   var _useState3 = (0, _react.useState)(modalContainer && !overroll ? {
-      x: -(width / 2),
+      x: direction === 'rtl' ? width / 2 : -(width / 2),
       y: -(height / 2)
     } : {
       x: 0,

package/lib/modal/style/index.css

@@ -358,3 +358,7 @@
   margin-left: var(--kd-c-modal-footer-button-spacing, 12px);
   margin-right: 0;
 }
+.kd-modal-rtl .kd-modal-has-container-box {
+  right: 50%;
+  left: auto;
+}

package/lib/modal/style/index.less

@@ -247,4 +247,8 @@
       }
     }
   }
+  .@{modal-prefix-cls}-has-container-box {
+    right: 50%;
+    left: auto;
+  }
 }

package/lib/progress/style/index.css

@@ -278,10 +278,6 @@
   padding-right: 0;
   padding-left: calc(var(--kd-c-progress-line-text-font-size, 16px) * 2 + 8px);
 }
-.kd-progress-rtl .kd-progress-inner {
-  -webkit-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-}
 .kd-progress-rtl .kd-progress-text {
   margin-right: var(--kd-c-progress-line-text-spacing-margin-left, 8px);
   margin-left: 0;

package/lib/progress/style/index.less

@@ -215,9 +215,9 @@
       padding-left: calc(@progress-line-text-font-size * 2 + 8px);
     }
   }
-  .@{progress-prefix-cls}-inner {
-    transform: rotateY(180deg);
-  }
+  // .@{progress-prefix-cls}-inner {
+  //   // transform: rotateY(180deg);
+  // }
   .@{progress-prefix-cls}-text {
     margin-right: @progress-line-text-margin-left;
     margin-left: 0;

package/lib/transfer/list.js

@@ -49,8 +49,7 @@ var ITransferList = function ITransferList(props, ref) {
     pagination = props.pagination,
     footer = props.footer,
     showRemove = props.showRemove,
-    placeholder = props.placeholder,
-    rtl = props.rtl;
+    placeholder = props.placeholder;
   var _useState = (0, _react.useState)(''),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filterValue = _useState2[0],
@@ -147,11 +146,11 @@ var ITransferList = function ITransferList(props, ref) {
     }, search, bodyNode);
   };
   var getSelectAllLabel = function getSelectAllLabel(selectedCount, totalCount) {
-    var _context2, _context3;
+    var _context2;
     if (showRemove) {
       return _react.default.createElement(_react.default.Fragment, null, "".concat(totalCount));
     }
-    return rtl ? _react.default.createElement(_react.default.Fragment, null, (0, _concat.default)(_context2 = "(".concat(totalCount, "/")).call(_context2, selectedCount, ")")) : _react.default.createElement(_react.default.Fragment, null, (0, _concat.default)(_context3 = "(".concat(selectedCount, "/")).call(_context3, totalCount, ")"));
+    return _react.default.createElement(_react.default.Fragment, null, (0, _concat.default)(_context2 = "(".concat(totalCount, "/")).call(_context2, selectedCount, ")"));
   };
   var getCheckStatus = function getCheckStatus(filteredItems) {
     if (checkedKeys.length === 0) {
@@ -174,10 +173,10 @@ var ITransferList = function ITransferList(props, ref) {
       checked: checkedAll,
       indeterminate: checkStatus === 'part',
       onChange: function onChange() {
-        var _context4;
-        onItemSelectAll((0, _map.default)(_context4 = (0, _filter.default)(filteredItems).call(filteredItems, function (item) {
+        var _context3;
+        onItemSelectAll((0, _map.default)(_context3 = (0, _filter.default)(filteredItems).call(filteredItems, function (item) {
           return !item.disabled;
-        })).call(_context4, function (_ref) {
+        })).call(_context3, function (_ref) {
           var key = _ref.key;
           return key;
         }), !checkedAll);

package/lib/transfer/transfer.js

@@ -282,8 +282,7 @@ var InternalTransfer = function InternalTransfer(props, ref) {
     pagination: mergedPagination,
     noDataContent: handleNoDataContent(noDataContent, 'left'),
     footer: footer,
-    ref: leftListRef,
-    rtl: direction === 'rtl'
+    ref: leftListRef
   }), _react.default.createElement(_operation.default, {
     className: "".concat(transferPrefixCls, "-operation"),
     rightActive: rightActive,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.8.33",
+  "version": "1.8.34",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [