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

package/dist/nutui.react.es.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.15 Wed Aug 30 2023 14:04:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.16 Wed Sep 06 2023 15:53:25 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2523,6 +2523,7 @@ const Button = React__default.forwardRef(
   }
 );
 Button.displayName = "NutButton";
+const CellGroupContext = createContext(null);
 const defaultProps$1r = {
   ...ComponentDefaults,
   title: "",
@@ -2540,7 +2541,7 @@ const CellGroup = (props) => {
     {
       className: `${classPrefix$p}__wrap ${divider ? `${classPrefix$p}__wrap--divider` : ""}`
     },
-    children
+    /* @__PURE__ */ React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
   ));
 };
 CellGroup.defaultProps = defaultProps$1r;
@@ -2557,6 +2558,7 @@ const defaultProps$1q = {
 };
 const classPrefix$o = "nut-cell";
 const Cell = (props) => {
+  const ctx2 = useContext(CellGroupContext);
   const {
     children,
     onClick,
@@ -2598,7 +2600,8 @@ const Cell = (props) => {
         style: styles
       },
       extra
-    ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__divider` }))
+    ) : null),
+    (ctx2 == null ? void 0 : ctx2.divider) ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__divider` }) : null
   );
 };
 Cell.defaultProps = defaultProps$1q;
@@ -5671,6 +5674,7 @@ const Overlay = (props) => {
   };
   const [innerVisible, setInnerVisible] = useState(visible);
   const classPrefix2 = `nut-overlay`;
+  const nodeRef = useRef(null);
   useEffect(() => {
     if (visible) {
       setInnerVisible(true);
@@ -5709,6 +5713,7 @@ const Overlay = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     CSSTransition$1,
     {
+      nodeRef,
       classNames: `${classPrefix2}-slide`,
       unmountOnExit: true,
       timeout: duration,
@@ -5716,7 +5721,17 @@ const Overlay = (props) => {
       onEntered: onHandleOpened,
       onExited: onHandleClosed
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: classes, style: styles, ...rest, onClick: handleClick2 }, children)
+    /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        ref: nodeRef,
+        className: classes,
+        style: styles,
+        ...rest,
+        onClick: handleClick2
+      },
+      children
+    )
   ));
 };
 Overlay.defaultProps = defaultOverlayProps;
@@ -11863,6 +11878,7 @@ const Popup = (props) => {
     afterClose,
     onClick
   } = { ...defaultProps$1c, ...props };
+  const nodeRef = React__default.useRef(null);
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
   const [showChildren, setShowChildren] = useState(true);
@@ -11954,6 +11970,7 @@ const Popup = (props) => {
     return /* @__PURE__ */ React__default.createElement(
       CSSTransition$1,
       {
+        nodeRef,
         classNames: transitionName,
         unmountOnExit: true,
         timeout: duration,
@@ -11961,7 +11978,18 @@ const Popup = (props) => {
         onEntered: onHandleOpened,
         onExited: onHandleClosed
       },
-      /* @__PURE__ */ React__default.createElement("div", { style: popStyles, className: popClassName, onClick: onHandleClick }, renderTitle(), renderIcon(), showChildren ? children : "")
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          ref: nodeRef,
+          style: popStyles,
+          className: popClassName,
+          onClick: onHandleClick
+        },
+        renderTitle(),
+        renderIcon(),
+        showChildren ? children : ""
+      )
     );
   };
   const renderNode = () => {
@@ -12624,6 +12652,7 @@ class Tree {
   constructor(nodes, config2) {
     __publicField(this, "nodes");
     __publicField(this, "config");
+    // eslint-disable-next-line class-methods-use-this
     __publicField(this, "isLeaf", (node, lazy) => {
       const { leaf, children } = node;
       const hasChildren = Array.isArray(children) && Boolean(children.length);
@@ -16512,6 +16541,84 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
+const defaultProps$W = {
+  ...ComponentDefaults,
+  labelPosition: "right",
+  starPosition: "left",
+  divider: false,
+  onFinish: (values) => {
+  },
+  onFinishFailed: (values, errorFields) => {
+  }
+};
+const PositionInfo = {
+  top: "form-layout-top",
+  left: "form-layout-left",
+  right: "form-layout-right"
+};
+const Form = React__default.forwardRef(
+  (props, ref) => {
+    const classPrefix2 = "nut-form";
+    const {
+      className,
+      style,
+      footer,
+      children,
+      initialValues,
+      divider,
+      onFinish,
+      onFinishFailed,
+      labelPosition,
+      starPosition,
+      form
+    } = {
+      ...defaultProps$W,
+      ...props
+    };
+    let formInstance;
+    if (form !== void 0) {
+      formInstance = form;
+    } else {
+      [formInstance] = useForm();
+    }
+    React__default.useImperativeHandle(ref, () => formInstance);
+    formInstance.starPosition = starPosition;
+    const { setCallback, submit, resetFields, setInitialValues } = formInstance;
+    setCallback({
+      onFinish,
+      onFinishFailed
+    });
+    const mountRef = React__default.useRef(false);
+    setInitialValues(initialValues, !mountRef.current);
+    if (!mountRef.current) {
+      mountRef.current = true;
+    }
+    return /* @__PURE__ */ React__default.createElement(
+      "form",
+      {
+        className: classNames(
+          classPrefix2,
+          className,
+          PositionInfo[labelPosition]
+        ),
+        style,
+        onSubmit: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          submit();
+        },
+        onReset: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          resetFields();
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Cell.Group, { divider }, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
+    );
+  }
+);
+Form.defaultProps = defaultProps$W;
+Form.displayName = "NutForm";
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
   React__default.forwardRef(
@@ -16521,7 +16628,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$W = {
+const defaultProps$V = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -16589,7 +16696,7 @@ class FormItem extends React__default.Component {
     __publicField(this, "renderLayout", (childNode) => {
       var _a2, _b;
       const { label, name, required: required4, className, style, errorMessageAlign } = {
-        ...defaultProps$W,
+        ...defaultProps$V,
         ...this.props
       };
       const item = ((_a2 = this.context.errors) == null ? void 0 : _a2.length) > 0 && ((_b = this.context.errors) == null ? void 0 : _b.filter((item2) => {
@@ -16639,83 +16746,11 @@ class FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.renderLayout(returnChildNode));
   }
 }
-__publicField(FormItem, "defaultProps", defaultProps$W);
+__publicField(FormItem, "defaultProps", defaultProps$V);
 __publicField(FormItem, "contextType", Context);
-const defaultProps$V = {
-  ...ComponentDefaults,
-  labelPosition: "right",
-  starPosition: "left",
-  onFinish: (values) => {
-  },
-  onFinishFailed: (values, errorFields) => {
-  }
-};
-const PositionInfo = {
-  top: "form-layout-top",
-  left: "form-layout-left",
-  right: "form-layout-right"
-};
-const Form = (props) => {
-  const classPrefix2 = "nut-form";
-  const {
-    className,
-    style,
-    footer,
-    children,
-    initialValues,
-    onFinish,
-    onFinishFailed,
-    labelPosition,
-    starPosition,
-    form
-  } = {
-    ...defaultProps$V,
-    ...props
-  };
-  let formInstance;
-  if (form !== void 0) {
-    formInstance = form;
-  } else {
-    [formInstance] = useForm();
-  }
-  formInstance.starPosition = starPosition;
-  const { setCallback, submit, resetFields, setInitialValues } = formInstance;
-  setCallback({
-    onFinish,
-    onFinishFailed
-  });
-  const mountRef = React__default.useRef(false);
-  setInitialValues(initialValues, !mountRef.current);
-  if (!mountRef.current) {
-    mountRef.current = true;
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    "form",
-    {
-      className: classNames(
-        classPrefix2,
-        className,
-        PositionInfo[labelPosition]
-      ),
-      style,
-      onSubmit: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        submit();
-      },
-      onReset: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        resetFields();
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Cell.Group, null, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
-  );
-};
-Form.defaultProps = defaultProps$V;
-Form.displayName = "NutForm";
-Form.Item = FormItem;
-Form.useForm = useForm;
+const InnerForm = Form;
+InnerForm.Item = FormItem;
+InnerForm.useForm = useForm;
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
   if (index === -1) {
@@ -19709,16 +19744,24 @@ const Content = (props) => {
   const handleClick2 = (e) => {
     onClick && onClick(e);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__outer`, onClick: (e) => handleClick2(e) }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classPrefix2,
-      style: { display: visible ? "flex" : "none" }
+      className: classNames(`${classPrefix2}__outer`, props.className),
+      style: props.style,
+      onClick: (e) => handleClick2(e)
     },
-    renderHeader(),
-    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)),
-    renderFooter()
-  ));
+    /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: classPrefix2,
+        style: { display: visible ? "flex" : "none" }
+      },
+      renderHeader(),
+      /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__content` }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)),
+      renderFooter()
+    )
+  );
 };
 Content.displayName = "NutContent";
 const defaultDialogProps = {
@@ -19777,6 +19820,7 @@ const DialogWrap = (props) => {
 DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
 const defaultProps$D = {
+  ...ComponentDefaults,
   confirmText: "",
   cancelText: "",
   overlay: true,
@@ -25212,7 +25256,7 @@ export {
   Ellipsis,
   Empty,
   FixedNav,
-  Form,
+  InnerForm as Form,
   FormItem,
   Grid,
   GridItem,