shineout 3.5.6-beta.1 → 3.5.6-beta.11

package/cjs/index.js

@@ -507,5 +507,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.5.6-beta.1'
+  version: '3.5.6-beta.11'
 };

package/dist/shineout.js

@@ -12040,7 +12040,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.5.6-beta.1');
+/* harmony default export */ var version = ('3.5.6-beta.11');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -21777,7 +21777,7 @@ var popoverStyle = {
       },
       '&::after': {
         // left: arrowGap * -1,
-        left: "calc(".concat(hideArrowGap, " * -1)"),
+        right: "calc(".concat(hideArrowGap, " * -1)"),
         top: '0',
         bottom: '0',
         content: '" "',
@@ -23529,10 +23529,9 @@ var scale_circle_loop = function loop() {
   boxSizing: 'border-box',
   position: 'relative',
   borderStyle: 'solid',
-  borderColor: src.spinColor,
+  borderColor: "transparent ".concat(src.spinColor, " ").concat(src.spinColor, " ").concat(src.spinColor),
   borderRadius: '50%',
-  animation: '$ring 1s linear infinite',
-  borderTopColor: 'transparent'
+  animation: '$ring 1s linear infinite'
 });
 ;// CONCATENATED MODULE: ../shineout-style/src/spin/tree-bounce.ts
 
@@ -23959,16 +23958,66 @@ var stepsStyle = {
   small: {
     fontSize: src.stepsIconFontSize,
     '&$arrow': {
+      '& $step[dir=rtl]:after': {
+        left: -12
+      },
       '& $step:not(:last-child)': {
+        '&$widthDescription': {
+          '&:after': {
+            borderLeftWidth: 22,
+            borderTopWidth: 28,
+            borderBottomWidth: 28
+          },
+          '&:before': {
+            borderLeftWidth: 22,
+            borderTopWidth: 28,
+            borderBottomWidth: 28
+          },
+          '&[dir=ltr]:after': {
+            right: -22
+          },
+          '&[dir=rtl]:after': {
+            left: -22
+          }
+        },
+        '&[dir=rtl]:after': {
+          left: -12,
+          right: 'auto'
+        },
         '&:after': {
-          top: "calc(100% - 28px)",
-          width: 56,
-          height: 56
+          top: 0,
+          right: -12,
+          width: 12,
+          height: 32,
+          borderLeftWidth: 12,
+          borderTopWidth: 16,
+          borderBottomWidth: 16
+        },
+        '&:before': {
+          top: 0,
+          width: 12,
+          height: 32,
+          borderLeftWidth: 12,
+          borderTopWidth: 16,
+          borderBottomWidth: 16,
+          right: -12
+        },
+        '&[dir=rtl]:before': {
+          right: 0
+        }
+      },
+      '& $step:last-child': {
+        '&$widthDescription': {
+          '&:before': {
+            borderLeftWidth: 22,
+            borderTopWidth: 28,
+            borderBottomWidth: 28
+          }
         },
         '&:before': {
-          top: "calc(100% - 28px)",
-          width: 56,
-          height: 56
+          borderLeftWidth: 12,
+          borderTopWidth: 16,
+          borderBottomWidth: 16
         }
       },
       '& $content': {
@@ -24057,9 +24106,67 @@ var stepsStyle = {
   },
   large: {
     '&$arrow': {
-      '& $step': {
-        '&:after': {},
-        '&:before': {}
+      '& $step:not(:last-child)': {
+        '&$widthDescription': {
+          '&:after': {
+            top: 0,
+            width: 30,
+            height: 72,
+            borderLeftWidth: 30,
+            borderTopWidth: 36,
+            borderBottomWidth: 36
+          },
+          '&:before': {
+            borderLeftWidth: 30,
+            borderTopWidth: 36,
+            borderBottomWidth: 36
+          },
+          '&[dir=ltr]:after': {
+            right: -30
+          },
+          '&[dir=rtl]:after': {
+            left: -30
+          }
+        },
+        '&[dir=rtl]:after': {
+          left: -20,
+          right: 'auto'
+        },
+        '&[dir=rtl]:before': {
+          right: 0
+        },
+        '&:after': {
+          top: 0,
+          width: 20,
+          height: 48,
+          borderLeftWidth: 20,
+          borderTopWidth: 24,
+          borderBottomWidth: 24,
+          right: -20
+        },
+        '&:before': {
+          top: 0,
+          width: 20,
+          height: 48,
+          borderLeftWidth: 20,
+          borderTopWidth: 24,
+          borderBottomWidth: 24,
+          right: -20
+        }
+      },
+      '& $step:last-child': {
+        '&$widthDescription': {
+          '&:before': {
+            borderLeftWidth: 30,
+            borderTopWidth: 36,
+            borderBottomWidth: 36
+          }
+        },
+        '&:before': {
+          borderLeftWidth: 20,
+          borderTopWidth: 24,
+          borderBottomWidth: 24
+        }
       },
       '& $content': {
         padding: "".concat(src.stepsLargeArrowPaddingY, " ").concat(src.stepsLargeArrowPaddingX),
@@ -37909,7 +38016,7 @@ var FilterNode = function FilterNode(props) {
     onChange = props.onChange,
     onPathChange = props.onPathChange;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
-  var handleSelectItem = function handleSelectItem(index, e) {
+  var handleSelectItem = function handleSelectItem(index, d, e) {
     var isFinal = data && index === data.length - 1;
     if (shouldFinal && !isFinal) return;
     if (e) e.stopPropagation();
@@ -37919,13 +38026,13 @@ var FilterNode = function FilterNode(props) {
     var keys = data.slice(0, index + 1).map(function (i) {
       return datum.getKey(i);
     });
-    if (onChange) onChange(keys);
+    if (onChange) onChange(keys, d);
     onPathChange(datum.getKey(item), item, keys.slice(0, keys.length - 1), true);
     setInputText('');
     setFilterText('');
   };
   var handleSelect = function handleSelect() {
-    handleSelectItem(data.length - 1);
+    handleSelectItem(data.length - 1, data === null || data === void 0 ? void 0 : data[data.length - 1]);
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(styles.option, styles.filterOption),
@@ -37934,7 +38041,7 @@ var FilterNode = function FilterNode(props) {
       className: classnames_default()(styles.optionInner),
       children: data.map(function (item, index) {
         var handleClick = function handleClick(e) {
-          handleSelectItem(index, e);
+          handleSelectItem(index, item, e);
         };
         var isDisabled = datum.isDisabled(datum.getKey(item));
         var content = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -39153,6 +39260,13 @@ var result_Result = function Result(props) {
     }
     mounted.current = true;
   }, [focus, placeholder, multiple]);
+
+  // Select多选模式下，且开启了onFilter，自动聚焦
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (multiple && focus && inputRef !== null && inputRef !== void 0 && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [focus, multiple]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     handleResetMore();
   }, [valueProp, data]);
@@ -39556,12 +39670,13 @@ var Cascader = function Cascader(props0) {
       onClick: handleResultClick,
       children: defaultIcon
     });
+    var close = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: styles.clearIcon,
+      onClick: handleClear,
+      children: icons_config.cascader.Close
+    });
     return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        className: styles.clearIcon,
-        onClick: handleClear,
-        children: icons_config.cascader.Close
-      }), !open && !isEmpty && arrow]
+      children: [close, !open && !isEmpty && !focused && arrow]
     });
   };
   var renderIcon = function renderIcon() {
@@ -45075,11 +45190,23 @@ var DatePicker = function DatePicker(props0) {
         }
       } else {
         func.finishEdit();
+
+        // 如果是通过 props.open 控制的，那么需要在关闭时，将组件再次进入编辑状态
+        if (props.open === true) {
+          func.startEdit();
+        }
       }
       setIsCloseFromConfirm(false);
     }
     (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, isOpen);
   });
+
+  // 如果一开始就打开了板子，那么需要初始化让组件进入编辑状态
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (props.open) {
+      func.startEdit();
+    }
+  }, []);
   var _usePopup = use_popup({
       open: props.open,
       onCollapse: onCollapse,
@@ -47688,10 +47815,21 @@ var useForm = function useForm(props) {
     } else {
       var names = isArray(name) ? name : [name];
       names.forEach(function (key) {
-        var _context$updateMap$ke2, _context$flowMap$key;
-        (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
-          update(context.value, context.errors, context.serverErrors);
-        });
+        var _context$flowMap$key;
+        // 外部直接设置user.name这种格式的，但是又没有显性的声明user.name绑定的表单元素；
+        // 这里需要手动触发，否则会导致Input输入过程中光标跳到末尾的异常
+        if (!context.updateMap[key]) {
+          var _context$updateMap$pa;
+          var parentKey = key.split('.')[0];
+          (_context$updateMap$pa = context.updateMap[parentKey]) === null || _context$updateMap$pa === void 0 || _context$updateMap$pa.forEach(function (update) {
+            update(context.value, context.errors, context.serverErrors);
+          });
+        } else {
+          var _context$updateMap$ke2;
+          (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
+            update(context.value, context.errors, context.serverErrors);
+          });
+        }
         (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 || _context$flowMap$key.forEach(function (update) {
           update();
         });
@@ -56330,6 +56468,7 @@ var radio_group_Group = function Group(props0) {
         checked: datum.check(d),
         disabled: datum.disabledCheck(d),
         htmlValue: i,
+        size: size,
         onChange: handleIndexChange,
         renderRadio: renderRadio,
         children: getContent(d, i)
@@ -67186,7 +67325,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.6-beta.1'
+  version: '3.5.6-beta.11'
 });
 }();
 /******/ 	return __webpack_exports__;