shineout 3.4.3 → 3.4.4-beta.10

package/dist/shineout.js

@@ -2485,7 +2485,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 5661:
+/***/ 308:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -2536,14 +2536,14 @@ exports.jsxs = q;
 
 /***/ }),
 
-/***/ 7990:
+/***/ 3428:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (true) {
-  module.exports = __webpack_require__(5661);
+  module.exports = __webpack_require__(308);
 } else {}
 
 /***/ }),
@@ -2975,7 +2975,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof =
 
 /***/ }),
 
-/***/ 34:
+/***/ 3397:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -3047,7 +3047,7 @@ exports.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExte
 
 /***/ }),
 
-/***/ 2171:
+/***/ 597:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -3063,7 +3063,7 @@ exports.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExte
 
 
 var h = __webpack_require__(9787),
-  n = __webpack_require__(8753);
+  n = __webpack_require__(5420);
 function p(a, b) {
   return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
 }
@@ -3122,26 +3122,26 @@ exports.useSyncExternalStoreWithSelector = function (a, b, e, l, g) {
 
 /***/ }),
 
-/***/ 8753:
+/***/ 5420:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (true) {
-  module.exports = __webpack_require__(34);
+  module.exports = __webpack_require__(3397);
 } else {}
 
 /***/ }),
 
-/***/ 3107:
+/***/ 96:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (true) {
-  module.exports = __webpack_require__(2171);
+  module.exports = __webpack_require__(597);
 } else {}
 
 /***/ }),
@@ -6664,8 +6664,8 @@ var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 // EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.6/node_modules/@babel/runtime/helpers/typeof.js
 var helpers_typeof = __webpack_require__(2674);
 var typeof_default = /*#__PURE__*/__webpack_require__.n(helpers_typeof);
-// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(7990);
+// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(3428);
 ;// CONCATENATED MODULE: ../base/src/icons/icons.tsx
 
 
@@ -7198,7 +7198,7 @@ var hoist_non_react_statics_cjs = __webpack_require__(8082);
 var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs);
 // EXTERNAL MODULE: ../../node_modules/.pnpm/react-display-name@0.2.5/node_modules/react-display-name/lib/getDisplayName.js
 var getDisplayName = __webpack_require__(1469);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/theming@3.3.0_react@18.2.0/node_modules/theming/dist/theming.esm.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/theming@3.3.0_react@18.3.1/node_modules/theming/dist/theming.esm.js
 
 
 
@@ -11331,7 +11331,7 @@ var createCss = function createCss(jss) {
 var css_jss_esm_css = createCss();
 /* harmony default export */ var css_jss_esm = (css_jss_esm_css);
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/react-jss@10.9.2_react@18.2.0/node_modules/react-jss/dist/react-jss.esm.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/react-jss@10.9.2_react@18.3.1/node_modules/react-jss/dist/react-jss.esm.js
 
 
 
@@ -11984,7 +11984,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.4.3');
+/* harmony default export */ var version = ('3.4.4-beta.10');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12460,10 +12460,7 @@ var Token = {
   'Size-25': '50px',
   'Size-26': '52px',
   'Size-27': '54px',
-  'Size-28': '56px',
-  'Animation-duration-1': '0.1s',
-  'Animation-duration-2': '0.2s',
-  'Animation-duration-3': '0.3s'
+  'Size-28': '56px'
 };
 
 // @ts-ignore
@@ -19914,6 +19911,9 @@ var listStyle = {
     border: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor),
     borderRadius: src.listBorderRadius
   },
+  wrapperEmpty: {
+    justifyContent: 'center'
+  },
   wrapperSmall: {},
   wrapperLarge: {},
   wrapperStriped: {
@@ -25669,7 +25669,7 @@ var tabsStyle = {
   headerScrollBar: {
     position: 'absolute',
     background: src.tabsActiveFontColor,
-    transition: "left ".concat(CommonToken['Animation-duration-2'], " ease-in-out, top ").concat(CommonToken['Animation-duration-2'], " ease-in-out, width ").concat(CommonToken['Animation-duration-2'], " ease-in-out, height ").concat(CommonToken['Animation-duration-2'], " ease-in-out")
+    transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out"
   },
   header: {
     flex: 1,
@@ -26229,71 +26229,8 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     resize: 'vertical'
   },
   info: {
-    position: 'absolute',
-    zIndex: 1000,
-    '&[dir=ltr]': {
-      right: '0'
-    },
-    '&[dir=rtl]': {
-      left: '0'
-    },
-    '&$bottomLeft': {
-      right: 'auto'
-    },
-    '&$bottomRight': {
-      left: 'auto'
-    },
-    top: '100%',
-    transformOrigin: '100% 0',
-    marginTop: '10px',
-    animation: 'so-input-fade .16s ease-in',
-    maxWidth: '400px',
-    padding: '5px 8px',
     background: src.textareaInfoBackgroundColor,
-    borderRadius: src.textareaBorderRadius,
-    boxShadow: "0 0 0 1px ".concat(src.textareaBorderColor),
-    fontSize: '12px',
-    color: src.textareaInfoFontColor,
-    '&::before': {
-      display: 'block',
-      position: 'absolute',
-      bottom: '100%',
-      transform: 'rotate(45deg) translateY(3px)',
-      width: '6px',
-      height: '6px',
-      borderTop: "1px solid ".concat(src.textareaBorderColor),
-      borderLeft: "1px solid ".concat(src.textareaBorderColor),
-      background: 'inherit',
-      content: "'  '"
-    },
-    '&[dir=ltr]::before': {
-      right: '4px'
-    },
-    '&[dir=rtl]::before': {
-      left: '8px'
-    },
-    '&$bottomLeft::before': {
-      left: '8px',
-      right: 'auto'
-    },
-    '&$bottomRight::before': {
-      right: '4px',
-      left: 'auto'
-    }
-  },
-  bottomLeft: {
-    left: 0
-  },
-  bottomRight: {
-    right: 0
-  },
-  infoError: {
-    boxShadow: "0 0 0 1px ".concat(src.textareaInfoErrorBorderColor),
-    color: src.textareaInfoErrorFontColor,
-    background: src.textareaInfoErrorBackgroundColor,
-    '&::before': {
-      borderColor: src.textareaInfoErrorBorderColor
-    }
+    color: src.textareaInfoFontColor
   },
   shadow: {
     position: 'absolute',
@@ -29096,7 +29033,7 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
-    var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
+    var closestScrollContainer = absolute ? null : getClosestScrollContainer(parentElRef.current);
     var containerRect = rootContainer.getBoundingClientRect();
     var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
@@ -29314,7 +29251,7 @@ var usePositionStyle = function usePositionStyle(config) {
 // EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"}
 var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_ = __webpack_require__(5156);
 var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.1.3-alpha.0_react@18.2.0/node_modules/@shined/reactive/dist/chunk-IP2WBRUX.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.1.3-alpha.0_react@18.3.1/node_modules/@shined/reactive/dist/chunk-IP2WBRUX.js
 
 // src/vanilla/ref.ts
 function _array_like_to_array(arr, len) {
@@ -29765,9 +29702,9 @@ function produce(obj, draftHandler) {
   return snapshot;
 }
 
-// EXTERNAL MODULE: ../../node_modules/.pnpm/use-sync-external-store@1.2.2_react@18.2.0/node_modules/use-sync-external-store/shim/with-selector.js
-var with_selector = __webpack_require__(3107);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.1.3-alpha.0_react@18.2.0/node_modules/@shined/reactive/dist/index.js
+// EXTERNAL MODULE: ../../node_modules/.pnpm/use-sync-external-store@1.2.2_react@18.3.1/node_modules/use-sync-external-store/shim/with-selector.js
+var with_selector = __webpack_require__(96);
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.1.3-alpha.0_react@18.3.1/node_modules/@shined/reactive/dist/index.js
 
 // src/react/use-snapshot.ts
 
@@ -30137,22 +30074,23 @@ var getPopoverPosition = function getPopoverPosition(target) {
     var popupRect = popup === null || popup === void 0 ? void 0 : popup.getBoundingClientRect();
     if (verticalPoint > windowHeight / 2) position = 'top';else position = 'bottom';
 
+    // TODO: 暂时移除，另考虑方案
     // 如果渲染了弹出内容，则根据弹出内容宽度计算是否自动调整位置
-    if (popupRect) {
-      if ((popupRect === null || popupRect === void 0 ? void 0 : popupRect.width) / 2 > rect.left) {
-        position += '-left';
-      }
-      if ((popupRect === null || popupRect === void 0 ? void 0 : popupRect.width) / 2 > windowWidth - rect.right) {
-        position += '-right';
-      }
-    } else {
-      // 兜底计算
-      if (horizontalPoint > windowWidth * 0.6) {
-        position += '-right';
-      } else if (horizontalPoint < windowWidth * 0.4) {
-        position += '-left';
-      }
+    // if (popupRect && popupRect?.width) {
+    //   if (popupRect?.width / 2 > rect.left) {
+    //     position += '-left';
+    //   }
+    //   if (popupRect?.width / 2 > windowWidth - rect.right) {
+    //     position += '-right';
+    //   }
+    // } else {
+    // 兜底计算
+    if (horizontalPoint > windowWidth * 0.6) {
+      position += '-right';
+    } else if (horizontalPoint < windowWidth * 0.4) {
+      position += '-left';
     }
+    // }
   }
   return position;
 };
@@ -33017,6 +32955,7 @@ var useInputFormat = function useInputFormat(props) {
 
 
 
+
 function insertPoint(name) {
   var reg = /(\[\d+\])/gi;
   return name.replace(reg, function (s, m, i) {
@@ -33270,6 +33209,16 @@ var removeProps = function removeProps(target, remove) {
   }
   return a;
 };
+var getAllKeyPaths = function getAllKeyPaths(obj) {
+  var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.keys(obj).reduce(function (keys, key) {
+    var newKey = parentKey ? "".concat(parentKey, ".").concat(key) : key;
+    if (Array.isArray(obj[key])) {
+      return keys.concat(newKey);
+    }
+    return keys.concat(obj[key] !== null && typeof_default()(obj[key]) === 'object' ? getAllKeyPaths(obj[key], newKey) : newKey);
+  }, []);
+};
 ;// CONCATENATED MODULE: ../base/src/common/use-clear.ts
 
 var useClear = function useClear(props) {
@@ -33789,6 +33738,9 @@ var useTip = function useTip(props) {
     jssStyle = props.jssStyle;
   var config = useConfig();
   var dfp = config.direction === 'rtl' ? 'bottom-right' : 'bottom-left';
+  if (typeof popover === 'string') {
+    dfp = popover;
+  }
   var styles = popoverProps !== null && popoverProps !== void 0 && popoverProps.style && popoverProps !== null && popoverProps !== void 0 && (_popoverProps$style = popoverProps.style) !== null && _popoverProps$style !== void 0 && _popoverProps$style.width ? popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.style : Object.assign({
     minWidth: 200,
     maxWidth: 400
@@ -34009,7 +33961,16 @@ var input_Input = function Input(props) {
   var forwardProps = removeProps(commonProps, objectSpread2_default()({}, inputFormatParams));
   return /*#__PURE__*/(0,jsx_runtime.jsx)(simple_input, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, forwardProps), inputFormatProps), {}, {
     value: (_inputFormatProps$val = inputFormatProps.value) !== null && _inputFormatProps$val !== void 0 ? _inputFormatProps$val : '',
-    hasSuffix: !!props.suffix
+    hasSuffix: !!props.suffix,
+    onKeyDown: function onKeyDown(e) {
+      var _props$onKeyDown;
+      if (e.key === 'Enter' && !e.defaultPrevented) {
+        var _props$onChange;
+        var value = e.target.value;
+        (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value);
+      }
+      (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 || _props$onKeyDown.call(props, e);
+    }
   }));
 };
 /* harmony default export */ var base_src_input_input = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().memo(input_Input));
@@ -37794,9 +37755,6 @@ var result_Result = function Result(props) {
 
 
 
-var preventDefault = function preventDefault(e) {
-  e.preventDefault();
-};
 var Cascader = function Cascader(props0) {
   var _jssStyle$cascader;
   var props = use_with_form_config(props0);
@@ -38397,11 +38355,6 @@ var Cascader = function Cascader(props0) {
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,
     ref: targetRef,
-    onMouseDown: function onMouseDown(e) {
-      if (focused && e.target !== inputRef.current) {
-        e.preventDefault();
-      }
-    },
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       adjust: adjust,
       focus: open,
@@ -38421,7 +38374,6 @@ var Cascader = function Cascader(props0) {
         type: "scale-y",
         duration: 'fast',
         style: pickerWrapperStyle,
-        onMouseDown: preventDefault,
         children: renderPanel()
       })
     })]
@@ -38931,14 +38883,37 @@ function useFormControl(props) {
     var errors = arguments.length > 1 ? arguments[1] : undefined;
     var severErrors = arguments.length > 2 ? arguments[2] : undefined;
     if (!name) return;
-    var value = getValue(name, formValue);
-    var error = getError(name, errors, severErrors);
-    if (error !== errorState) {
-      setErrorState(error);
-    }
-    if (!shallowEqual(value, latestInfo.valueState)) {
-      setValueState(value);
-      latestInfo.valueState = value;
+    if (isArray(name)) {
+      var _value = getValue(name, formValue);
+      var _error = getError(name, errors, severErrors);
+      if (_error !== errorState) {
+        setErrorState(_error);
+      }
+      // format defaultValue
+      var dv = isArray(defaultValue) ? defaultValue : [];
+      var nextValue = [];
+      name.forEach(function (n, index) {
+        if (_value[index] === undefined && dv[index] !== undefined) {
+          nextValue[index] = dv[index];
+        } else {
+          nextValue[index] = _value[index];
+        }
+      });
+      setValueState(nextValue);
+    } else {
+      var _value2 = getValue(name, formValue);
+      var _error2 = getError(name, errors, severErrors);
+      if (_error2 !== errorState) {
+        setErrorState(_error2);
+      }
+      if (!shallowEqual(_value2, latestInfo.valueState)) {
+        if (_value2 === undefined && defaultValue !== undefined) {
+          setValueState(defaultValue);
+        } else {
+          setValueState(_value2);
+        }
+        latestInfo.valueState = _value2;
+      }
     }
   });
   var validateFiled = use_persist_fn(function (name, v, formV) {
@@ -39461,8 +39436,18 @@ var useListSelectMultiple = function useListSelectMultiple(props) {
 
 
 
+var defaultFormat = function defaultFormat(d) {
+  return d;
+};
+var defaultRenderItem = function defaultRenderItem(d) {
+  return d;
+};
 var checkbox_group_Group = function Group(props0) {
   var _jssStyle$checkbox;
+  var _props0$format = props0.format,
+    format = _props0$format === void 0 ? defaultFormat : _props0$format,
+    _props0$renderItem = props0.renderItem,
+    renderItem = _props0$renderItem === void 0 ? defaultRenderItem : _props0$renderItem;
   var props = use_with_form_config(props0);
   var children = props.children,
     className = props.className,
@@ -39486,7 +39471,7 @@ var checkbox_group_Group = function Group(props0) {
     prediction: props.prediction,
     separator: props.separator,
     disabled: disabled,
-    format: props.format,
+    format: format,
     keygen: props.keygen,
     data: props.data || []
   };
@@ -39506,7 +39491,6 @@ var checkbox_group_Group = function Group(props0) {
     return datum.check(d);
   });
   var getContent = function getContent(d, index) {
-    var renderItem = props.renderItem;
     if (typeof renderItem === 'string' && d) {
       return d[renderItem];
     }
@@ -39553,14 +39537,6 @@ var checkbox_group_Group = function Group(props0) {
     });
   }
 };
-checkbox_group_Group.defaultProps = {
-  format: function format(d) {
-    return d;
-  },
-  renderItem: function renderItem(d) {
-    return d;
-  }
-};
 /* harmony default export */ var checkbox_group = (checkbox_group_Group);
 ;// CONCATENATED MODULE: ./src/checkbox/group.tsx
 
@@ -43252,7 +43228,6 @@ var Picker = function Picker(props) {
     var index = position === 'end' ? 1 : 0;
     var mode = props.mode[index];
     var commonProps = {
-      key: position,
       options: options,
       value: dateArr[index],
       current: currentArr[index],
@@ -43290,13 +43265,13 @@ var Picker = function Picker(props) {
       secondStep: props.secondStep
     };
     if (mode === 'quarter') {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(quarter, objectSpread2_default()({}, commonProps));
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(quarter, objectSpread2_default()({}, commonProps), position);
     }
     if (mode === 'year') {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(year, objectSpread2_default()({}, commonProps));
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(year, objectSpread2_default()({}, commonProps), position);
     }
     if (mode === 'month') {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(month, objectSpread2_default()({}, commonProps));
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(month, objectSpread2_default()({}, commonProps), position);
     }
     if (mode === 'day') {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(day, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, commonProps), timeProps), {}, {
@@ -43318,12 +43293,12 @@ var Picker = function Picker(props) {
             }
           }
         }
-      }));
+      }), position);
     }
     if (mode === 'time') {
-      return /*#__PURE__*/(0,jsx_runtime.jsx)(time, objectSpread2_default()(objectSpread2_default()({}, commonProps), timeProps));
+      return /*#__PURE__*/(0,jsx_runtime.jsx)(time, objectSpread2_default()(objectSpread2_default()({}, commonProps), timeProps), position);
     }
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(day, objectSpread2_default()(objectSpread2_default()({}, commonProps), timeProps));
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(day, objectSpread2_default()(objectSpread2_default()({}, commonProps), timeProps), position);
   };
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: styles === null || styles === void 0 ? void 0 : styles.pickerBox,
@@ -43377,7 +43352,7 @@ var Picker = function Picker(props) {
 
 var date_picker_verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right'];
 var date_picker_horizontalPosition = ['left-top', 'left-bottom', 'right-top', 'right-bottom'];
-var date_picker_preventDefault = function preventDefault(e) {
+var preventDefault = function preventDefault(e) {
   e.preventDefault();
 };
 var DatePicker = function DatePicker(props0) {
@@ -43620,7 +43595,7 @@ var DatePicker = function DatePicker(props0) {
         type: 'fade',
         duration: 'fast',
         show: open,
-        onMouseDown: date_picker_preventDefault,
+        onMouseDown: preventDefault,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)(picker, {
           setTargetArr: func.setTargetArr,
           dateArr: dateArr,
@@ -45298,7 +45273,7 @@ var textarea_defaultInfo = function defaultInfo(num, msg) {
   return new Error(text);
 };
 var textarea_Textarea = function Textarea(props0) {
-  var _jssStyle$textarea, _ref, _ref2;
+  var _jssStyle$textarea, _ref, _ref2, _infoState$error;
   var props = use_with_form_config(props0);
   var info = props.info,
     suffix = props.suffix,
@@ -45389,36 +45364,48 @@ var textarea_Textarea = function Textarea(props0) {
 
   // forwardProps
   var forwardProps = removeProps(resetProps, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, inputAbleParams), autosizeParams), tipProps), formatParams), innerTitleProps));
-  var getInfo = function getInfo() {
+  var getInfoState = function getInfoState() {
     var notNumber = typeof info !== 'number';
     if (typeof info !== 'function' && typeof_default()(info) !== 'object' && notNumber) return null;
     var infoContent;
-    var infoPosition;
     if (typeof_default()(info) === 'object') {
       infoContent = info.content;
-      infoPosition = info.position;
     } else {
       infoContent = info;
     }
     var notContentNumber = typeof infoContent !== 'number';
     var textInfo = notContentNumber ? infoContent : textarea_defaultInfo.bind(null, infoContent);
-    var res = textInfo(inputAbleProps.value);
-    // empty
-    if (!res) return null;
-    var isError = res instanceof Error;
-    var text = isError ? res.message : res;
+    var error = textInfo(inputAbleProps.value);
+    if (!error) return null;
+    var isError = error instanceof Error;
+    var text = isError ? error.message : error;
     if (!isError && !focused) return null;
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    return {
+      text: text,
+      error: error
+    };
+  };
+  var infoState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(getInfoState, [info, inputAbleProps.value, focused]);
+  var infoPopoverProps = {
+    popover: resetProps.popover || (typeof_default()(info) === 'object' ? info.position : 'bottom-right'),
+    popoverProps: Object.assign({
       style: {
-        minWidth: 'auto'
-      },
-      dir: config.direction,
-      className: classnames_default()(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.info, !!isError && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.infoError), infoPosition === 'bottom-left' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.bottomLeft), infoPosition === 'bottom-right' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.bottomRight)),
-      children: text
-    }, 'info');
+        width: 'auto'
+      }
+    }, resetProps.popoverProps),
+    error: infoState !== null && infoState !== void 0 && infoState.error && (infoState === null || infoState === void 0 ? void 0 : infoState.error) instanceof Error ? infoState === null || infoState === void 0 || (_infoState$error = infoState.error) === null || _infoState$error === void 0 ? void 0 : _infoState$error.message : undefined,
+    tip: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.info,
+      children: infoState === null || infoState === void 0 ? void 0 : infoState.text
+    })
   };
+  var infoPopoverNode = use_tip(objectSpread2_default()(objectSpread2_default()({}, infoPopoverProps), {}, {
+    focused: focused,
+    rootRef: rootRef,
+    jssStyle: jssStyle
+  }));
   var mergeSuffix = /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-    children: [suffix, getInfo(), tipNode, isFunc(renderFooter) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: [suffix, tipNode, (infoState === null || infoState === void 0 ? void 0 : infoState.text) && infoPopoverNode, isFunc(renderFooter) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       onMouseDown: function onMouseDown(e) {
         e.preventDefault();
       },
@@ -46175,11 +46162,13 @@ var useForm = function useForm(props) {
         }
       });
     });
-    var keys = Object.keys(vals);
-    keys.forEach(function (key) {
+
+    // 获取vals的所有key,包括嵌套对象的key
+    var fullKeyPaths = getAllKeyPaths(vals);
+    fullKeyPaths.forEach(function (key) {
       delete context.serverErrors[key];
     });
-    update(keys);
+    update(fullKeyPaths);
   });
   var getErrors = use_persist_fn(function () {
     return context.errors;
@@ -46261,10 +46250,12 @@ var useForm = function useForm(props) {
   });
   var handleSubmit = function handleSubmit(other) {
     return function (e) {
-      var _other$onSubmit;
       e.preventDefault();
-      submit();
-      other === null || other === void 0 || (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 || _other$onSubmit.call(other, e);
+      setTimeout(function () {
+        var _other$onSubmit;
+        submit();
+        other === null || other === void 0 || (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 || _other$onSubmit.call(other, e);
+      }, 10);
     };
   };
   var validateFieldset = function validateFieldset(name) {
@@ -51254,9 +51245,6 @@ var ColumnsList = function ColumnsList(props) {
 
 
 
-var select_preventDefault = function preventDefault(e) {
-  e.preventDefault();
-};
 function Select(props0) {
   var _jssStyle$select;
   var props = use_with_form_config(props0);
@@ -51897,11 +51885,6 @@ function Select(props0) {
     onKeyUp: handleKeyUp,
     onBlur: handleBlur,
     onFocus: handleFocus,
-    onMouseDown: function onMouseDown(e) {
-      if (focused && e.target !== inputRef.current) {
-        e.preventDefault();
-      }
-    },
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
@@ -51920,7 +51903,6 @@ function Select(props0) {
         show: open,
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
         onAnimationAfterEnter: onAnimationAfterEnter,
-        onMouseDown: select_preventDefault,
         display: 'block',
         type: "scale-y"
         // type='fade'
@@ -52658,6 +52640,7 @@ var list_list_List = function List(props) {
     _props$pagination = props.pagination,
     pagination = _props$pagination === void 0 ? {} : _props$pagination;
   var listClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$list = _props$jssStyle.list) === null || _props$jssStyle$list === void 0 ? void 0 : _props$jssStyle$list.call(_props$jssStyle);
+  var isEmpty = !isArray(data) || data.length <= 0;
   var inputAble = useInputAble({
     value: props.value,
     onChange: props.onChange,
@@ -52781,6 +52764,7 @@ var list_list_List = function List(props) {
     }
   });
   var renderList = function renderList() {
+    if (isEmpty) return null;
     if (props.fixed) return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
         data: columnData,
@@ -52810,7 +52794,7 @@ var list_list_List = function List(props) {
       }), renderFooter()]
     });
   };
-  var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
+  var wrapperClass = classnames_default()(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, isEmpty && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperEmpty), props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
   var wrapperStyle = objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
     height: props.height
   });
@@ -52840,7 +52824,8 @@ var list_jssStyle = {
   checkbox: useCheckboxStyle,
   empty: useEmptyStyle,
   spin: useSpinStyle,
-  image: useImageStyle
+  image: useImageStyle,
+  select: useSelectStyle
 };
 /* harmony default export */ var src_list_list_0 = (function (props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_list_list, objectSpread2_default()({
@@ -54577,8 +54562,18 @@ var useListSelectSingle = function useListSelectSingle(props) {
 
 
 
+var radio_group_defaultFormat = function defaultFormat(d) {
+  return d;
+};
+var radio_group_defaultRenderItem = function defaultRenderItem(d) {
+  return d;
+};
 var radio_group_Group = function Group(props0) {
   var _jssStyle$radio;
+  var _props0$format = props0.format,
+    format = _props0$format === void 0 ? radio_group_defaultFormat : _props0$format,
+    _props0$renderItem = props0.renderItem,
+    renderItem = _props0$renderItem === void 0 ? radio_group_defaultRenderItem : _props0$renderItem;
   var props = use_with_form_config(props0);
   var children = props.children,
     className = props.className,
@@ -54602,7 +54597,7 @@ var radio_group_Group = function Group(props0) {
     onChange: inputAbleProps.onChange,
     prediction: props.prediction,
     disabled: disabled,
-    format: props.format,
+    format: format,
     keygen: props.keygen,
     data: props.data || []
   };
@@ -54617,7 +54612,6 @@ var radio_group_Group = function Group(props0) {
     return datum.check(d);
   });
   var getContent = function getContent(d, index) {
-    var renderItem = props.renderItem;
     if (typeof renderItem === 'string') {
       return d[renderItem];
     }
@@ -54692,14 +54686,6 @@ var radio_group_Group = function Group(props0) {
     children: Radios
   });
 };
-radio_group_Group.defaultProps = {
-  format: function format(d) {
-    return d;
-  },
-  renderItem: function renderItem(d) {
-    return d;
-  }
-};
 /* harmony default export */ var radio_group = (radio_group_Group);
 ;// CONCATENATED MODULE: ./src/radio/group.tsx
 
@@ -58615,6 +58601,22 @@ var emptyRef = {
   var mirrorScrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tableRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var browserScrollbarWidth = useScrollbarWidth();
+  var getSpinConfig = function getSpinConfig() {
+    if (typeof_default()(config.spin) === 'object') {
+      return objectSpread2_default()({
+        size: 24
+      }, config.spin);
+    }
+    if (typeof config.spin === 'string') {
+      return {
+        name: config.spin,
+        size: 24
+      };
+    }
+    return {
+      size: 24
+    };
+  };
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       emptyHeight: 0
     }),
@@ -58993,10 +58995,9 @@ var emptyRef = {
     if (!props.loading) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.loading),
-      children: props.loading === true ? /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
-        jssStyle: props.jssStyle,
-        size: 24
-      }) : props.loading
+      children: props.loading === true ? /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, objectSpread2_default()({
+        jssStyle: props.jssStyle
+      }, getSpinConfig())) : props.loading
     });
   };
   var renderPagination = function renderPagination() {
@@ -61095,9 +61096,6 @@ var useTreeSelect = function useTreeSelect(props) {
 
 
 
-var tree_select_preventDefault = function preventDefault(e) {
-  e.preventDefault();
-};
 var TreeSelect = function TreeSelect(props0) {
   var _jssStyle$treeSelect;
   var props = use_with_form_config(props0);
@@ -61654,11 +61652,6 @@ var TreeSelect = function TreeSelect(props0) {
     onBlur: handleBlur,
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,
-    onMouseDown: function onMouseDown(e) {
-      if (focused && e.target !== inputRef.current) {
-        e.preventDefault();
-      }
-    },
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       adjust: adjust,
       focus: open,
@@ -61672,7 +61665,6 @@ var TreeSelect = function TreeSelect(props0) {
       parentElRef: targetRef,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
         onRef: popupRef,
-        onMouseDown: tree_select_preventDefault,
         show: open,
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
         display: 'block',
@@ -65268,7 +65260,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.3'
+  version: '3.4.4-beta.10'
 });
 }();
 /******/ 	return __webpack_exports__;