@nutui/nutui-react-taro 2.0.12 → 2.0.14

package/dist/esm/{dialog.taro-51697911.js → dialog.taro-519e45af.js}

@@ -1,11 +1,11 @@
-import React__default, { forwardRef } from "react";
+import React__default from "react";
 import classNames from "classnames";
+import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
 import { B as Button } from "./button.taro-25f559e1.js";
-import { CSSTransition } from "react-transition-group";
-import { d as defaultOverlayProps, O as Overlay } from "./overlay.taro-626840fc.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
+import { u as useConfig } from "./configprovider.taro-c5ff4877.js";
+import { O as Overlay } from "./overlay.taro-626840fc.js";
+import { u as useParams, a as useCustomEvent, b as useCustomEventsPath, c as customEvents } from "./use-custom-event-e1689884.js";
 const Content = (props) => {
   const { visible, title, footer, footerDirection, onClick, children } = props;
   const classPrefix = "nut-dialog";
@@ -37,42 +37,10 @@ const Content = (props) => {
   );
 };
 Content.displayName = "NutContent";
-const defaultDialogProps = {
-  ...ComponentDefaults,
-  overlay: true,
-  overlayStyle: {},
-  overlayClassName: "",
-  onCancel: () => {
-  },
-  onClose: () => {
-  },
-  onOverlayClick: (e) => true,
-  ...defaultOverlayProps
-};
-const DialogWrap = (props) => {
-  const { visible, overlay, overlayStyle, overlayClassName, closeOnOverlayClick, lockScroll, onClose, onCancel, onOverlayClick } = props;
-  const onHandleClickOverlay = (e) => {
-    console.log("onClose?.()", closeOnOverlayClick);
-    if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
-      const closed = onOverlayClick && onOverlayClick(e);
-      closed && (onClose == null ? void 0 : onClose());
-      closed && (onCancel == null ? void 0 : onCancel());
-    }
-  };
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    overlay ? React__default.createElement(Overlay, { style: overlayStyle, className: overlayClassName, visible: true, closeOnOverlayClick, lockScroll, onClick: onHandleClickOverlay }) : null,
-    React__default.createElement(
-      CSSTransition,
-      { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
-      React__default.createElement(Content, { ...props, visible })
-    )
-  );
-};
-DialogWrap.defaultProps = defaultDialogProps;
-DialogWrap.displayName = "NutDialogWrap";
 const defaultProps = {
+  title: "",
+  content: "",
+  footer: "",
   confirmText: "",
   cancelText: "",
   overlay: true,
@@ -83,12 +51,20 @@ const defaultProps = {
   footerDirection: "horizontal",
   lockScroll: true,
   beforeCancel: () => true,
-  beforeClose: () => true
+  beforeClose: () => true,
+  onOverlayClick: () => void 0
 };
-const BaseDialog = forwardRef((props, ref) => {
-  const { locale } = useConfig();
-  const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, onClose, onCancel, onConfirm, beforeCancel, beforeClose, ...restProps } = props;
+const BaseDialog = (props) => {
   const classPrefix = "nut-dialog";
+  const { locale } = useConfig();
+  const { params: { id, visible, footer, title, footerDirection, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, onOverlayClick, confirmText, cancelText, overlay, onClose, onCancel, onConfirm, beforeCancel, beforeClose }, setParams } = useParams({ ...defaultProps, ...props });
+  useCustomEvent(id, ({ status, options }) => {
+    if (status) {
+      setParams({ ...options, visible: true });
+    } else {
+      setParams({ ...options, visible: false });
+    }
+  });
   const renderFooter = () => {
     if (footer === null)
       return "";
@@ -115,14 +91,42 @@ const BaseDialog = forwardRef((props, ref) => {
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
     );
   };
+  const onHandleClickOverlay = (e) => {
+    console.log("onClose?.()", closeOnOverlayClick);
+    if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
+      const closed = onOverlayClick && onOverlayClick();
+      closed && (onClose == null ? void 0 : onClose());
+      closed && (onCancel == null ? void 0 : onCancel());
+    }
+  };
+  console.log("props", props, visible);
   return React__default.createElement(
     View,
     { style: { display: visible ? "block" : "none" }, catchMove: lockScroll },
-    React__default.createElement(DialogWrap, { ...props, visible, lockScroll, footer: renderFooter(), onClose, onCancel })
+    React__default.createElement(
+      React__default.Fragment,
+      null,
+      overlay ? React__default.createElement(Overlay, { visible: true, closeOnOverlayClick, lockScroll, onClick: onHandleClickOverlay }) : null,
+      React__default.createElement(
+        CSSTransition,
+        { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
+        React__default.createElement(Content, { title, footer: renderFooter(), footerDirection, visible })
+      )
+    )
   );
-});
+};
+function open(selector, options) {
+  const path = useCustomEventsPath(selector);
+  customEvents.trigger(path, { status: true, options });
+}
+function close(selector) {
+  const path = useCustomEventsPath(selector);
+  customEvents.trigger(path, { status: false });
+}
 BaseDialog.defaultProps = defaultProps;
 BaseDialog.displayName = "NutDialog";
+BaseDialog.open = open;
+BaseDialog.close = close;
 export {
   BaseDialog as B
 };

package/dist/esm/{empty.taro-cef66b01.js → empty.taro-05f15f93.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from "react";
-import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
+import { u as useConfig } from "./configprovider.taro-c5ff4877.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",

package/dist/esm/{fixednav.taro-04cf5ffb.js → fixednav.taro-0d998d65.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { Left } from "@nutui/icons-react-taro";
 import { O as Overlay } from "./overlay.taro-626840fc.js";
-import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
+import { u as useConfig } from "./configprovider.taro-c5ff4877.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{form.taro-16cb71e2.js → form.taro-6166be06.js}

@@ -8,7 +8,7 @@ import React__default, { useRef } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { C as Cell } from "./cell.taro-0a9f80bc.js";
-import { C as Context, F as FormItem } from "./formitem.taro-34af0204.js";
+import { C as Context, F as FormItem } from "./formitem.taro-9e2d3898.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {

package/dist/esm/{formitem.taro-34af0204.js → formitem.taro-9e2d3898.js}

@@ -40,7 +40,7 @@ class FormItem extends React__default.Component {
       }
       const controlled = {
         ...children.props,
-        [this.props.valuePropName || "value"]: getFieldValue(name) || this.props.initialValue,
+        [this.props.valuePropName || "value"]: getFieldValue(name) === void 0 ? this.props.initialValue : getFieldValue(name),
         [this.props.trigger || "onChange"]: (...args) => {
           const originOnChange = children.props[this.props.trigger || "onChange"];
           if (originOnChange) {

package/dist/esm/{grid.taro-6f1b764c.js → grid.taro-f72acab8.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { a as GridContext, G as GridItem, p as pxCheck } from "./griditem.taro-0d03a061.js";
+import { a as GridContext, G as GridItem, p as pxCheck } from "./griditem.taro-b7abc653.js";
 const defaultProps = {
   columns: 4,
   gap: 0,

package/dist/esm/{griditem.taro-0d03a061.js → griditem.taro-b7abc653.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
+import { u as useConfig } from "./configprovider.taro-c5ff4877.js";
 const gridContext = {
   onClick: (item, index) => {
   }

package/dist/esm/{imagepreview.taro-167d1380.js → imagepreview.taro-bc96904b.js}

@@ -5,7 +5,7 @@ import { P as Popup } from "./popup.taro-487eb86e.js";
 import InnerSwiper from "./Swiper.js";
 import { S as SwiperItem } from "./swiperitem.taro-da39a67b.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-e8331e19.js";
+import { u as usePropsValue } from "./use-props-value-c78cbf9b.js";
 const defaultProps = {
   ...ComponentDefaults,
   images: [],