@nutui/nutui-react-taro 2.0.8 → 2.0.9

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+# v2.0.9
+`2023-08-02`
+
+* :sparkles: feat(notify): 支持函数调用的展开和关闭 (#1271) @oasis-cloud
+* :bug: fix: space 版本号修改为 2.0 (#1265) @oasis-cloud
+* 🔨 chore(config): 优化 taro demo 环境配置文件 (#1266) @oasis-cloud
+* 📖 docs: cascader 文档更新 (#1270) @vapao
+* 📖 docs: tag 文档和 demo 同步 (#1275) @oasis-cloud
+* 📖 docs: 升级文档更新 (#1274) @oasis-cloud
+
+
 # v2.0.8
 `2023-07-28`
 

package/dist/esm/Notify.js

@@ -1,8 +1,9 @@
-import { N as Notify } from "./notify.taro-05bd231c.js";
+import { N as Notify } from "./notify.taro-687d6f8c.js";
 import "react";
 import "classnames";
 import "react-transition-group";
 import "./typings-11d83a22.js";
+import "@tarojs/taro";
 export {
   Notify as default
 };

package/dist/esm/{notify.taro-05bd231c.js → notify.taro-687d6f8c.js}

@@ -1,7 +1,30 @@
-import React__default, { useState, useEffect } from "react";
+import React__default, { useEffect, useState } from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { Events, getCurrentInstance } from "@tarojs/taro";
+const customEvents = new Events();
+function useCustomEventsPath(selector) {
+  var _a;
+  const path = (_a = getCurrentInstance().router) == null ? void 0 : _a.path;
+  return path ? `${path}__${selector}` : selector;
+}
+function useCustomEvent(selector, cb) {
+  const path = useCustomEventsPath(selector);
+  useEffect(() => {
+    customEvents.on(path, cb);
+    return () => {
+      customEvents.off(path);
+    };
+  }, []);
+  const trigger = (args) => {
+    customEvents.trigger(path, args);
+  };
+  const off = () => {
+    customEvents.off(path);
+  };
+  return [trigger, off];
+}
 const defaultProps = {
   ...ComponentDefaults,
   id: "",
@@ -16,12 +39,14 @@ const defaultProps = {
 };
 const classPrefix = "nut-notify";
 const Notify = (props) => {
-  const { id, children, style, type, className, position, visible, duration, onClose, onClick, ...rest } = { ...defaultProps, ...props };
+  const { id, children, style, type, className, position, visible, duration, onClose, onClick } = { ...defaultProps, ...props };
+  useCustomEvent(id, (status) => {
+    status ? show() : hide();
+  });
   let timer;
-  const [showNotify, SetShow] = useState(false);
+  const [showNotify, setShowNotify] = useState(false);
   useEffect(() => {
     if (visible) {
-      SetShow(true);
       show();
     } else {
       hide();
@@ -31,6 +56,7 @@ const Notify = (props) => {
     onClick();
   };
   const show = () => {
+    setShowNotify(true);
     clearTimer();
     if (duration) {
       timer = window.setTimeout(() => {
@@ -45,11 +71,7 @@ const Notify = (props) => {
     }
   };
   const hide = () => {
-    SetShow(false);
-    if (id) {
-      const element = document.getElementById(id);
-      element && element.parentNode && element.parentNode.removeChild(element);
-    }
+    setShowNotify(false);
     onClose();
   };
   const classes = classNames({
@@ -68,8 +90,18 @@ const Notify = (props) => {
     )
   );
 };
+function open(selector) {
+  const path = useCustomEventsPath(selector);
+  customEvents.trigger(path, true);
+}
+function close(selector) {
+  const path = useCustomEventsPath(selector);
+  customEvents.trigger(path, false);
+}
 Notify.defaultProps = defaultProps;
 Notify.displayName = "NutNotify";
+Notify.open = open;
+Notify.close = close;
 export {
   Notify as N
 };

package/dist/esm/nutui-react.es.js

@@ -53,7 +53,7 @@ import { D as D3 } from "./drag.taro-ce333e51.js";
 import { E as E2 } from "./empty.taro-bfe29449.js";
 import { I as I4 } from "./infiniteloading.taro-87006d3e.js";
 import { N as N3 } from "./noticebar.taro-d95c13b6.js";
-import { N as N4 } from "./notify.taro-05bd231c.js";
+import { N as N4 } from "./notify.taro-687d6f8c.js";
 import { P as P2 } from "./popover.taro-fbf1ba5e.js";
 import { P as P3 } from "./popup.taro-6ecef0f4.js";
 import { P as P4 } from "./pulltorefresh.taro-efb36521.js";

package/dist/esm/types/src/packages/notify/notify.taro.d.ts

@@ -1,12 +1,19 @@
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { BasicComponent } from '@/utils/typings';
+export type NotifyPosition = 'top' | 'bottom';
+export type NotifyType = 'primary' | 'success' | 'danger' | 'waring';
 export interface NotifyProps extends BasicComponent {
     id?: string;
     duration: number;
-    type: string;
-    position: string;
+    type: NotifyType;
+    position: NotifyPosition;
     visible: boolean;
     onClose: () => void;
     onClick: () => void;
 }
-export declare const Notify: FunctionComponent<Partial<NotifyProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Notify: FunctionComponent<Partial<NotifyProps>> & {
+    open: typeof open;
+    close: typeof close;
+};
+export declare function open(selector: string): void;
+export declare function close(selector: string): void;

package/dist/esm/types/src/utils/use-custom-event.d.ts

@@ -0,0 +1,3 @@
+export declare const customEvents: TaroGeneral.Events;
+export declare function useCustomEventsPath(selector: string): string;
+export declare function useCustomEvent(selector: string, cb: any): (<T = any>(args: T) => void)[];

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:39 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -5,13 +5,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:38:56 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
 import React__default, { useCallback, createContext, useContext, useState, useEffect, useRef, useMemo as useMemo$1, isValidElement, forwardRef, useImperativeHandle, Component, Children } from "react";
-import Taro, { getEnv, usePageScroll, getSystemInfoSync, pageScrollTo, nextTick, createSelectorQuery, ENV_TYPE, canvasToTempFilePath, uploadFile, chooseMedia, chooseImage, useReady, createInnerAudioContext, getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
+import Taro, { getEnv, usePageScroll, getSystemInfoSync, pageScrollTo, nextTick, createSelectorQuery, ENV_TYPE, canvasToTempFilePath, uploadFile, chooseMedia, chooseImage, Events, getCurrentInstance, useReady, createInnerAudioContext, getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
 import { Image as Image$2, View, ScrollView, PickerView, PickerViewColumn, Input as Input$1, Textarea, Swiper as Swiper$1, SwiperItem as SwiperItem$1, Video as Video$1 } from "@tarojs/components";
 import ReactDOM, { createPortal } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -6097,7 +6097,7 @@ const Popup = (props) => {
     [`${classPrefix2}__close-icon`]: true,
     [`${classPrefix2}__close-icon--${closeIconPosition}`]: true
   });
-  const open = () => {
+  const open2 = () => {
     if (!innerVisible) {
       setInnerVisible(true);
       setIndex(++_zIndex);
@@ -6107,7 +6107,7 @@ const Popup = (props) => {
     }
     onOpen && onOpen();
   };
-  const close = () => {
+  const close2 = () => {
     if (innerVisible) {
       setInnerVisible(false);
       if (destroyOnClose) {
@@ -6122,7 +6122,7 @@ const Popup = (props) => {
     e.stopPropagation();
     if (closeOnOverlayClick) {
       const closed = onOverlayClick && onOverlayClick(e);
-      closed && close();
+      closed && close2();
     }
   };
   const onHandleClick = (e) => {
@@ -6130,7 +6130,7 @@ const Popup = (props) => {
   };
   const onHandleClickCloseIcon = (e) => {
     const closed = onCloseIconClick && onCloseIconClick(e);
-    closed && close();
+    closed && close2();
   };
   const onHandleOpened = (e) => {
     afterShow && afterShow();
@@ -6198,8 +6198,8 @@ const Popup = (props) => {
     ), renderPop()) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderPop()));
   };
   useEffect(() => {
-    visible && open();
-    !visible && close();
+    visible && open2();
+    !visible && close2();
   }, [visible]);
   useEffect(() => {
     setTransitionName(transition || `${classPrefix2}-slide-${position}`);
@@ -6290,11 +6290,11 @@ const defaultProps$1a = {
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
-  const { title, value, children, onClick, open, ...rest } = {
+  const { title, value, children, onClick, open: open2, ...rest } = {
     ...defaultProps$1a,
     ...props
   };
-  const [subShow, setSubShow] = useState(open);
+  const [subShow, setSubShow] = useState(open2);
   const offset = useContext(OffsetContext);
   const listRef = useRef(null);
   const setListLevel = useCallback(
@@ -7206,11 +7206,11 @@ const InternalCascader = (props, ref) => {
     node.loading = false;
     state.lazyLoadMap.delete(node);
   };
-  const close = () => {
+  const close2 = () => {
     onClose && onClose();
   };
   const closePopup = () => {
-    close();
+    close2();
   };
   const chooseItem = async (node, type4) => {
     if (!type4 && node.disabled || !state.panes[state.tabsCursor]) {
@@ -7228,7 +7228,7 @@ const InternalCascader = (props, ref) => {
         setInnerValue(optionParams);
       }
       setOptionsData(state.panes);
-      close();
+      close2();
       return;
     }
     if (state.tree.hasChildren(node, isLazy())) {
@@ -8466,15 +8466,15 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onPageChange
   } = { ...defaultProps$$, ...props };
   const calendarRef = useRef(null);
-  const close = () => {
+  const close2 = () => {
     onClose && onClose();
   };
   const choose = (param) => {
-    close();
+    close2();
     onConfirm && onConfirm(param);
   };
   const closePopup = () => {
-    close();
+    close2();
   };
   const select = (param) => {
     onDayClick && onDayClick(param);
@@ -14469,7 +14469,7 @@ const NoticeBar = (props) => {
     delay,
     scrollable,
     speed,
-    close,
+    close: close2,
     click,
     onClose,
     onClick,
@@ -14584,7 +14584,7 @@ const NoticeBar = (props) => {
   const onClickIcon = (event) => {
     event.stopPropagation();
     SetShowNoticeBar(!closeable);
-    close && close(event);
+    close2 && close2(event);
     onClose && onClose(event);
   };
   const onAnimationEnd = () => {
@@ -14612,7 +14612,7 @@ const NoticeBar = (props) => {
   const handleClickIcon = (event) => {
     event.stopPropagation();
     SetShowNoticeBar(!closeable);
-    close && close(event);
+    close2 && close2(event);
     onClose && onClose(event);
   };
   const isEllipsis = () => {
@@ -14839,6 +14839,28 @@ const NoticeBar = (props) => {
 };
 NoticeBar.defaultProps = defaultProps$z;
 NoticeBar.displayName = "NutNoticeBar";
+const customEvents = new Events();
+function useCustomEventsPath(selector) {
+  var _a;
+  const path = (_a = getCurrentInstance().router) == null ? void 0 : _a.path;
+  return path ? `${path}__${selector}` : selector;
+}
+function useCustomEvent(selector, cb) {
+  const path = useCustomEventsPath(selector);
+  useEffect(() => {
+    customEvents.on(path, cb);
+    return () => {
+      customEvents.off(path);
+    };
+  }, []);
+  const trigger = (args) => {
+    customEvents.trigger(path, args);
+  };
+  const off = () => {
+    customEvents.off(path);
+  };
+  return [trigger, off];
+}
 const defaultProps$y = {
   ...ComponentDefaults,
   id: "",
@@ -14864,14 +14886,15 @@ const Notify = (props) => {
     visible,
     duration,
     onClose,
-    onClick,
-    ...rest
+    onClick
   } = { ...defaultProps$y, ...props };
+  useCustomEvent(id, (status) => {
+    status ? show() : hide();
+  });
   let timer;
-  const [showNotify, SetShow] = useState(false);
+  const [showNotify, setShowNotify] = useState(false);
   useEffect(() => {
     if (visible) {
-      SetShow(true);
       show();
     } else {
       hide();
@@ -14881,6 +14904,7 @@ const Notify = (props) => {
     onClick();
   };
   const show = () => {
+    setShowNotify(true);
     clearTimer();
     if (duration) {
       timer = window.setTimeout(() => {
@@ -14895,11 +14919,7 @@ const Notify = (props) => {
     }
   };
   const hide = () => {
-    SetShow(false);
-    if (id) {
-      const element = document.getElementById(id);
-      element && element.parentNode && element.parentNode.removeChild(element);
-    }
+    setShowNotify(false);
     onClose();
   };
   const classes = classNames({
@@ -14930,8 +14950,18 @@ const Notify = (props) => {
     )
   ));
 };
+function open(selector) {
+  const path = useCustomEventsPath(selector);
+  customEvents.trigger(path, true);
+}
+function close(selector) {
+  const path = useCustomEventsPath(selector);
+  customEvents.trigger(path, false);
+}
 Notify.defaultProps = defaultProps$y;
 Notify.displayName = "NutNotify";
+Notify.open = open;
+Notify.close = close;
 const defaultProps$x = {
   ...ComponentDefaults,
   list: [],
@@ -15604,12 +15634,12 @@ const Swipe = forwardRef((props, instanceRef) => {
     const baseNum = opened ? 1 - base : base;
     const width = side === "left" ? leftWidth : rightWidth;
     if (width && offset > Number(width) * baseNum) {
-      open(side);
+      open2(side);
     } else {
-      close(side);
+      close2(side);
     }
   };
-  const open = (side) => {
+  const open2 = (side) => {
     var _a;
     opened.current = true;
     const offset = side === "left" ? leftWidth : -rightWidth;
@@ -15617,7 +15647,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     (_a = props.onOpen) == null ? void 0 : _a.call(props, { name, position: side });
     setState((v) => ({ ...v, offset: Number(offset) || 0 }));
   };
-  const close = (position) => {
+  const close2 = (position) => {
     var _a;
     if (opened.current) {
       opened.current = false;
@@ -15657,8 +15687,8 @@ const Swipe = forwardRef((props, instanceRef) => {
     }
   };
   useImperativeHandle(instanceRef, () => ({
-    open,
-    close: () => close()
+    open: open2,
+    close: () => close2()
   }));
   useEffect(() => {
     const handler = (event) => {
@@ -15669,7 +15699,7 @@ const Swipe = forwardRef((props, instanceRef) => {
       })) {
         return;
       }
-      close();
+      close2();
     };
     document.addEventListener("touchstart", handler);
     return () => {

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:38:56 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -6113,7 +6113,7 @@ var __publicField = (obj, key, value) => {
       [`${classPrefix2}__close-icon`]: true,
       [`${classPrefix2}__close-icon--${closeIconPosition}`]: true
     });
-    const open = () => {
+    const open2 = () => {
       if (!innerVisible) {
         setInnerVisible(true);
         setIndex(++_zIndex);
@@ -6123,7 +6123,7 @@ var __publicField = (obj, key, value) => {
       }
       onOpen && onOpen();
     };
-    const close = () => {
+    const close2 = () => {
       if (innerVisible) {
         setInnerVisible(false);
         if (destroyOnClose) {
@@ -6138,7 +6138,7 @@ var __publicField = (obj, key, value) => {
       e.stopPropagation();
       if (closeOnOverlayClick) {
         const closed = onOverlayClick && onOverlayClick(e);
-        closed && close();
+        closed && close2();
       }
     };
     const onHandleClick = (e) => {
@@ -6146,7 +6146,7 @@ var __publicField = (obj, key, value) => {
     };
     const onHandleClickCloseIcon = (e) => {
       const closed = onCloseIconClick && onCloseIconClick(e);
-      closed && close();
+      closed && close2();
     };
     const onHandleOpened = (e) => {
       afterShow && afterShow();
@@ -6214,8 +6214,8 @@ var __publicField = (obj, key, value) => {
       ), renderPop()) : /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
     };
     React.useEffect(() => {
-      visible && open();
-      !visible && close();
+      visible && open2();
+      !visible && close2();
     }, [visible]);
     React.useEffect(() => {
       setTransitionName(transition || `${classPrefix2}-slide-${position}`);
@@ -6306,11 +6306,11 @@ var __publicField = (obj, key, value) => {
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
-    const { title, value, children, onClick, open, ...rest } = {
+    const { title, value, children, onClick, open: open2, ...rest } = {
       ...defaultProps$1a,
       ...props
     };
-    const [subShow, setSubShow] = React.useState(open);
+    const [subShow, setSubShow] = React.useState(open2);
     const offset = React.useContext(OffsetContext);
     const listRef = React.useRef(null);
     const setListLevel = React.useCallback(
@@ -7222,11 +7222,11 @@ var __publicField = (obj, key, value) => {
       node.loading = false;
       state.lazyLoadMap.delete(node);
     };
-    const close = () => {
+    const close2 = () => {
       onClose && onClose();
     };
     const closePopup = () => {
-      close();
+      close2();
     };
     const chooseItem = async (node, type2) => {
       if (!type2 && node.disabled || !state.panes[state.tabsCursor]) {
@@ -7244,7 +7244,7 @@ var __publicField = (obj, key, value) => {
           setInnerValue(optionParams);
         }
         setOptionsData(state.panes);
-        close();
+        close2();
         return;
       }
       if (state.tree.hasChildren(node, isLazy())) {
@@ -8482,15 +8482,15 @@ var __publicField = (obj, key, value) => {
       onPageChange
     } = { ...defaultProps$$, ...props };
     const calendarRef = React.useRef(null);
-    const close = () => {
+    const close2 = () => {
       onClose && onClose();
     };
     const choose = (param) => {
-      close();
+      close2();
       onConfirm && onConfirm(param);
     };
     const closePopup = () => {
-      close();
+      close2();
     };
     const select = (param) => {
       onDayClick && onDayClick(param);
@@ -14485,7 +14485,7 @@ var __publicField = (obj, key, value) => {
       delay,
       scrollable,
       speed,
-      close,
+      close: close2,
       click,
       onClose,
       onClick,
@@ -14600,7 +14600,7 @@ var __publicField = (obj, key, value) => {
     const onClickIcon = (event) => {
       event.stopPropagation();
       SetShowNoticeBar(!closeable);
-      close && close(event);
+      close2 && close2(event);
       onClose && onClose(event);
     };
     const onAnimationEnd = () => {
@@ -14628,7 +14628,7 @@ var __publicField = (obj, key, value) => {
     const handleClickIcon = (event) => {
       event.stopPropagation();
       SetShowNoticeBar(!closeable);
-      close && close(event);
+      close2 && close2(event);
       onClose && onClose(event);
     };
     const isEllipsis = () => {
@@ -14855,6 +14855,28 @@ var __publicField = (obj, key, value) => {
   };
   NoticeBar.defaultProps = defaultProps$z;
   NoticeBar.displayName = "NutNoticeBar";
+  const customEvents = new Taro.Events();
+  function useCustomEventsPath(selector) {
+    var _a;
+    const path = (_a = Taro.getCurrentInstance().router) == null ? void 0 : _a.path;
+    return path ? `${path}__${selector}` : selector;
+  }
+  function useCustomEvent(selector, cb) {
+    const path = useCustomEventsPath(selector);
+    React.useEffect(() => {
+      customEvents.on(path, cb);
+      return () => {
+        customEvents.off(path);
+      };
+    }, []);
+    const trigger = (args) => {
+      customEvents.trigger(path, args);
+    };
+    const off = () => {
+      customEvents.off(path);
+    };
+    return [trigger, off];
+  }
   const defaultProps$y = {
     ...ComponentDefaults,
     id: "",
@@ -14880,14 +14902,15 @@ var __publicField = (obj, key, value) => {
       visible,
       duration,
       onClose,
-      onClick,
-      ...rest
+      onClick
     } = { ...defaultProps$y, ...props };
+    useCustomEvent(id, (status) => {
+      status ? show() : hide();
+    });
     let timer;
-    const [showNotify, SetShow] = React.useState(false);
+    const [showNotify, setShowNotify] = React.useState(false);
     React.useEffect(() => {
       if (visible) {
-        SetShow(true);
         show();
       } else {
         hide();
@@ -14897,6 +14920,7 @@ var __publicField = (obj, key, value) => {
       onClick();
     };
     const show = () => {
+      setShowNotify(true);
       clearTimer();
       if (duration) {
         timer = window.setTimeout(() => {
@@ -14911,11 +14935,7 @@ var __publicField = (obj, key, value) => {
       }
     };
     const hide = () => {
-      SetShow(false);
-      if (id) {
-        const element = document.getElementById(id);
-        element && element.parentNode && element.parentNode.removeChild(element);
-      }
+      setShowNotify(false);
       onClose();
     };
     const classes = classNames({
@@ -14946,8 +14966,18 @@ var __publicField = (obj, key, value) => {
       )
     ));
   };
+  function open(selector) {
+    const path = useCustomEventsPath(selector);
+    customEvents.trigger(path, true);
+  }
+  function close(selector) {
+    const path = useCustomEventsPath(selector);
+    customEvents.trigger(path, false);
+  }
   Notify.defaultProps = defaultProps$y;
   Notify.displayName = "NutNotify";
+  Notify.open = open;
+  Notify.close = close;
   const defaultProps$x = {
     ...ComponentDefaults,
     list: [],
@@ -15620,12 +15650,12 @@ var __publicField = (obj, key, value) => {
       const baseNum = opened ? 1 - base : base;
       const width = side === "left" ? leftWidth : rightWidth;
       if (width && offset > Number(width) * baseNum) {
-        open(side);
+        open2(side);
       } else {
-        close(side);
+        close2(side);
       }
     };
-    const open = (side) => {
+    const open2 = (side) => {
       var _a;
       opened.current = true;
       const offset = side === "left" ? leftWidth : -rightWidth;
@@ -15633,7 +15663,7 @@ var __publicField = (obj, key, value) => {
       (_a = props.onOpen) == null ? void 0 : _a.call(props, { name, position: side });
       setState((v) => ({ ...v, offset: Number(offset) || 0 }));
     };
-    const close = (position) => {
+    const close2 = (position) => {
       var _a;
       if (opened.current) {
         opened.current = false;
@@ -15673,8 +15703,8 @@ var __publicField = (obj, key, value) => {
       }
     };
     React.useImperativeHandle(instanceRef, () => ({
-      open,
-      close: () => close()
+      open: open2,
+      close: () => close2()
     }));
     React.useEffect(() => {
       const handler = (event) => {
@@ -15685,7 +15715,7 @@ var __publicField = (obj, key, value) => {
         })) {
           return;
         }
-        close();
+        close2();
       };
       document.addEventListener("touchstart", handler);
       return () => {

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.9 Wed Aug 02 2023 15:39:20 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/types/packages/cascader/cascader.taro.d.ts

@@ -37,7 +37,11 @@ export interface CascaderProps extends PopupProps {
     * @default -
     */
     defaultValue?: CascaderValue
-    optionKey: CascaderOptionKey;
+    /**
+    * 自定义options中的关键字，valueKey、textKey、childrenKey
+    * @default {valueKey: 'value', textKey: 'text', childrenKey: 'children'}
+    */
+    optionKey: CascaderOptionKey
     /**
     * 当options为可转换为树形结构的扁平结构时，配置转换规则
     * @default -

package/dist/types/packages/notify/notify.taro.d.ts

@@ -1,5 +1,7 @@
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
+export type NotifyPosition = 'top' | 'bottom';
+export type NotifyType = 'primary' | 'success' | 'danger' | 'waring';
 export interface NotifyProps extends BasicComponent {
     id?: string;
     /**
@@ -11,12 +13,12 @@ export interface NotifyProps extends BasicComponent {
     * 提示的信息类型（primary，success ，danger，warning）
     * @default danger
     */
-    type: string
+    type: NotifyType
     /**
     * 自定义位置 (top, bottom)
     * @default top
     */
-    position: string
+    position: NotifyPosition
     /**
     * 消息框是否展示
     * @default false
@@ -33,4 +35,9 @@ export interface NotifyProps extends BasicComponent {
     */
     onClick: () => void
 }
-export declare const Notify: FunctionComponent<Partial<NotifyProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Notify: FunctionComponent<Partial<NotifyProps>> & {
+    open: typeof open;
+    close: typeof close;
+};
+export declare function open(selector: string): void;
+export declare function close(selector: string): void;

package/dist/types/utils/use-custom-event.d.ts

@@ -0,0 +1,3 @@
+export declare const customEvents: TaroGeneral.Events;
+export declare function useCustomEventsPath(selector: string): string;
+export declare function useCustomEvent(selector: string, cb: any): (<T = any>(args: T) => void)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",