@kdcloudjs/kdesign 1.8.30 → 1.8.32

package/lib/tag/style/index.css

@@ -519,3 +519,10 @@
   cursor: pointer;
   font-size: 12px;
 }
+.kd-tag-rtl {
+  direction: rtl;
+}
+.kd-tag-rtl .kd-tag-closeWrapper {
+  margin-right: 4px;
+  margin-left: 0;
+}

package/lib/tag/style/index.less

@@ -131,3 +131,11 @@
     font-size: 12px;
   }
 }
+
+.@{tag-prefix-cls}-rtl {
+  direction: rtl;
+  .@{tag-prefix-cls}-closeWrapper {
+    margin-right: 4px;
+    margin-left: 0;
+  }
+}

package/lib/tag/tag.js

@@ -40,7 +40,8 @@ var InteranalTag = function InteranalTag(props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var tagProps = (0, _utils.getCompProps)('Tag', userDefaultProps, props);
   var className = tagProps.className,
     clickable = tagProps.clickable,
@@ -60,6 +61,7 @@ var InteranalTag = function InteranalTag(props, ref) {
   (0, _devwarning.default)(TagTypes.indexOf(type) === -1, 'tag', "cannot found tag type '".concat(type, "'"));
   (0, _devwarning.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);
@@ -87,7 +89,7 @@ var InteranalTag = function InteranalTag(props, ref) {
     }, child);
   };
   var isPresetColor = ['process', 'success', 'warning', 'error', 'end', 'expired'].indexOf(color) > -1;
-  var tagClasses = (0, _classnames.default)(tagPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-closable"), closable), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
+  var tagClasses = (0, _classnames.default)(tagPrefixCls, rtlCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-closable"), closable), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
   var tagColorStyle = !isPresetColor && color && type === 'attribute' ? {
     backgroundColor: color
   } : {};

package/lib/tree/style/index.css

@@ -373,3 +373,22 @@
       -ms-flex-align: center;
           align-items: center;
 }
+.kd-tree-rtl {
+  direction: rtl;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-indent {
+  margin-right: 0;
+  margin-left: 6px;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-title-wrap {
+  padding-right: 4px;
+  padding-left: 0;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-title-wrap .kd-checkbox-default-margin {
+  margin-right: 0;
+  margin-left: 4px;
+}
+.kd-tree-rtl .kd-tree-root .kd-tree-node-item .kd-tree-node-root .kd-tree-node-animation-expand {
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}

package/lib/tree/style/index.less

@@ -200,3 +200,30 @@
     align-items: center;
   }
 }
+.@{tree-prefix-cls}-rtl {
+  direction: rtl;
+  .@{tree-prefix-cls}-root {
+    .@{tree-node-prefix-cls}-item {
+      .@{tree-node-prefix-cls}-root {
+        .@{tree-node-prefix-cls}-indent {
+          margin-right: 0;
+          margin-left: 6px;
+        }
+        .@{tree-node-prefix-cls}-title-wrap {
+          padding-right: 4px;
+          padding-left: 0;
+          .@{kd-prefix}-checkbox {
+            &-default-margin {
+              margin-right: 0;
+              margin-left: 4px;
+            }
+          }
+        }
+        .@{tree-node-prefix-cls}-animation-expand {
+          transform: rotate(-90deg);
+        }
+      }
+    }
+  }
+}
+

package/lib/tree/tree.js

@@ -43,7 +43,8 @@ var InternalTree = _react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var TreeProps = (0, _utils.getCompProps)('Tree', userDefaultProps, props);
   var customPrefixcls = TreeProps.prefixCls,
     treeData = TreeProps.treeData,
@@ -92,7 +93,8 @@ var InternalTree = _react.default.forwardRef(function (props, ref) {
     renderExtra = TreeProps.renderExtra,
     others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent", "showLine", "expandOnFilterNode", "renderExtra"]);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls);
-  var treeNodeClassName = (0, _classnames.default)(className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(treePrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
+  var rtlCls = direction === 'rtl' ? "".concat(treePrefixCls, "-rtl") : null;
+  var treeNodeClassName = (0, _classnames.default)(className, rtlCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(treePrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize;
   var _React$useMemo = _react.default.useMemo(function () {

package/lib/tree/treeNode.js

@@ -35,7 +35,8 @@ var TreeNode = _react.default.forwardRef(function (props) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var TreeNodeProps = (0, _utils.getCompProps)('TreeNode', userDefaultProps, props);
   var nodeKey = TreeNodeProps.nodeKey,
     customPrefixcls = TreeNodeProps.prefixCls,
@@ -188,7 +189,7 @@ var TreeNode = _react.default.forwardRef(function (props) {
         className: (0, _classnames.default)("".concat(treeNodePrefixCls, "-icon"), (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), (0, _defineProperty2.default)(_classNames3, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), (0, _defineProperty2.default)(_classNames3, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode), _classNames3)),
         onClick: expandOnClickNode ? onlyExpandOnClickIcon ? handleExpandIconClick : undefined : handleExpandIconClick
       }, renderIcon(switcherIcon || _react.default.createElement(_icon.default, {
-        type: "arrow-right-solid"
+        type: "arrow-".concat(direction === 'rtl' ? 'left' : 'right', "-solid")
       })));
     } else {
       return _react.default.createElement("span", {

package/lib/upload/style/index.css

@@ -164,7 +164,7 @@
   opacity: 0;
   overflow: hidden;
 }
-.kd-upload-input input[type="file"] {
+.kd-upload-input input[type='file'] {
   position: absolute;
   top: -20%;
   left: 0;
@@ -386,3 +386,26 @@
   color: var(--kd-c-upload-panel-button-color, #0E5FD8);
   font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px));
 }
+.kd-upload-rtl {
+  direction: rtl;
+}
+.kd-upload-rtl.kd-upload .kd-upload-text-list-item-name {
+  margin: 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px) 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px);
+}
+.kd-upload-rtl.kd-upload .kd-upload-text-list-item-action {
+  left: 0;
+  right: auto;
+  -webkit-transform: translateX(-5px);
+          transform: translateX(-5px);
+}
+.kd-upload-rtl.kd-upload .kd-upload-text-list-item-action a:not(:first-child) {
+  margin-right: 20px;
+  margin-left: 0;
+}
+.kd-upload-rtl.kd-upload .kd-upload-picture-list-item {
+  margin: 0 0 28px 28px;
+}
+.kd-upload-rtl.kd-upload .kd-upload-picture-list-item-error a:not(:first-child) {
+  margin-right: 10px;
+  margin-left: auto;
+}

package/lib/upload/style/index.less

@@ -46,7 +46,7 @@
     opacity: 0;
     overflow: hidden;
 
-    input[type="file"] {
+    input[type='file'] {
       position: absolute;
       top: -20%;
       left: 0;
@@ -94,7 +94,8 @@
         font-size: @upload-font-size;
       }
 
-      &-name,&-icon {
+      &-name,
+      &-icon {
         cursor: pointer;
       }
 
@@ -239,3 +240,40 @@
     }
   }
 }
+
+.@{upload-prefix-cls}-rtl {
+  direction: rtl;
+  &.@{upload-prefix-cls} {
+    .@{upload-prefix-text-list-cls} {
+      &-item {
+        &-name {
+          margin: 0 @upload-text-list-item-name-padding-left 0 @upload-text-list-item-name-padding-right;
+        }
+        &-action {
+          left: 0;
+          right: auto;
+          transform: translateX(-5px);
+          a {
+            &:not(:first-child) {
+              margin-right: 20px;
+              margin-left: 0;
+            }
+          }
+        }
+      }
+    }
+    .@{upload-prefix-picture-list-cls} {
+      &-item {
+        margin: 0 0 28px 28px;
+        &-error {
+          a {
+            &:not(:first-child) {
+              margin-right: 10px;
+              margin-left: auto;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/upload/upload.js

@@ -89,7 +89,8 @@ var InternalUpload = function InternalUpload(props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     pkgPrefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    direction = _useContext.direction;
   var inputRef = (0, _react.useRef)(null);
   var allProps = (0, _utils.getCompProps)('Upload', userDefaultProps, props);
   var type = allProps.type,
@@ -325,6 +326,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,
@@ -398,7 +400,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     };
   });
   return _react.default.createElement("div", {
-    className: (0, _classnames.default)(prefixCls, {
+    className: (0, _classnames.default)(prefixCls, rtlCls, {
       disabled: disabled
     }, className),
     style: style

package/package.json

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