pixuireactcomponents 1.3.88 → 1.3.89

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.3.88",
+    "version": "1.3.89",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {

package/src/components/react/app/dropDown/DropDown.d.ts

@@ -21,4 +21,5 @@ export declare let DropDown: (props: {
     itemContent: string[];
     onClick?: ((index: number) => void) | undefined;
     onSpread?: ((spread: boolean) => void) | undefined;
+    compRef?: any;
 }) => h.JSX.Element;

package/src/components/react/app/dropDown/DropDown.js

@@ -1,4 +1,4 @@
-import { useState } from 'preact/hooks';
+import { useEffect, useState } from 'preact/hooks';
 import { h } from 'preact';
 /**
  *
@@ -16,10 +16,18 @@ export var DropDown = function (props) {
     var _a;
     var rootId = props.rootId, rootClassName = props.rootClassName, spreadFrameClassName = props.spreadFrameClassName, mainItemClassName = props.mainItemClassName, itemClassName = props.itemClassName, mainContent = props.mainContent, itemContent = props.itemContent, onClick = props.onClick, onSpread = props.onSpread;
     var spread = (_a = useState(false), _a[0]), setSpread = _a[1];
+    //导出ref
+    if (props.compRef) {
+        props.compRef.current = {
+            setSpread: setSpread,
+        };
+    }
+    useEffect(function () {
+        onSpread && onSpread(spread);
+    }, [spread]);
     return (h("div", { style: { flexDirection: 'column', flexShrink: 0 }, className: rootClassName, id: rootId },
         h("div", { onClick: function () {
                 setSpread(!spread);
-                onSpread && onSpread(!spread);
             }, className: mainItemClassName, style: { flexShrink: 0 } }, mainContent),
         spread && (
         //在下方展开