@nutui/nutui-react 2.0.0-alpha.16 → 2.0.0-alpha.17

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.0.0-alpha.17
+`2023-06-14`
+
+* :bug: fix: searchbar shape=round 效果差的问题 (#1109) @xiaoyatong
+* :bug: fix: swipe 类型和文档优化 (#1122) @oasis-cloud
+* 🛠 refactor: form (#1118) @oasis-cloud
+* 📖 docs: 修改布局文档相关 @hanyuxinting
+* 📖 docs: 文档走查及问题修复 (#1123) @xiaoyatong
+* 📖 docs: 文档走查及问题修复-基础&布局组件(#1117) @Eiinu
+* 📖 docs: 文档走查及问题修复-导航组件 (#1119) @xiaoyatong
+
+
 # v2.0.0-alpha.16
 `2023-06-09`
 

package/dist/esm/ActionSheet/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-actionsheet{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.nut-actionsheet .nut-actionsheet__title{display:block;padding:10px;margin:0;background-color:var(--nutui-gray-6, #ffffff);border-bottom:1px solid var(--nutui-actionsheet-border-color, #f6f6f6);font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-actionsheet .nut-actionsheet__description{padding:10px;display:block;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-gray-2, #757575);margin-inline-start:0px}.nut-actionsheet .nut-actionsheet__list{display:block;list-style:none;padding:0;margin:0}.nut-actionsheet .nut-actionsheet__cancel,.nut-actionsheet .nut-actionsheet__item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-gray-6, #ffffff);cursor:pointer}.nut-actionsheet .nut-actionsheet__cancel-description,.nut-actionsheet .nut-actionsheet__item-description{display:block;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-actionsheet .nut-actionsheet__cancel.danger,.nut-actionsheet .nut-actionsheet__item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-brand-color, #fa2c19))}.nut-actionsheet .nut-actionsheet__cancel.disabled,.nut-actionsheet .nut-actionsheet__item.disabled{color:#e1e1e1!important;cursor:not-allowed}.nut-actionsheet .nut-actionsheet__cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, #f6f6f6)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-actionsheet{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.nut-actionsheet__title{display:block;padding:10px;margin:0;background-color:var(--nutui-gray-6, #ffffff);border-bottom:1px solid var(--nutui-actionsheet-border-color, #f6f6f6);font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-actionsheet__description{padding:10px;display:block;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-gray-2, #757575);margin-inline-start:0px}.nut-actionsheet__list{display:block;list-style:none;padding:0;margin:0}.nut-actionsheet__cancel,.nut-actionsheet__item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-gray-6, #ffffff);cursor:pointer}.nut-actionsheet__cancel-description,.nut-actionsheet__item-description{display:block;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-actionsheet__cancel.danger,.nut-actionsheet__item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-brand-color, #fa2c19))}.nut-actionsheet__cancel.disabled,.nut-actionsheet__item.disabled{color:#e1e1e1!important;cursor:not-allowed}.nut-actionsheet__cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, #f6f6f6)}

package/dist/esm/Button.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style"];
+var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "nativeType"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -37,12 +37,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
   block: false,
   icon: null,
+  nativeType: "button",
   onClick: function onClick(e) {
   }
 });
 var Button = React__default.forwardRef(function(props, ref) {
   var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, className = _defaultProps$props.className, style = _defaultProps$props.style, nativeType = _defaultProps$props.nativeType, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var getStyle = useCallback(function() {
     var style2 = {};
     if (props.color) {
@@ -68,6 +69,7 @@ var Button = React__default.forwardRef(function(props, ref) {
     // eslint-disable-next-line react/button-has-type
     React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
       ref,
+      type: nativeType,
       className: classNames(prefixCls, className, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames)),
       style: _objectSpread(_objectSpread({}, getStyle()), style),
       onClick: function onClick3(e) {

package/dist/esm/Divider/style/style.css

@@ -1 +1 @@
-.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-1, #1a1a1a));margin:var(--nutui-divider-margin, 16px 0);border:0 solid currentColor;width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider.nut-divider__center:before,.nut-divider.nut-divider__left:before,.nut-divider.nut-divider__right:before{margin-right:var(--nutui-divider-before-margin-right, 16px)}.nut-divider.nut-divider__center:after,.nut-divider.nut-divider__left:after,.nut-divider.nut-divider__right:after{margin-left:var(--nutui-divider-after-margin-left, 16px)}.nut-divider.nut-divider__left:before{max-width:10%}.nut-divider.nut-divider__right:after{max-width:10%}.nut-divider.nut-divider__hairline:before,.nut-divider.nut-divider__hairline:after{transform:scaleY(.5)}.nut-divider.nut-divider__vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-vertical-border-left, rgba(0, 0, 0, .06));margin:var(--nutui-divider-vertical-margin, 0 8px);width:auto}
+.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-1, #1a1a1a));margin:var(--nutui-divider-margin, 16px 0);border:0 solid currentColor;width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider__center:before,.nut-divider__left:before,.nut-divider__right:before{margin-right:var(--nutui-divider-before-margin-right, 16px)}.nut-divider__center:after,.nut-divider__left:after,.nut-divider__right:after{margin-left:var(--nutui-divider-after-margin-left, 16px)}.nut-divider__left:before{max-width:10%}.nut-divider__right:after{max-width:10%}.nut-divider__hairline:before,.nut-divider__hairline:after{transform:scaleY(.5)}.nut-divider__vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-vertical-border-left, rgba(0, 0, 0, .06));margin:var(--nutui-divider-vertical-margin, 0 8px);width:auto}

package/dist/esm/Form/style/index.js

@@ -1,2 +1,4 @@
-import '../../CellGroup/style'
+import '../../CellGroup/style'
+import '../../Cell/style'
+import '../../FormItem/style'
 import '../../../packages/form/form.scss'

package/dist/esm/Form/style/style.css

@@ -1 +1 @@
-.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}.form-layout-right .nut-form-item__label{text-align:right;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-left .nut-form-item__label{text-align:left;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item__label{padding-bottom:4px;display:block;font-size:14px;padding-right:24px}.form-layout-top .nut-form-item__body{margin-left:0}
+.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}.nut-form-item{display:flex}.nut-form-item:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-brand-color, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-brand-color, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-0, #000000);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 10px);color:var(--nutui-form-item-error-message-color, var(--nutui-brand-color, #fa2c19))}.form-layout-right .nut-form-item__label{text-align:right;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-left .nut-form-item__label{text-align:left;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item__label{padding-bottom:4px;display:block;font-size:14px;padding-right:24px}.form-layout-top .nut-form-item__body{margin-left:0}

package/dist/esm/Form.js

@@ -1,11 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "onFinish", "onFinishFailed", "labelPosition", "starPositon", "form"];
 function ownKeys(object4, enumerableOnly) {
   var keys = Object.keys(object4);
   if (Object.getOwnPropertySymbols) {
@@ -28,11 +26,11 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useRef } from "react";
+import classNames from "classnames";
 import { C as CellGroup } from "./cellgroup2.js";
-import { F as FormItemContext, a as FormItem } from "./formitem2.js";
+import { C as Context, F as FormItem } from "./formitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "classnames";
-import "./Cell.js";
+import Cell from "./Cell.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -1089,21 +1087,31 @@ Schema.validators = validators;
 var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
   var _this3 = this;
   _classCallCheck(this, FormStore2);
+  _defineProperty(this, "initialValues", {});
   _defineProperty(this, "store", {});
   _defineProperty(this, "fieldEntities", []);
   _defineProperty(this, "callbacks", {});
-  _defineProperty(this, "errList", []);
+  _defineProperty(this, "errors", []);
   _defineProperty(this, "registerField", function(field) {
     _this3.fieldEntities.push(field);
     return function() {
       _this3.fieldEntities = _this3.fieldEntities.filter(function(item) {
         return item != field;
       });
-      delete _this3.store[field.props.name];
+      if (_this3.store) {
+        delete _this3.store[field.props.name];
+      }
     };
   });
   _defineProperty(this, "getFieldValue", function(name) {
-    return _this3.store[name];
+    var _this3$store;
+    return (_this3$store = _this3.store) === null || _this3$store === void 0 ? void 0 : _this3$store[name];
+  });
+  _defineProperty(this, "setInitialValues", function(values, init) {
+    if (init) {
+      _this3.initialValues = values;
+      _this3.store = values;
+    }
   });
   _defineProperty(this, "setFieldsValue", function(newStore) {
     _this3.store = _objectSpread(_objectSpread({}, _this3.store), newStore);
@@ -1111,21 +1119,25 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
       var name = enetity.props.name;
       Object.keys(newStore).forEach(function(key) {
         if (key === name) {
-          enetity.onStoreChange();
+          enetity.onStoreChange("update");
         }
       });
     });
   });
+  _defineProperty(this, "setCallback", function(callback) {
+    _this3.callbacks = _objectSpread(_objectSpread({}, _this3.callbacks), callback);
+  });
   _defineProperty(this, "validate", function() {
     var err = [];
-    _this3.errList.length = 0;
+    _this3.errors.length = 0;
     _this3.fieldEntities.forEach(function(entity) {
+      var _this3$store2;
       var _entity$props = entity.props, name = _entity$props.name, _entity$props$rules = _entity$props.rules, rules2 = _entity$props$rules === void 0 ? [] : _entity$props$rules;
       var descriptor = {};
       if (rules2.length) {
         if (rules2.length > 1) {
           descriptor[name] = [];
-          rules2.map(function(v) {
+          rules2.forEach(function(v) {
             descriptor[name].push(v);
           });
         } else {
@@ -1133,38 +1145,38 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
         }
       }
       var validator = new Schema(descriptor);
-      validator.validate(_defineProperty({}, name, _this3.store[name]), function(errors) {
+      validator.messages();
+      validator.validate(_defineProperty({}, name, (_this3$store2 = _this3.store) === null || _this3$store2 === void 0 ? void 0 : _this3$store2[name]), function(errors) {
         if (errors) {
-          var _this3$errList;
+          var _this3$errors;
           err.push.apply(err, _toConsumableArray(errors));
-          (_this3$errList = _this3.errList).push.apply(_this3$errList, _toConsumableArray(errors));
+          (_this3$errors = _this3.errors).push.apply(_this3$errors, _toConsumableArray(errors));
         }
-        entity.onStoreChange();
+        entity.onStoreChange("validate");
       });
     });
     return err;
   });
-  _defineProperty(this, "setCallback", function(callback) {
-    _this3.callbacks = _objectSpread(_objectSpread({}, _this3.callbacks), callback);
-  });
   _defineProperty(this, "submit", function() {
-    var err = _this3.validate();
-    if (err.length === 0) {
+    var errors = _this3.validate();
+    if (errors.length === 0) {
       var _this3$callbacks$onFi, _this3$callbacks;
       (_this3$callbacks$onFi = (_this3$callbacks = _this3.callbacks).onFinish) === null || _this3$callbacks$onFi === void 0 ? void 0 : _this3$callbacks$onFi.call(_this3$callbacks, _this3.store);
-    } else if (err.length > 0) {
+    } else if (errors.length > 0) {
       var _this3$callbacks$onFi2, _this3$callbacks2;
-      (_this3$callbacks$onFi2 = (_this3$callbacks2 = _this3.callbacks).onFinishFailed) === null || _this3$callbacks$onFi2 === void 0 ? void 0 : _this3$callbacks$onFi2.call(_this3$callbacks2, err);
+      (_this3$callbacks$onFi2 = (_this3$callbacks2 = _this3.callbacks).onFinishFailed) === null || _this3$callbacks$onFi2 === void 0 ? void 0 : _this3$callbacks$onFi2.call(_this3$callbacks2, _this3.store, errors);
     }
   });
   _defineProperty(this, "resetFields", function() {
-    _this3.errList.length = 0;
-    _this3.fieldEntities.forEach(function(enetity) {
-      enetity.onStoreChange();
+    _this3.errors.length = 0;
+    _this3.store = _this3.initialValues;
+    _this3.fieldEntities.forEach(function(entity) {
+      entity.onStoreChange("reset");
     });
   });
   _defineProperty(this, "getForm", function() {
     return {
+      setInitialValues: _this3.setInitialValues,
       setCallback: _this3.setCallback,
       registerField: _this3.registerField,
       getFieldValue: _this3.getFieldValue,
@@ -1172,12 +1184,12 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
       resetFields: _this3.resetFields,
       submit: _this3.submit,
       store: _this3.store,
-      errList: _this3.errList,
+      errors: _this3.errors,
       fieldEntities: _this3.fieldEntities
     };
   });
   this.callbacks = {
-    onFinish: function onFinish2(value) {
+    onFinish: function onFinish2() {
     },
     onFinishFailed: function onFinishFailed2() {
     }
@@ -1196,52 +1208,56 @@ var useForm = function useForm2(form) {
   return [formRef.current];
 };
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
-  style: void 0,
-  form: {},
-  labelPosition: "Right",
-  formGroupTitle: "",
-  onFinish: function onFinish(obj) {
+  labelPosition: "right",
+  starPosition: "left",
+  onFinish: function onFinish(values) {
   },
-  onFinishFailed: function onFinishFailed(value) {
-  },
-  starPositon: "Left"
+  onFinishFailed: function onFinishFailed(values, errorFields) {
+  }
 });
 var PositionInfo = {
-  Top: "form-layout-top",
-  Left: "form-layout-left",
-  Right: "form-layout-right"
+  top: "form-layout-top",
+  left: "form-layout-left",
+  right: "form-layout-right"
 };
 var Form = function Form2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, onFinish2 = _defaultProps$props.onFinish, onFinishFailed2 = _defaultProps$props.onFinishFailed, labelPosition = _defaultProps$props.labelPosition, starPositon = _defaultProps$props.starPositon, form = _defaultProps$props.form, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var formInstance = {};
-  if (Object.keys(form).length !== 0) {
+  var classPrefix = "nut-form";
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, footer = _defaultProps$props.footer, children = _defaultProps$props.children, initialValues = _defaultProps$props.initialValues, onFinish2 = _defaultProps$props.onFinish, onFinishFailed2 = _defaultProps$props.onFinishFailed, labelPosition = _defaultProps$props.labelPosition, starPosition = _defaultProps$props.starPosition, form = _defaultProps$props.form;
+  var formInstance;
+  if (form !== void 0) {
     formInstance = form;
   } else {
     var _useForm = useForm();
     var _useForm2 = _slicedToArray(_useForm, 1);
     formInstance = _useForm2[0];
   }
-  formInstance.starPositon = starPositon;
-  var _formInstance = formInstance, setCallback = _formInstance.setCallback, submit = _formInstance.submit, resetFields = _formInstance.resetFields;
+  formInstance.starPosition = starPosition;
+  var _formInstance = formInstance, setCallback = _formInstance.setCallback, submit = _formInstance.submit, resetFields = _formInstance.resetFields, setInitialValues = _formInstance.setInitialValues;
   setCallback({
     onFinish: onFinish2,
     onFinishFailed: onFinishFailed2
   });
+  var mountRef = React__default.useRef(false);
+  setInitialValues(initialValues, !mountRef.current);
+  if (!mountRef.current) {
+    mountRef.current = true;
+  }
   return React__default.createElement("form", {
-    className: "nut-form ".concat(PositionInfo[labelPosition], " ").concat(props.className),
-    style: props.style,
+    className: classNames(classPrefix, className, PositionInfo[labelPosition]),
+    style,
     onSubmit: function onSubmit(e) {
       e.preventDefault();
+      e.stopPropagation();
       submit();
     },
     onReset: function onReset(e) {
       e.preventDefault();
+      e.stopPropagation();
       resetFields();
     }
-  }, React__default.createElement(CellGroup, null, React__default.createElement(FormItemContext.Provider, {
+  }, React__default.createElement(CellGroup, null, React__default.createElement(Context.Provider, {
     value: formInstance
-  }, children)));
+  }, children), footer ? React__default.createElement(Cell, null, footer) : null));
 };
 Form.defaultProps = defaultProps;
 Form.displayName = "NutForm";

package/dist/esm/FormItem/style/index.js

@@ -1,2 +1,2 @@
-import '../../Cell/style'
+
 import '../../../packages/formitem/formitem.scss'

package/dist/esm/FormItem/style/style.css

@@ -1 +1 @@
-.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:#e6e6e6}.nut-form-item{display:flex}.nut-form-item:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-brand-color, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-brand-color, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-0, #000000);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 10px);color:var(--nutui-form-item-error-message-color, var(--nutui-brand-color, #fa2c19))}
+.nut-form-item{display:flex}.nut-form-item:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-brand-color, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-brand-color, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-0, #000000);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 10px);color:var(--nutui-form-item-error-message-color, var(--nutui-brand-color, #fa2c19))}

package/dist/esm/FormItem.js

@@ -1,4 +1,4 @@
-import { a as FormItem } from "./formitem2.js";
+import { F as FormItem } from "./formitem2.js";
 import "react";
 import "./Cell.js";
 import "./typings.js";

package/dist/esm/InputNumber.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "disabled", "min", "max", "readonly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"];
+var _excluded = ["children", "disabled", "min", "max", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -32,7 +32,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
   min: 1,
   max: 9999,
-  readonly: false,
+  readOnly: false,
   allowEmpty: false,
   defaultValue: 0,
   step: 1,
@@ -42,7 +42,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var classPrefix = "nut-inputnumber";
 var InputNumber = function InputNumber2(props) {
   var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, disabled = _defaultProps$props.disabled, min = _defaultProps$props.min, max = _defaultProps$props.max, readonly = _defaultProps$props.readonly, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, allowEmpty = _defaultProps$props.allowEmpty, digits = _defaultProps$props.digits, step = _defaultProps$props.step, async = _defaultProps$props.async, className = _defaultProps$props.className, style = _defaultProps$props.style, formatter = _defaultProps$props.formatter, onPlus = _defaultProps$props.onPlus, onMinus = _defaultProps$props.onMinus, onOverlimit = _defaultProps$props.onOverlimit, onBlur = _defaultProps$props.onBlur, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, disabled = _defaultProps$props.disabled, min = _defaultProps$props.min, max = _defaultProps$props.max, readOnly = _defaultProps$props.readOnly, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, allowEmpty = _defaultProps$props.allowEmpty, digits = _defaultProps$props.digits, step = _defaultProps$props.step, async = _defaultProps$props.async, className = _defaultProps$props.className, style = _defaultProps$props.style, formatter = _defaultProps$props.formatter, onPlus = _defaultProps$props.onPlus, onMinus = _defaultProps$props.onMinus, onOverlimit = _defaultProps$props.onOverlimit, onBlur = _defaultProps$props.onBlur, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var inputRef = useRef("");
   var _usePropsValue = usePropsValue({
     value,
@@ -175,14 +175,14 @@ var InputNumber = function InputNumber2(props) {
   var focusValue = function focusValue2(e) {
     if (disabled)
       return;
-    if (readonly)
+    if (readOnly)
       return;
     onFocus && onFocus(e);
   };
   var burValue = function burValue2(e) {
     if (disabled)
       return;
-    if (readonly)
+    if (readOnly)
       return;
     var input = e.target;
     var value2 = input.valueAsNumber;
@@ -212,7 +212,7 @@ var InputNumber = function InputNumber2(props) {
     min,
     max,
     disabled,
-    readOnly: readonly,
+    readOnly,
     value: _checked,
     onInput: changeFormatValue,
     onBlur: burFormatValue,
@@ -222,7 +222,7 @@ var InputNumber = function InputNumber2(props) {
     min,
     max,
     disabled,
-    readOnly: readonly,
+    readOnly,
     value: _checked,
     onInput: changeValue,
     onBlur: burValue,

package/dist/esm/Pagination/style/style.css

@@ -1 +1 @@
-.nut-theme-dark .nut-pagination__prev,.nut-theme-dark .nut-pagination__item,.nut-theme-dark .nut-pagination__next{background:#141414;border:1px solid #141414}.nut-theme-dark .nut-pagination-simple{background:#0a0a0a}.nut-theme-dark .nut-pagination .simple-border{border-color:#828282}.nut-theme-dark .nut-pagination .disabled{background-color:#828282;color:var(--nutui-gray-3, #bfbfbf);border:1px solid #828282}.nut-theme-dark .nut-pagination.active{background:var(--nutui-dark-pagination-active-background-color, #fa2c19)}.nut-theme-dark .nut-pagination__contain .nut-pagination__item{background-color:#141414;border:1px solid #0a0a0a}.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-pagination-color, var(--nutui-brand-color, #fa2c19))}.nut-pagination__contain{display:flex}.nut-pagination__simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination__prev,.nut-pagination__item,.nut-pagination__next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-6, #ffffff);border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb);cursor:pointer}.nut-pagination__prev,.nut-pagination__item{border-right:none}.nut-pagination__prev,.nut-pagination__next{padding:var(--nutui-pagination-prev-next-padding, 0 11px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb)}.nut-pagination .active{color:var(--nutui-gray-6, #ffffff);border:none;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-gray-3, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}
+.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-pagination-color, var(--nutui-brand-color, #fa2c19))}.nut-pagination__contain{display:flex}.nut-pagination__simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination__prev,.nut-pagination__item,.nut-pagination__next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-6, #ffffff);border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb);cursor:pointer}.nut-pagination__prev,.nut-pagination__item{border-right:none}.nut-pagination__prev,.nut-pagination__next{padding:var(--nutui-pagination-prev-next-padding, 0 11px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb)}.nut-pagination .active{color:var(--nutui-gray-6, #ffffff);border:none;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-gray-3, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}

package/dist/esm/Picker.js

@@ -241,7 +241,6 @@ function useRefs() {
   return [refs.current, setRefs, reset];
 }
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  visible: false,
   title: "",
   options: [],
   value: [],
@@ -263,12 +262,28 @@ var InternalPicker = function InternalPicker2(props, ref) {
       (_props$onConfirm = props.onConfirm) === null || _props$onConfirm === void 0 ? void 0 : _props$onConfirm.call(props, setSelectedOptions(), val);
     }
   }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectedValue = _usePropsValue2[0], setSelectedValue = _usePropsValue2[1];
+  var _usePropsValue3 = usePropsValue({
+    value: props.visible,
+    defaultValue: false,
+    finalValue: false
+  }), _usePropsValue4 = _slicedToArray(_usePropsValue3, 2), innerVisible = _usePropsValue4[0], setInnerVisible = _usePropsValue4[1];
   var _useState13 = useState(selectedValue), _useState14 = _slicedToArray(_useState13, 2), innerValue = _useState14[0], setInnerValue = _useState14[1];
   var _useState15 = useState(0), _useState16 = _slicedToArray(_useState15, 2), columnIndex = _useState16[0], setColumnIndex = _useState16[1];
   var pickerRef = useRef(null);
   var _useRefs = useRefs(), _useRefs2 = _slicedToArray(_useRefs, 2), refs = _useRefs2[0], setRefs = _useRefs2[1];
   var _useState17 = useState([]), _useState18 = _slicedToArray(_useState17, 2), columnsList = _useState18[0], setColumnsList = _useState18[1];
   var isConfirmEvent = useRef(false);
+  var actions = {
+    open: function open() {
+      setInnerVisible(true);
+    },
+    close: function close() {
+      setInnerVisible(false);
+    }
+  };
+  useImperativeHandle(ref, function() {
+    return actions;
+  });
   var formatCascade = function formatCascade2(columns, values) {
     var formatted = [];
     var columnOptions = {
@@ -331,12 +346,12 @@ var InternalPicker = function InternalPicker2(props, ref) {
   };
   useEffect(function() {
     setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
-  }, [visible]);
+  }, [innerVisible]);
   useEffect(function() {
-    if (visible) {
+    if (innerVisible) {
       init();
     }
-  }, [options, visible]);
+  }, [options, innerVisible]);
   useEffect(function() {
     onChange && onChange(setSelectedOptions(), innerValue, columnIndex);
   }, [innerValue, columnsList]);
@@ -404,6 +419,7 @@ var InternalPicker = function InternalPicker2(props, ref) {
     }, 0);
   };
   var closePicker = function closePicker2() {
+    setInnerVisible(false);
     onClose && onClose(setSelectedOptions(), innerValue);
     afterClose && afterClose(setSelectedOptions(), innerValue, pickerRef);
   };
@@ -412,18 +428,22 @@ var InternalPicker = function InternalPicker2(props, ref) {
       className: "".concat(classPrefix, "__control")
     }, React__default.createElement("span", {
       className: "".concat(classPrefix, "__cancel-btn"),
-      onClick: function onClick() {
-        return closePicker();
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        closePicker();
       }
     }, locale.cancel), React__default.createElement("div", {
       className: "".concat(classPrefix, "__title")
     }, title || ""), React__default.createElement("span", {
       className: "".concat(classPrefix, "__confirm-btn"),
-      onClick: confirm
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        confirm();
+      }
     }, locale.confirm));
   };
-  return React__default.createElement(Popup, {
-    visible,
+  return React__default.createElement(React__default.Fragment, null, typeof children === "function" && children(selectedValue), React__default.createElement(Popup, {
+    visible: innerVisible,
     position: "bottom",
     afterClose: function afterClose2() {
       closePicker();
@@ -431,7 +451,7 @@ var InternalPicker = function InternalPicker2(props, ref) {
   }, React__default.createElement("div", _objectSpread({
     className: classes,
     style
-  }, rest), renderTitleBar(), children, React__default.createElement("div", {
+  }, rest), renderTitleBar(), typeof children !== "function" && children, React__default.createElement("div", {
     className: "".concat(classPrefix, "__panel"),
     ref: pickerRef
   }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function(item, index) {
@@ -447,7 +467,7 @@ var InternalPicker = function InternalPicker2(props, ref) {
       key: index,
       keyIndex: index
     });
-  }))));
+  })))));
 };
 var Picker = React__default.forwardRef(InternalPicker);
 var Picker$1 = Picker;

package/dist/esm/Popover.js

@@ -146,34 +146,34 @@ var Popover = function Popover2(props) {
     var skew = location.split("-")[1];
     var cross = 0;
     var parallel = 0;
-    if (Array.isArray(offset) && offset.length == 2) {
+    if (Array.isArray(offset) && offset.length === 2) {
       cross += +offset[1];
       parallel += +offset[0];
     }
     if (width) {
       if (["bottom", "top"].includes(direction)) {
-        var h = direction == "bottom" ? height + cross : -(contentHeight + cross);
+        var h = direction === "bottom" ? height + cross : -(contentHeight + cross);
         styles.top = "".concat(top + h, "px");
         if (!skew) {
           styles.left = "".concat(-(contentWidth - width) / 2 + left + parallel, "px");
         }
-        if (skew == "start") {
+        if (skew === "start") {
           styles.left = "".concat(left + parallel, "px");
         }
-        if (skew == "end") {
+        if (skew === "end") {
           styles.left = "".concat(right + parallel, "px");
         }
       }
       if (["left", "right"].includes(direction)) {
-        var contentW = direction == "left" ? -(contentWidth + cross) : width + cross;
+        var contentW = direction === "left" ? -(contentWidth + cross) : width + cross;
         styles.left = "".concat(left + contentW, "px");
         if (!skew) {
           styles.top = "".concat(top - contentHeight / 2 + height / 2 - 4 + parallel, "px");
         }
-        if (skew == "start") {
+        if (skew === "start") {
           styles.top = "".concat(top + parallel, "px");
         }
-        if (skew == "end") {
+        if (skew === "end") {
           styles.top = "".concat(top + height + parallel, "px");
         }
       }

package/dist/esm/Popup.js

@@ -93,6 +93,7 @@ var Popup = function Popup2(props) {
     }
   };
   var onHandleClickOverlay = function onHandleClickOverlay2(e) {
+    e.stopPropagation();
     if (closeOnOverlayClick) {
       var closed = onClickOverlay2 && onClickOverlay2(e);
       closed && close();

package/dist/esm/SearchBar.js

@@ -76,7 +76,7 @@ var SearchBar = function SearchBar2(props) {
   }, [autoFocus]);
   var renderField = function renderField2() {
     return React__default.createElement("input", {
-      className: "".concat(classPrefix, "__input ").concat(shape === "round" ? "".concat(classPrefix, "__round") : "", " ").concat(clearable ? "".concat(classPrefix, "__input-clear") : ""),
+      className: "".concat(classPrefix, "__input ").concat(clearable ? "".concat(classPrefix, "__input-clear") : ""),
       ref: searchRef,
       style: _objectSpread({}, props.style),
       value: value || "",
@@ -163,7 +163,7 @@ var SearchBar = function SearchBar2(props) {
     className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "__disabled") : "", "  ").concat(className || ""),
     style: _objectSpread({}, props.style)
   }, renderLeft(), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content")
+    className: "".concat(classPrefix, "__content ").concat(shape === "round" ? "".concat(classPrefix, "__round") : "")
   }, renderLeftIn(), renderField(), renderRightIn(), clearable && value && handleClear()), renderRight());
 };
 SearchBar.defaultProps = defaultProps;