shineout 1.7.2 → 1.8.0-rc.2

package/css/DatePicker/utils.js

@@ -135,7 +135,7 @@ function parse(date, fmt, options) {
     var year = date.slice(index, index + 5);
     var weekIndex = fmt2.indexOf('WW');
     var week = weekIndex >= 0 ? date.slice(weekIndex, weekIndex + 3) : 1;
-    var result = (0, _dayjs.default)(year, 'YYYY').locale(getDayJsLocate(options)).isoWeek(week).toDate();
+    var result = (0, _dayjs.default)(year + "-06-15", 'YYYY-MM-dd').locale(getDayJsLocate(options)).isoWeek(Number(week)).toDate();
     return result;
   }
 

package/css/Form/FieldSet.js

@@ -193,7 +193,6 @@ function (_Component) {
       result.push(empty(this.handleInsert.bind(this, 0)));
     } else {
       var errorList = (Array.isArray(errors) ? errors : [errors]).filter(Boolean);
-      console.log(errorList);
       values.forEach(function (v, i) {
         result.push(_react.default.createElement(Provider, {
           key: i,

package/css/Form/Form.js

@@ -63,6 +63,9 @@ function (_Component) {
       validateFields: function validateFields(fields) {
         return _this.props.datum.validateFields(fields).catch(function () {});
       },
+      validateFieldsWithError: function validateFieldsWithError(fields) {
+        return _this.props.datum.validateFields(fields);
+      },
       clearValidate: function clearValidate() {
         _this.props.datum.validateClear();
       },

package/css/Menu/styles/menu.css

@@ -533,48 +533,85 @@ ul.so-menu-root {
 }
 .so-menu.so-menu-rtl {
   direction: rtl;
-  text-align: right;
 }
-.so-menu.so-menu-rtl:not(.so-menu-horizontal) .so-menu-active.so-menu-no-children a:before {
-  position: absolute;
-  top: 0;
-  left: 0px;
-  width: 3px;
-  height: 100%;
-  background: var(--primary-color, #3399ff);
-  content: ' ';
-}
-.so-menu.so-menu-rtl:not(.so-menu-horizontal) .so-menu-active.so-menu-no-children a:after {
-  content: none;
+.so-menu.so-menu-rtl ul.so-menu-root {
+  margin-left: 0;
+  margin-right: -1px;
 }
-.so-menu.so-menu-rtl .so-menu-has-children:not(.so-menu-caret-solid) > .so-menu-title {
-  padding-left: 32px;
+.so-menu.so-menu-rtl .so-menu-has-children > .so-menu-title {
   padding-right: 16px;
+  padding-left: 32px;
 }
-.so-menu.so-menu-rtl .so-menu-has-children:not(.so-menu-caret-solid) > .so-menu-title:after {
+.so-menu.so-menu-rtl .so-menu-has-children > .so-menu-title .so-menu-expand {
   right: auto;
-  left: 16px;
+  left: 0;
+}
+.so-menu.so-menu-rtl .so-menu-has-children > .so-menu-title .so-menu-expand:after {
+  right: 14px;
 }
-.so-menu.so-menu-rtl .so-menu-has-children:not(.so-menu-caret-solid) > .so-menu-title:before {
+.so-menu.so-menu-rtl.so-menu-inline {
+  border-left: solid 1px #e8e8e8;
+  border-right: none;
+}
+.so-menu.so-menu-rtl .so-menu-inline .so-menu-active.so-menu-no-children > a:before,
+.so-menu.so-menu-rtl .so-menu-inline .so-menu-active.so-menu-selectable > a:before {
+  right: auto;
+  left: 0;
+}
+.so-menu.so-menu-rtl .so-menu-horizontal {
+  margin-right: 0;
+}
+.so-menu.so-menu-rtl .so-menu-horizontal .so-menu-root .so-menu-list {
   left: auto;
   right: 0;
 }
-.so-menu.so-menu-rtl .so-menu-has-children.so-menu-open > .so-menu-title:after {
+.so-menu.so-menu-rtl ul.so-menu-horizontal.so-menu-root {
+  margin-right: 0;
+}
+.so-menu.so-menu-rtl .so-menu-vertical.so-menu-root {
+  border-left: solid 1px #e8e8e8;
+  border-right: none;
+}
+.so-menu.so-menu-rtl .so-menu-vertical .so-menu-root .so-menu-list {
+  left: auto;
+  right: 100%;
+  margin-left: 0;
+  margin-right: 3px;
+}
+.so-menu.so-menu-rtl .so-menu-vertical .so-menu-has-children > .so-menu-title .so-menu-expand:after,
+.so-menu.so-menu-rtl .so-menu-vertical .so-menu-has-children.so-menu-open > .so-menu-title .so-menu-expand:after {
   -webkit-transform: translateY(-50%) rotate(180deg);
       -ms-transform: translateY(-50%) rotate(180deg);
           transform: translateY(-50%) rotate(180deg);
 }
-.so-menu.so-menu-rtl .so-menu-has-children.so-menu-caret-solid > .so-menu-title .so-menu-caret {
+.so-menu.so-menu-rtl .so-menu-vertical .so-menu-in-path.so-menu-has-children > a::before {
+  right: auto;
+  left: 0;
+}
+.so-menu.so-menu-rtl .so-menu-dark:not(.so-menu-horizontal) .so-menu-has-children.so-menu-in-path > a:before {
+  left: auto;
+  right: 0;
+}
+.so-menu.so-menu-rtl .so-menu-dark.so-menu-vertical ul.so-menu-root {
   margin-right: 0;
-  margin-left: 8px;
+  border-left: none;
 }
-.so-menu.so-menu-rtl .so-menu-has-children.so-menu-caret-hollow > .so-menu-title .so-menu-caret {
-  margin-left: 10px;
-  margin-right: 4px;
+.so-menu.so-menu-rtl .so-menu-dark.so-menu-vertical .so-menu-has-children .so-menu-title::after {
+  left: 18px;
+  right: auto;
 }
-.so-menu.so-menu-rtl.so-menu-vertical .so-menu-root .so-menu-list.so-menu-vertical {
+.so-menu.so-menu-rtl .so-menu-dark.so-menu-vertical .so-menu-in-path.so-menu-has-children > a::before {
   left: auto;
-  right: 100%;
-  margin-left: 0;
-  margin-right: 3px;
+  right: 0;
+}
+.so-menu.so-menu-rtl .so-menu-has-children.so-menu-caret-solid > .so-menu-title {
+  padding-left: 16px;
+}
+.so-menu.so-menu-rtl .so-menu-caret-solid .so-menu-title > .so-menu-caret {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.so-menu.so-menu-rtl .so-menu-caret-hollow .so-menu-caret {
+  margin-right: -4px;
+  margin-left: 14px;
 }

package/css/Scroll/Bar.js

@@ -21,6 +21,8 @@ var _styles = require("./styles");
 
 var _fixedLength = _interopRequireDefault(require("./fixedLength"));
 
+var _config = require("../config");
+
 var ScrollBar =
 /*#__PURE__*/
 function (_PureComponent) {
@@ -96,7 +98,14 @@ function (_PureComponent) {
         onScroll = _this$props.onScroll,
         barLength = _this$props.barLength;
     var value = direction === 'x' ? x : y;
-    var newOffset = this.cacheOffset + value / (length - barLength);
+    var newOffset;
+
+    if (direction === 'x' && (0, _config.isRTL)()) {
+      newOffset = this.cacheOffset - value / (length - barLength);
+    } else {
+      newOffset = this.cacheOffset + value / (length - barLength);
+    }
+
     if (newOffset < 0) newOffset = 0;
     if (newOffset > 1) newOffset = 1;
     if (newOffset === this.cacheOffset) return;
@@ -115,11 +124,13 @@ function (_PureComponent) {
     var rect = this.handle.getBoundingClientRect();
     var newOffset = offset;
     var page = length / (scrollLength - length);
+    var plus = (0, _config.isRTL)() ? event.clientX < rect.left : event.clientX > rect.left;
+    var add = (0, _config.isRTL)() ? event.clientX > rect.left : event.clientX < rect.left;
 
-    if (direction === 'x' && event.clientX < rect.left || direction === 'y' && event.clientY < rect.top) {
+    if (direction === 'x' && add || direction === 'y' && event.clientY < rect.top) {
       newOffset = offset - page;
       if (newOffset < 0) newOffset = 0;
-    } else if (direction === 'x' && event.clientX > rect.right || direction === 'y' && event.clientY > rect.top) {
+    } else if (direction === 'x' && plus || direction === 'y' && event.clientY > rect.top) {
       newOffset = offset + page;
       if (newOffset > 1) newOffset = 1;
     }
@@ -137,14 +148,16 @@ function (_PureComponent) {
         forceHeight = _this$props3.forceHeight;
     var dragging = this.state.dragging;
     var show = scrollLength > length;
+    var rtl = (0, _config.isRTL)();
     var className = (0, _classnames.default)((0, _styles.scrollClass)('bar', direction, show && 'show', dragging && 'dragging', !forceHeight && 'padding-y'), this.props.className);
     var value = (length - barLength) * offset;
+    var x = rtl ? 'right' : 'left';
     var style = {};
 
     if (scrollLength > 0) {
       if (direction === 'x') {
         style.width = length / scrollLength * 100 + "%";
-        style.left = value;
+        style[x] = value;
       } else {
         style.height = length / scrollLength * 100 + "%";
         style.top = value;

package/css/Scroll/Scroll.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -29,7 +31,7 @@ var _styles = require("./styles");
 
 var _Bar = _interopRequireDefault(require("./Bar"));
 
-var _config = _interopRequireDefault(require("../config"));
+var _config = _interopRequireWildcard(require("../config"));
 
 var _context = require("./context");
 
@@ -221,7 +223,7 @@ function (_PureComponent) {
     if (target !== this.wheelElement) return;
     var wheel = (0, _normalizeWheel.default)(event);
     this.setBaseScrollHeightRatio(wheel.pixelY);
-    if (scrollX) this.pixelX += wheel.pixelX;
+    if (scrollX) this.pixelX = (0, _config.isRTL)() ? this.pixelX - wheel.pixelX : this.pixelX + wheel.pixelX;
     if (scrollY) this.pixelY += wheel.pixelY * this.baseScrollRatio;
 
     if (Math.abs(wheel.pixelX) > Math.abs(wheel.pixelY)) {
@@ -295,7 +297,8 @@ function (_PureComponent) {
         width = _this$getWheelRect2.width,
         height = _this$getWheelRect2.height;
 
-    var className = (0, _classnames.default)((0, _styles.scrollClass)('_', scrollX && 'show-x', scrollY && 'show-y'), this.props.className);
+    var rtl = (0, _config.isRTL)();
+    var className = (0, _classnames.default)((0, _styles.scrollClass)('_', scrollX && 'show-x', scrollY && 'show-y', rtl && 'rtl'), this.props.className);
     var yLength = scrollHeight < height ? scrollHeight : height;
     this.wheelY = scrollY && Math.ceil(scrollHeight) > Math.ceil(yLength);
     this.wheelX = scrollX && Math.ceil(scrollWidth) > Math.ceil(width);

package/css/Scroll/styles/scroll.css

@@ -103,17 +103,38 @@
 .so-scroll-show-y .so-scroll-inner {
   bottom: 16px;
 }
-.so-select-rtl .so-scroll-show-y,
-.so-menu-rtl .so-scroll-show-y,
-.so-input-rtl .so-scroll-show-y,
-.so-transfer-rtl .so-scroll-show-y {
+.so-scroll.so-scroll-rtl {
+  direction: rtl;
+}
+.so-scroll.so-scroll-rtl .so-scroll-inner {
+  left: auto;
+  right: 0;
+}
+.so-scroll.so-scroll-rtl .so-scroll-bar.so-scroll-y {
+  right: auto;
+  left: 0;
+}
+.so-scroll.so-scroll-rtl .so-scroll-bar.so-scroll-y .so-scroll-handle {
+  right: 2px;
+  left: auto;
+}
+.so-scroll.so-scroll-rtl .so-scroll-bar.so-scroll-y.so-scroll-padding-y:after {
+  right: -1px;
+  left: auto;
+}
+.so-scroll.so-scroll-rtl.so-scroll-show-y {
   padding-right: 0;
   padding-left: 16px;
 }
-.so-select-rtl .so-scroll-bar.so-scroll-y,
-.so-menu-rtl .so-scroll-bar.so-scroll-y,
-.so-input-rtl .so-scroll-bar.so-scroll-y,
-.so-transfer-rtl .so-scroll-bar.so-scroll-y {
+.so-scroll.so-scroll-rtl.so-scroll-show-y .so-scroll-x {
+  right: 0;
+  left: 16px;
+}
+.so-scroll-show-x .so-scroll.so-scroll-rtl-inner {
+  right: 0;
+  left: 16px;
+}
+.so-scroll.so-scroll-rtl .so-scroll-bar.so-scroll-y {
   right: auto;
   left: 0;
 }

package/css/Table/Table.js

@@ -21,6 +21,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _config = require("../config");
+
 var _component = require("../component");
 
 var _locale = require("../locale");
@@ -134,7 +136,7 @@ function (_Component) {
     var _this$state = this.state,
         scrollLeft = _this$state.scrollLeft,
         scrollRight = _this$state.scrollRight;
-    var className = (0, _classnames.default)((0, _styles.tableClass)('_', size, hover && 'hover', bordered && 'bordered', fixed && 'fixed', scrollLeft > 0 && 'left-float', scrollRight < 0 && 'right-float', "vertical-" + verticalAlign, columnResizable && 'resize', others.sticky && 'sticky'), this.props.className);
+    var className = (0, _classnames.default)((0, _styles.tableClass)('_', size, hover && 'hover', bordered && 'bordered', fixed && 'fixed', scrollLeft > 0 && 'left-float', scrollRight < 0 && 'right-float', "vertical-" + verticalAlign, columnResizable && 'resize', others.sticky && 'sticky', (0, _config.isRTL)() && 'rtl'), this.props.className);
     var props = (0, _objectSpread2.default)({}, others, {
       children: children,
       fixed: fixed,

package/css/Table/styles/table.css

@@ -120,9 +120,11 @@ table tr .so-table-placeholder-checkbox {
   padding-bottom: var(--table-cell-padding-vertical, 8px);
   color: var(--gray-500, #adb5bd);
   text-align: left;
+  text-align: start;
 }
 .so-table th {
   text-align: left;
+  text-align: start;
 }
 .so-table-vertical-top td {
   vertical-align: top;
@@ -471,7 +473,7 @@ table > tbody > tr.so-table-odd > td {
   display: block;
   margin: auto;
 }
-.so-table-fixed .so-table-empty {
+.so-table:not(.so-table-rtl) .so-table-fixed .so-table-empty {
   border-right-width: 0;
 }
 .so-table-expand-wrapped {
@@ -494,6 +496,7 @@ td.so-table-align-center .so-table-icon-expand-sub {
 td.so-table-align-right,
 th.so-table-align-right {
   text-align: right;
+  text-align: end;
 }
 td.so-table-align-right > div.so-table-has-sorter,
 th.so-table-align-right > div.so-table-has-sorter {
@@ -504,6 +507,7 @@ th.so-table-align-right > div.so-table-has-sorter {
 td.so-table-align-left,
 th.so-table-align-left {
   text-align: left;
+  text-align: start;
 }
 td.so-table-align-left > div.so-table-has-sorter,
 th.so-table-align-left > div.so-table-has-sorter {
@@ -588,3 +592,121 @@ th.so-table-align-left > div.so-table-has-sorter {
 .so-table-no-selection *::selection {
   background-color: transparent;
 }
+.so-table-rtl {
+  direction: rtl;
+}
+.so-table-rtl table tr .so-table-checkbox label {
+  margin-left: 0;
+}
+.so-table-rtl table tr .so-table-checkbox i {
+  vertical-align: top;
+}
+.so-table-rtl .so-table-sorter-container {
+  -webkit-transform: translateX(-6px);
+      -ms-transform: translateX(-6px);
+          transform: translateX(-6px);
+}
+.so-table-rtl .so-table-sorter-asc,
+.so-table-rtl .so-table-sorter-desc {
+  right: auto;
+  left: 0;
+}
+.so-table-rtl .so-table-sorter-asc:after,
+.so-table-rtl .so-table-sorter-desc:after {
+  right: auto;
+  left: 5px;
+}
+.so-table-rtl.so-table-bordered .so-table-ignore-right-border {
+  border-left: none;
+}
+.so-table-rtl.so-table-bordered table > thead > tr > th,
+.so-table-rtl.so-table-bordered table > tbody > tr > th,
+.so-table-rtl.so-table-bordered table > tfoot > tr > th,
+.so-table-rtl.so-table-bordered table > thead > tr > td,
+.so-table-rtl.so-table-bordered table > tbody > tr > td,
+.so-table-rtl.so-table-bordered table > tfoot > tr > td {
+  border-left: 1px solid var(--table-border-color, #ddd);
+  border-right: none;
+}
+.so-table-rtl.so-table-bordered .so-table-fixed-right,
+.so-table-rtl.so-table-bordered .so-table-fixed-left {
+  border-left: 0;
+  z-index: 1;
+}
+.so-table-rtl.so-table-bordered .so-table-fixed-right:before,
+.so-table-rtl.so-table-bordered .so-table-fixed-left:before {
+  left: 0;
+  right: auto;
+}
+.so-table-rtl.so-table-bordered .so-scroll-y {
+  border-right: 1px solid var(--table-border-color, #ddd);
+  border-left: none;
+}
+.so-table-rtl .so-table-icon-tree-expand {
+  margin-right: 0;
+  margin-left: var(--table-tree-expand-icon-margin-right, 8px);
+}
+.so-table-rtl .so-table-icon-expand-plus:before,
+.so-table-rtl .so-table-icon-expand-sub:before,
+.so-table-rtl .so-table-icon-expand-plus:after,
+.so-table-rtl .so-table-icon-expand-sub:after {
+  left: auto;
+  right: 2px;
+}
+.so-table-rtl .so-table-icon-expand-plus:after {
+  left: auto;
+  right: 6px;
+  border-width: 0 0 1px 0;
+}
+.so-table-rtl .so-table-scroll-y.so-table-head {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.so-table-rtl .so-table-scroll-y.so-table-head:after {
+  right: auto;
+  left: 0;
+}
+.so-table-rtl .so-table-float-left .so-table-fixed-last:after {
+  left: auto;
+  right: 100%;
+  background: -webkit-gradient(linear, right top, left top, from(var(--table-fixed-start-color, rgba(0, 0, 0, 0.15))), to(var(--table-fixed-end-color, rgba(0, 0, 0, 0))));
+  background: linear-gradient(to left, var(--table-fixed-start-color, rgba(0, 0, 0, 0.15)), var(--table-fixed-end-color, rgba(0, 0, 0, 0)));
+}
+.so-table-rtl .so-table-float-right .so-table-fixed-first::after {
+  left: 100%;
+  right: auto;
+  background: -webkit-gradient(linear, left top, right top, from(var(--table-fixed-start-color, rgba(0, 0, 0, 0.15))), to(var(--table-fixed-end-color, rgba(0, 0, 0, 0))));
+  background: linear-gradient(to right, var(--table-fixed-start-color, rgba(0, 0, 0, 0.15)), var(--table-fixed-end-color, rgba(0, 0, 0, 0)));
+}
+.so-table-rtl .so-table-empty {
+  right: 0;
+  left: initial;
+}
+.so-table-rtl .so-table-fixed .so-table-empty {
+  border-left-width: 0;
+}
+.so-table-rtl .so-table-resize-spanner {
+  left: -2px;
+  right: auto;
+}
+.so-table-rtl .so-table-resize-spanner:after {
+  right: auto;
+  left: 4px;
+}
+.so-table-rtl .so-table-resize-spanner:before {
+  right: 4px;
+  left: auto;
+}
+.so-table-rtl td .so-button + .so-button {
+  margin-right: 0;
+}
+.so-table-rtl td .so-button:not(:last-child) {
+  margin-left: var(--button-margin-left, 12px);
+}
+.so-table-rtl td .so-button-group .so-button:not(:last-child) {
+  margin-left: 0;
+}
+.so-table-rtl .so-table-select::before {
+  left: auto;
+  right: 0;
+}

package/css/index.d.ts

@@ -2,7 +2,7 @@
 import './styles/normalize.less'
 import * as utils from './utils'
 
-export default { utils, version: '1.7.2' }
+export default { utils, version: '1.8.0-rc.1' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'

package/css/index.js

@@ -222,6 +222,6 @@ exports.Upload = _Upload.default;
 // Created by scripts/src-index.js.
 var _default = {
   utils: utils,
-  version: '1.7.2'
+  version: '1.8.0-rc.1'
 };
 exports.default = _default;

package/css/utils/dom/translate.js

@@ -6,20 +6,33 @@ exports.setTranslate3D = setTranslate3D;
 
 var _detect = require("./detect");
 
+var _config = require("../../config");
+
 var use3d;
 
+var getDirectionX = function getDirectionX(x) {
+  var xs = String(x);
+  var num = Number.parseFloat(xs);
+  var numStr = String(num);
+  var start = xs.indexOf(numStr) + numStr.length;
+  var u = xs.slice(start);
+  var result = String(((0, _config.isRTL)() ? -1 : 1) * num) + u;
+  return result;
+};
+
 function setTranslate(el, x, y) {
   var tn = (0, _detect.getTransformName)();
-  el.style[tn] = "translate(" + x + "," + y + ")";
+  el.style[tn] = "translate(" + getDirectionX(x) + "," + y + ")";
 }
 
 function setTranslate3D(el, x, y) {
   if (use3d === undefined) use3d = (0, _detect.has3d)();
   var tn = (0, _detect.getTransformName)();
+  var xd = getDirectionX(x);
 
   if (use3d) {
-    el.style[tn] = "translate3d(" + x + "," + y + ",0)";
+    el.style[tn] = "translate3d(" + xd + "," + y + ",0)";
   } else {
-    el.style[tn] = "translate(" + x + "," + y + ")";
+    el.style[tn] = "translate(" + xd + "," + y + ")";
   }
 }