@aks-dev/easyui 1.0.182 → 1.0.184

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

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showAlertModal = exports.alertViewRef = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const px2dp_1 = require("../../../screen/px2dp");
-const px2sp_1 = require("../../../screen/px2sp");
-exports.default = React.forwardRef((_, ref) => {
+import * as React from "react";
+import { View, Text, StyleSheet, Platform, Modal, StatusBar, TouchableOpacity, Animated, Easing, } from "react-native";
+import { px2dp, deviceWidth } from "../../../screen/px2dp";
+import { px2sp } from "../../../screen/px2sp";
+export default React.forwardRef((_, ref) => {
     const defaultState = {
         visible: false,
         cancelText: "取消",
@@ -30,89 +26,88 @@ exports.default = React.forwardRef((_, ref) => {
         // await sleep(50)
         setState(defaultState);
     };
-    let scale_anim = React.useRef(new react_native_1.Animated.Value(0.3)).current;
+    let scale_anim = React.useRef(new Animated.Value(0.3)).current;
     const startAnimate = (x) => {
-        react_native_1.Animated.timing(scale_anim, {
+        Animated.timing(scale_anim, {
             toValue: x,
             useNativeDriver: true,
             duration: 150,
-            easing: react_native_1.Easing.ease,
+            easing: Easing.ease,
         }).start();
     };
     React.useEffect(() => {
-        if (react_native_1.Platform.OS == "android") {
+        if (Platform.OS == "android") {
             if (state.visible) {
-                react_native_1.StatusBar.setBackgroundColor("black");
-                react_native_1.StatusBar.setBarStyle("light-content");
+                StatusBar.setBackgroundColor("black");
+                StatusBar.setBarStyle("light-content");
             }
             else {
-                react_native_1.StatusBar.setBackgroundColor("transparent");
-                react_native_1.StatusBar.setBarStyle("dark-content");
+                StatusBar.setBackgroundColor("transparent");
+                StatusBar.setBarStyle("dark-content");
             }
         }
     }, [state.visible]);
-    return (<react_native_1.Modal visible={state.visible} transparent animationType="fade" onRequestClose={() => {
+    return (<Modal visible={state.visible} transparent animationType="fade" onRequestClose={() => {
             // hide()
         }}>
-      <react_native_1.View style={styles.container}>
-        <react_native_1.Animated.View style={[
+      <View style={styles.container}>
+        <Animated.View style={[
             styles.wrapper,
             state.wrapperStyle,
             { transform: [{ scale: scale_anim }] },
         ]}>
-          {state.title && <react_native_1.Text style={styles.titleText}>{state.title}</react_native_1.Text>}
+          {state.title && <Text style={styles.titleText}>{state.title}</Text>}
           {(() => {
             if (typeof state.content == "string")
-                return <react_native_1.Text style={styles.contentText}>{state.content}</react_native_1.Text>;
+                return <Text style={styles.contentText}>{state.content}</Text>;
             if (React.isValidElement(state.content))
                 return state.content;
-            return <react_native_1.View />;
+            return <View />;
         })()}
 
-          {(state.cancelText || state.confirmText) && (<react_native_1.View style={styles.action}>
-              {state.cancelText && (<react_native_1.TouchableOpacity style={[
+          {(state.cancelText || state.confirmText) && (<View style={styles.action}>
+              {state.cancelText && (<TouchableOpacity style={[
                     styles.cancel,
-                    { marginRight: state.confirmText ? (0, px2dp_1.px2dp)(15) : 0 },
+                    { marginRight: state.confirmText ? px2dp(15) : 0 },
                     state.cancelContainerStyle,
                 ]} activeOpacity={0.8} disabled={state.cancelDisabled} onPress={() => {
                     hide();
                     cancelCallbackRef.current && cancelCallbackRef.current();
                     cancelCallbackRef.current = undefined;
                 }}>
-                  <react_native_1.Text style={[styles.cancelText, state.cancelTextStyle]}>
+                  <Text style={[styles.cancelText, state.cancelTextStyle]}>
                     {state.cancelText}
-                  </react_native_1.Text>
-                </react_native_1.TouchableOpacity>)}
+                  </Text>
+                </TouchableOpacity>)}
 
-              {state.confirmText && (<react_native_1.TouchableOpacity style={[
+              {state.confirmText && (<TouchableOpacity style={[
                     styles.confirm,
-                    { marginLeft: state.cancelText ? (0, px2dp_1.px2dp)(15) : 0 },
+                    { marginLeft: state.cancelText ? px2dp(15) : 0 },
                     state.confirmContainerStyle,
                 ]} activeOpacity={0.8} onPress={() => {
                     hide();
                     confirmCallbackRef.current && confirmCallbackRef.current();
                     confirmCallbackRef.current = undefined;
                 }}>
-                  <react_native_1.Text style={[styles.confirmText, state.confirmTextStyle]}>
+                  <Text style={[styles.confirmText, state.confirmTextStyle]}>
                     {state.confirmText}
-                  </react_native_1.Text>
-                </react_native_1.TouchableOpacity>)}
-            </react_native_1.View>)}
-        </react_native_1.Animated.View>
-      </react_native_1.View>
-    </react_native_1.Modal>);
+                  </Text>
+                </TouchableOpacity>)}
+            </View>)}
+        </Animated.View>
+      </View>
+    </Modal>);
 });
-exports.alertViewRef = React.createRef();
-const showAlertModal = (props) => {
-    exports.alertViewRef.current?.show(props);
+export const alertViewRef = React.createRef();
+export const showAlertModal = (props) => {
+    alertViewRef.current?.show(props);
 };
-exports.showAlertModal = showAlertModal;
 // const sleep = (msec?: number) => {
 //     return new Promise(resolve => {
 //         setTimeout(resolve, msec || 350);
 //     });
 // }
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         display: "flex",
         flexGrow: 1,
@@ -124,30 +119,30 @@ const styles = react_native_1.StyleSheet.create({
         flexGrow: 0,
         flexShrink: 0,
         // minWidth: '70%',
-        minWidth: px2dp_1.deviceWidth - (0, px2dp_1.px2dp)(60),
+        minWidth: deviceWidth - px2dp(60),
         backgroundColor: "white",
         overflow: "hidden",
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
         display: "flex",
-        padding: (0, px2dp_1.px2dp)(15),
+        padding: px2dp(15),
     },
     titleText: {
-        maxWidth: px2dp_1.deviceWidth - (0, px2dp_1.px2dp)(90),
-        fontSize: (0, px2sp_1.px2sp)(18),
-        marginBottom: (0, px2dp_1.px2dp)(20),
+        maxWidth: deviceWidth - px2dp(90),
+        fontSize: px2sp(18),
+        marginBottom: px2dp(20),
         // backgroundColor: 'red',
         textAlign: "center",
         fontWeight: "bold",
         color: "#1A1A1A",
     },
     contentText: {
-        maxWidth: px2dp_1.deviceWidth - (0, px2dp_1.px2dp)(90),
-        marginBottom: (0, px2dp_1.px2dp)(20),
-        minHeight: (0, px2dp_1.px2dp)(40),
+        maxWidth: deviceWidth - px2dp(90),
+        marginBottom: px2dp(20),
+        minHeight: px2dp(40),
         flexGrow: 0,
         flexShrink: 1,
         width: undefined,
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         // backgroundColor: 'red',
         color: "#1A1A1A",
         textAlign: "center",
@@ -161,29 +156,29 @@ const styles = react_native_1.StyleSheet.create({
     },
     cancel: {
         width: "40%",
-        height: (0, px2dp_1.px2dp)(44),
+        height: px2dp(44),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        borderRadius: (0, px2dp_1.px2dp)(10),
-        borderWidth: (0, px2dp_1.px2dp)(1),
+        borderRadius: px2dp(10),
+        borderWidth: px2dp(1),
         borderColor: "#A3A9CC",
     },
     confirm: {
         width: "40%",
-        height: (0, px2dp_1.px2dp)(44),
+        height: px2dp(44),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
         backgroundColor: "#2763FF",
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
     },
     cancelText: {
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         color: "#A3A9CC",
     },
     confirmText: {
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         color: "white",
     },
 });

package/dist/components/Hud/Hud.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hideScanner = exports.showScanner = exports.hidePopoverView = exports.showPopoverView = exports.showAlertSheetModal = exports.showAlertBottomModal = exports.hideLoading = exports.showLoading = exports.showToast = exports.showAlertModal = exports.Hud = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-04-24 14:10:04
@@ -9,35 +5,25 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2023-03-23 11:13:55
  * @FilePath: /aks-fire-app/node_modules/@aks-dev/easyui/lib/Hud/Hud.tsx
  */
-const React = tslib_1.__importStar(require("react"));
+import * as React from 'react';
 // import { StyleSheet } from 'react-native'
-const AlertView_1 = tslib_1.__importStar(require("./AlertView/AlertView"));
-Object.defineProperty(exports, "showAlertModal", { enumerable: true, get: function () { return AlertView_1.showAlertModal; } });
-const AlertBottomView_1 = tslib_1.__importStar(require("./AlertBottomView/AlertBottomView"));
-Object.defineProperty(exports, "showAlertBottomModal", { enumerable: true, get: function () { return AlertBottomView_1.showAlertBottomModal; } });
-const AlertSheetView_1 = tslib_1.__importStar(require("./AlertSheetView/AlertSheetView"));
-Object.defineProperty(exports, "showAlertSheetModal", { enumerable: true, get: function () { return AlertSheetView_1.showAlertSheetModal; } });
-const Loading_1 = require("./Loading/Loading");
-Object.defineProperty(exports, "hideLoading", { enumerable: true, get: function () { return Loading_1.hideLoading; } });
-Object.defineProperty(exports, "showLoading", { enumerable: true, get: function () { return Loading_1.showLoading; } });
-const Toast_1 = require("./Toast/Toast");
-Object.defineProperty(exports, "showToast", { enumerable: true, get: function () { return Toast_1.showToast; } });
-const PopoverView_1 = require("./PopoverView/PopoverView");
-Object.defineProperty(exports, "showPopoverView", { enumerable: true, get: function () { return PopoverView_1.showPopoverView; } });
-Object.defineProperty(exports, "hidePopoverView", { enumerable: true, get: function () { return PopoverView_1.hidePopoverView; } });
-const Scanner_1 = require("./Scanner/Scanner");
-Object.defineProperty(exports, "showScanner", { enumerable: true, get: function () { return Scanner_1.showScanner; } });
-Object.defineProperty(exports, "hideScanner", { enumerable: true, get: function () { return Scanner_1.hideScanner; } });
-const Hud = () => React.cloneElement(<></>, {
+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';
+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(<></>, {
 // ...StyleSheet.absoluteFillObject,
 // display: 'flex',
 }, [
-    <Loading_1.Loading key="hud-0" ref={Loading_1.loadingRef}/>,
-    <Toast_1.Toast key="hud-1" ref={Toast_1.toastRef}/>,
-    <AlertView_1.default key="hud-2" ref={AlertView_1.alertViewRef}/>,
-    <AlertBottomView_1.default key="hud-3-0" ref={AlertBottomView_1.alertBottomViewRef}/>,
-    <AlertSheetView_1.default key="hud-3-1" ref={AlertSheetView_1.alertSheetViewRef}/>,
-    <PopoverView_1.PopoverView key="hud-4" ref={PopoverView_1.popoverViewRef}/>,
-    <Scanner_1.Scanner key="hud-5" ref={Scanner_1.scannerRef}/>,
+    <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}/>,
 ]);
-exports.Hud = Hud;
+export { showAlertModal, showToast, showLoading, hideLoading, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, };

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

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hideLoading = exports.showLoading = exports.loadingRef = exports.Loading = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-04-24 14:27:02
@@ -9,17 +5,17 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-09-09 10:55:48
  * @FilePath: /@aks-dev/easyui/lib/Hud/Loading/Loading.tsx
  */
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-exports.Loading = react_1.default.forwardRef((_, ref) => {
-    const [show, setShow] = (0, react_1.useState)(false);
-    const [tipText, setTipText] = (0, react_1.useState)("加载中");
-    react_1.default.useEffect(() => {
+import React, { useImperativeHandle, useState } from "react";
+import { View, ActivityIndicator, StyleSheet, Text, Dimensions, TouchableOpacity, BackHandler, } from "react-native";
+export const Loading = React.forwardRef((_, ref) => {
+    const [show, setShow] = useState(false);
+    const [tipText, setTipText] = useState("加载中");
+    React.useEffect(() => {
         const onBackPress = () => show;
-        react_native_1.BackHandler.addEventListener("hardwareBackPress", onBackPress);
+        BackHandler.addEventListener("hardwareBackPress", onBackPress);
         // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [show]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         showLoading: (content) => {
             setShow(true);
             setTipText(content || "加载中");
@@ -30,24 +26,22 @@ exports.Loading = react_1.default.forwardRef((_, ref) => {
     }), [show]);
     if (!show)
         return null;
-    return (<react_native_1.TouchableOpacity disabled style={styles.container}>
-      <react_native_1.View style={styles.warpper}>
-        <react_native_1.ActivityIndicator color="white" size="large"/>
-        <react_native_1.Text numberOfLines={5} style={styles.title}>
+    return (<TouchableOpacity disabled style={styles.container}>
+      <View style={styles.warpper}>
+        <ActivityIndicator color="white" size="large"/>
+        <Text numberOfLines={5} style={styles.title}>
           {tipText}
-        </react_native_1.Text>
-      </react_native_1.View>
-    </react_native_1.TouchableOpacity>);
+        </Text>
+      </View>
+    </TouchableOpacity>);
 });
-exports.loadingRef = react_1.default.createRef();
-const showLoading = (content) => exports.loadingRef.current?.showLoading(content);
-exports.showLoading = showLoading;
-const hideLoading = () => exports.loadingRef.current?.hideLoading();
-exports.hideLoading = hideLoading;
-const SCREEN_WIDTH = react_native_1.Dimensions.get("window").width;
-const styles = react_native_1.StyleSheet.create({
+export const loadingRef = React.createRef();
+export const showLoading = (content) => loadingRef.current?.showLoading(content);
+export const hideLoading = () => loadingRef.current?.hideLoading();
+const SCREEN_WIDTH = Dimensions.get("window").width;
+const styles = StyleSheet.create({
     container: {
-        ...react_native_1.StyleSheet.absoluteFill,
+        ...StyleSheet.absoluteFill,
         display: "flex",
         justifyContent: "center",
         alignItems: "center",

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

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hidePopoverView = exports.showPopoverView = exports.popoverViewRef = exports.PopoverView = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-04-24 14:27:02
@@ -9,17 +5,17 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-12-21 15:36:06
  * @FilePath: /@aks-dev/easyui/lib/Hud/PopoverView/PopoverView.tsx
  */
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-exports.PopoverView = react_1.default.forwardRef((_, ref) => {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [options, setOptions] = (0, react_1.useState)();
-    react_1.default.useEffect(() => {
+import React, { useImperativeHandle, useState } from "react";
+import { StyleSheet, TouchableOpacity, BackHandler, } from "react-native";
+export const PopoverView = React.forwardRef((_, ref) => {
+    const [visible, setVisible] = useState(false);
+    const [options, setOptions] = useState();
+    React.useEffect(() => {
         const onBackPress = () => visible;
-        react_native_1.BackHandler.addEventListener("hardwareBackPress", onBackPress);
+        BackHandler.addEventListener("hardwareBackPress", onBackPress);
         // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [visible]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         showPopoverView: (options) => {
             setVisible(true);
             setOptions(options);
@@ -31,22 +27,20 @@ exports.PopoverView = react_1.default.forwardRef((_, ref) => {
     }), [visible]);
     if (!visible)
         return null;
-    return (<react_native_1.TouchableOpacity activeOpacity={1} style={[styles.container, options?.style]} disabled={options?.disabled} onPress={(e) => {
+    return (<TouchableOpacity activeOpacity={1} style={[styles.container, options?.style]} disabled={options?.disabled} onPress={(e) => {
             setVisible(false);
             setOptions(undefined);
             // e.stopPropagation()
         }}>
-      {react_1.default.isValidElement(options?.content) && options?.content}
-    </react_native_1.TouchableOpacity>);
+      {React.isValidElement(options?.content) && options?.content}
+    </TouchableOpacity>);
 });
-exports.popoverViewRef = react_1.default.createRef();
-const showPopoverView = (options) => exports.popoverViewRef.current?.showPopoverView(options);
-exports.showPopoverView = showPopoverView;
-const hidePopoverView = () => exports.popoverViewRef.current?.hidePopoverView();
-exports.hidePopoverView = hidePopoverView;
-const styles = react_native_1.StyleSheet.create({
+export const popoverViewRef = React.createRef();
+export const showPopoverView = (options) => popoverViewRef.current?.showPopoverView(options);
+export const hidePopoverView = () => popoverViewRef.current?.hidePopoverView();
+const styles = StyleSheet.create({
     container: {
-        ...react_native_1.StyleSheet.absoluteFill,
+        ...StyleSheet.absoluteFill,
         display: "flex",
         // backgroundColor:'red'
     },