@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/esm/DatePicker.js

@@ -1,8 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "onChange", "threeDimensional", "className", "style"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["startDate", "endDate", "type", "showChinese", "minuteStep", "visible", "title", "defaultValue", "formatter", "onClose", "onConfirm", "filter", "onChange", "threeDimensional", "className", "style"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,32 +24,25 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useState, useEffect } from "react";
 import Picker from "./Picker.js";
 import { useConfig } from "./ConfigProvider.js";
+import { u as usePropsValue } from "./use-props-value.js";
+import { C as ComponentDefaults } from "./typings.js";
 var currentYear = /* @__PURE__ */ (/* @__PURE__ */ new Date()).getFullYear();
-var defaultProps = {
-  modelValue: null,
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   visible: false,
   title: "",
   type: "date",
-  isShowChinese: false,
+  showChinese: false,
   threeDimensional: true,
   minuteStep: 1,
-  minDate: new Date(currentYear - 10, 0, 1),
-  maxDate: new Date(currentYear + 10, 11, 31)
-};
+  startDate: new Date(currentYear - 10, 0, 1),
+  endDate: new Date(currentYear + 10, 11, 31)
+});
 var DatePicker = function DatePicker2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), minDate = _defaultProps$props.minDate, maxDate = _defaultProps$props.maxDate, type = _defaultProps$props.type, isShowChinese = _defaultProps$props.isShowChinese, minuteStep = _defaultProps$props.minuteStep, modelValue = _defaultProps$props.modelValue, visible = _defaultProps$props.visible, title = _defaultProps$props.title, formatter = _defaultProps$props.formatter, onCloseDatePicker = _defaultProps$props.onCloseDatePicker, onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker, filter = _defaultProps$props.filter, onChange = _defaultProps$props.onChange, threeDimensional = _defaultProps$props.threeDimensional, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, type = _defaultProps$props.type, showChinese = _defaultProps$props.showChinese, minuteStep = _defaultProps$props.minuteStep, visible = _defaultProps$props.visible, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, formatter = _defaultProps$props.formatter, onClose = _defaultProps$props.onClose, _onConfirm = _defaultProps$props.onConfirm, filter = _defaultProps$props.filter, onChange = _defaultProps$props.onChange, threeDimensional = _defaultProps$props.threeDimensional, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), show = _useState2[0], setShow = _useState2[1];
-  var _useState3 = useState(modelValue), _useState4 = _slicedToArray(_useState3, 2), currentDate = _useState4[0], setCurrentDate = _useState4[1];
-  var _useState5 = useState([]), _useState6 = _slicedToArray(_useState5, 2), defaultValue = _useState6[0], setDefaultValue = _useState6[1];
-  var _useState7 = useState([]), _useState8 = _slicedToArray(_useState7, 2), options = _useState8[0], setListData = _useState8[1];
-  var pickerRef = useRef(null);
-  var isDate = function isDate2(val) {
-    return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-  };
   var datepickerLang = locale.datepicker;
   var zhCNType = {
     day: datepickerLang.day,
@@ -59,21 +52,33 @@ var DatePicker = function DatePicker2(props) {
     minute: datepickerLang.min,
     seconds: datepickerLang.seconds
   };
+  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), defaultValueOfPicker = _useState2[0], setDefaultValueOfPicker = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), options = _useState4[0], setOptions = _useState4[1];
+  var isDate = function isDate2(val) {
+    return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+  };
   var formatValue = function formatValue2(value) {
     var cvalue = value;
     if (!cvalue || cvalue && !isDate(cvalue)) {
-      cvalue = minDate;
+      cvalue = startDate;
     }
-    var timestmp = Math.max(cvalue.getTime(), minDate.getTime());
-    timestmp = Math.min(timestmp, maxDate.getTime());
+    var timestmp = Math.max(cvalue.getTime(), startDate.getTime());
+    timestmp = Math.min(timestmp, endDate.getTime());
     return new Date(timestmp);
   };
+  var _usePropsValue = usePropsValue({
+    value: props.value && formatValue(props.value),
+    defaultValue: formatValue(props.defaultValue || null),
+    finalValue: null,
+    onChange: function onChange2(val) {
+    }
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), currentDate = _usePropsValue2[0], setCurrentDate = _usePropsValue2[1];
   function getMonthEndDay(year, month) {
     return new Date(year, month, 0).getDate();
   }
   var getBoundary = function getBoundary2(type2, value) {
     var _ref;
-    var boundary = type2 === "min" ? minDate : maxDate;
+    var boundary = type2 === "min" ? startDate : endDate;
     var year = boundary.getFullYear();
     var month = 1;
     var date = 1;
@@ -100,12 +105,12 @@ var DatePicker = function DatePicker2(props) {
     }
     return _ref = {}, _defineProperty(_ref, "".concat(type2, "Year"), year), _defineProperty(_ref, "".concat(type2, "Month"), month), _defineProperty(_ref, "".concat(type2, "Date"), date), _defineProperty(_ref, "".concat(type2, "Hour"), hour), _defineProperty(_ref, "".concat(type2, "Minute"), minute), _defineProperty(_ref, "".concat(type2, "Seconds"), seconds), _ref;
   };
-  var ranges = function ranges2(date) {
-    var curDate = date || currentDate;
+  var ranges = function ranges2() {
+    var curDate = currentDate;
     if (!curDate)
       return [];
-    var _getBoundary = getBoundary("max", curDate), maxYear = _getBoundary.maxYear, maxDate2 = _getBoundary.maxDate, maxMonth = _getBoundary.maxMonth, maxHour = _getBoundary.maxHour, maxMinute = _getBoundary.maxMinute, maxSeconds = _getBoundary.maxSeconds;
-    var _getBoundary2 = getBoundary("min", curDate), minYear = _getBoundary2.minYear, minDate2 = _getBoundary2.minDate, minMonth = _getBoundary2.minMonth, minHour = _getBoundary2.minHour, minMinute = _getBoundary2.minMinute, minSeconds = _getBoundary2.minSeconds;
+    var _getBoundary = getBoundary("max", curDate), maxYear = _getBoundary.maxYear, maxDate = _getBoundary.maxDate, maxMonth = _getBoundary.maxMonth, maxHour = _getBoundary.maxHour, maxMinute = _getBoundary.maxMinute, maxSeconds = _getBoundary.maxSeconds;
+    var _getBoundary2 = getBoundary("min", curDate), minYear = _getBoundary2.minYear, minDate = _getBoundary2.minDate, minMonth = _getBoundary2.minMonth, minHour = _getBoundary2.minHour, minMinute = _getBoundary2.minMinute, minSeconds = _getBoundary2.minSeconds;
     var result = [{
       type: "year",
       range: [minYear, maxYear]
@@ -114,7 +119,7 @@ var DatePicker = function DatePicker2(props) {
       range: [minMonth, maxMonth]
     }, {
       type: "day",
-      range: [minDate2, maxDate2]
+      range: [minDate, maxDate]
     }, {
       type: "hour",
       range: [minHour, maxHour]
@@ -150,7 +155,7 @@ var DatePicker = function DatePicker2(props) {
     }
     return result;
   };
-  var updateChooseValueCustmer = function updateChooseValueCustmer2(cacheValueData, selectedValue, index) {
+  var updateChooseValueCustmer = function updateChooseValueCustmer2(selectedOptions, selectedValue, index) {
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(type.toLocaleLowerCase())) {
       var _date;
       var formatDate = [];
@@ -158,10 +163,10 @@ var DatePicker = function DatePicker2(props) {
         formatDate.push(item);
       });
       if (type.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
-        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
+        formatDate.unshift(new Date(defaultValue || startDate || endDate).getFullYear());
       }
       if (type.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
-        formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
+        formatDate.push(new Date(defaultValue || startDate || endDate).getDate());
       }
       var year = Number(formatDate[0]);
       var month = Number(formatDate[1]) - 1;
@@ -177,7 +182,7 @@ var DatePicker = function DatePicker2(props) {
       var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
       date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
     }
-    props.onChange && props.onChange(cacheValueData, selectedValue, index);
+    props.onChange && props.onChange(selectedOptions, selectedValue, index);
   };
   var padZero = function padZero2(num) {
     var targetLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
@@ -196,7 +201,7 @@ var DatePicker = function DatePicker2(props) {
       });
     } else {
       var padMin = padZero(value, 2);
-      var fatter = isShowChinese ? zhCNType[type2] : "";
+      var fatter = showChinese ? zhCNType[type2] : "";
       fOption = {
         text: padMin + fatter,
         value: padMin
@@ -205,6 +210,7 @@ var DatePicker = function DatePicker2(props) {
     return fOption;
   };
   var generateValue = function generateValue2(min, max, val, type2, columnIndex) {
+    var _arr$index;
     var cmin = min;
     var arr = [];
     var index = 0;
@@ -219,8 +225,8 @@ var DatePicker = function DatePicker2(props) {
         index++;
       }
     }
-    defaultValue[columnIndex] = arr[index].value;
-    setDefaultValue(_toConsumableArray(defaultValue));
+    defaultValueOfPicker[columnIndex] = (_arr$index = arr[index]) === null || _arr$index === void 0 ? void 0 : _arr$index.value;
+    setDefaultValueOfPicker(_toConsumableArray(defaultValueOfPicker));
     if (props.filter && props.filter(type2, arr)) {
       return props.filter(type2, arr);
     }
@@ -245,43 +251,33 @@ var DatePicker = function DatePicker2(props) {
     }
     return d;
   };
-  var columns = function columns2(date) {
-    var val = ranges(date).map(function(res, columnIndex) {
+  var columns = function columns2() {
+    var val = ranges().map(function(res, columnIndex) {
       return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
     });
     return val || [];
   };
-  useEffect(function() {
-    setCurrentDate(formatValue(modelValue));
-  }, []);
-  useEffect(function() {
-    setCurrentDate(formatValue(modelValue));
-  }, [modelValue]);
-  useEffect(function() {
-    setShow(visible);
-  }, [visible]);
   useEffect(function() {
     if (currentDate) {
-      setListData(columns());
+      setOptions(columns());
     }
-  }, [currentDate]);
+  }, []);
   return React__default.createElement("div", _objectSpread({
-    className: "nut-datepicker ".concat(className || ""),
+    className: "nut-datepicker ".concat(className),
     style
-  }, rest), options.length > 0 && React__default.createElement(Picker, {
+  }, rest), options.length && React__default.createElement(Picker, {
     title,
-    visible: show,
+    visible,
     options,
-    onClose: onCloseDatePicker,
-    defaultValue,
-    onConfirm: function onConfirm(options2, values) {
-      return onConfirmDatePicker && onConfirmDatePicker(options2, values);
+    onClose,
+    defaultValue: defaultValueOfPicker,
+    onConfirm: function onConfirm(options2, value) {
+      return _onConfirm && _onConfirm(options2, value);
     },
-    onChange: function onChange2(list, value, index) {
-      return updateChooseValueCustmer(list, value, index);
+    onChange: function onChange2(options2, value, index) {
+      return updateChooseValueCustmer(options2, value, index);
     },
-    threeDimensional,
-    ref: pickerRef
+    threeDimensional
   }));
 };
 DatePicker.defaultProps = defaultProps;

package/dist/esm/Dialog/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,3 +1,4 @@
 import '../../Button/style'
+import '../../Overlay/style'
 
 import '../../../packages/dialog/dialog.scss'

package/dist/esm/Dialog/style/style.css

@@ -0,0 +1 @@
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.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-overflow-hidden{overflow:hidden!important}.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-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-outer-bordder-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}

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

@@ -0,0 +1 @@
+import './style.css'

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

@@ -0,0 +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__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/Drag/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Drag/style/style.css

@@ -0,0 +1 @@
+.nut-drag{position:fixed;display:inline-flex;z-index:9997!important;width:fit-content;height:fit-content;touch-action:none;user-select:none;font-size:0}

package/dist/esm/Elevator/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Elevator/style/style.css

@@ -0,0 +1 @@
+.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:1px;overflow:hidden}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-inner-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block;font-size:var(--nutui-elevator-list-item-font-size, 12px);color:var(--nutui-elevator-list-item-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-font-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-code-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px) solid var(--nutui-elevator-list-item-code-border-bottom-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-name-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-elevator-list-item-highcolor, var(--nutui-brand-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-code-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, var(--nutui-gray-6, #ffffff));box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:var(--nutui-elevator-list-item-code-current-position, absolute);right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nutui-elevator-list-item-bars-position, absolute);right:var(--nutui-elevator-list-item-bars-right, 8px);top:var(--nutui-elevator-list-item-bars-top, 50%);transform:var(--nutui-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nutui-elevator-list-item-bars-padding, 15px 0);background-color:var(--nutui-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-list-item-bars-border-radius, 6px);text-align:var(--nutui-elevator-list-item-bars-text-align, center);z-index:var(--nutui-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size, 10px);cursor:pointer}.nut-elevator__bars__inner__item--active{color:var(--nutui-elevator-list-item-bars-inner-item-active-color, var(--nutui-brand-color, #fa2c19))}

package/dist/esm/Ellipsis/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Ellipsis/style/style.css

@@ -0,0 +1 @@
+.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, #3460fa);display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}

package/dist/esm/Empty/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Empty/style/style.css

@@ -0,0 +1 @@
+.nut-empty{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--nutui-empty-padding, 32px 0);background-color:var(--nutui-gray-6, #ffffff)}.nut-empty__image{width:var(--nutui-empty-image-size, 170px);height:var(--nutui-empty-image-size, 170px)}.nut-empty__image .img{width:100%;height:100%}.nut-empty__image img,.nut-empty__image image{width:100%;height:100%}.nut-empty__description{margin-top:var(--nutui-empty-description-margin-top, 4px);padding:var(--nutui-empty-description-padding, 0 40px);color:var(--nutui-empty-description-color, #666666);font-size:var(--nutui-empty-description-font-size, 14px);line-height:var(--nutui-empty-description-line-height, 20px)}

package/dist/esm/FixedNav/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/FixedNav/style/style.css

@@ -0,0 +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-overflow-hidden{overflow:hidden!important}.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-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 201);display:inline-block;height:50px;right:0}.nut-fixednav.active .nut-icon{transform:rotate(180deg)}.nut-fixednav.active .nut-fixednav__list{transform:translate(0)!important}.nut-fixednav.active.left .nut-icon{transform:rotate(0)!important}.nut-fixednav__btn{box-sizing:border-box;position:absolute;right:0;z-index:var(--nutui-fixednav-index, 201);width:80px;padding-left:12px;height:100%;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:45px 0 0 45px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.nut-fixednav__btn .text{width:24px;line-height:13px;font-size:10px;color:var(--nutui-fixednav-bg-color, #fff);flex-shrink:0}.nut-fixednav__btn .nut-icon{margin-right:5px;transform:rotate(0);transition:all .3s}.nut-fixednav__list{position:absolute;right:0;transform:translate(100%);transition:all .5s;z-index:var(--nutui-fixednav-index, 201);flex-shrink:0;height:100%;background:var(--nutui-fixednav-bg-color, #fff);display:flex;justify-content:space-between;border-radius:25px 0 0 25px;box-shadow:2px 2px 8px #0003;padding-left:20px;padding-right:80px}.nut-fixednav__list-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50px;flex-shrink:0}.nut-fixednav__list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav__list-item .nut-fixednav__list-text{font-size:10px;color:var(--nutui-fixednav-font-color, #000)}.nut-fixednav__list-item .b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#fff;background:var(--nutui-brand-color, #fa2c19);border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left{right:auto;left:0}.nut-fixednav.left .nut-fixednav__btn{flex-direction:row-reverse;right:auto;left:0;border-radius:0 45px 45px 0}.nut-fixednav.left .nut-fixednav__btn .nut-icon{transform:rotate(180deg)}.nut-fixednav.left .nut-fixednav__list{transform:translate(-100%);right:auto;border-radius:0 25px 25px 0;padding-left:80px;padding-right:20px;margin:0}.nut-drag .nut-fixednav{position:inherit}

package/dist/esm/FixedNav.js

@@ -45,7 +45,7 @@ var FixedNav = function FixedNav2(props) {
     active: visible
   }, type, className, classPrefix);
   var handleClick = function handleClick2(item, event) {
-    onSelect(event, item);
+    onSelect(item, event);
   };
   var onUpdateValue = function onUpdateValue2() {
     var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !visible;

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

@@ -0,0 +1 @@
+import './style.css'

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

@@ -0,0 +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}

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/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -0,0 +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))}

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/Grid/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Grid/style/style.css

@@ -0,0 +1 @@
+.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-1, #1a1a1a))}.nut-grid-item__text{color:var(--nutui-grid-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-grid-item-text-font-size, var(--nutui-font-size-1, 12px));line-height:1.5;word-break:break-all;margin:var(--nutui-grid-item-text-margin, 8px) 0 0 0}.nut-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nutui-grid-item-content-padding, 16px 8px);background:var(--nutui-grid-item-content-bg-color, var(--nutui-gray-6, #ffffff));border:0 solid var(--nutui-grid-border-color, #f5f6f7)}.nut-grid-item__content--border{border-right-width:1px;border-bottom-width:1px}.nut-grid-item__content--surround{border-top-width:1px;border-left-width:1px}.nut-grid-item__content--center{align-items:center;justify-content:center}.nut-grid-item__content--square{position:absolute;top:0;right:0;left:0}.nut-grid-item__content--reverse{flex-direction:column-reverse}.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal{flex-direction:row}.nut-grid-item__content--horizontal .nut-grid-item__text{margin:0 0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse{flex-direction:row-reverse}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 var(--nutui-grid-item-text-margin, 8px) 0 0}.nut-grid-item__content--clickable{cursor:pointer}.nut-grid-item__content--clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-grid-item__content--clickable:active:before{opacity:.1}.nut-grid{display:flex;flex-wrap:wrap;border:0 solid var(--nutui-grid-border-color, #f5f6f7)}.nut-grid__border{border-top-width:1px;border-left-width:1px}

package/dist/esm/GridItem/style/css.js

@@ -0,0 +1 @@
+import './style.css'