@aks-dev/easyui 1.0.182 → 1.0.184

package/dist/components/Hud/Scanner/Scanner.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hideScanner = exports.showScanner = exports.scannerRef = exports.Scanner = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-04-24 14:27:02
@@ -9,49 +5,49 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2023-03-23 15:04:18
  * @FilePath: /@aks-dev/easyui/lib/Hud/Scanner/Scanner.tsx
  */
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_vision_camera_1 = require("react-native-vision-camera");
-const react_native_permissions_1 = require("react-native-permissions");
-const px2dp_1 = require("../../../screen/px2dp");
-const px2sp_1 = require("../../../screen/px2sp");
-const utils = tslib_1.__importStar(require("../../../utils/lazy"));
-const Toast_1 = require("../Toast/Toast");
+import React, { useImperativeHandle, useState } from "react";
+import { Animated, BackHandler, Easing, Image, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+import { Camera, useCameraDevice, useCameraPermission, useCodeScanner, } from "react-native-vision-camera";
+import { PERMISSIONS, requestMultiple } from "react-native-permissions";
+import { navigationBarHeight, px2dp, statusBarHeight, } from "../../../screen/px2dp";
+import { px2sp } from "../../../screen/px2sp";
+import * as utils from "../../../utils/lazy";
+import { showToast } from "../Toast/Toast";
 // enum SCANNER_TYPE {
 //     DENIED = -1,//没有开始权限
 //     START = 0,//没有扫描结果，继续扫描
 //     SUCCESS = 1,//已有扫描结果，停止扫描
 // }
-exports.Scanner = react_1.default.forwardRef((_, ref) => {
-    const [show, setShow] = (0, react_1.useState)(false);
-    const moveAnim = react_1.default.useRef(new react_native_1.Animated.Value(0)).current;
-    const [pointStyle, setPointStyle] = react_1.default.useState();
-    const cameraRef = react_1.default.useRef(null);
-    const _cbRef = react_1.default.useRef(null);
-    const _scanerResultRef = react_1.default.useRef(null);
-    const device = (0, react_native_vision_camera_1.useCameraDevice)("back");
-    const { hasPermission } = (0, react_native_vision_camera_1.useCameraPermission)();
-    react_1.default.useEffect(() => {
+export const Scanner = React.forwardRef((_, ref) => {
+    const [show, setShow] = useState(false);
+    const moveAnim = React.useRef(new Animated.Value(0)).current;
+    const [pointStyle, setPointStyle] = React.useState();
+    const cameraRef = React.useRef(null);
+    const _cbRef = React.useRef(null);
+    const _scanerResultRef = React.useRef(null);
+    const device = useCameraDevice("back");
+    const { hasPermission } = useCameraPermission();
+    React.useEffect(() => {
         const onBackPress = () => {
             if (show) {
                 _hideScanner();
             }
             return true;
         };
-        react_native_1.BackHandler.addEventListener("hardwareBackPress", onBackPress);
+        BackHandler.addEventListener("hardwareBackPress", onBackPress);
         // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [show]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         showScanner: _showScanner,
         hideScanner: _hideScanner,
     }), [show]);
     const _showScanner = async (cb) => {
-        let res = await (0, react_native_permissions_1.requestMultiple)([
-            react_native_permissions_1.PERMISSIONS.IOS.CAMERA,
-            react_native_permissions_1.PERMISSIONS.ANDROID.CAMERA,
+        let res = await requestMultiple([
+            PERMISSIONS.IOS.CAMERA,
+            PERMISSIONS.ANDROID.CAMERA,
         ]);
-        if (res[react_native_permissions_1.PERMISSIONS.ANDROID.CAMERA] == "granted" ||
-            res[react_native_permissions_1.PERMISSIONS.IOS.CAMERA] == "granted") {
+        if (res[PERMISSIONS.ANDROID.CAMERA] == "granted" ||
+            res[PERMISSIONS.IOS.CAMERA] == "granted") {
             _scanerResultRef.current = null;
             setShow(true);
             setPointStyle({});
@@ -61,7 +57,7 @@ exports.Scanner = react_1.default.forwardRef((_, ref) => {
         }
         else {
             _hideScanner();
-            (0, Toast_1.showToast)("您未开启相机权限，暂不能使用此功能");
+            showToast("您未开启相机权限，暂不能使用此功能");
         }
     };
     const _hideScanner = async () => {
@@ -69,17 +65,17 @@ exports.Scanner = react_1.default.forwardRef((_, ref) => {
         await utils.sleep();
         setShow(false);
     };
-    const animation = react_native_1.Animated.loop(react_native_1.Animated.sequence([
-        react_native_1.Animated.timing(moveAnim, {
-            toValue: (0, px2dp_1.px2dp)(222),
+    const animation = Animated.loop(Animated.sequence([
+        Animated.timing(moveAnim, {
+            toValue: px2dp(222),
             duration: 3000,
-            easing: react_native_1.Easing.linear,
+            easing: Easing.linear,
             useNativeDriver: true,
         }),
-        react_native_1.Animated.timing(moveAnim, {
+        Animated.timing(moveAnim, {
             toValue: 0,
             duration: 3000,
-            easing: react_native_1.Easing.linear,
+            easing: Easing.linear,
             useNativeDriver: true,
         }),
     ]));
@@ -97,7 +93,7 @@ exports.Scanner = react_1.default.forwardRef((_, ref) => {
         cameraRef.current?.pausePreview();
         animation.stop();
     };
-    const codeScanner = (0, react_native_vision_camera_1.useCodeScanner)({
+    const codeScanner = useCodeScanner({
         codeTypes: ["qr", "ean-13"],
         onCodeScanned: (codes) => {
             console.log(`Scanned ${codes.length} codes!`);
@@ -112,60 +108,60 @@ exports.Scanner = react_1.default.forwardRef((_, ref) => {
     if (!show)
         return null;
     if (!hasPermission)
-        return <react_native_1.Text>PermissionsPage</react_native_1.Text>;
+        return <Text>PermissionsPage</Text>;
     if (device == null)
-        return <react_native_1.Text>NoCameraDeviceError</react_native_1.Text>;
-    return (<react_native_1.TouchableOpacity disabled style={react_native_1.StyleSheet.absoluteFillObject}>
-      <react_native_vision_camera_1.Camera ref={cameraRef} style={styles.camera} device={device} codeScanner={codeScanner} isActive={true}>
+        return <Text>NoCameraDeviceError</Text>;
+    return (<TouchableOpacity disabled style={StyleSheet.absoluteFillObject}>
+      <Camera ref={cameraRef} style={styles.camera} device={device} codeScanner={codeScanner} isActive={true}>
         {/* 导航栏 */}
-        <react_native_1.View style={{
+        <View style={{
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
-            height: px2dp_1.navigationBarHeight,
-            marginTop: px2dp_1.statusBarHeight,
+            height: navigationBarHeight,
+            marginTop: statusBarHeight,
             position: "relative",
         }}>
-          <react_native_1.TouchableOpacity onPress={() => _hideScanner()} style={{
-            height: px2dp_1.navigationBarHeight,
-            width: (0, px2dp_1.px2dp)(50),
-            paddingLeft: (0, px2dp_1.px2dp)(15),
+          <TouchableOpacity onPress={() => _hideScanner()} style={{
+            height: navigationBarHeight,
+            width: px2dp(50),
+            paddingLeft: px2dp(15),
             position: "absolute",
             left: 0,
             display: "flex",
             justifyContent: "center",
         }}>
-            <react_native_1.Image source={require("./assets/icon_back_white.png")} style={{ width: (0, px2dp_1.px2dp)(20), height: (0, px2dp_1.px2dp)(20) }} resizeMode="contain"/>
-          </react_native_1.TouchableOpacity>
-          <react_native_1.Text style={{
-            fontSize: (0, px2sp_1.px2sp)(16),
+            <Image source={require("./assets/icon_back_white.png")} style={{ width: px2dp(20), height: px2dp(20) }} resizeMode="contain"/>
+          </TouchableOpacity>
+          <Text style={{
+            fontSize: px2sp(16),
             color: "white",
             fontWeight: "bold",
         }}>
             扫一扫
-          </react_native_1.Text>
-        </react_native_1.View>
+          </Text>
+        </View>
 
         {/* 动画框 */}
-        <react_native_1.View style={styles.scanContainer}>
-          <react_native_1.View style={styles.rectangle}>
-            <react_native_1.View style={styles.rectangleLeft}/>
-            <react_native_1.View style={styles.cameraBackground}>
-              <react_native_1.Animated.View style={[
+        <View style={styles.scanContainer}>
+          <View style={styles.rectangle}>
+            <View style={styles.rectangleLeft}/>
+            <View style={styles.cameraBackground}>
+              <Animated.View style={[
             styles.scanLine,
             { transform: [{ translateY: moveAnim }] },
         ]}/>
-              <react_native_1.View style={styles.reactLineTopLeftX}/>
-              <react_native_1.View style={styles.reactLineTopLeftY}/>
-              <react_native_1.View style={styles.reactLineTopRightX}/>
-              <react_native_1.View style={styles.reactLineTopRightY}/>
-              <react_native_1.View style={styles.reactLineBottomLeftX}/>
-              <react_native_1.View style={styles.reactLineBottomLeftY}/>
-              <react_native_1.View style={styles.reactLineBottomRightX}/>
-              <react_native_1.View style={styles.reactLineBottomRightY}/>
-            </react_native_1.View>
-            <react_native_1.View style={styles.rectangleRight}/>
-          </react_native_1.View>
+              <View style={styles.reactLineTopLeftX}/>
+              <View style={styles.reactLineTopLeftY}/>
+              <View style={styles.reactLineTopRightX}/>
+              <View style={styles.reactLineTopRightY}/>
+              <View style={styles.reactLineBottomLeftX}/>
+              <View style={styles.reactLineBottomLeftY}/>
+              <View style={styles.reactLineBottomRightX}/>
+              <View style={styles.reactLineBottomRightY}/>
+            </View>
+            <View style={styles.rectangleRight}/>
+          </View>
 
           {/* <TouchableOpacity onPress={() => setTorchOn(!torchOn)}>
             <Image
@@ -177,20 +173,20 @@ exports.Scanner = react_1.default.forwardRef((_, ref) => {
               style={styles.flashlight}
             />
           </TouchableOpacity> */}
-          <react_native_1.Text style={styles.rectangleText}>
+          <Text style={styles.rectangleText}>
             将二维码/条码放入框内，即可自动扫描
-          </react_native_1.Text>
-        </react_native_1.View>
-        <react_native_1.View style={pointStyle}/>
-      </react_native_vision_camera_1.Camera>
-    </react_native_1.TouchableOpacity>);
+          </Text>
+        </View>
+        <View style={pointStyle}/>
+      </Camera>
+    </TouchableOpacity>);
 });
 const transparent = "#00000000";
 const lineColor = "#6ab3ff";
 const scanW = 225;
 const scanCornerLineLength = 15;
 const scanCornerLineHeight = 3;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     camera: {
         display: "flex",
         flex: 1,
@@ -198,8 +194,8 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: "red",
     },
     cameraBackground: {
-        width: (0, px2dp_1.px2dp)(scanW),
-        height: (0, px2dp_1.px2dp)(scanW),
+        width: px2dp(scanW),
+        height: px2dp(scanW),
         backgroundColor: transparent,
     },
     scanContainer: {
@@ -211,97 +207,95 @@ const styles = react_native_1.StyleSheet.create({
     rectangle: { flexDirection: "row", overflow: "hidden" },
     rectangleLeft: {
         backgroundColor: transparent,
-        height: (0, px2dp_1.px2dp)(scanW),
-        width: (0, px2dp_1.px2dp)(scanW),
+        height: px2dp(scanW),
+        width: px2dp(scanW),
     },
     rectangleRight: {
         backgroundColor: transparent,
-        height: (0, px2dp_1.px2dp)(scanW),
-        width: (0, px2dp_1.px2dp)(scanW),
+        height: px2dp(scanW),
+        width: px2dp(scanW),
     },
-    rectangleText: { color: "#fff", lineHeight: (0, px2dp_1.px2dp)(15) },
+    rectangleText: { color: "#fff", lineHeight: px2dp(15) },
     scanLine: {
-        width: (0, px2dp_1.px2dp)(scanW),
-        height: (0, px2dp_1.px2dp)(scanCornerLineHeight),
-        borderRadius: (0, px2dp_1.px2dp)(25),
+        width: px2dp(scanW),
+        height: px2dp(scanCornerLineHeight),
+        borderRadius: px2dp(25),
         backgroundColor: lineColor,
     },
     reactLineTopLeftX: {
         position: "absolute",
         top: 0,
         left: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineLength),
-        height: (0, px2dp_1.px2dp)(scanCornerLineHeight),
+        width: px2dp(scanCornerLineLength),
+        height: px2dp(scanCornerLineHeight),
         backgroundColor: lineColor,
     },
     reactLineTopLeftY: {
         position: "absolute",
         top: 0,
         left: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineHeight),
-        height: (0, px2dp_1.px2dp)(scanCornerLineLength),
+        width: px2dp(scanCornerLineHeight),
+        height: px2dp(scanCornerLineLength),
         backgroundColor: lineColor,
     },
     reactLineTopRightX: {
         position: "absolute",
         top: 0,
         right: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineLength),
-        height: (0, px2dp_1.px2dp)(scanCornerLineHeight),
+        width: px2dp(scanCornerLineLength),
+        height: px2dp(scanCornerLineHeight),
         backgroundColor: lineColor,
     },
     reactLineTopRightY: {
         position: "absolute",
         top: 0,
         right: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineHeight),
-        height: (0, px2dp_1.px2dp)(scanCornerLineLength),
+        width: px2dp(scanCornerLineHeight),
+        height: px2dp(scanCornerLineLength),
         backgroundColor: lineColor,
     },
     reactLineBottomLeftX: {
         position: "absolute",
         bottom: 0,
         left: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineLength),
-        height: (0, px2dp_1.px2dp)(scanCornerLineHeight),
+        width: px2dp(scanCornerLineLength),
+        height: px2dp(scanCornerLineHeight),
         backgroundColor: lineColor,
     },
     reactLineBottomLeftY: {
         position: "absolute",
         bottom: 0,
         left: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineHeight),
-        height: (0, px2dp_1.px2dp)(scanCornerLineLength),
+        width: px2dp(scanCornerLineHeight),
+        height: px2dp(scanCornerLineLength),
         backgroundColor: lineColor,
     },
     reactLineBottomRightX: {
         position: "absolute",
         bottom: 0,
         right: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineLength),
-        height: (0, px2dp_1.px2dp)(scanCornerLineHeight),
+        width: px2dp(scanCornerLineLength),
+        height: px2dp(scanCornerLineHeight),
         backgroundColor: lineColor,
     },
     reactLineBottomRightY: {
         position: "absolute",
         bottom: 0,
         right: 0,
-        width: (0, px2dp_1.px2dp)(scanCornerLineHeight),
-        height: (0, px2dp_1.px2dp)(scanCornerLineLength),
+        width: px2dp(scanCornerLineHeight),
+        height: px2dp(scanCornerLineLength),
         backgroundColor: lineColor,
     },
     flashlight: {
-        width: (0, px2dp_1.px2dp)(30),
-        height: (0, px2dp_1.px2dp)(30),
+        width: px2dp(30),
+        height: px2dp(30),
         resizeMode: "contain",
-        marginTop: (0, px2dp_1.px2dp)(50),
-        marginBottom: (0, px2dp_1.px2dp)(15),
-        marginHorizontal: (0, px2dp_1.px2dp)(15),
+        marginTop: px2dp(50),
+        marginBottom: px2dp(15),
+        marginHorizontal: px2dp(15),
     },
-    grantedText: { lineHeight: (0, px2dp_1.px2dp)(30), color: lineColor, fontWeight: "bold" },
+    grantedText: { lineHeight: px2dp(30), color: lineColor, fontWeight: "bold" },
 });
-exports.scannerRef = react_1.default.createRef();
-const showScanner = (cb) => exports.scannerRef.current?.showScanner(cb);
-exports.showScanner = showScanner;
-const hideScanner = () => exports.scannerRef.current?.hideScanner();
-exports.hideScanner = hideScanner;
+export const scannerRef = React.createRef();
+export const showScanner = (cb) => scannerRef.current?.showScanner(cb);
+export const hideScanner = () => scannerRef.current?.hideScanner();

package/dist/components/Hud/Toast/Toast.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showToast = exports.toastRef = exports.Toast = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2021-04-27 10:38:04
@@ -9,47 +5,46 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-09-09 10:58:34
  * @FilePath: /@aks-dev/easyui/lib/Hud/Toast/Toast.tsx
  */
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
+import React, { useImperativeHandle, useState, useRef } from "react";
+import { View, StyleSheet, Text, Dimensions, Animated, Easing, } from "react-native";
 const errorMsg = "(^_^)∠※ 送你一束小花";
-exports.Toast = react_1.default.forwardRef((_, ref) => {
-    const [tipText, setTipText] = (0, react_1.useState)(errorMsg);
-    const fade = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    const fadeAnimation = react_native_1.Animated.sequence([
-        react_native_1.Animated.timing(fade, {
+export const Toast = React.forwardRef((_, ref) => {
+    const [tipText, setTipText] = useState(errorMsg);
+    const fade = useRef(new Animated.Value(0)).current;
+    const fadeAnimation = Animated.sequence([
+        Animated.timing(fade, {
             toValue: 1,
             duration: 750,
             useNativeDriver: true,
-            easing: react_native_1.Easing.linear,
+            easing: Easing.linear,
         }),
-        react_native_1.Animated.delay(3000),
-        react_native_1.Animated.timing(fade, {
+        Animated.delay(3000),
+        Animated.timing(fade, {
             toValue: 0,
             duration: 750,
             useNativeDriver: true,
-            easing: react_native_1.Easing.linear,
+            easing: Easing.linear,
         }),
     ]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         showToast: (content) => {
             setTipText(content || errorMsg);
             fadeAnimation.reset();
             fadeAnimation.start();
         },
     }));
-    return (<react_native_1.Animated.View style={{ ...styles.toastContainer, opacity: fade }}>
-      <react_native_1.View style={styles.toastTipsContainer}>
-        <react_native_1.Text numberOfLines={5} style={{ ...styles.toastTitle }}>
+    return (<Animated.View style={{ ...styles.toastContainer, opacity: fade }}>
+      <View style={styles.toastTipsContainer}>
+        <Text numberOfLines={5} style={{ ...styles.toastTitle }}>
           {tipText}{" "}
-        </react_native_1.Text>
-      </react_native_1.View>
-    </react_native_1.Animated.View>);
+        </Text>
+      </View>
+    </Animated.View>);
 });
-exports.toastRef = react_1.default.createRef();
-const showToast = (content) => exports.toastRef.current?.showToast(content);
-exports.showToast = showToast;
-const SCREEN_WIDTH = react_native_1.Dimensions.get("window").width;
-const styles = react_native_1.StyleSheet.create({
+export const toastRef = React.createRef();
+export const showToast = (content) => toastRef.current?.showToast(content);
+const SCREEN_WIDTH = Dimensions.get("window").width;
+const styles = StyleSheet.create({
     toastContainer: {
         position: "absolute",
         bottom: 100,

package/dist/components/MenuView/MenuView.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_native_1 = require("react-native");
-const px2dp_1 = require("../../screen/px2dp");
+import React from "react";
+import { Image, ScrollView, Text, TouchableOpacity, View, } from "react-native";
+import { deviceHeight, deviceWidth } from "../../screen/px2dp";
 // import * as utils from '../../utils/lazy';
-const Hud_1 = require("../Hud/Hud");
+import { hidePopoverView, showPopoverView } from "../Hud/Hud";
 // type Reducer = (prevState: State, action: Partial<State>) => State
-exports.default = (props) => {
+export default (props) => {
     const { defaultAlignHorizontal = "left", defaultAlignVertical = "bottom" } = props;
-    const [state, dispatch] = react_1.default.useReducer((prevState, action) => Object.assign({}, prevState, action), {});
+    const [state, dispatch] = React.useReducer((prevState, action) => Object.assign({}, prevState, action), {});
     // const containerRef = React.useRef<{ measureInWindow: (callback: MeasureInWindowOnSuccessCallback) => void }>()
-    const containerRef = react_1.default.useRef(null);
-    const rootView = react_1.default.useRef({ pageX: 0, pageY: 0, width: 0, height: 0 });
-    const sc = react_1.default.useRef({ x: 0, y: 0, width: 0, height: 0 });
+    const containerRef = React.useRef(null);
+    const rootView = React.useRef({ pageX: 0, pageY: 0, width: 0, height: 0 });
+    const sc = React.useRef({ x: 0, y: 0, width: 0, height: 0 });
     // React.useEffect(() => {
     //     ; (async () => {
     //         await utils.sleep()
@@ -54,10 +51,10 @@ exports.default = (props) => {
         let x = rootView.current.pageX;
         // let y = (StatusBar.currentHeight || 0) + _container.current.y + height
         let y = rootView.current.pageY + height;
-        if (x > Math.abs(px2dp_1.deviceWidth - width - x)) {
+        if (x > Math.abs(deviceWidth - width - x)) {
             alignHorizontal = "right";
         }
-        if (y > px2dp_1.deviceHeight * 0.5) {
+        if (y > deviceHeight * 0.5) {
             alignVertical = "top";
         }
         /**todo: target_width的获取是延迟的，所以这里又问题 */
@@ -79,9 +76,9 @@ exports.default = (props) => {
         // console.log({ getLayoutInfos: getLayoutInfos() })
         const layout = () => {
             if (alignHorizontal == "left") {
-                if (target_width + x > px2dp_1.deviceWidth) {
+                if (target_width + x > deviceWidth) {
                     return {
-                        left: Math.abs(px2dp_1.deviceWidth - target_width) * 0.7,
+                        left: Math.abs(deviceWidth - target_width) * 0.7,
                         top: y,
                     };
                 }
@@ -91,10 +88,10 @@ exports.default = (props) => {
                 };
             }
             else {
-                let _x = px2dp_1.deviceWidth - x - width;
-                if (target_width + _x > px2dp_1.deviceWidth) {
+                let _x = deviceWidth - x - width;
+                if (target_width + _x > deviceWidth) {
                     return {
-                        right: Math.abs(px2dp_1.deviceWidth - target_width) * 0.7,
+                        right: Math.abs(deviceWidth - target_width) * 0.7,
                         top: y,
                     };
                 }
@@ -123,11 +120,11 @@ exports.default = (props) => {
         /**重新获取rootview的定位 */
         await getRootViewlayoutPromise();
         /**重新获取rootview的定位 */
-        (0, Hud_1.showPopoverView)({
-            content: (<react_native_1.TouchableOpacity activeOpacity={1} style={{
+        showPopoverView({
+            content: (<TouchableOpacity activeOpacity={1} style={{
                     position: "absolute",
-                    minWidth: px2dp_1.deviceWidth * 0.36,
-                    maxWidth: px2dp_1.deviceWidth * 0.8,
+                    minWidth: deviceWidth * 0.36,
+                    maxWidth: deviceWidth * 0.8,
                     minHeight: CELL_HEIGHT + PADDING * 2,
                     maxHeight: CELL_HEIGHT * 5 + PADDING * 2,
                     borderRadius: 6,
@@ -136,7 +133,7 @@ exports.default = (props) => {
                     padding: PADDING,
                     ...reLayout(),
                 }}>
-          <react_native_1.View style={{
+          <View style={{
                     width: ARROW_HEIGHT,
                     height: ARROW_HEIGHT,
                     backgroundColor: "#000000ee",
@@ -157,13 +154,13 @@ exports.default = (props) => {
                     })(),
                 }}/>
 
-          <react_native_1.ScrollView onLayout={(e) => {
+          <ScrollView onLayout={(e) => {
                     // console.log('target onLayout', e.nativeEvent.layout)
                     let _sc = e.nativeEvent.layout;
                     sc.current = _sc;
                 }}>
             {props.data?.map((i, idx) => {
-                    return (<react_native_1.TouchableOpacity activeOpacity={0.7} key={`sg-memnu-${idx}`} style={{
+                    return (<TouchableOpacity activeOpacity={0.7} key={`sg-memnu-${idx}`} style={{
                             height: CELL_HEIGHT,
                             display: "flex",
                             flexDirection: "row",
@@ -171,17 +168,17 @@ exports.default = (props) => {
                             // ,backgroundColor:utils.randomcolor()
                         }} onPress={(e) => {
                             props.onItemClick && props.onItemClick(idx, i.extra);
-                            (0, Hud_1.hidePopoverView)();
+                            hidePopoverView();
                         }}>
-                  {i.icon && (<react_native_1.Image style={{ width: 18, height: 18, marginRight: 4 }} source={i.icon}/>)}
-                  <react_native_1.Text style={{ flexShrink: 1, fontSize: 14, color: "white" }}>
+                  {i.icon && (<Image style={{ width: 18, height: 18, marginRight: 4 }} source={i.icon}/>)}
+                  <Text style={{ flexShrink: 1, fontSize: 14, color: "white" }}>
                     {i.text}
-                  </react_native_1.Text>
-                </react_native_1.TouchableOpacity>);
+                  </Text>
+                </TouchableOpacity>);
                 })}
-          </react_native_1.ScrollView>
-        </react_native_1.TouchableOpacity>),
+          </ScrollView>
+        </TouchableOpacity>),
         });
     };
-    return (<react_native_1.TouchableOpacity ref={containerRef} onPress={(e) => show()} {...props}/>);
+    return (<TouchableOpacity ref={containerRef} onPress={(e) => show()} {...props}/>);
 };

package/dist/components/Modal/Modal.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * @Author: shiguo
  * @Date: 2022-04-26 11:30:34
@@ -6,8 +5,4 @@
  * @LastEditTime: 2022-10-27 16:37:32
  * @FilePath: /@aks-dev/easyui/lib/Modal/Modal.tsx
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const tslib_1 = require("tslib");
-var react_native_modal_1 = require("react-native-modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return tslib_1.__importDefault(react_native_modal_1).default; } });
+export { default as Modal } from 'react-native-modal';