@nutui/nutui-react 2.0.15 → 2.0.17-beta.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# v2.0.17
+`2023-09-13`
+
+* :sparkles: feat: form 增加 validateTrigger 和 getFieldsValue (#1411) @oasis-cloud
+* :bug: fix: add popupProps (#1426) @oasis-cloud
+* :bug: fix: form label position left (#1412) @oasis-cloud
+* :bug: fix: lint errors (#1406) @xiaoyatong
+* :bug: fix: review package update (#1423) @xiaoyatong
+* :bug: fix: swipe component fails to slide in Alipay (#1399) @oasis-cloud
+* :bug: fix: table expose rowIndex (#1400) @oasis-cloud
+* :bug: fix: toast组件 duration 设置无效 (#1424) @oasis-cloud
+* 🔨 chore: glob & prettier update (#1427) @xiaoyatong
+* 🔨 chore: swc 版本恢复 (#1425) @oasis-cloud
+
+
+# v2.0.16
+`2023-09-06`
+
+* :sparkles: feat: form 支持分割线 (#1389) @oasis-cloud
+* :bug: fix(pulltorefresh): 修复 H5 卡顿 & 小程序滑动距离问题 @Eiinu
+* :bug: fix: csstransition using findDOMNode which is deprecated (#1370) @oasis-cloud
+* :bug: fix: dialog 的函数调用增加对 classname 和 style 的支持 (#1391) @oasis-cloud
+* :bug: fix: swipe 阻止页面滚动 (#1380) @oasis-cloud
+* :bug: fix: useForm 在类组件下报错，可以采用 ref 的方式使用 FormInstance (#1383) @oasis-cloud
+* :bug: fix: 多个 Swipe 的滑动选项完全相等 (#1334) @Clay Zhang
+* 📖 docs: toast组件完善了样式变量 (#1379) @ivan-My
+
+
 # v2.0.15
 `2023-08-30`
 

package/dist/esm/Audio.js

@@ -69,10 +69,9 @@ var Audio = function Audio2(props) {
     handPlaying: false
   });
   var classPrefix = "nut-audio";
-  var warn = console.warn;
   var handleEnded = function handleEnded2(e) {
     if (props.loop) {
-      warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
+      console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
     } else {
       props.onEnd && props.onEnd(e);
     }

package/dist/esm/Avatar.js

@@ -26,7 +26,7 @@ function _objectSpread(target) {
 import React__default, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
 import { My } from "@nutui/icons-react";
-import { A as AvatarContext } from "./context2.js";
+import { A as AvatarContext } from "./context3.js";
 import Image from "./Image.js";
 import { C as ComponentDefaults } from "./typings.js";
 import AvatarGroup from "./AvatarGroup.js";
@@ -116,7 +116,7 @@ var Avatar = function Avatar2(props) {
     className: "icon"
   })), showMax && React__default.createElement("div", {
     className: "text"
-  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.max)))));
+  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - Number((parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.max) || 0)))));
 };
 Avatar.defaultProps = defaultProps;
 Avatar.displayName = "NutAvatar";

package/dist/esm/AvatarGroup.js

@@ -22,7 +22,7 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import classNames from "classnames";
-import { A as AvatarContext } from "./context2.js";
+import { A as AvatarContext } from "./context3.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   maxContent: "",

package/dist/esm/Cell.js

@@ -22,10 +22,11 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default from "react";
+import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import CellGroup from "./CellGroup.js";
+import { C as CellGroupContext } from "./context.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: null,
   description: null,
@@ -37,6 +38,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var classPrefix = "nut-cell";
 var Cell = function Cell2(props) {
+  var ctx = useContext(CellGroupContext);
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, title = _defaultProps$props.title, description = _defaultProps$props.description, extra = _defaultProps$props.extra, radius = _defaultProps$props.radius, align = _defaultProps$props.align, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var handleClick = function handleClick2(event) {
     onClick2(event);
@@ -63,9 +65,9 @@ var Cell = function Cell2(props) {
   }, description) : null) : null, extra ? React__default.createElement("div", {
     className: "".concat(classPrefix, "__extra"),
     style: styles
-  }, extra) : null, React__default.createElement("div", {
+  }, extra) : null), ctx !== null && ctx !== void 0 && ctx.divider ? React__default.createElement("div", {
     className: "".concat(classPrefix, "__divider")
-  })));
+  }) : null);
 };
 Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";

package/dist/esm/CellGroup.js

@@ -25,6 +25,7 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
+import { C as CellGroupContext } from "./context.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: "",
   description: "",
@@ -41,7 +42,11 @@ var CellGroup = function CellGroup2(props) {
     className: "".concat(classPrefix, "__description")
   }, description) : null, React__default.createElement("div", {
     className: "".concat(classPrefix, "__wrap ").concat(divider ? "".concat(classPrefix, "__wrap--divider") : "")
-  }, children));
+  }, React__default.createElement(CellGroupContext.Provider, {
+    value: {
+      divider
+    }
+  }, children)));
 };
 CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = "NutCellGroup";

package/dist/esm/Dialog.js

@@ -138,7 +138,8 @@ var Content = function Content2(props) {
     onClick && onClick(e);
   };
   return React__default.createElement("div", {
-    className: "".concat(classPrefix, "__outer"),
+    className: classNames("".concat(classPrefix, "__outer"), props.className),
+    style: props.style,
     onClick: function onClick2(e) {
       return handleClick(e);
     }
@@ -192,7 +193,7 @@ var DialogWrap = function DialogWrap2(props) {
 };
 DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
-var defaultProps = {
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   confirmText: "",
   cancelText: "",
   overlay: true,
@@ -208,7 +209,7 @@ var defaultProps = {
   beforeClose: function beforeClose() {
     return true;
   }
-};
+});
 var BaseDialog = function BaseDialog2(props, ref) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
   var visible = props.visible, footer = props.footer, hideConfirmButton = props.hideConfirmButton, hideCancelButton = props.hideCancelButton, lockScroll = props.lockScroll, disableConfirmButton = props.disableConfirmButton, closeOnOverlayClick = props.closeOnOverlayClick, confirmText = props.confirmText, cancelText = props.cancelText, onClose2 = props.onClose, onCancel2 = props.onCancel, onConfirm = props.onConfirm, beforeCancel2 = props.beforeCancel, beforeClose2 = props.beforeClose, restProps = _objectWithoutProperties(props, _excluded);

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}.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;width:100%}
+.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.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{position:relative;text-align:left;font-size:14px;padding-left:12px;white-space:nowrap}.form-layout-left .nut-form-item__label .required{display:block;line-height:1.5;position:absolute;left:.1em}.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;width:100%}

package/dist/esm/Form.js

@@ -1090,7 +1090,7 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
   _defineProperty(this, "store", {});
   _defineProperty(this, "fieldEntities", []);
   _defineProperty(this, "callbacks", {});
-  _defineProperty(this, "errors", []);
+  _defineProperty(this, "errors", {});
   _defineProperty(this, "registerField", function(field) {
     _this3.fieldEntities.push(field);
     return function() {
@@ -1106,6 +1106,16 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
     var _this3$store;
     return (_this3$store = _this3.store) === null || _this3$store === void 0 ? void 0 : _this3$store[name];
   });
+  _defineProperty(this, "getFieldsValue", function(name) {
+    if (typeof name === "boolean") {
+      return JSON.parse(JSON.stringify(_this3.store));
+    }
+    var fieldsValue = {};
+    name.forEach(function(field) {
+      fieldsValue[field] = _this3.getFieldValue(field);
+    });
+    return fieldsValue;
+  });
   _defineProperty(this, "setInitialValues", function(values, init) {
     if (init) {
       _this3.initialValues = values;
@@ -1147,15 +1157,47 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
       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$errors;
           err.push.apply(err, _toConsumableArray(errors));
-          (_this3$errors = _this3.errors).push.apply(_this3$errors, _toConsumableArray(errors));
+          _this3.errors[name] = errors;
         }
         entity.onStoreChange("validate");
       });
     });
     return err;
   });
+  _defineProperty(this, "validateFields", function(nameList) {
+    if (!nameList || nameList.length === 0) {
+      _this3.validate();
+      return;
+    }
+    _this3.fieldEntities.filter(function(_ref) {
+      var name = _ref.props.name;
+      return nameList.includes(name);
+    }).forEach(function(entity) {
+      var _this3$store3;
+      var _entity$props2 = entity.props, name = _entity$props2.name, _entity$props2$rules = _entity$props2.rules, rules2 = _entity$props2$rules === void 0 ? [] : _entity$props2$rules;
+      var descriptor = {};
+      if (rules2.length) {
+        if (rules2.length > 1) {
+          descriptor[name] = [];
+          rules2.forEach(function(v) {
+            descriptor[name].push(v);
+          });
+        } else {
+          descriptor[name] = rules2[0];
+        }
+      }
+      var validator = new Schema(descriptor);
+      validator.messages();
+      validator.validate(_defineProperty({}, name, (_this3$store3 = _this3.store) === null || _this3$store3 === void 0 ? void 0 : _this3$store3[name]), function(errors) {
+        _this3.errors[name] = [];
+        if (errors) {
+          _this3.errors[name] = errors;
+        }
+        entity.onStoreChange("validate");
+      });
+    });
+  });
   _defineProperty(this, "submit", function() {
     var errors = _this3.validate();
     if (errors.length === 0) {
@@ -1173,12 +1215,18 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
       entity.onStoreChange("reset");
     });
   });
+  _defineProperty(this, "dispatch", function(_ref2) {
+    var name = _ref2.name;
+    _this3.validateFields([name]);
+  });
   _defineProperty(this, "getForm", function() {
     return {
+      dispatch: _this3.dispatch,
       setInitialValues: _this3.setInitialValues,
       setCallback: _this3.setCallback,
       registerField: _this3.registerField,
       getFieldValue: _this3.getFieldValue,
+      getFieldsValue: _this3.getFieldsValue,
       setFieldsValue: _this3.setFieldsValue,
       resetFields: _this3.resetFields,
       submit: _this3.submit,
@@ -1209,6 +1257,7 @@ var useForm = function useForm2(form) {
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   labelPosition: "right",
   starPosition: "left",
+  divider: false,
   onFinish: function onFinish(values) {
   },
   onFinishFailed: function onFinishFailed(values, errorFields) {
@@ -1219,9 +1268,9 @@ var PositionInfo = {
   left: "form-layout-left",
   right: "form-layout-right"
 };
-var Form = function Form2(props) {
+var Form = React__default.forwardRef(function(props, ref) {
   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 _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, divider = _defaultProps$props.divider, 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;
@@ -1230,6 +1279,9 @@ var Form = function Form2(props) {
     var _useForm2 = _slicedToArray(_useForm, 1);
     formInstance = _useForm2[0];
   }
+  React__default.useImperativeHandle(ref, function() {
+    return formInstance;
+  });
   formInstance.starPosition = starPosition;
   var _formInstance = formInstance, setCallback = _formInstance.setCallback, submit = _formInstance.submit, resetFields = _formInstance.resetFields, setInitialValues = _formInstance.setInitialValues;
   setCallback({
@@ -1254,14 +1306,17 @@ var Form = function Form2(props) {
       e.stopPropagation();
       resetFields();
     }
-  }, React__default.createElement(Cell.Group, null, React__default.createElement(Context.Provider, {
+  }, React__default.createElement(Cell.Group, {
+    divider
+  }, React__default.createElement(Context.Provider, {
     value: formInstance
   }, children), footer ? React__default.createElement(Cell, null, footer) : null));
-};
+});
 Form.defaultProps = defaultProps;
 Form.displayName = "NutForm";
-Form.Item = FormItem;
-Form.useForm = useForm;
+var InnerForm = Form;
+InnerForm.Item = FormItem;
+InnerForm.useForm = useForm;
 export {
-  Form as default
+  InnerForm as default
 };

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

@@ -1 +1 @@
-.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))}
+.nut-form-item{display:flex}.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/InputNumber.js

@@ -141,7 +141,7 @@ var InputNumber = function InputNumber2(props) {
   };
   var changeFormatValue = function changeFormatValue2(e) {
     var input = e.target.value;
-    var numReg = new RegExp("^[0-9]*$");
+    var numReg = /^[0-9]*$/;
     var numValue = input.replace(/[^0-9|.]/gi, "");
     if (formatter) {
       if (!numReg.test(input[0]) && numValue) {
@@ -160,7 +160,7 @@ var InputNumber = function InputNumber2(props) {
   };
   var burFormatValue = function burFormatValue2(e) {
     var input = e.target.value;
-    var numReg = new RegExp("^[0-9]*$");
+    var numReg = /^[0-9]*$/;
     var numValue = input.replace(/[^0-9|.]/gi, "");
     if (formatter) {
       if (formatter(numValue) === input) {

package/dist/esm/Picker.js

@@ -56,11 +56,9 @@ var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
     }
     return false;
   };
-  var setTransform = function setTransform2() {
-    var translateY = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
-    var type = arguments.length > 1 ? arguments[1] : void 0;
+  var setTransform = function setTransform2(type, deg) {
     var time = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION;
-    var deg = arguments.length > 3 ? arguments[3] : void 0;
+    var translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
     var nTime = time;
     if (type !== "end") {
       nTime = 0;
@@ -80,7 +78,7 @@ var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
       }
       var endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
       var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation, "deg");
-      setTransform(endMove, type, time, deg);
+      setTransform(type, deg, time, endMove);
       setCurrIndex(Math.abs(Math.round(endMove / lineSpacing)) + 1);
     } else {
       var _deg = 0;
@@ -89,7 +87,7 @@ var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
       var minDeg = 0;
       _deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
       if (minDeg < _deg && _deg < maxDeg) {
-        setTransform(updateMove, "", void 0, "".concat(_deg, "deg"));
+        setTransform("", "".concat(_deg, "deg"), void 0, updateMove);
         setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing)) + 1);
       }
     }

package/dist/esm/SideNavBar.js

@@ -25,7 +25,7 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import Popup from "./Popup.js";
-import { h as handleClick, O as OffsetContext } from "./context.js";
+import { h as handleClick, O as OffsetContext } from "./context2.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   position: "left",

package/dist/esm/Step.js

@@ -24,7 +24,7 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context3.js";
+import { D as DataContext } from "./context4.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: "",

package/dist/esm/Steps.js

@@ -24,7 +24,7 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context3.js";
+import { D as DataContext } from "./context4.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   value: 0,

package/dist/esm/SubSideNavBar.js

@@ -23,7 +23,7 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { O as OffsetContext, h as handleClick } from "./context.js";
+import { O as OffsetContext, h as handleClick } from "./context2.js";
 var defaultProps = {
   open: true
 };

package/dist/esm/Swiper.js

@@ -26,7 +26,7 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context4.js";
+import { D as DataContext } from "./context5.js";
 import { g as getRect } from "./use-client-rect.js";
 import Indicator from "./Indicator.js";
 import SwiperItem from "./SwiperItem.js";

package/dist/esm/SwiperItem.js

@@ -22,7 +22,7 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context4.js";
+import { D as DataContext } from "./context5.js";
 var defaultProps = {
   direction: "horizontal"
 };

package/dist/esm/Table.js

@@ -89,13 +89,13 @@ var Table = function Table2(props) {
       return [columns2.key, columns2.render];
     });
   };
-  var renderBodyTds = function renderBodyTds2(item) {
-    return sortDataItem().map(function(_ref2, index) {
+  var renderBodyTds = function renderBodyTds2(item, rowIndex) {
+    return sortDataItem().map(function(_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2), value = _ref3[0], render = _ref3[1];
       return React__default.createElement("span", {
         className: classNames("".concat(bodyClassPrefix, "__td"), cellClasses(getColumnItem(value))),
         key: value
-      }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item) : item[value](item)) : item[value]);
+      }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
     });
   };
   var renderBoyTrs = function renderBoyTrs2() {
@@ -103,7 +103,7 @@ var Table = function Table2(props) {
       return React__default.createElement("div", {
         className: bodyClassPrefix,
         key: index
-      }, renderBodyTds(item));
+      }, renderBodyTds(item, index));
     });
   };
   return React__default.createElement("div", _objectSpread({

package/dist/esm/VirtualList.js

@@ -53,9 +53,8 @@ var getListTotalSize = function getListTotalSize2(positions, horizontal) {
   }
   return size;
 };
-var binarySearch = function binarySearch2(positionsList) {
-  var value = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-  var horizontal = arguments.length > 2 ? arguments[2] : void 0;
+var binarySearch = function binarySearch2(positionsList, horizontal) {
+  var value = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
   var start = 0;
   var end = positionsList.length - 1;
   var tempIndex = null;
@@ -205,7 +204,7 @@ var VirtualList = function VirtualList2(props) {
   var scroll = useCallback(function() {
     requestAnimationFrame(function(e) {
       var scrollSize = getElement()[scrollKey];
-      var startIndex = binarySearch(positions, scrollSize, horizontal);
+      var startIndex = binarySearch(positions, horizontal, scrollSize);
       var overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
       if (!itemEqual) {
         updateTotalSize();

package/dist/esm/cascader2.js

@@ -213,7 +213,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   }
 });
 var InternalCascader = function InternalCascader2(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, activeColor = _defaultProps$props.activeColor, activeIcon = _defaultProps$props.activeIcon, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, onLoad2 = _defaultProps$props.onLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, activeColor = _defaultProps$props.activeColor, activeIcon = _defaultProps$props.activeIcon, popup = _defaultProps$props.popup, _defaultProps$props$p = _defaultProps$props.popupProps, popupProps = _defaultProps$props$p === void 0 ? {} : _defaultProps$props$p, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, onLoad2 = _defaultProps$props.onLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
   var _useState = useState("c1"), _useState2 = _slicedToArray(_useState, 2), tabvalue = _useState2[0], setTabvalue = _useState2[1];
   var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), optionsData = _useState4[0], setOptionsData = _useState4[1];
   var isLazy = function isLazy2() {
@@ -609,7 +609,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
       className: classesPane
     }))));
   };
-  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, {
+  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, _objectSpread(_objectSpread({}, popupProps), {}, {
     visible,
     position: "bottom",
     round: true,
@@ -621,7 +621,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
     // todo 只关闭，不处理逻辑。和popup的逻辑不一致。关闭时需要增加是否要处理回调
     onOverlayClick: closePopup,
     onCloseIconClick: closePopup
-  }, renderTabs()) : renderTabs());
+  }), renderTabs()) : renderTabs());
 };
 var Cascader = React__default.forwardRef(InternalCascader);
 Cascader.defaultProps = defaultProps;

package/dist/esm/context.js

@@ -1,19 +1,5 @@
 import { createContext } from "react";
-var handleClick = function handleClick2(e) {
-  e.stopPropagation();
-  var isIcon = e.target.className.includes("arrow-icon");
-  var isTitle = e.target.className.includes("__title") || isIcon;
-  var currentClass = e.currentTarget.className;
-  var isShow = currentClass.includes("sidenavbar-show");
-  var arrowIcon = e.currentTarget.querySelector(".arrow-icon");
-  var iconClass = arrowIcon.className;
-  if (isTitle) {
-    e.currentTarget.className = isShow ? currentClass.replace("sidenavbar-show", "sidenavbar-hide") : currentClass.replace("sidenavbar-hide", "sidenavbar-show");
-    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
-  }
-};
-var OffsetContext = createContext(20);
+var CellGroupContext = createContext(null);
 export {
-  OffsetContext as O,
-  handleClick as h
+  CellGroupContext as C
 };

package/dist/esm/context2.js

@@ -1,5 +1,19 @@
 import { createContext } from "react";
-var AvatarContext = createContext({});
+var handleClick = function handleClick2(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes("arrow-icon");
+  var isTitle = e.target.className.includes("__title") || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes("sidenavbar-show");
+  var arrowIcon = e.currentTarget.querySelector(".arrow-icon");
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace("sidenavbar-show", "sidenavbar-hide") : currentClass.replace("sidenavbar-hide", "sidenavbar-show");
+    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
+  }
+};
+var OffsetContext = createContext(20);
 export {
-  AvatarContext as A
+  OffsetContext as O,
+  handleClick as h
 };

package/dist/esm/context3.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-var DataContext = createContext({});
+var AvatarContext = createContext({});
 export {
-  DataContext as D
+  AvatarContext as A
 };

package/dist/esm/context5.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+var DataContext = createContext({});
+export {
+  DataContext as D
+};