plain-design 1.0.0-beta.10 → 1.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/usePopup/PopupItem.tsx

@@ -1,4 +1,4 @@
-import {designComponent, getComponentCls, iHTMLDivElement, iHTMLElement, iTransitionEvent, nextIndex, onBeforeUnmount, onMounted, Portal, PropType, reactive, SimpleFunction, useClassCache, useRefs, useStyleCache} from "plain-design-composition";
+import {designComponent, getComponentCls, iHTMLDivElement, iHTMLElement, iMouseEvent, iTransitionEvent, nextIndex, onBeforeUnmount, onMounted, Portal, PropType, reactive, SimpleFunction, useClassCache, useRefs, useStyleCache} from "plain-design-composition";
 import {ePopupAnimation, iPopupOption, iPopupRefs, PopupItemProvide} from "./utils/popup.utils";
 import {createEffects} from "plain-utils/utils/createEffects";
 import {delay} from "plain-utils/utils/delay";
@@ -262,6 +262,14 @@ export const PopupItem = designComponent({
         };
         return check;
       })(),
+      /**
+       * 阻止点击popup的事件冒泡，如果有div包裹popup几点，在react中即使popup不是这个div的子节点也会导致事件冒泡到div上
+       * @author  韦胜健
+       * @date    2023/8/10 11:27
+       */
+      onClickPopup: (e: iMouseEvent) => {
+        e.stopPropagation();
+      },
     };
 
     onMounted(async () => {
@@ -369,6 +377,7 @@ export const PopupItem = designComponent({
           data-popup-show={String(state.isShow)}
           onTransitionEnd={handler.onTransitionend}
           style={styles.value}
+          onClick={handler.onClickPopup}
         >
           {/*slide的情况下，arrow得放body外面，避免被overflow:hidden*/}
           {!!state.option.arrowSize && !state.option.noArrow && state.option.animation !== ePopupAnimation.scale && (<div className="popup-item-arrow" ref={onRef.arrow}/>)}