@aks-dev/easyui 1.0.192 → 1.0.193

package/dist/components/Hud/AlertView/AlertView.js

@@ -1,12 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { __awaiter } from "tslib";
 import * as React from "react";
 import { View, Text, StyleSheet, Platform, Modal, StatusBar, TouchableOpacity, Animated, Easing, } from "react-native";
 import { px2dp, deviceWidth } from "../../../screen/px2dp";
@@ -25,12 +17,14 @@ export default React.forwardRef((_, ref) => {
             setState(Object.assign({}, defaultState, { visible: true }, options));
             cancelCallbackRef.current = options.cancel;
             confirmCallbackRef.current = options.confirm;
+            // await sleep(50)
             startAnimate(1);
         }),
         hide,
     }), []);
     const hide = () => __awaiter(void 0, void 0, void 0, function* () {
         startAnimate(0.3);
+        // await sleep(50)
         setState(defaultState);
     });
     let scale_anim = React.useRef(new Animated.Value(0.3)).current;
@@ -54,49 +48,67 @@ export default React.forwardRef((_, ref) => {
             }
         }
     }, [state.visible]);
-    return (React.createElement(Modal, { visible: state.visible, transparent: true, animationType: "fade", onRequestClose: () => {
-        } },
-        React.createElement(View, { style: styles.container },
-            React.createElement(Animated.View, { style: [
-                    styles.wrapper,
-                    state.wrapperStyle,
-                    { transform: [{ scale: scale_anim }] },
-                ] },
-                state.title && React.createElement(Text, { style: styles.titleText }, state.title),
-                (() => {
-                    if (typeof state.content == "string")
-                        return React.createElement(Text, { style: styles.contentText }, state.content);
-                    if (React.isValidElement(state.content))
-                        return state.content;
-                    return React.createElement(View, null);
-                })(),
-                (state.cancelText || state.confirmText) && (React.createElement(View, { style: styles.action },
-                    state.cancelText && (React.createElement(TouchableOpacity, { style: [
-                            styles.cancel,
-                            { marginRight: state.confirmText ? px2dp(15) : 0 },
-                            state.cancelContainerStyle,
-                        ], activeOpacity: 0.8, disabled: state.cancelDisabled, onPress: () => {
-                            hide();
-                            cancelCallbackRef.current && cancelCallbackRef.current();
-                            cancelCallbackRef.current = undefined;
-                        } },
-                        React.createElement(Text, { style: [styles.cancelText, state.cancelTextStyle] }, state.cancelText))),
-                    state.confirmText && (React.createElement(TouchableOpacity, { style: [
-                            styles.confirm,
-                            { marginLeft: state.cancelText ? px2dp(15) : 0 },
-                            state.confirmContainerStyle,
-                        ], activeOpacity: 0.8, onPress: () => {
-                            hide();
-                            confirmCallbackRef.current && confirmCallbackRef.current();
-                            confirmCallbackRef.current = undefined;
-                        } },
-                        React.createElement(Text, { style: [styles.confirmText, state.confirmTextStyle] }, state.confirmText)))))))));
+    return (<Modal visible={state.visible} transparent animationType="fade" onRequestClose={() => {
+            // hide()
+        }}>
+      <View style={styles.container}>
+        <Animated.View style={[
+            styles.wrapper,
+            state.wrapperStyle,
+            { transform: [{ scale: scale_anim }] },
+        ]}>
+          {state.title && <Text style={styles.titleText}>{state.title}</Text>}
+          {(() => {
+            if (typeof state.content == "string")
+                return <Text style={styles.contentText}>{state.content}</Text>;
+            if (React.isValidElement(state.content))
+                return state.content;
+            return <View />;
+        })()}
+
+          {(state.cancelText || state.confirmText) && (<View style={styles.action}>
+              {state.cancelText && (<TouchableOpacity style={[
+                    styles.cancel,
+                    { marginRight: state.confirmText ? px2dp(15) : 0 },
+                    state.cancelContainerStyle,
+                ]} activeOpacity={0.8} disabled={state.cancelDisabled} onPress={() => {
+                    hide();
+                    cancelCallbackRef.current && cancelCallbackRef.current();
+                    cancelCallbackRef.current = undefined;
+                }}>
+                  <Text style={[styles.cancelText, state.cancelTextStyle]}>
+                    {state.cancelText}
+                  </Text>
+                </TouchableOpacity>)}
+
+              {state.confirmText && (<TouchableOpacity style={[
+                    styles.confirm,
+                    { marginLeft: state.cancelText ? px2dp(15) : 0 },
+                    state.confirmContainerStyle,
+                ]} activeOpacity={0.8} onPress={() => {
+                    hide();
+                    confirmCallbackRef.current && confirmCallbackRef.current();
+                    confirmCallbackRef.current = undefined;
+                }}>
+                  <Text style={[styles.confirmText, state.confirmTextStyle]}>
+                    {state.confirmText}
+                  </Text>
+                </TouchableOpacity>)}
+            </View>)}
+        </Animated.View>
+      </View>
+    </Modal>);
 });
 export const alertViewRef = React.createRef();
 export const showAlertModal = (props) => {
     var _a;
     (_a = alertViewRef.current) === null || _a === void 0 ? void 0 : _a.show(props);
 };
+// const sleep = (msec?: number) => {
+//     return new Promise(resolve => {
+//         setTimeout(resolve, msec || 350);
+//     });
+// }
 const styles = StyleSheet.create({
     container: {
         display: "flex",
@@ -108,6 +120,7 @@ const styles = StyleSheet.create({
     wrapper: {
         flexGrow: 0,
         flexShrink: 0,
+        // minWidth: '70%',
         minWidth: deviceWidth - px2dp(60),
         backgroundColor: "white",
         overflow: "hidden",
@@ -119,6 +132,7 @@ const styles = StyleSheet.create({
         maxWidth: deviceWidth - px2dp(90),
         fontSize: px2sp(18),
         marginBottom: px2dp(20),
+        // backgroundColor: 'red',
         textAlign: "center",
         fontWeight: "bold",
         color: "#1A1A1A",
@@ -131,6 +145,7 @@ const styles = StyleSheet.create({
         flexShrink: 1,
         width: undefined,
         fontSize: px2sp(15),
+        // backgroundColor: 'red',
         color: "#1A1A1A",
         textAlign: "center",
     },
@@ -139,6 +154,7 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         justifyContent: "space-between",
         alignItems: "center",
+        // backgroundColor:"red"
     },
     cancel: {
         width: "40%",

package/dist/components/Hud/Hud.js

@@ -1,4 +1,12 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 14:10:04
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 11:13:55
+ * @FilePath: /aks-fire-app/node_modules/@aks-dev/easyui/lib/Hud/Hud.tsx
+ */
 import * as React from 'react';
+// import { StyleSheet } from 'react-native'
 import { alertViewRef, default as AlertView, showAlertModal } from './AlertView/AlertView';
 import { alertBottomViewRef, default as AlertBottomView, showAlertBottomModal } from './AlertBottomView/AlertBottomView';
 import { alertSheetViewRef, default as AlertSheetView, showAlertSheetModal } from './AlertSheetView/AlertSheetView';
@@ -6,13 +14,16 @@ import { hideLoading, Loading, loadingRef, showLoading } from './Loading/Loading
 import { showToast, Toast, toastRef } from './Toast/Toast';
 import { showPopoverView, hidePopoverView, popoverViewRef, PopoverView } from './PopoverView/PopoverView';
 import { showScanner, hideScanner, scannerRef, Scanner } from './Scanner/Scanner';
-export const Hud = () => React.cloneElement(React.createElement(React.Fragment, null), {}, [
-    React.createElement(Loading, { key: "hud-0", ref: loadingRef }),
-    React.createElement(Toast, { key: "hud-1", ref: toastRef }),
-    React.createElement(AlertView, { key: "hud-2", ref: alertViewRef }),
-    React.createElement(AlertBottomView, { key: "hud-3-0", ref: alertBottomViewRef }),
-    React.createElement(AlertSheetView, { key: "hud-3-1", ref: alertSheetViewRef }),
-    React.createElement(PopoverView, { key: "hud-4", ref: popoverViewRef }),
-    React.createElement(Scanner, { key: "hud-5", ref: scannerRef }),
+export const Hud = () => React.cloneElement(<></>, {
+// ...StyleSheet.absoluteFillObject,
+// display: 'flex',
+}, [
+    <Loading key="hud-0" ref={loadingRef}/>,
+    <Toast key="hud-1" ref={toastRef}/>,
+    <AlertView key="hud-2" ref={alertViewRef}/>,
+    <AlertBottomView key="hud-3-0" ref={alertBottomViewRef}/>,
+    <AlertSheetView key="hud-3-1" ref={alertSheetViewRef}/>,
+    <PopoverView key="hud-4" ref={popoverViewRef}/>,
+    <Scanner key="hud-5" ref={scannerRef}/>,
 ]);
 export { showAlertModal, showToast, showLoading, hideLoading, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, };

package/dist/components/Hud/Loading/Loading.js

@@ -1,3 +1,10 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 14:27:02
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:55:48
+ * @FilePath: /@aks-dev/easyui/lib/Hud/Loading/Loading.tsx
+ */
 import React, { useImperativeHandle, useState } from "react";
 import { View, ActivityIndicator, StyleSheet, Text, Dimensions, TouchableOpacity, BackHandler, } from "react-native";
 export const Loading = React.forwardRef((_, ref) => {
@@ -6,6 +13,7 @@ export const Loading = React.forwardRef((_, ref) => {
     React.useEffect(() => {
         const onBackPress = () => show;
         BackHandler.addEventListener("hardwareBackPress", onBackPress);
+        // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [show]);
     useImperativeHandle(ref, () => ({
         showLoading: (content) => {
@@ -18,10 +26,14 @@ export const Loading = React.forwardRef((_, ref) => {
     }), [show]);
     if (!show)
         return null;
-    return (React.createElement(TouchableOpacity, { disabled: true, style: styles.container },
-        React.createElement(View, { style: styles.warpper },
-            React.createElement(ActivityIndicator, { color: "white", size: "large" }),
-            React.createElement(Text, { numberOfLines: 5, style: styles.title }, tipText))));
+    return (<TouchableOpacity disabled style={styles.container}>
+      <View style={styles.warpper}>
+        <ActivityIndicator color="white" size="large"/>
+        <Text numberOfLines={5} style={styles.title}>
+          {tipText}
+        </Text>
+      </View>
+    </TouchableOpacity>);
 });
 export const loadingRef = React.createRef();
 export const showLoading = (content) => { var _a; return (_a = loadingRef.current) === null || _a === void 0 ? void 0 : _a.showLoading(content); };

package/dist/components/Hud/PopoverView/PopoverView.js

@@ -1,3 +1,10 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 14:27:02
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-12-21 15:36:06
+ * @FilePath: /@aks-dev/easyui/lib/Hud/PopoverView/PopoverView.tsx
+ */
 import React, { useImperativeHandle, useState } from "react";
 import { StyleSheet, TouchableOpacity, BackHandler, } from "react-native";
 export const PopoverView = React.forwardRef((_, ref) => {
@@ -6,6 +13,7 @@ export const PopoverView = React.forwardRef((_, ref) => {
     React.useEffect(() => {
         const onBackPress = () => visible;
         BackHandler.addEventListener("hardwareBackPress", onBackPress);
+        // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [visible]);
     useImperativeHandle(ref, () => ({
         showPopoverView: (options) => {
@@ -19,10 +27,13 @@ export const PopoverView = React.forwardRef((_, ref) => {
     }), [visible]);
     if (!visible)
         return null;
-    return (React.createElement(TouchableOpacity, { activeOpacity: 1, style: [styles.container, options === null || options === void 0 ? void 0 : options.style], disabled: options === null || options === void 0 ? void 0 : options.disabled, onPress: (e) => {
+    return (<TouchableOpacity activeOpacity={1} style={[styles.container, options === null || options === void 0 ? void 0 : options.style]} disabled={options === null || options === void 0 ? void 0 : options.disabled} onPress={(e) => {
             setVisible(false);
             setOptions(undefined);
-        } }, React.isValidElement(options === null || options === void 0 ? void 0 : options.content) && (options === null || options === void 0 ? void 0 : options.content)));
+            // e.stopPropagation()
+        }}>
+      {React.isValidElement(options === null || options === void 0 ? void 0 : options.content) && (options === null || options === void 0 ? void 0 : options.content)}
+    </TouchableOpacity>);
 });
 export const popoverViewRef = React.createRef();
 export const showPopoverView = (options) => { var _a; return (_a = popoverViewRef.current) === null || _a === void 0 ? void 0 : _a.showPopoverView(options); };

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

@@ -1,12 +1,11 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { __awaiter } from "tslib";
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 14:27:02
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 15:04:18
+ * @FilePath: /@aks-dev/easyui/lib/Hud/Scanner/Scanner.tsx
+ */
 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";
@@ -15,6 +14,11 @@ import { navigationBarHeight, px2dp, statusBarHeight, } from "../../../screen/px
 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,//已有扫描结果，停止扫描
+// }
 export const Scanner = React.forwardRef((_, ref) => {
     const [show, setShow] = useState(false);
     const moveAnim = React.useRef(new Animated.Value(0)).current;
@@ -32,6 +36,7 @@ export const Scanner = React.forwardRef((_, ref) => {
             return true;
         };
         BackHandler.addEventListener("hardwareBackPress", onBackPress);
+        // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [show]);
     useImperativeHandle(ref, () => ({
         showScanner: _showScanner,
@@ -79,6 +84,7 @@ export const Scanner = React.forwardRef((_, ref) => {
         var _a;
         (_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.resumePreview();
         animation.start(({ finished }) => {
+            // console.log('animationStart finished', finished)
             if (finished) {
                 animation.reset();
                 animation.start();
@@ -105,53 +111,78 @@ export const Scanner = React.forwardRef((_, ref) => {
     if (!show)
         return null;
     if (!hasPermission)
-        return React.createElement(Text, null, "PermissionsPage");
+        return <Text>PermissionsPage</Text>;
     if (device == null)
-        return React.createElement(Text, null, "NoCameraDeviceError");
-    return (React.createElement(TouchableOpacity, { disabled: true, style: StyleSheet.absoluteFillObject },
-        React.createElement(Camera, { ref: cameraRef, style: styles.camera, device: device, codeScanner: codeScanner, isActive: true },
-            React.createElement(View, { style: {
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    height: navigationBarHeight,
-                    marginTop: statusBarHeight,
-                    position: "relative",
-                } },
-                React.createElement(TouchableOpacity, { onPress: () => _hideScanner(), style: {
-                        height: navigationBarHeight,
-                        width: px2dp(50),
-                        paddingLeft: px2dp(15),
-                        position: "absolute",
-                        left: 0,
-                        display: "flex",
-                        justifyContent: "center",
-                    } },
-                    React.createElement(Image, { source: require("./assets/icon_back_white.png"), style: { width: px2dp(20), height: px2dp(20) }, resizeMode: "contain" })),
-                React.createElement(Text, { style: {
-                        fontSize: px2sp(16),
-                        color: "white",
-                        fontWeight: "bold",
-                    } }, "\u626B\u4E00\u626B")),
-            React.createElement(View, { style: styles.scanContainer },
-                React.createElement(View, { style: styles.rectangle },
-                    React.createElement(View, { style: styles.rectangleLeft }),
-                    React.createElement(View, { style: styles.cameraBackground },
-                        React.createElement(Animated.View, { style: [
-                                styles.scanLine,
-                                { transform: [{ translateY: moveAnim }] },
-                            ] }),
-                        React.createElement(View, { style: styles.reactLineTopLeftX }),
-                        React.createElement(View, { style: styles.reactLineTopLeftY }),
-                        React.createElement(View, { style: styles.reactLineTopRightX }),
-                        React.createElement(View, { style: styles.reactLineTopRightY }),
-                        React.createElement(View, { style: styles.reactLineBottomLeftX }),
-                        React.createElement(View, { style: styles.reactLineBottomLeftY }),
-                        React.createElement(View, { style: styles.reactLineBottomRightX }),
-                        React.createElement(View, { style: styles.reactLineBottomRightY })),
-                    React.createElement(View, { style: styles.rectangleRight })),
-                React.createElement(Text, { style: styles.rectangleText }, "\u5C06\u4E8C\u7EF4\u7801/\u6761\u7801\u653E\u5165\u6846\u5185\uFF0C\u5373\u53EF\u81EA\u52A8\u626B\u63CF")),
-            React.createElement(View, { style: pointStyle }))));
+        return <Text>NoCameraDeviceError</Text>;
+    return (<TouchableOpacity disabled style={StyleSheet.absoluteFillObject}>
+      <Camera ref={cameraRef} style={styles.camera} device={device} codeScanner={codeScanner} isActive={true}>
+        {/* 导航栏 */}
+        <View style={{
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            height: navigationBarHeight,
+            marginTop: statusBarHeight,
+            position: "relative",
+        }}>
+          <TouchableOpacity onPress={() => _hideScanner()} style={{
+            height: navigationBarHeight,
+            width: px2dp(50),
+            paddingLeft: px2dp(15),
+            position: "absolute",
+            left: 0,
+            display: "flex",
+            justifyContent: "center",
+        }}>
+            <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",
+        }}>
+            扫一扫
+          </Text>
+        </View>
+
+        {/* 动画框 */}
+        <View style={styles.scanContainer}>
+          <View style={styles.rectangle}>
+            <View style={styles.rectangleLeft}/>
+            <View style={styles.cameraBackground}>
+              <Animated.View style={[
+            styles.scanLine,
+            { transform: [{ translateY: moveAnim }] },
+        ]}/>
+              <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
+              source={
+                torchOn
+                  ? require("./assets/flashlight-blue.png")
+                  : require("./assets/flashlight-white.png")
+              }
+              style={styles.flashlight}
+            />
+          </TouchableOpacity> */}
+          <Text style={styles.rectangleText}>
+            将二维码/条码放入框内，即可自动扫描
+          </Text>
+        </View>
+        <View style={pointStyle}/>
+      </Camera>
+    </TouchableOpacity>);
 });
 const transparent = "#00000000";
 const lineColor = "#6ab3ff";

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

@@ -1,3 +1,10 @@
+/*
+ * @Author: shiguo
+ * @Date: 2021-04-27 10:38:04
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:58:34
+ * @FilePath: /@aks-dev/easyui/lib/Hud/Toast/Toast.tsx
+ */
 import React, { useImperativeHandle, useState, useRef } from "react";
 import { View, StyleSheet, Text, Dimensions, Animated, Easing, } from "react-native";
 const errorMsg = "(^_^)∠※ 送你一束小花";
@@ -26,11 +33,13 @@ export const Toast = React.forwardRef((_, ref) => {
             fadeAnimation.start();
         },
     }));
-    return (React.createElement(Animated.View, { style: Object.assign(Object.assign({}, styles.toastContainer), { opacity: fade }) },
-        React.createElement(View, { style: styles.toastTipsContainer },
-            React.createElement(Text, { numberOfLines: 5, style: Object.assign({}, styles.toastTitle) },
-                tipText,
-                " "))));
+    return (<Animated.View style={Object.assign(Object.assign({}, styles.toastContainer), { opacity: fade })}>
+      <View style={styles.toastTipsContainer}>
+        <Text numberOfLines={5} style={Object.assign({}, styles.toastTitle)}>
+          {tipText}{" "}
+        </Text>
+      </View>
+    </Animated.View>);
 });
 export const toastRef = React.createRef();
 export const showToast = (content) => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.showToast(content); };
@@ -47,6 +56,7 @@ const styles = StyleSheet.create({
         position: "absolute",
         backgroundColor: "#00000088",
         padding: 10,
+        // paddingVertical: 4,
         borderRadius: 2,
         justifyContent: "center",
         alignItems: "center",