@nutui/nutui-react 1.4.7 → 1.4.8-beta.0

package/CHANGELOG.md

@@ -1,3 +1,47 @@
+# v1.4.8
+`2023-02-15`
+
+* :sparkles: feat(configprovider): demo 增加国际化 (#706) @eiinu
+* :sparkles: feat(rate): demo 增加国际化 (#704) @eiinu
+* :sparkles: feat(shortpassword): demo 增加国际化 (#705) @eiinu
+* :sparkles: feat(shortpassword): 支持自动聚焦 (#693) @Kason Yang
+* :sparkles: feat(sidenavbar): demo 增加国际化 (#709) @eiinu
+* :sparkles: feat(switch): demo 增加国际化 (#708) @eiinu
+* :sparkles: feat(tag): demo 增加国际化 (#707) @eiinu
+* :sparkles: feat: badge组件增加元素提取，增加徽章border设置，完善文档，补充多语言支持 (#697) @xiaoyatong
+* :sparkles: feat: calendar 适配taro 功能增强 (#715) @xiaoyatong
+* :sparkles: feat: cascader 增加checkedIcon属性，增加视觉元素提取，增加自定义样式demo (#719) @xiaoyatong
+* :sparkles: feat: checkbox 增加group样式 (#721) @xiaoyatong
+* :sparkles: feat: collapse 提取变量，增加多语言支持，补充demo (#691) @xiaoyatong
+* :sparkles: feat: inputnumber 增加 buttons 的样式，提取元素变量，增加demo (#685) @xiaoyatong
+* :sparkles: feat: popover 增加交互样式，提取元素变量 (#681) @xiaoyatong
+* :sparkles: feat: steps组件调整样式布局，增加点状样式等，提取元素变量，增加demo (#712) @xiaoyatong
+* :sparkles: feat: swipe 组件对外暴露 open 和 close 方法，优化 taro 版本下 width 的计算时机 (#714) @oasis-cloud
+* :sparkles: feat: tabbar 组件增加受控的 activeVisible 属性 (#711) @oasis-cloud
+* :sparkles: feat: tabs 组件增加 leftAlign 属性；提取视觉元素变量；修复disable 时有 active 状态的问题 (#674) @xiaoyatong
+* :sparkles: feat: textarea 提取元素变量，增加demo演示 (#688) @xiaoyatong
+* :sparkles: feat: 多个组件 demo 完善国际化 (#710) @eiinu
+* :sparkles: feat: 新增form-item的validator校验和重置提示状态功能 (#689) @junjun666
+* :sparkles: feat: 新增taro uploader的multiple属性 (#686) @junjun666
+* :sparkles: feat: 新增表单组件Form.useForm()创建form控制实例的功能 (#679) @junjun666
+* :bug: fix(layout): 修复布局组件 `Row` 和 `Col` 的 className 设置问题 (#683) @AnteeHub
+* :bug: fix: badge初始化classname (#722) @xiaoyatong
+* :bug: fix: button plain的样式 (#678) @xiaoyatong
+* :bug: fix: cascader 没有传递 ref 参数 (#699) @oasis-cloud
+* :bug: fix: checkboxgroup组件通过options渲染时组件选中值反填问题 (#680) @cuicuiworld
+* :bug: fix: ellipsis 展开和关闭操作应该阻止事件冒泡 (#700) @oasis-cloud
+* :bug: fix: radio 支持 换行 (#675) @xiaoyatong
+* :bug: fix: switch 组件的元素变量修改 (#690) @xiaoyatong
+* :bug: fix: textarea 禁用状态仍然可以输入 (#687) @oasis-cloud
+* :bug: fix: 修复 taro 版本中 dialog 组件的 lockScroll 属性，重构 taro 版本的 dialog 类型，去掉函数调… (#702) @oasis-cloud
+* :bug: fix: 修改taro的inputnumber输入框键盘输入异常问题 (#703) @junjun666
+* :bug: fix: 类型错误，修复 @hanyuxinting
+* 🔨 chore: button 组件增加 opentype 示例 @oasis-cloud
+* 🔨 chore: 统一 classnames 导出名称 (#684) @eiinu
+* 🔨 chore: 重构h5和taro环境下 barrage组件代码并修复loop循环的问题 (#717) @junjun666
+* 📖 docs: dialog 组件的 taro 文档去掉函数调用方式 (#677) @oasis-cloud
+
+
 # v1.4.7
 `2023-02-15`
 

package/dist/esm/Badge.js

@@ -5,6 +5,7 @@ import React__default from 'react';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
   value: '',
   dot: false,
   max: 10000,

package/dist/esm/Barrage.js

@@ -11,7 +11,7 @@ var defaultProps = {
   barrageList: [],
   frequency: 500,
   loop: true,
-  speeds: 2000,
+  speeds: 3000,
   rows: 3,
   top: 10
 };
@@ -36,27 +36,38 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     return {
       add: function add(word) {
         var _index = index.current % barrageList.length;
-        barrageList.splice(_index, 0, word);
+        if (!loop && index.current === barrageList.length) {
+          barrageList.splice(barrageList.length, 0, word);
+        } else {
+          barrageList.splice(_index, 0, word);
+        }
       }
     };
   });
   useEffect(function () {
     if (barrageBody.current) {
       barrageCWidth.current = barrageBody.current.offsetWidth;
-      run();
     }
+    setTimeout(function () {
+      var _barrageBody$current;
+      (_barrageBody$current = barrageBody.current) === null || _barrageBody$current === void 0 ? void 0 : _barrageBody$current.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
+      index.current = 0;
+      run();
+    }, 300);
     return function () {
       clearInterval(timer.current);
     };
   }, [barrageList]);
   var run = function run() {
     clearInterval(timer.current);
-    timer.current = window.setInterval(function () {
+    timer.current = window.setTimeout(function () {
       play();
-      run();
     }, frequency);
   };
   var play = function play() {
+    if (!loop && index.current >= barrageList.length) {
+      return;
+    }
     var _index = loop ? index.current % barrageList.length : index.current;
     var el = document.createElement("div");
     el.innerHTML = barrageList[_index];
@@ -68,12 +79,11 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     el.style.animationDuration = "".concat(speeds, "ms");
     el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
     el.style.width = "".concat(width, "px");
-    el.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
-    el.dataset.index = "".concat(_index);
     el.addEventListener('animationend', function () {
       barrageContainer.current.removeChild(el);
     });
     index.current++;
+    run();
   };
   return React__default.createElement("div", _objectSpread({
     className: classes,

package/dist/esm/Cascader.js

@@ -10,11 +10,11 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useEffect, useState } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import Popup from './Popup.js';
-import { T as Tabs } from './tabs-ee05fd2f.js';
-import { T as TabPane } from './tabpane-9b8ca8a8.js';
+import { T as Tabs } from './tabs-5fe5fd90.js';
+import { T as TabPane } from './tabpane-15f62234.js';
 import { I as Icon } from './icon-2242973e.js';
 import { c as cn } from './bem-893ad28d.js';
 import './Icon.js';
@@ -31,12 +31,14 @@ var defaultProps$1 = {
   },
   activeColor: '#fa2c19',
   checked: false,
+  checkedIcon: 'checklist',
   chooseItem: function chooseItem() {}
 };
-var InternalCascaderItem = function InternalCascaderItem(props) {
+var InternalCascaderItem = function InternalCascaderItem(props, ref) {
   var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
     data = _defaultProps$1$props.data,
     checked = _defaultProps$1$props.checked,
+    checkedIcon = _defaultProps$1$props.checkedIcon,
     chooseItem = _defaultProps$1$props.chooseItem,
     activeColor = _defaultProps$1$props.activeColor;
   var b = cn('cascader-item');
@@ -45,12 +47,6 @@ var InternalCascaderItem = function InternalCascaderItem(props) {
     disabled: data.disabled
   }, b(''));
   var classesTitle = classNames(_defineProperty({}, "".concat(b(''), "__title"), true));
-  useEffect(function () {
-    initData();
-  }, [data]);
-  var initData = function initData() {
-    // console.log('------data', data)
-  };
   return React__default.createElement("div", {
     style: {
       color: checked ? activeColor : ''
@@ -67,7 +63,7 @@ var InternalCascaderItem = function InternalCascaderItem(props) {
     name: "loading"
   }) : React__default.createElement(Icon, {
     className: "".concat(checked ? b('icon-check') : ''),
-    name: "checklist"
+    name: checked ? checkedIcon : ''
   }));
 };
 var CascaderItem = React__default.forwardRef(InternalCascaderItem);
@@ -228,6 +224,7 @@ var defaultProps = _objectSpread({
   className: '',
   style: {},
   activeColor: '#fa2c19',
+  checkedIcon: 'checklist',
   tabsColor: '',
   poppable: true,
   visible: false,
@@ -247,7 +244,7 @@ var defaultProps = _objectSpread({
   onChange: function onChange() {},
   onPathChange: function onPathChange() {}
 }, Popup.defaultProps);
-var InternalCascader = function InternalCascader(props) {
+var InternalCascader = function InternalCascader(props, ref) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
@@ -275,8 +272,8 @@ var InternalCascader = function InternalCascader(props) {
     setTabvalue = _useState2[1];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    optiosData = _useState4[0],
-    setOptiosData = _useState4[1];
+    optionsData = _useState4[0],
+    setOptionsData = _useState4[1];
   var isLazy = function isLazy() {
     return state.configs.lazy && Boolean(state.configs.lazyLoad);
   };
@@ -353,7 +350,7 @@ var InternalCascader = function InternalCascader(props) {
               paneKey: 'c1'
             }];
             syncValue();
-            setOptiosData(state.panes);
+            setOptionsData(state.panes);
           case 9:
           case "end":
             return _context.stop();
@@ -383,7 +380,6 @@ var InternalCascader = function InternalCascader(props) {
               break;
             }
             state.tabsCursor = 0;
-            // state.panes = [{ nodes: state.tree.nodes, selectedNode: null }];
             return _context3.abrupt("return");
           case 6:
             needToSync = currentValue;
@@ -553,7 +549,7 @@ var InternalCascader = function InternalCascader(props) {
               onChange(optionParams, pathNodes);
               onPathChange(optionParams, pathNodes);
             }
-            setOptiosData(state.panes);
+            setOptionsData(state.panes);
             close();
             return _context5.abrupt("return");
           case 10:
@@ -571,7 +567,7 @@ var InternalCascader = function InternalCascader(props) {
               paneKey: "c".concat(state.tabsCursor + 1)
             });
             setTabvalue("c".concat(state.tabsCursor + 1));
-            setOptiosData(state.panes);
+            setOptionsData(state.panes);
             if (!type) {
               _pathNodes = state.panes.map(function (item) {
                 return item.selectedNode;
@@ -597,7 +593,7 @@ var InternalCascader = function InternalCascader(props) {
               state.panes[state.tabsCursor].selectedNode = node;
               _chooseItem(node, type);
             }
-            setOptiosData(state.panes);
+            setOptionsData(state.panes);
           case 27:
           case "end":
             return _context5.stop();
@@ -617,7 +613,7 @@ var InternalCascader = function InternalCascader(props) {
     }, title), React__default.createElement(Tabs, {
       value: tabvalue,
       titleNode: function titleNode() {
-        return optiosData.map(function (pane, index) {
+        return optionsData.map(function (pane, index) {
           var _pane$selectedNode, _pane$selectedNode2;
           return React__default.createElement("div", {
             onClick: function onClick() {
@@ -636,7 +632,7 @@ var InternalCascader = function InternalCascader(props) {
           }));
         });
       }
-    }, !state.initLoading && state.panes.length ? optiosData.map(function (pane) {
+    }, !state.initLoading && state.panes.length ? optionsData.map(function (pane) {
       return React__default.createElement(TabPane, {
         key: pane.paneKey,
         paneKey: pane.paneKey

package/dist/esm/Checkbox.js

@@ -1,5 +1,5 @@
-import { C as Checkbox } from './checkbox-255983fc.js';
-export { C as default } from './checkbox-255983fc.js';
+import { C as Checkbox } from './checkbox-b2f0756e.js';
+export { C as default } from './checkbox-b2f0756e.js';
 import 'react';
 import './Icon.js';
 import './CheckboxGroup.js';

package/dist/esm/CheckboxGroup.js

@@ -2,13 +2,13 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "checkedValue", "max", "options"],
+var _excluded = ["className", "disabled", "onChange", "checkedValue", "max", "textPosition", "direction", "options"],
   _excluded2 = ["label", "value", "disabled", "onChange"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useState, useImperativeHandle, useEffect, useCallback } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { C as Checkbox } from './checkbox-255983fc.js';
+import { C as Checkbox } from './checkbox-b2f0756e.js';
 import '@bem-react/classname';
 import './Icon.js';
 import './CheckboxGroup.js';
@@ -17,6 +17,8 @@ var defaultProps = {
   disabled: false,
   checkedValue: [],
   max: undefined,
+  textPosition: 'right',
+  direction: 'vertical',
   onChange: function onChange(value) {},
   options: []
 };
@@ -29,6 +31,8 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
     onChange = props.onChange,
     checkedValue = props.checkedValue,
     max = props.max,
+    textPosition = props.textPosition,
+    direction = props.direction,
     options = props.options,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(disabled),
@@ -91,8 +95,8 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
     return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
   }
   function validateChecked(value) {
-    if (innerValue === null) return false;
-    return innerValue === value;
+    if (!innerValue) return false;
+    return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(value)) > -1;
   }
   function getParentVals() {
     return innerValue;
@@ -108,7 +112,8 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
         checked: childChecked,
         onChange: handleChildChange,
         getParentVals: getParentVals,
-        max: max
+        max: max,
+        textPosition: textPosition
       });
     });
   }
@@ -128,13 +133,14 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
         onChange: handleChildChange
       }, rest), {}, {
         max: max,
+        textPosition: textPosition,
         getParentVals: getParentVals,
         checked: childChecked
       }));
     });
-  }, [innerValue, options, innerDisabled]);
+  }, [innerValue, options, innerDisabled, max]);
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || '')
+    className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || '')
   }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren());
 });
 CheckboxGroup.defaultProps = defaultProps;

package/dist/esm/Col.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useState, useContext, useEffect } from 'react';
+import classNames from 'classnames';
 import { D as DataContext } from './UserContext-be8097d2.js';
 var defaultProps = {
   span: '24',
@@ -45,7 +46,7 @@ var Col = function Col(props) {
     setColStyle(getStyle);
   }, [span, offset, gutter]);
   return React__default.createElement("div", {
-    className: "".concat(colName, " ").concat(className),
+    className: classNames(colName, className),
     style: _objectSpread(_objectSpread({}, style), colStyle),
     onClick: function onClick(e) {
       _onClick && _onClick(e, 'col');

package/dist/esm/Dialog.js

@@ -4,11 +4,12 @@ var _excluded = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "loc
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
-import React__default, { forwardRef } from 'react';
+import React__default, { useEffect, forwardRef } from 'react';
 import classNames from 'classnames';
 import Button from './Button.js';
 import { CSSTransition } from 'react-transition-group';
 import ReactDOM__default from 'react-dom';
+import { r as render } from './render-f8746530.js';
 var Content = function Content(props) {
   var visible = props.visible,
     title = props.title,
@@ -93,9 +94,20 @@ DialogWrap.displayName = 'NutDialogWrap';
 var DialogWrapper = function DialogWrapper(props) {
   var visible = props.visible,
     lockScroll = props.lockScroll;
-  if (lockScroll && !visible && document.body.classList.value.includes('nut-overflow-hidden')) {
-    document.body.classList.remove('nut-overflow-hidden');
-  }
+  useEffect(function () {
+    if (lockScroll && visible) {
+      document.body.classList.add('nut-overflow-hidden');
+    } else {
+      document.body.classList.remove('nut-overflow-hidden');
+    }
+  }, [visible]);
+  useEffect(function () {
+    return function () {
+      if (document.body.classList.value.includes('nut-overflow-hidden')) {
+        document.body.classList.remove('nut-overflow-hidden');
+      }
+    };
+  }, []);
   return React__default.createElement("div", {
     style: {
       display: visible ? 'block' : 'none'
@@ -124,12 +136,12 @@ var normalizeConfig = function normalizeConfig(_config) {
 function confirm(config, renderFunc) {
   var div = document.createElement('div');
   document.body.appendChild(div);
-  function render(props) {
-    ReactDOM__default.render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
+  function render$1(props) {
+    render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
       onCancel: onCancel
     })), div);
   }
-  var renderFunction = renderFunc || render;
+  var renderFunction = renderFunc || render$1;
   var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
     visible: false
   });

package/dist/esm/Ellipsis.js

@@ -160,12 +160,14 @@ var Ellipsis = function Ellipsis(props) {
     ref: root
   }, React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
     className: "nut-ellipsis-text",
-    onClick: function onClick() {
+    onClick: function onClick(e) {
+      e.stopPropagation();
       clickHandle(1);
     }
   }, expandText) : null, (_ellipsis$current2 = ellipsis.current) === null || _ellipsis$current2 === void 0 ? void 0 : _ellipsis$current2.tailing) : null, exceeded && expanded ? React__default.createElement(React__default.Fragment, null, content, expandText ? React__default.createElement("span", {
     className: "nut-ellipsis-text",
-    onClick: function onClick() {
+    onClick: function onClick(e) {
+      e.stopPropagation();
       clickHandle(2);
     }
   }, collapseText) : null) : null));

package/dist/esm/Form.js

@@ -4,12 +4,12 @@ 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";
-var _excluded = ["children", "onFinish", "onFinishFailed", "labelPosition", "starPositon"];
+var _excluded = ["children", "onFinish", "onFinishFailed", "labelPosition", "starPositon", "form"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useRef } from 'react';
 import { C as CellGroup } from './cellgroup-3402f96c.js';
-import { F as FormItemContext, a as FormItem } from './formitem-bab4c481.js';
+import { F as FormItemContext, a as FormItem } from './formitem-4b58943b.js';
 import Schema from 'async-validator';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import './bem-893ad28d.js';
@@ -45,14 +45,14 @@ function FormStore() {
   });
   _defineProperty(this, "setFieldsValue", function (newStore) {
     _this.store = _objectSpread(_objectSpread({}, _this.store), newStore);
-    // this.fieldEntities.forEach((enetity: FieldEntity) => {
-    //   const { name } = enetity.props
-    //   Object.keys(newStore).forEach((key) => {
-    //     if (key === name) {
-    //       enetity.onStoreChange()
-    //     }
-    //   })
-    // })
+    _this.fieldEntities.forEach(function (enetity) {
+      var name = enetity.props.name;
+      Object.keys(newStore).forEach(function (key) {
+        if (key === name) {
+          enetity.onStoreChange();
+        }
+      });
+    });
   });
   _defineProperty(this, "validate", function () {
     var err = [];
@@ -82,10 +82,10 @@ function FormStore() {
           (_this$errList = _this.errList).push.apply(_this$errList, _toConsumableArray(errors));
           // 表单项更新
         }
-        // entity.onStoreChange()
+
+        entity.onStoreChange();
       });
     });
-
     return err;
   });
   _defineProperty(this, "setCallback", function (callback) {
@@ -101,13 +101,19 @@ function FormStore() {
       (_this$callbacks$onFin2 = (_this$callbacks2 = _this.callbacks).onFinishFailed) === null || _this$callbacks$onFin2 === void 0 ? void 0 : _this$callbacks$onFin2.call(_this$callbacks2, err);
     }
   });
-  _defineProperty(this, "resetFields", function () {});
+  _defineProperty(this, "resetFields", function () {
+    _this.errList.length = 0;
+    _this.fieldEntities.forEach(function (enetity) {
+      enetity.onStoreChange();
+    });
+  });
   _defineProperty(this, "getForm", function () {
     return {
       setCallback: _this.setCallback,
       registerField: _this.registerField,
       getFieldValue: _this.getFieldValue,
       setFieldsValue: _this.setFieldsValue,
+      resetFields: _this.resetFields,
       submit: _this.submit,
       store: _this.store,
       errList: _this.errList,
@@ -158,13 +164,21 @@ var Form = function Form(props) {
     onFinishFailed = _defaultProps$props.onFinishFailed,
     labelPosition = _defaultProps$props.labelPosition,
     starPositon = _defaultProps$props.starPositon,
+    form = _defaultProps$props.form,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useForm = useForm(),
-    _useForm2 = _slicedToArray(_useForm, 1),
+  var formInstance = {};
+  if (Object.keys(form).length !== 0) {
+    formInstance = form;
+  } else {
+    var _useForm = useForm();
+    var _useForm2 = _slicedToArray(_useForm, 1);
     formInstance = _useForm2[0];
+  }
   formInstance.starPositon = starPositon;
-  var setCallback = formInstance.setCallback,
-    submit = formInstance.submit;
+  var _formInstance = formInstance,
+    setCallback = _formInstance.setCallback,
+    submit = _formInstance.submit,
+    resetFields = _formInstance.resetFields;
   setCallback({
     onFinish: onFinish,
     onFinishFailed: onFinishFailed
@@ -175,6 +189,10 @@ var Form = function Form(props) {
     onSubmit: function onSubmit(e) {
       e.preventDefault();
       submit();
+    },
+    onReset: function onReset(e) {
+      e.preventDefault();
+      resetFields();
     }
   }, React__default.createElement(CellGroup, null, React__default.createElement(FormItemContext.Provider, {
     value: formInstance
@@ -183,4 +201,5 @@ var Form = function Form(props) {
 Form.defaultProps = defaultProps;
 Form.displayName = 'NutForm';
 Form.Item = FormItem;
+Form.useForm = useForm;
 export { Form as default };

package/dist/esm/FormItem.js

@@ -1,5 +1,5 @@
-import { a as FormItem } from './formitem-bab4c481.js';
-export { a as default } from './formitem-bab4c481.js';
+import { a as FormItem } from './formitem-4b58943b.js';
+export { a as default } from './formitem-4b58943b.js';
 import 'react';
 import './Cell.js';
 import './typings-1c5f2628.js';

package/dist/esm/InputNumber.js

@@ -71,17 +71,15 @@ var InputNumber = function InputNumber(props) {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inputValue;
     if (value || typeof value === 'number') {
       return value < Number(max) && !disabled;
-    } else {
-      return false;
     }
+    return false;
   };
   var reduceAllow = function reduceAllow() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inputValue;
     if (value || typeof value === 'number') {
       return value > Number(min) && !disabled;
-    } else {
-      return false;
     }
+    return false;
   };
   var iconMinusClasses = classNames('nut-inputnumber__icon', {
     'nut-inputnumber__icon--disabled': !reduceAllow()
@@ -163,14 +161,16 @@ var InputNumber = function InputNumber(props) {
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
-  }, restProps), React__default.createElement(Icon, {
+  }, restProps), React__default.createElement("div", {
+    className: "nut-input-minus"
+  }, React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
     onClick: reduceNumber
-  }), React__default.createElement("input", {
+  })), React__default.createElement("input", {
     type: "number",
     min: min,
     max: max,
@@ -183,14 +183,16 @@ var InputNumber = function InputNumber(props) {
     onInput: changeValue,
     onBlur: burValue,
     onFocus: focusValue
-  }), React__default.createElement(Icon, {
+  }), React__default.createElement("div", {
+    className: "nut-input-add"
+  }, React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: iconAddClasses,
     size: buttonSize,
     name: "plus",
     onClick: addNumber
-  }));
+  })));
 };
 InputNumber.defaultProps = defaultProps;
 InputNumber.displayName = 'NutInputNumber';

package/dist/esm/Popover.js

@@ -195,7 +195,7 @@ var Popover = function Popover(props) {
     style: getStyle()
   }, React__default.createElement("div", {
     className: "".concat(popoverArrow)
-  }), Array.isArray(children) ? children[1] : '', list.map(function (item, i) {
+  }), Array.isArray(children) ? children[1] : '', React__default.createElement("div", null, list.map(function (item, i) {
     return React__default.createElement("div", {
       key: item.name,
       className: "popover-menu-item ".concat(item.disabled ? 'disabled' : ''),
@@ -210,7 +210,7 @@ var Popover = function Popover(props) {
     }) : '', React__default.createElement("div", {
       className: "popover-menu-item-name"
     }, item.name));
-  })) : null))), visible ? React__default.createElement(Overlay, {
+  }))) : null))), visible ? React__default.createElement(Overlay, {
     visible: visible,
     onClick: function onClick(e) {
       return handleClick(e);

package/dist/esm/Row.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default from 'react';
+import classNames from 'classnames';
 import { D as DataContext } from './UserContext-be8097d2.js';
 var defaultProps = {
   type: '',
@@ -37,7 +38,7 @@ var Row = function Row(props) {
   return React__default.createElement(DataContext.Provider, {
     value: parentRow
   }, React__default.createElement('div', {
-    className: "".concat(getClasses(), " ").concat(className),
+    className: classNames(getClasses(), className),
     style: style,
     onClick: function onClick(e) {
       _onClick && _onClick(e, 'row');