@aks-dev/easyui 1.0.196 → 1.0.198

package/dist/components/TableCell/TableCell.js

@@ -4,43 +4,56 @@ import { px2dp } from "../../screen/px2dp";
 import { px2sp } from "../../screen/px2sp";
 export default (props) => {
     const { showNav = false, activeOpacity = 0.8 } = props;
-    return (React.createElement(TouchableOpacity, { activeOpacity: props.onPress == undefined ? activeOpacity : 1, style: [styles.container, props.style], disabled: props.onPress == undefined, onPress: () => props.onPress && props.onPress() },
-        React.createElement(View, { style: [
-                styles.warpper,
-                props.showUnderline
-                    ? Object.assign({ borderBottomColor: "#f2f2f2", borderBottomWidth: px2dp(1) }, props.underlineStyle) : {},
-            ] },
-            props.icon && (React.createElement(Image, { style: [
-                    { width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) },
-                    props.iconStyle,
-                ], resizeMode: "contain", source: props.icon })),
-            React.createElement(View, { style: [styles.middle, props.middleContaierStyle] },
-                (() => {
-                    var _a;
-                    if (typeof props.title === "string" ||
-                        typeof props.title === "number") {
-                        return (React.createElement(Text, Object.assign({ numberOfLines: 1 }, props.titleOptions, { style: [styles.title, (_a = props.titleOptions) === null || _a === void 0 ? void 0 : _a.style] }), props.title));
-                    }
-                    if (React.isValidElement(props.title))
-                        return props.title;
-                    return React.createElement(View, { style: styles.title });
-                })(),
-                (() => {
-                    var _a;
-                    if (typeof props.content === "string" ||
-                        typeof props.content === "number") {
-                        return (React.createElement(Text, Object.assign({ numberOfLines: 1 }, props.contentOptions, { style: [styles.content, (_a = props.contentOptions) === null || _a === void 0 ? void 0 : _a.style] }), props.content));
-                    }
-                    if (React.isValidElement(props.content))
-                        return props.content;
-                    return undefined;
-                })()),
-            showNav &&
-                (props.nav || (React.createElement(Image, { style: {
-                        width: px2dp(9),
-                        height: px2dp(16),
-                        marginLeft: px2dp(8),
-                    }, source: require("./assets/back.png") }))))));
+    return (<TouchableOpacity activeOpacity={props.onPress == undefined ? activeOpacity : 1} style={[styles.container, props.style]} disabled={props.onPress == undefined} onPress={() => props.onPress && props.onPress()}>
+      <View style={[
+            styles.warpper,
+            props.showUnderline
+                ? {
+                    borderBottomColor: "#f2f2f2",
+                    // borderBottomWidth: StyleSheet.hairlineWidth,
+                    borderBottomWidth: px2dp(1),
+                    ...props.underlineStyle,
+                }
+                : {},
+        ]}>
+        {props.icon && (<Image style={[
+                { width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) },
+                props.iconStyle,
+            ]} resizeMode="contain" source={props.icon}/>)}
+        <View style={[styles.middle, props.middleContaierStyle]}>
+          {/* 标题 */}
+          {(() => {
+            if (typeof props.title === "string" ||
+                typeof props.title === "number") {
+                return (<Text numberOfLines={1} {...props.titleOptions} style={[styles.title, props.titleOptions?.style]}>
+                  {props.title}
+                </Text>);
+            }
+            if (React.isValidElement(props.title))
+                return props.title;
+            return <View style={styles.title}/>;
+        })()}
+
+          {(() => {
+            if (typeof props.content === "string" ||
+                typeof props.content === "number") {
+                return (<Text numberOfLines={1} {...props.contentOptions} style={[styles.content, props.contentOptions?.style]}>
+                  {props.content}
+                </Text>);
+            }
+            if (React.isValidElement(props.content))
+                return props.content;
+            return undefined;
+        })()}
+        </View>
+        {showNav &&
+            (props.nav || (<Image style={{
+                    width: px2dp(9),
+                    height: px2dp(16),
+                    marginLeft: px2dp(8),
+                }} source={require("./assets/back.png")}/>))}
+      </View>
+    </TouchableOpacity>);
 };
 const styles = StyleSheet.create({
     container: {
@@ -64,14 +77,17 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
+        // backgroundColor: 'cyan'
     },
     title: {
+        // backgroundColor: 'red',
         flexGrow: 0,
         flexShrink: 0,
         fontSize: px2sp(14),
         color: "#333333",
     },
     content: {
+        // backgroundColor: 'yellow',
         flexGrow: 1,
         flexShrink: 1,
         fontSize: px2sp(14),

package/dist/components/TextInputArea/TextInputArea.js

@@ -1,20 +1,16 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 13:56:47
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:59:38
+ * @FilePath: /@aks-dev/easyui/lib/TextInputArea/TextInputArea.tsx
+ */
 import React from "react";
 import { View, Text, TextInput, StyleSheet, } from "react-native";
 import { px2dp } from "../../screen/px2dp";
 import { px2sp } from "../../screen/px2sp";
 export default React.forwardRef((props, ref) => {
-    const { defaultValue, placeholder, maxLength = 200, on } = props, rest = __rest(props, ["defaultValue", "placeholder", "maxLength", "on"]);
+    const { defaultValue, placeholder, maxLength = 200, on, ...rest } = props;
     const [value, setValue] = React.useState(defaultValue);
     React.useLayoutEffect(() => {
         setValue(defaultValue);
@@ -22,20 +18,30 @@ export default React.forwardRef((props, ref) => {
     React.useImperativeHandle(ref, () => ({
         value: value,
     }), [value]);
-    return (React.createElement(View, { style: [styles.container, rest.style] },
-        React.createElement(TextInput, Object.assign({}, rest, { style: [styles.textInput, rest.textInputStyle], value: value, onChangeText: (txt) => {
-                setValue(txt);
-                on && on(txt);
-            }, multiline: true, textAlignVertical: "top", maxLength: maxLength, placeholder: placeholder })),
-        React.createElement(View, { style: styles.corner },
-            React.createElement(Text, { style: styles.limit },
-                React.createElement(Text, { style: Object.assign(Object.assign({}, styles.limit), { color: value && (value === null || value === void 0 ? void 0 : value.length) > maxLength - 5 ? "red" : "#AFAFAF" }) }, (value === null || value === void 0 ? void 0 : value.length) || 0),
-                "/",
-                maxLength))));
+    return (<View style={[styles.container, rest.style]}>
+        <TextInput {...rest} style={[styles.textInput, rest.textInputStyle]} value={value} onChangeText={(txt) => {
+            setValue(txt);
+            on && on(txt);
+        }} multiline={true} textAlignVertical={"top"} maxLength={maxLength} placeholder={placeholder}/>
+
+        <View style={styles.corner}>
+          <Text style={styles.limit}>
+            <Text style={{
+            ...styles.limit,
+            color: value && value?.length > maxLength - 5 ? "red" : "#AFAFAF",
+        }}>
+              {value?.length || 0}
+            </Text>
+            /{maxLength}
+          </Text>
+        </View>
+      </View>);
 });
 const styles = StyleSheet.create({
     container: {
+        // backgroundColor: '#F5F5F5',
         minHeight: px2dp(200),
+        // borderRadius: px2dp(10),
         backgroundColor: "white",
     },
     textInput: {
@@ -43,8 +49,11 @@ const styles = StyleSheet.create({
         margin: px2dp(15),
         marginBottom: px2dp(8),
         fontSize: px2sp(14),
+        // backgroundColor: 'red'
     },
     corner: {
+        // position: 'absolute',
+        // backgroundColor:'cyan',
         marginHorizontal: px2dp(15),
         marginBottom: px2dp(8),
     },

package/dist/components/WithLoadingContainer/WithLoadingContainer.js

@@ -1,3 +1,10 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-20 14:56:47
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-05-09 14:35:04
+ * @FilePath: /@aks/easyui/lib/WithLoadingContainer/WithLoadingContainer.tsx
+ */
 import React from "react";
 import { View, Image, Text, StyleSheet, TouchableOpacity, } from "react-native";
 const loading = require("./assets/loading.gif");
@@ -13,42 +20,52 @@ export var Status;
 })(Status || (Status = {}));
 export default (props) => {
     const { status = Status.NONE, renderFailComponent, renderEmptyComponent, renderNomoreComponent, reload, failText = "网络请求失败，点击重新加载~", emptyText = "暂无数据", nomoreText = "没有更多数据了～", } = props;
-    return (React.createElement(View, { style: props.style },
-        React.createElement(React.Fragment, null, (() => {
+    return (<View style={props.style}>
+      <>
+        {(() => {
             switch (status) {
                 case Status.NONE:
                     return undefined;
                 case Status.SUCCESS:
                     return props.children;
                 case Status.LOADING:
-                    return React.createElement(Loading, null);
+                    return <Loading />;
                 case Status.FAIL:
                     if (renderFailComponent)
                         return renderFailComponent();
-                    return (React.createElement(TouchableOpacity, { disabled: !reload, onPress: reload, style: styles.container },
-                        React.createElement(Text, { style: styles.text }, failText)));
+                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
+                  <Text style={styles.text}>{failText}</Text>
+                </TouchableOpacity>);
                 case Status.EMPTY:
                     if (renderEmptyComponent)
                         return renderEmptyComponent();
-                    return (React.createElement(TouchableOpacity, { disabled: !reload, onPress: reload, style: styles.container },
-                        React.createElement(Text, { style: styles.text }, emptyText)));
+                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
+                  <Text style={styles.text}>{emptyText}</Text>
+                </TouchableOpacity>);
                 case Status.NOMORE:
-                    return (React.createElement(React.Fragment, null,
-                        props.children,
-                        renderNomoreComponent ? (renderNomoreComponent()) : (React.createElement(Text, { style: styles.text }, nomoreText))));
+                    return (<>
+                  {props.children}
+                  {renderNomoreComponent ? (renderNomoreComponent()) : (<Text style={styles.text}>{nomoreText}</Text>)}
+                </>);
                 default:
-                    return (React.createElement(Text, { style: [styles.text, { lineHeight: 44 }] }, "(^_^)\u2220\u203B \u9001\u4F60\u4E00\u675F\u5C0F\u82B1"));
+                    return (<Text style={[styles.text, { lineHeight: 44 }]}>
+                  (^_^)∠※ 送你一束小花
+                </Text>);
             }
-        })())));
+        })()}
+      </>
+    </View>);
 };
 const Loading = () => {
-    return (React.createElement(View, { style: styles.container },
-        React.createElement(Image, { source: loading3, style: { width: 20, height: 20 }, resizeMode: "contain" })));
+    return (<View style={styles.container}>
+      <Image source={loading3} style={{ width: 20, height: 20 }} resizeMode="contain"/>
+    </View>);
 };
 const styles = StyleSheet.create({
     text: {
         color: "#999999",
         fontSize: 14,
+        // textAlign: 'center',
     },
     container: {
         display: "flex",

package/dist/index.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-13 12:47:34
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 15:26:14
+ * @FilePath: /@aks-dev/easyui/src/index.ts
+ */
+/// 组件
 export * from "./components/Badge/Badge";
 export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, } from "./components/Hud/Hud";
 export * from "./components/Modal/Modal";
@@ -13,7 +21,10 @@ export { default as RichText } from "./components/RichText/RichText";
 export { default as DottedLine } from "./components/DottedLine/DottedLine";
 export { default as MenuView } from "./components/MenuView/MenuView";
 export { AnimationModal } from "./components/AnimationModal/AnimationModal";
+/// 全局适配
 export * from "./screen";
+/// 工具
 import * as utils from "./utils";
+///  桥接
 import * as jsbridge from "./jsbridge";
 export { utils, jsbridge };

package/dist/jsbridge/RNEasyui.js

@@ -1,6 +1,22 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-19 10:23:01
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-10 14:05:17
+ * @FilePath: /@aks-dev/easyui/jsbridge/RNEasyui.ts
+ */
 import { Dimensions, NativeModules, Platform } from "react-native";
 const { RNEasyui } = NativeModules;
+/**
+ * @description: 获取设备品牌
+ * @return {*}
+ */
 export const getDeviceBrand = () => RNEasyui.getDeviceBrand();
+/**
+ * @deprecated 测量不准确，已放弃
+ * @description: 获取status_bar_height
+ * @return {*}
+ */
 export const getStatusBarHeight = () => {
     if (Platform.OS == "android")
         return RNEasyui.getStatusBarHeight();
@@ -10,12 +26,21 @@ export const getStatusBarHeight = () => {
         return Promise.resolve(44);
     return Promise.resolve(20);
 };
+/**
+ * @deprecated 测量不准确，已放弃
+ * @description: 获取navigation_bar_height
+ * @return {*}
+ */
 export const getNavigationBarHeight = () => {
     if (Platform.OS == "android")
         return RNEasyui.getNavigationBarHeight();
     return Promise.resolve(44);
 };
+/**
+ * only android
+ * 返回桌面
+ */
 export const gotoDesktop = () => {
     if (Platform.OS == "android")
-        RNEasyui === null || RNEasyui === void 0 ? void 0 : RNEasyui.gotoDesktop();
+        RNEasyui?.gotoDesktop();
 };

package/dist/jsbridge/UpgradeModule.js

@@ -1,21 +1,30 @@
-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());
-    });
-};
+/*
+ * @Author: shiguo
+ * @Date: 2022-05-05 14:19:39
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 15:15:06
+ * @FilePath: /@aks-dev/easyui/jsbridge/UpgradeModule.ts
+ */
 import { NativeModules, PermissionsAndroid, Platform } from "react-native";
 const { UpgradeModule } = NativeModules;
+/**
+ * @description: 获取App版本号
+ * @param {*}
+ * @return {*}
+ */
 export const getAppVersion = () => UpgradeModule.getAppVersion();
+/**
+ * @description: 获取操作系统版本
+ *
+ react-native-device-info
+ * @return {*}
+ */
 export const getOSVersion = () => UpgradeModule.getOSVersion();
-export const upgrade = (options) => __awaiter(void 0, void 0, void 0, function* () {
+export const upgrade = async (options) => {
     const { title = "提示" } = options;
     if (Platform.OS == "android") {
         try {
-            const granted = yield PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE, {
+            const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE, {
                 title: "提示",
                 message: "应用升级需要获取APP的写入权限",
                 buttonNeutral: "稍后再询问",
@@ -32,4 +41,4 @@ export const upgrade = (options) => __awaiter(void 0, void 0, void 0, function*
         }
     }
     return UpgradeModule.upgrade(options);
-});
+};

package/dist/jsbridge/index.js

@@ -1,2 +1,9 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-19 10:23:01
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 15:14:55
+ * @FilePath: /@aks-dev/easyui/jsbridge/index.ts
+ */
 export * from './RNEasyui';
 export * from './UpgradeModule';

package/dist/screen/index.js

@@ -1,2 +1,10 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-19 10:25:14
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 15:09:24
+ * @FilePath: /@aks-dev/easyui/screen/index.ts
+ */
+/// 全局适配
 export * from '../screen/px2dp';
 export * from '../screen/px2sp';

package/dist/screen/px2dp.js

@@ -1,13 +1,31 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-18 14:32:25
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:35:02
+ * @FilePath: /@aks-dev/easyui/screen/px2dp.ts
+ */
 import { Dimensions, Platform, StatusBar } from "react-native";
-export const deviceWidth = Dimensions.get("screen").width;
-export const deviceHeight = Dimensions.get("screen").height;
+/**设备宽度，单位 dp */
+export const deviceWidth = Dimensions.get("screen").width; //设备的宽度
+export const deviceHeight = Dimensions.get("screen").height; //设备的高度
 export const isAndroid = Platform.OS === "android";
 export const isIos = Platform.OS === "ios";
 export const isiPhoneX = isIos && deviceHeight > 736;
+/**
+ * 375px/667px
+ * */
 const uiWidthPx = 375;
+// const pixelRatio = PixelRatio.get()
+// const deviceWidthPx = PixelRatio.getPixelSizeForLayoutSize(deviceWidth);
 export const px2dp = (uiElePx) => {
     return Math.round((uiElePx * deviceWidth) / uiWidthPx);
 };
+/**
+ * @description: 状态栏的高度
+ * @param {*}
+ * @return {*}
+ */
 export const statusBarHeight = (() => {
     if (isAndroid)
         return StatusBar.currentHeight || 24;
@@ -15,6 +33,11 @@ export const statusBarHeight = (() => {
         return 44;
     return 20;
 })();
+/**
+ * @description: 顶部导航条的高度,高度不包含statusBarHeight
+ * @param {*}
+ * @return {*}
+ */
 export const navigationBarHeight = (() => {
     if (isAndroid)
         return 56;

package/dist/screen/px2sp.js

@@ -1,43 +1,73 @@
+/*
+ * @Author: shiguo
+ * @Date: 2021-04-27 10:40:36
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-10-28 17:14:14
+ * @FilePath: /@aks-dev/easyui/screen/px2sp.ts
+ */
 import { Dimensions, PixelRatio } from 'react-native';
 const pixelRatio = PixelRatio.get();
-const width = Dimensions.get('window').width;
-const height = Dimensions.get('window').height;
+const width = Dimensions.get('window').width; //设备的宽度
+const height = Dimensions.get('window').height; //设备的高度
 export const px2sp = (size) => {
+    // console.log({
+    //     pixelRatio,
+    //     width,
+    //     height
+    // })
     if (pixelRatio === 2) {
+        // iphone 5s and older Androids
         if (width < 360) {
             return size * 0.95;
         }
+        // iphone 5
         if (height < 667) {
             return size;
+            // iphone 6-6s
         }
         else if (height >= 667 && height <= 735) {
             return size * 1.15;
         }
+        // older phablets
         return size * 1.25;
     }
     if (pixelRatio === 3) {
+        // catch Android font scaling on small machines
+        // where pixel ratio / font scale ratio => 3:3
         if (width <= 360) {
             return size;
         }
+        // Catch other weird android width sizings
         if (height < 667) {
             return size * 1.15;
+            // catch in-between size Androids and scale font up
+            // a tad but not too much
         }
         if (height >= 667 && height <= 735) {
             return size * 1.2;
         }
+        // catch larger devices
+        // ie iphone 6s plus / 7 plus / mi note 等等
         return size * 1.27;
     }
     if (pixelRatio === 3.5) {
+        // catch Android font scaling on small machines
+        // where pixel ratio / font scale ratio => 3:3
         if (width <= 360) {
             return size;
+            // Catch other smaller android height sizings
         }
         if (height < 667) {
-            return size * 1.15;
+            return size * 1.15; //older:1.20
+            // catch in-between size Androids and scale font up
+            // a tad but not too much
         }
         if (height >= 667 && height <= 735) {
-            return size * 1.20;
+            return size * 1.20; //older:1.25
         }
-        return size * 1.25;
+        // catch larger phablet devices
+        return size * 1.25; //older:1.30
     }
+    // if older device ie pixelRatio !== 2 || 3 || 3.5
     return size;
 };

package/dist/screen/text-fit.js

@@ -1,10 +1,25 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-15 14:15:07
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-06-02 11:03:59
+ * @FilePath: /@aks-dev/easyui/screen/text-fit.tsx
+ */
+/**
+ * 全局配置Text
+ */
 import React from 'react';
 import { Platform, Text as Text_spaceName, TextInput as TextInput_spaceName } from 'react-native';
 const Text = Text_spaceName;
 const TextInput = TextInput_spaceName;
-const textDefaultStyle = Object.assign(Object.assign({}, Platform.select({
-    android: { fontFamily: 'DroidSansFallback' }
-})), { allowFontScaling: false, paddingVertical: 0, paddingHorizontal: 0 });
+const textDefaultStyle = {
+    ...Platform.select({
+        android: { fontFamily: 'DroidSansFallback' }
+    }),
+    allowFontScaling: false,
+    paddingVertical: 0,
+    paddingHorizontal: 0,
+};
 const textRender = Text.render;
 Text.render = function (...args) {
     const origin = textRender.call(this, ...args);
@@ -16,8 +31,8 @@ const textInputDefaultStyle = {
     defaultProps: false,
     paddingVertical: 0,
     paddingHorizontal: 0,
-    autoCapitalize: "none",
-    autoCorrect: false,
+    autoCapitalize: "none", //不自动大写
+    autoCorrect: false, //不自动纠正拼写
 };
 const textInputRender = TextInput.render;
 TextInput.render = function (...args) {
@@ -26,6 +41,7 @@ TextInput.render = function (...args) {
         style: [textInputDefaultStyle, origin.props.style]
     });
 };
+/**关闭字体缩放 */
 if (!Text.defaultProps)
     Text.defaultProps = {};
 if (!TextInput.defaultProps)

package/dist/utils/index.js

@@ -1,2 +1,9 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-19 10:25:43
+ * @LastEditors: shiguo
+ * @LastEditTime: 2023-03-23 15:08:21
+ * @FilePath: /@aks-dev/easyui/utils/index.ts
+ */
 export * from '../utils/mode';
 export * from '../utils/lazy';