@aks-dev/easyui 1.0.191 → 1.0.192

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

@@ -1,11 +1,12 @@
-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
- */
+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 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";
@@ -14,11 +15,6 @@ 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;
@@ -36,7 +32,6 @@ export const Scanner = React.forwardRef((_, ref) => {
             return true;
         };
         BackHandler.addEventListener("hardwareBackPress", onBackPress);
-        // return () => BackHandler.removeEventListener('hardwareBackPress', onBackPress);
     }, [show]);
     useImperativeHandle(ref, () => ({
         showScanner: _showScanner,
@@ -84,7 +79,6 @@ 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();
@@ -111,78 +105,53 @@ export const Scanner = React.forwardRef((_, ref) => {
     if (!show)
         return null;
     if (!hasPermission)
-        return <Text>PermissionsPage</Text>;
+        return React.createElement(Text, null, "PermissionsPage");
     if (device == null)
-        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>);
+        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 }))));
 });
 const transparent = "#00000000";
 const lineColor = "#6ab3ff";

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

@@ -1,10 +1,3 @@
-/*
- * @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 = "(^_^)∠※ 送你一束小花";
@@ -33,13 +26,11 @@ export const Toast = React.forwardRef((_, ref) => {
             fadeAnimation.start();
         },
     }));
-    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>);
+    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,
+                " "))));
 });
 export const toastRef = React.createRef();
 export const showToast = (content) => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.showToast(content); };
@@ -56,7 +47,6 @@ const styles = StyleSheet.create({
         position: "absolute",
         backgroundColor: "#00000088",
         padding: 10,
-        // paddingVertical: 4,
         borderRadius: 2,
         justifyContent: "center",
         alignItems: "center",

package/dist/components/MenuView/MenuView.js

@@ -1,33 +1,22 @@
-import { __awaiter } from "tslib";
+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 React from "react";
 import { Image, ScrollView, Text, TouchableOpacity, View, } from "react-native";
 import { deviceHeight, deviceWidth } from "../../screen/px2dp";
-// import * as utils from '../../utils/lazy';
 import { hidePopoverView, showPopoverView } from "../Hud/Hud";
-// type Reducer = (prevState: State, action: Partial<State>) => State
 export default (props) => {
     const { defaultAlignHorizontal = "left", defaultAlignVertical = "bottom" } = props;
     const [state, dispatch] = React.useReducer((prevState, action) => Object.assign({}, prevState, action), {});
-    // const containerRef = React.useRef<{ measureInWindow: (callback: MeasureInWindowOnSuccessCallback) => void }>()
     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()
-    //         containerRef.current?.measure((...args) => {
-    //             console.log('containerRef', args)
-    //             if (args.length == 6) {
-    //                 _container.current = {
-    //                     x: args[4],
-    //                     y: args[5],
-    //                     width: args[2],
-    //                     height: args[3],
-    //                 }
-    //             }
-    //         })
-    //     })()
-    // })
     const getRootViewlayoutPromise = () => {
         return new Promise((resovle, reject) => {
             var _a;
@@ -40,7 +29,6 @@ export default (props) => {
                         pageY: args[5],
                     };
                 }
-                // console.log('RootView', rootView.current)
                 resovle(args);
             });
         });
@@ -52,7 +40,6 @@ export default (props) => {
         let width = rootView.current.width;
         let height = rootView.current.height;
         let x = rootView.current.pageX;
-        // let y = (StatusBar.currentHeight || 0) + _container.current.y + height
         let y = rootView.current.pageY + height;
         if (x > Math.abs(deviceWidth - width - x)) {
             alignHorizontal = "right";
@@ -60,7 +47,6 @@ export default (props) => {
         if (y > deviceHeight * 0.5) {
             alignVertical = "top";
         }
-        /**todo: target_width的获取是延迟的，所以这里又问题 */
         const target_width = sc.current.width;
         const target_height = CELL_HEIGHT * (Math.min(((_a = props.data) === null || _a === void 0 ? void 0 : _a.length) || 0, 5) || 0);
         return {
@@ -76,7 +62,6 @@ export default (props) => {
     };
     const reLayout = () => {
         let { alignVertical, alignHorizontal, width, height, x, y, target_width, target_height, } = getLayoutInfos();
-        // console.log({ getLayoutInfos: getLayoutInfos() })
         const layout = () => {
             if (alignHorizontal == "left") {
                 if (target_width + x > deviceWidth) {
@@ -121,51 +106,38 @@ export default (props) => {
         props.onContainerClick && props.onContainerClick();
         if (props.data == undefined || ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length) == 0)
             return;
-        /**重新获取rootview的定位 */
         yield getRootViewlayoutPromise();
-        /**重新获取rootview的定位 */
         showPopoverView({
-            content: (<TouchableOpacity activeOpacity={1} style={Object.assign({ position: "absolute", minWidth: deviceWidth * 0.36, maxWidth: deviceWidth * 0.8, minHeight: CELL_HEIGHT + PADDING * 2, maxHeight: CELL_HEIGHT * 5 + PADDING * 2, borderRadius: 6, backgroundColor: "#000000ee", 
-                    // overflow: 'hidden' ,
-                    padding: PADDING }, reLayout())}>
-          <View style={Object.assign({ width: ARROW_HEIGHT, height: ARROW_HEIGHT, backgroundColor: "#000000ee", position: "absolute", zIndex: 1, transform: [{ rotateZ: "45deg" }] }, (() => {
-                    const { alignVertical, alignHorizontal } = getLayoutInfos();
-                    if (alignVertical == "bottom" && alignHorizontal == "left")
-                        return { left: "20%", top: -5 };
-                    if (alignVertical == "bottom" && alignHorizontal == "right")
-                        return { right: "20%", top: -5 };
-                    if (alignVertical == "top" && alignHorizontal == "left")
-                        return { left: "20%", bottom: -5 };
-                    if (alignVertical == "top" && alignHorizontal == "right")
-                        return { right: "20%", bottom: -5 };
-                    return {};
-                })())}/>
-
-          <ScrollView onLayout={(e) => {
-                    // console.log('target onLayout', e.nativeEvent.layout)
-                    let _sc = e.nativeEvent.layout;
-                    sc.current = _sc;
-                }}>
-            {(_b = props.data) === null || _b === void 0 ? void 0 : _b.map((i, idx) => {
-                    return (<TouchableOpacity activeOpacity={0.7} key={`sg-memnu-${idx}`} style={{
+            content: (React.createElement(TouchableOpacity, { activeOpacity: 1, style: Object.assign({ position: "absolute", minWidth: deviceWidth * 0.36, maxWidth: deviceWidth * 0.8, minHeight: CELL_HEIGHT + PADDING * 2, maxHeight: CELL_HEIGHT * 5 + PADDING * 2, borderRadius: 6, backgroundColor: "#000000ee", padding: PADDING }, reLayout()) },
+                React.createElement(View, { style: Object.assign({ width: ARROW_HEIGHT, height: ARROW_HEIGHT, backgroundColor: "#000000ee", position: "absolute", zIndex: 1, transform: [{ rotateZ: "45deg" }] }, (() => {
+                        const { alignVertical, alignHorizontal } = getLayoutInfos();
+                        if (alignVertical == "bottom" && alignHorizontal == "left")
+                            return { left: "20%", top: -5 };
+                        if (alignVertical == "bottom" && alignHorizontal == "right")
+                            return { right: "20%", top: -5 };
+                        if (alignVertical == "top" && alignHorizontal == "left")
+                            return { left: "20%", bottom: -5 };
+                        if (alignVertical == "top" && alignHorizontal == "right")
+                            return { right: "20%", bottom: -5 };
+                        return {};
+                    })()) }),
+                React.createElement(ScrollView, { onLayout: (e) => {
+                        let _sc = e.nativeEvent.layout;
+                        sc.current = _sc;
+                    } }, (_b = props.data) === null || _b === void 0 ? void 0 : _b.map((i, idx) => {
+                    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, key: `sg-memnu-${idx}`, style: {
                             height: CELL_HEIGHT,
                             display: "flex",
                             flexDirection: "row",
                             alignItems: "center",
-                            // ,backgroundColor:utils.randomcolor()
-                        }} onPress={(e) => {
+                        }, onPress: (e) => {
                             props.onItemClick && props.onItemClick(idx, i.extra);
                             hidePopoverView();
-                        }}>
-                  {i.icon && (<Image style={{ width: 18, height: 18, marginRight: 4 }} source={i.icon}/>)}
-                  <Text style={{ flexShrink: 1, fontSize: 14, color: "white" }}>
-                    {i.text}
-                  </Text>
-                </TouchableOpacity>);
-                })}
-          </ScrollView>
-        </TouchableOpacity>),
+                        } },
+                        i.icon && (React.createElement(Image, { style: { width: 18, height: 18, marginRight: 4 }, source: i.icon })),
+                        React.createElement(Text, { style: { flexShrink: 1, fontSize: 14, color: "white" } }, i.text)));
+                })))),
         });
     });
-    return (<TouchableOpacity ref={containerRef} onPress={(e) => show()} {...props}/>);
+    return (React.createElement(TouchableOpacity, Object.assign({ ref: containerRef, onPress: (e) => show() }, props)));
 };

package/dist/components/Modal/Modal.js

@@ -1,8 +1 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-26 11:30:34
- * @LastEditors: shiguo
- * @LastEditTime: 2022-10-27 16:37:32
- * @FilePath: /@aks-dev/easyui/lib/Modal/Modal.tsx
- */
 export { default as Modal } from 'react-native-modal';

package/dist/components/MutiPictureView/MutiPictureView.js

@@ -1,10 +1,3 @@
-/*
- * @Author: OBKoro1
- * @Date: 2022-04-24 17:38:27
- * @LastEditors: shiguo
- * @LastEditTime: 2022-11-14 11:33:33
- * @FilePath: /@aks-dev/easyui/lib/MutiPictureView/MutiPictureView.tsx
- */
 import * as React from "react";
 import { Image, View, StyleSheet, Keyboard, TouchableOpacity, Text, } from "react-native";
 import { px2dp } from "../../screen/px2dp";
@@ -14,8 +7,7 @@ let icon_add_image = require("./assets/icon_add_image.png");
 let icon_del_image = require("./assets/icon_del_image.png");
 const MutiPictureView = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { bind, maxCount = 6, type = "showImagePicker", addIcon, addIconStyle, addIconContainerStyle, //borderWidth: 1, borderStyle: 'dashed', borderColor: assets.color_A3A9CC  虚线框
-    itemContainerStyle, emptyPlaceHolderStyle, delIcon, delIconStyle, spacingHorizontal = px2dp(15), spacingInner = px2dp(8), editable = true, showEmptyPlaceHolder = false, } = props;
+    const { bind, maxCount = 6, type = "showImagePicker", addIcon, addIconStyle, addIconContainerStyle, itemContainerStyle, emptyPlaceHolderStyle, delIcon, delIconStyle, spacingHorizontal = px2dp(15), spacingInner = px2dp(8), editable = true, showEmptyPlaceHolder = false, } = props;
     const { viewModel, setViewModel } = bind;
     React.useEffect(() => { }, []);
     const [sideLength, setSideLength] = React.useState(0);
@@ -75,7 +67,6 @@ const MutiPictureView = (props) => {
                 typeof it == "object");
         })) || [];
         let images = [];
-        // console.log('viewModel', viewModel, imgs)
         imgs.forEach((it) => {
             if (typeof it === "string") {
                 images.push({ uri: it });
@@ -95,7 +86,7 @@ const MutiPictureView = (props) => {
         });
     };
     const ItemView = ({ source, index, }) => {
-        return (<TouchableOpacity style={[
+        return (React.createElement(TouchableOpacity, { style: [
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -104,18 +95,15 @@ const MutiPictureView = (props) => {
                     width: sideLength,
                     height: sideLength,
                 },
-            ]} activeOpacity={0.8} onPress={() => showPhoto(index)}>
-        <Image source={source} style={{ width: "100%", height: "100%" }} resizeMode="cover"/>
-        {editable && !props.value && (<TouchableOpacity onPress={() => deletePhoto(index)} style={[styles.del_img_container, delIconStyle]}>
-            <Image source={delIcon ? delIcon : icon_del_image} resizeMode="contain" style={{ width: "100%", height: "100%" }}/>
-          </TouchableOpacity>)}
-      </TouchableOpacity>);
+            ], activeOpacity: 0.8, onPress: () => showPhoto(index) },
+            React.createElement(Image, { source: source, style: { width: "100%", height: "100%" }, resizeMode: "cover" }),
+            editable && !props.value && (React.createElement(TouchableOpacity, { onPress: () => deletePhoto(index), style: [styles.del_img_container, delIconStyle] },
+                React.createElement(Image, { source: delIcon ? delIcon : icon_del_image, resizeMode: "contain", style: { width: "100%", height: "100%" } })))));
     };
     const containerRef = React.useRef(null);
     React.useEffect(() => {
         var _a;
         (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.measure((...args) => {
-            // console.log('measure', args[2])
             if (args.length > 3) {
                 let _sideLength = +((args[2] - spacingHorizontal * 2 - spacingInner * 2) /
                     3).toFixed(1);
@@ -124,19 +112,18 @@ const MutiPictureView = (props) => {
         });
     });
     if (props.value && ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-        return (<View style={[styles.container, props.style]} ref={containerRef}>
-        {props.value instanceof Array &&
+        return (React.createElement(View, { style: [styles.container, props.style], ref: containerRef },
+            props.value instanceof Array &&
                 ((_b = props.value) === null || _b === void 0 ? void 0 : _b.map((item, index) => {
-                    return (<ItemView key={index} source={typeof item === "string" ? { uri: item } : item} index={index}/>);
-                }))}
-
-        {showEmptyPlaceHolder &&
+                    return (React.createElement(ItemView, { key: index, source: typeof item === "string" ? { uri: item } : item, index: index }));
+                })),
+            showEmptyPlaceHolder &&
                 maxCount - (((_c = props.value) === null || _c === void 0 ? void 0 : _c.length) || 0) - 1 > 0 &&
                 Array.from({
                     length: maxCount - (((_d = props.value) === null || _d === void 0 ? void 0 : _d.length) || 0) - (editable ? 1 : 0),
                 }, (_, k) => {
                     var _a, _b;
-                    return (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
+                    return (React.createElement(View, { key: `sg-showEmptyPlaceHolder-${k}`, style: [
                             styles.empty_place_container,
                             emptyPlaceHolderStyle,
                             itemContainerStyle,
@@ -152,17 +139,15 @@ const MutiPictureView = (props) => {
                                 width: sideLength,
                                 height: sideLength,
                             },
-                        ]}/>);
-                })}
-      </View>);
+                        ] }));
+                })));
     }
-    return (<View style={[styles.container, props.style]} ref={containerRef}>
-      {(viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) instanceof Array &&
+    return (React.createElement(View, { style: [styles.container, props.style], ref: containerRef },
+        (viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) instanceof Array &&
             viewModel.photos.map((item, index) => {
-                return (<ItemView key={index} source={typeof item === "string" ? { uri: item } : item} index={index}/>);
-            })}
-
-      {!(((_e = viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) === null || _e === void 0 ? void 0 : _e.length) == maxCount) && editable && (<TouchableOpacity style={[
+                return (React.createElement(ItemView, { key: index, source: typeof item === "string" ? { uri: item } : item, index: index }));
+            }),
+        !(((_e = viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) === null || _e === void 0 ? void 0 : _e.length) == maxCount) && editable && (React.createElement(TouchableOpacity, { style: [
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -174,26 +159,23 @@ const MutiPictureView = (props) => {
                     height: sideLength,
                 },
                 addIconContainerStyle,
-            ]} activeOpacity={0.8} onPress={() => addPhoto()}>
-          <Image source={addIcon ? addIcon : icon_add_image} style={[{ width: "25%", height: "25%" }, addIconStyle]} resizeMode="contain"/>
-          {props.addText && (<Text style={[
+            ], activeOpacity: 0.8, onPress: () => addPhoto() },
+            React.createElement(Image, { source: addIcon ? addIcon : icon_add_image, style: [{ width: "25%", height: "25%" }, addIconStyle], resizeMode: "contain" }),
+            props.addText && (React.createElement(Text, { style: [
                     {
                         fontSize: px2sp(12),
                         color: "lightgrey",
                         marginTop: px2dp(2),
                     },
                     props.addTextStyle,
-                ]}>
-              {props.addText}
-            </Text>)}
-        </TouchableOpacity>)}
-      {showEmptyPlaceHolder &&
+                ] }, props.addText)))),
+        showEmptyPlaceHolder &&
             maxCount - (((_h = viewModel.photos) === null || _h === void 0 ? void 0 : _h.length) || 0) - 1 > 0 &&
             Array.from({
                 length: maxCount - (((_j = viewModel.photos) === null || _j === void 0 ? void 0 : _j.length) || 0) - (editable ? 1 : 0),
             }, (_, k) => {
                 var _a, _b;
-                return (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
+                return (React.createElement(View, { key: `sg-showEmptyPlaceHolder-${k}`, style: [
                         styles.empty_place_container,
                         emptyPlaceHolderStyle,
                         itemContainerStyle,
@@ -209,9 +191,8 @@ const MutiPictureView = (props) => {
                             width: sideLength,
                             height: sideLength,
                         },
-                    ]}/>);
-            })}
-    </View>);
+                    ] }));
+            })));
 };
 const styles = StyleSheet.create({
     container: {
@@ -221,7 +202,6 @@ const styles = StyleSheet.create({
         display: "flex",
         flexDirection: "row",
         flexWrap: "wrap",
-        // borderRadius: px2dp(10),
     },
     item_container: {
         overflow: "hidden",

package/dist/components/PictureViewer/PictureViewer.js

@@ -1,10 +1,3 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 15:58:39
- * @LastEditors: shiguo
- * @LastEditTime: 2022-04-26 12:38:13
- * @FilePath: /@aks/easy/lib/PictureViewer/PictureViewer.tsx
- */
 import * as React from "react";
 import { Modal, StatusBar, Platform } from "react-native";
 import ImageViewer from "react-native-image-zoom-viewer";
@@ -26,24 +19,15 @@ export const PictureViewer = ({ bind, }) => {
             }
         }
     }, [visible]);
-    return (<Modal presentationStyle="overFullScreen" visible={visible} transparent={false} onRequestClose={() => {
-            /**
-             * 【官方文档】
-             * onRequestClose回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。
-             * 请务必注意本属性在 Android 平台上为必填，且会在 modal 处于开启状态时阻止BackHandler事件。
-             */
+    return (React.createElement(Modal, { presentationStyle: "overFullScreen", visible: visible, transparent: false, onRequestClose: () => {
             setViewModel({
                 imageViewer: Object.assign(Object.assign({}, viewModel.imageViewer), { visible: false }),
             });
-        }} style={{ margin: 0, backgroundColor: "red" }}>
-      <ImageViewer imageUrls={imgs} index={index} onSwipeDown={() => {
-            // console.log('onSwipeDown');
-        }} saveToLocalByLongPress={false} 
-    // onMove={data => console.log(data)}
-    useNativeDriver={true} enableSwipeDown={true} onClick={() => {
-            setViewModel({
-                imageViewer: Object.assign(Object.assign({}, viewModel.imageViewer), { visible: false }),
-            });
-        }}/>
-    </Modal>);
+        }, style: { margin: 0, backgroundColor: "red" } },
+        React.createElement(ImageViewer, { imageUrls: imgs, index: index, onSwipeDown: () => {
+            }, saveToLocalByLongPress: false, useNativeDriver: true, enableSwipeDown: true, onClick: () => {
+                setViewModel({
+                    imageViewer: Object.assign(Object.assign({}, viewModel.imageViewer), { visible: false }),
+                });
+            } })));
 };