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

package/dist/esm/Picker.js

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

package/dist/esm/Popover.js

@@ -23,50 +23,13 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useEffect, useRef, useState } from "react";
+import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import Popup from "./Popup.js";
 import { g as getRect } from "./use-client-rect.js";
-import { a as isFunction, u as upperCaseFirst } from "./index.js";
+import { u as upperCaseFirst } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
-var getTargetElement = function getTargetElement2(target) {
-  var targetElement;
-  if (isFunction(target)) {
-    targetElement = target();
-  } else if ("current" in target) {
-    targetElement = target.current;
-  } else {
-    targetElement = target;
-  }
-  return targetElement;
-};
-function useClickAway(onClickAway, target) {
-  var eventName = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "click";
-  var isListener = arguments.length > 3 ? arguments[3] : void 0;
-  var outerVar = arguments.length > 4 ? arguments[4] : void 0;
-  var handler = function handler2(event) {
-    var targets = Array.isArray(target) ? target : [target];
-    if (targets.some(function(item) {
-      var targetElement = getTargetElement(item);
-      return !targetElement || targetElement.contains(event.target);
-    })) {
-      return;
-    }
-    if (outerVar) {
-      onClickAway();
-    }
-  };
-  useEffect(function() {
-    if (isListener) {
-      window.addEventListener(eventName, handler, true);
-    } else {
-      window.removeEventListener(eventName, handler, true);
-    }
-    return function() {
-      window.removeEventListener(eventName, handler, true);
-    };
-  }, [target]);
-}
+import { u as useClickAway } from "./use-click-away.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   list: [],
   location: "bottom",
@@ -183,34 +146,34 @@ var Popover = function Popover2(props) {
     var skew = location.split("-")[1];
     var cross = 0;
     var parallel = 0;
-    if (Array.isArray(offset) && offset.length == 2) {
+    if (Array.isArray(offset) && offset.length === 2) {
       cross += +offset[1];
       parallel += +offset[0];
     }
     if (width) {
       if (["bottom", "top"].includes(direction)) {
-        var h = direction == "bottom" ? height + cross : -(contentHeight + cross);
+        var h = direction === "bottom" ? height + cross : -(contentHeight + cross);
         styles.top = "".concat(top + h, "px");
         if (!skew) {
           styles.left = "".concat(-(contentWidth - width) / 2 + left + parallel, "px");
         }
-        if (skew == "start") {
+        if (skew === "start") {
           styles.left = "".concat(left + parallel, "px");
         }
-        if (skew == "end") {
+        if (skew === "end") {
           styles.left = "".concat(right + parallel, "px");
         }
       }
       if (["left", "right"].includes(direction)) {
-        var contentW = direction == "left" ? -(contentWidth + cross) : width + cross;
+        var contentW = direction === "left" ? -(contentWidth + cross) : width + cross;
         styles.left = "".concat(left + contentW, "px");
         if (!skew) {
           styles.top = "".concat(top - contentHeight / 2 + height / 2 - 4 + parallel, "px");
         }
-        if (skew == "start") {
+        if (skew === "start") {
           styles.top = "".concat(top + parallel, "px");
         }
-        if (skew == "end") {
+        if (skew === "end") {
           styles.top = "".concat(top + height + parallel, "px");
         }
       }

package/dist/esm/Popup.js

@@ -93,6 +93,7 @@ var Popup = function Popup2(props) {
     }
   };
   var onHandleClickOverlay = function onHandleClickOverlay2(e) {
+    e.stopPropagation();
     if (closeOnOverlayClick) {
       var closed = onClickOverlay2 && onClickOverlay2(e);
       closed && close();
@@ -138,7 +139,7 @@ var Popup = function Popup2(props) {
     return React__default.createElement(CSSTransition, {
       classNames: transitionName,
       unmountOnExit: true,
-      timeout: 500,
+      timeout: 300,
       "in": innerVisible,
       onEntered: onHandleOpened,
       onExited: onHandleClosed

package/dist/esm/SearchBar.js

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

package/dist/esm/Swipe.js

@@ -23,10 +23,8 @@ function _objectSpread(target) {
 }
 import React__default, { forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
 import { u as useTouch } from "./use-touch.js";
 import { g as getRect } from "./use-client-rect.js";
-import "@bem-react/classname";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
@@ -39,7 +37,7 @@ var defaultProps = {
   name: ""
 };
 var Swipe = forwardRef(function(props, instanceRef) {
-  var swipeBem = cn("swipe");
+  var classPrefix = "nut-swipe";
   var touch = useTouch();
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style;
   var root = useRef();
@@ -173,7 +171,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
     if (props["".concat(side, "Action")]) {
       return React__default.createElement("div", {
         ref: measuredRef,
-        className: "".concat(swipeBem(side)),
+        className: "".concat(classPrefix, "__").concat(side),
         onClick: function onClick(e) {
           return handleOperate(e, side);
         }
@@ -215,7 +213,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
   }, []);
   return React__default.createElement("div", {
     ref: root,
-    className: classNames(swipeBem(), className),
+    className: classNames(classPrefix, className),
     onTouchStart: function onTouchStart(e) {
       return _onTouchStart(e);
     },
@@ -227,7 +225,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
     },
     style
   }, React__default.createElement("div", {
-    className: "".concat(swipeBem("wrapper")),
+    className: "".concat(classPrefix, "__wrapper"),
     style: wrapperStyle
   }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
 });

package/dist/esm/Toast.js

@@ -56,9 +56,9 @@ function _isNativeReflectConstruct() {
 }
 import * as React from "react";
 import classNames from "classnames";
+import { Issue, Failure, Loading, Check } from "@nutui/icons-react";
 import { r as render, u as unmount } from "./render.js";
 import { O as Overlay } from "./overlay2.js";
-import { Issue, Failure, Loading, Check } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
 import "react-dom";
 var classPrefix = "nut-toast";
@@ -73,14 +73,23 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
     _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
     _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
+    _this.state = {
+      show: true
+    };
     return _this;
   }
   _createClass(Notification2, [{
     key: "close",
     value: function close() {
+      this.setState({
+        show: false
+      });
       this.clearCloseTimer();
+      if (this.props.id) {
+        var element = document.getElementById(this.props.id);
+        element && element.parentNode && element.parentNode.removeChild(element);
+      }
       this.props.onClose();
     }
   }, {
@@ -153,15 +162,15 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
     value: function render2() {
       var _this3 = this;
       var _this$props = this.props, id = _this$props.id, icon = _this$props.icon, title = _this$props.title, content = _this$props.content, position = _this$props.position, size = _this$props.size, closeOnOverlayClick = _this$props.closeOnOverlayClick, style = _this$props.style, className = _this$props.className, contentClassName = _this$props.contentClassName, contentStyle = _this$props.contentStyle;
+      var show2 = this.state.show;
       var classes = classNames(_defineProperty({
         "nut-toast-has-icon": icon
       }, "nut-toast-".concat(size), true));
       return React.createElement(React.Fragment, null, React.createElement(Overlay, {
-        visible: true,
+        visible: show2,
         style,
         className: "".concat(classPrefix, "__overlay-default ").concat(className),
         onClick: function onClick() {
-          console.log("onclick");
           _this3.clickCover();
         },
         closeOnOverlayClick
@@ -183,9 +192,9 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
 _defineProperty(Notification, "newInstance", void 0);
 Notification.newInstance = function(properties, callback) {
   var element = document.createElement("div");
-  if (properties.id) {
-    element.setAttribute("id", "".concat(properties.id));
-  }
+  var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
+  element.id = id;
+  properties.id = id;
   document.body.appendChild(element);
   var called = false;
   function ref(instance) {

package/dist/esm/Uploader.js

@@ -31,7 +31,7 @@ import classNames from "classnames";
 import { Failure, Loading, Link, Del, Photograph } from "@nutui/icons-react";
 import Progress from "./Progress.js";
 import { useConfig } from "./ConfigProvider.js";
-import { i as isPromise } from "./index.js";
+import { a as isPromise } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
 var UploadOptions = /* @__PURE__ */ _createClass(function UploadOptions2() {
   _classCallCheck(this, UploadOptions2);

package/dist/esm/formitem2.js

@@ -57,86 +57,107 @@ function _objectSpread(target) {
 import React__default, { createContext } from "react";
 import Cell from "./Cell.js";
 import { C as ComponentDefaults } from "./typings.js";
-var FormItemContext = createContext({});
+var Context = createContext({});
+function isForwardRefComponent(component) {
+  return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
+  React__default.forwardRef(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    function() {
+    }
+  ).$$typeof === component.type.$$typeof;
+}
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  required: false,
   name: "",
   label: "",
-  className: "",
   rules: [{
     required: false,
     message: ""
   }],
-  disabled: false,
-  labelWidth: 90,
-  errorMessageAlign: "left",
-  showErrorLine: true,
-  showErrorMessage: true,
-  initialValue: ""
+  errorMessageAlign: "left"
 });
 var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
   _inherits(FormItem2, _React__default$Compo);
   var _super = _createSuper(FormItem2);
-  function FormItem2() {
+  function FormItem2(props) {
     var _this;
     _classCallCheck(this, FormItem2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
-    _defineProperty(_assertThisInitialized(_this), "isInitialValue", false);
+    _defineProperty(_assertThisInitialized(_this), "componentRef", void 0);
     _defineProperty(_assertThisInitialized(_this), "getControlled", function(children) {
-      var _children$props, _children$props2;
-      var _this$context = _this.context, getFieldValue = _this$context.getFieldValue, setFieldsValue = _this$context.setFieldsValue;
+      var _children$props, _objectSpread2;
+      var _this$context = _this.context, setFieldsValue = _this$context.setFieldsValue, getFieldValue = _this$context.getFieldValue;
       var name = _this.props.name;
-      var type = children.type.NAME;
-      var defaultvalue = _this.props.initialValue || ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.defaultValue) || ((_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.value);
-      if (defaultvalue && !_this.isInitialValue) {
-        setFieldsValue(_defineProperty({}, name, defaultvalue));
-        _this.isInitialValue = true;
+      if (children !== null && children !== void 0 && (_children$props = children.props) !== null && _children$props !== void 0 && _children$props.defaultValue) {
+        console.warn("通过 initialValue 设置初始值");
       }
-      return {
-        value: getFieldValue(name),
-        defaultValue: getFieldValue(name),
-        onChange: function onChange(event) {
-          var originOnChange = children.props.onChange;
-          if (originOnChange) {
-            originOnChange(event);
-          }
-          var newValue = event;
-          switch (type) {
-            case "checkbox":
-              newValue = event.target.value;
-              break;
-          }
-          setFieldsValue(_defineProperty({}, name, newValue));
+      var controlled = _objectSpread(_objectSpread({}, children.props), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, _this.props.valuePropName || "value", getFieldValue(name) || _this.props.initialValue), _defineProperty(_objectSpread2, _this.props.trigger || "onChange", function() {
+        var originOnChange = children.props[_this.props.trigger || "onChange"];
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
         }
-      };
+        if (originOnChange) {
+          originOnChange.apply(void 0, args);
+        }
+        var next = args[0];
+        if (_this.props.getValueFromEvent) {
+          var _this$props;
+          next = (_this$props = _this.props).getValueFromEvent.apply(_this$props, args);
+        }
+        setFieldsValue(_defineProperty({}, name, next));
+      }), _objectSpread2));
+      if (isForwardRefComponent(children)) {
+        controlled.ref = function(componentInstance) {
+          var originRef = children.ref;
+          if (originRef) {
+            if (typeof originRef === "function") {
+              originRef(componentInstance);
+            }
+            if ("current" in originRef) {
+              originRef.current = componentInstance;
+            }
+          }
+          _this.componentRef = componentInstance;
+        };
+      }
+      return controlled;
     });
-    _defineProperty(_assertThisInitialized(_this), "onStoreChange", function() {
-      _this.forceUpdate();
+    _defineProperty(_assertThisInitialized(_this), "refresh", function() {
+      _this.setState(function(_ref) {
+        var resetCount = _ref.resetCount;
+        return {
+          resetCount: resetCount + 1
+        };
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onStoreChange", function(type) {
+      if (type === "reset") {
+        _this.refresh();
+      } else {
+        _this.forceUpdate();
+      }
     });
     _defineProperty(_assertThisInitialized(_this), "renderLayout", function(childNode) {
-      var _this$context$errList, _this$context$errList2;
-      var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props), label = _defaultProps$_this$p.label, name = _defaultProps$_this$p.name, _defaultProps$_this$p2 = _defaultProps$_this$p.rules, rules = _defaultProps$_this$p2 === void 0 ? [{
-        required: false,
-        message: ""
-      }] : _defaultProps$_this$p2, className = _defaultProps$_this$p.className, labelWidth = _defaultProps$_this$p.labelWidth, errorMessageAlign = _defaultProps$_this$p.errorMessageAlign, showErrorLine = _defaultProps$_this$p.showErrorLine, showErrorMessage = _defaultProps$_this$p.showErrorMessage;
-      var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function(item2) {
+      var _this$context$errors, _this$context$errors2;
+      var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props), label = _defaultProps$_this$p.label, name = _defaultProps$_this$p.name, required = _defaultProps$_this$p.required, className = _defaultProps$_this$p.className, style = _defaultProps$_this$p.style, errorMessageAlign = _defaultProps$_this$p.errorMessageAlign;
+      var item = ((_this$context$errors = _this.context.errors) === null || _this$context$errors === void 0 ? void 0 : _this$context$errors.length) > 0 && ((_this$context$errors2 = _this.context.errors) === null || _this$context$errors2 === void 0 ? void 0 : _this$context$errors2.filter(function(item2) {
         return item2.field === name;
       }));
-      var starPositon = _this.context.starPositon;
-      var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
+      var starPosition = _this.context.starPosition;
+      var renderStar = required && React__default.createElement("i", {
         className: "required"
       });
-      var renderLabel = starPositon === "Right" ? React__default.createElement(React__default.Fragment, null, label, renderStar) : React__default.createElement(React__default.Fragment, null, renderStar, label);
+      var renderLabel = React__default.createElement(React__default.Fragment, null, starPosition === "left" ? renderStar : null, label, starPosition === "right" ? renderStar : null);
       return React__default.createElement(Cell, {
-        className: "nut-form-item ".concat(className)
-      }, label ? React__default.createElement("div", {
-        className: "nut-cell__title nut-form-item__label",
-        style: {
-          width: _this.pxCheck(labelWidth)
+        className: "nut-form-item ".concat(className),
+        style,
+        onClick: function onClick(e) {
+          return _this.props.onClick && _this.props.onClick(e, _this.componentRef);
         }
+      }, label ? React__default.createElement("div", {
+        className: "nut-cell__title nut-form-item__label"
       }, renderLabel) : null, React__default.createElement("div", {
         className: "nut-cell__value nut-form-item__body"
       }, React__default.createElement("div", {
@@ -148,9 +169,10 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
         }
       }, item[0].message)));
     });
-    _defineProperty(_assertThisInitialized(_this), "pxCheck", function(value) {
-      return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
-    });
+    _this.componentRef = React__default.createRef();
+    _this.state = {
+      resetCount: 1
+    };
     return _this;
   }
   _createClass(FormItem2, [{
@@ -168,23 +190,19 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props, children = _this$props.children, initialValue = _this$props.initialValue;
-      var c = Array.isArray(children) ? children[0] : children;
-      var restCNode = c;
-      if (initialValue) {
-        restCNode = React__default.cloneElement(c, {
-          defaultValue: initialValue
-        });
-      }
-      var returnChildNode = React__default.cloneElement(restCNode, this.getControlled(restCNode));
-      return this.renderLayout(returnChildNode);
+      var children = this.props.children;
+      var child = Array.isArray(children) ? children[0] : children;
+      var returnChildNode = React__default.cloneElement(child, this.getControlled(child));
+      return React__default.createElement(React__default.Fragment, {
+        key: this.state.resetCount
+      }, this.renderLayout(returnChildNode));
     }
   }]);
   return FormItem2;
 }(React__default.Component);
 _defineProperty(FormItem, "defaultProps", defaultProps);
-_defineProperty(FormItem, "contextType", FormItemContext);
+_defineProperty(FormItem, "contextType", Context);
 export {
-  FormItemContext as F,
-  FormItem as a
+  Context as C,
+  FormItem as F
 };

package/dist/esm/index.js

@@ -16,8 +16,8 @@ var upperCaseFirst = function upperCaseFirst2(str) {
   return str;
 };
 export {
-  isFunction as a,
+  isPromise as a,
   isObject as b,
-  isPromise as i,
+  isFunction as i,
   upperCaseFirst as u
 };

package/dist/esm/types/src/packages/button/button.d.ts

@@ -15,6 +15,7 @@ export interface ButtonProps extends BasicComponent {
     disabled: boolean;
     icon: React.ReactNode;
     id: string;
+    nativeType: 'submit' | 'reset' | 'button';
     onClick: (e: MouseEvent) => void;
 }
 export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/types/src/packages/datepicker/datepicker.d.ts

@@ -1,27 +1,21 @@
 import React, { FunctionComponent } from 'react';
-export interface PickerOption {
-    text: string | number;
-    value: string | number;
-    disabled?: boolean;
-    children?: PickerOption[];
-    className?: string | number;
-}
-export interface DatePickerProps {
-    modelValue: Date | null;
+import { PickerOption } from '@/packages/picker/index';
+import { BasicComponent } from '@/utils/typings';
+export interface DatePickerProps extends BasicComponent {
+    value?: Date | null;
+    defaultValue?: Date | null;
     visible: boolean;
     title: string;
     type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
-    isShowChinese: boolean;
+    showChinese: boolean;
     minuteStep: number;
-    minDate: Date;
-    maxDate: Date;
+    startDate: Date;
+    endDate: Date;
     threeDimensional: boolean;
-    className?: string;
-    style?: React.CSSProperties;
     formatter: (type: string, option: PickerOption) => PickerOption;
     filter: (type: string, option: PickerOption[]) => PickerOption[];
-    onCloseDatePicker: () => void;
-    onConfirmDatePicker: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onClose: () => void;
+    onConfirm: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
 }
-export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>>;