@aks-dev/easyui 1.0.163 → 1.1.2

package/dist/components/TextInputArea/TextInputArea.js

@@ -0,0 +1,65 @@
+/*
+ * @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, ...rest } = props;
+    const [value, setValue] = React.useState(defaultValue);
+    React.useLayoutEffect(() => {
+        setValue(defaultValue);
+    }, [defaultValue]);
+    React.useImperativeHandle(ref, () => ({
+        value: value,
+    }), [value]);
+    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: {
+        flex: 1,
+        margin: px2dp(15),
+        marginBottom: px2dp(8),
+        fontSize: px2sp(14),
+        // backgroundColor: 'red'
+    },
+    corner: {
+        // position: 'absolute',
+        // backgroundColor:'cyan',
+        marginHorizontal: px2dp(15),
+        marginBottom: px2dp(8),
+    },
+    limit: {
+        textAlign: "right",
+        fontSize: px2sp(10),
+        color: "#AFAFAF",
+    },
+});

package/dist/components/WithLoadingContainer/WithLoadingContainer.js

@@ -0,0 +1,77 @@
+/*
+ * @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");
+const loading3 = require("./assets/loading3.gif");
+export var Status;
+(function (Status) {
+    Status["NONE"] = "NONE";
+    Status["LOADING"] = "LOADING";
+    Status["FAIL"] = "FAIL";
+    Status["SUCCESS"] = "SUCCESS";
+    Status["EMPTY"] = "EMPTY";
+    Status["NOMORE"] = "NOMORE";
+})(Status || (Status = {}));
+export default (props) => {
+    const { status = Status.NONE, renderFailComponent, renderEmptyComponent, renderNomoreComponent, reload, failText = "网络请求失败，点击重新加载~", emptyText = "暂无数据", nomoreText = "没有更多数据了～", } = props;
+    return (<View style={props.style}>
+      <>
+        {(() => {
+            switch (status) {
+                case Status.NONE:
+                    return undefined;
+                case Status.SUCCESS:
+                    return props.children;
+                case Status.LOADING:
+                    return <Loading />;
+                case Status.FAIL:
+                    if (renderFailComponent)
+                        return renderFailComponent();
+                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
+                  <Text style={styles.text}>{failText}</Text>
+                </TouchableOpacity>);
+                case Status.EMPTY:
+                    if (renderEmptyComponent)
+                        return renderEmptyComponent();
+                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
+                  <Text style={styles.text}>{emptyText}</Text>
+                </TouchableOpacity>);
+                case Status.NOMORE:
+                    return (<>
+                  {props.children}
+                  {renderNomoreComponent ? (renderNomoreComponent()) : (<Text style={styles.text}>{nomoreText}</Text>)}
+                </>);
+                default:
+                    return (<Text style={[styles.text, { lineHeight: 44 }]}>
+                  (^_^)∠※ 送你一束小花
+                </Text>);
+            }
+        })()}
+      </>
+    </View>);
+};
+const Loading = () => {
+    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",
+        minHeight: 44,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: 15,
+    },
+});

package/dist/index.js

@@ -0,0 +1,31 @@
+/*
+ * @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 { Badge } from "./components/Badge/Badge";
+// export type { BadgeProps } from "./components/Badge/Badge";
+export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, } from "./components/Hud/Hud";
+export { Modal } from "./components/Modal/Modal";
+export { default as MutiPictureView } from "./components/MutiPictureView/MutiPictureView";
+export { PictureViewer } from "./components/PictureViewer/PictureViewer";
+export { default as RefreshList, RefreshState, RefreshText, } from "./components/RefreshList/RefreshList";
+export { default as TableCell } from "./components/TableCell/TableCell";
+export { default as TextInputArea } from "./components/TextInputArea/TextInputArea";
+export { default as WithLoadingContainer, Status, } from "./components/WithLoadingContainer/WithLoadingContainer";
+export { default as StickHeaderView } from "./components/StickHeaderView/StickHeaderView";
+export { default as EchartsView } from "./components/EchartsView/EchartsView";
+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

@@ -0,0 +1,46 @@
+/*
+ * @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();
+    const deviceHeight = Dimensions.get("window").height;
+    const isiPhoneX = Platform.OS == "ios" && deviceHeight > 736;
+    if (isiPhoneX)
+        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?.gotoDesktop();
+};

package/{jsbridge/UpgradeModule.ts → dist/jsbridge/UpgradeModule.js}

@@ -5,38 +5,40 @@
  * @LastEditTime: 2023-03-23 15:15:06
  * @FilePath: /@aks-dev/easyui/jsbridge/UpgradeModule.ts
  */
-import { NativeModules, PermissionsAndroid, Platform } from 'react-native';
-
+import { NativeModules, PermissionsAndroid, Platform } from "react-native";
 const { UpgradeModule } = NativeModules;
-
-import type { UpgradeOptions } from './index.d'
-
+/**
+ * @description: 获取App版本号
+ * @param {*}
+ * @return {*}
+ */
 export const getAppVersion = () => UpgradeModule.getAppVersion();
-
+/**
+ * @description: 获取操作系统版本
+ *
+ react-native-device-info
+ * @return {*}
+ */
 export const getOSVersion = () => UpgradeModule.getOSVersion();
-
-export const upgrade = async (options: UpgradeOptions ) => {
-    const { title = '提示' } = options
-
-    if (Platform.OS == 'android') {
+export const upgrade = async (options) => {
+    const { title = "提示" } = options;
+    if (Platform.OS == "android") {
         try {
             const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE, {
-                title: '提示',
+                title: "提示",
                 message: "应用升级需要获取APP的写入权限",
                 buttonNeutral: "稍后再询问",
                 buttonNegative: "取消",
-                buttonPositive: "确定"
-            })
+                buttonPositive: "确定",
+            });
             if (granted === PermissionsAndroid.RESULTS.GRANTED) {
-                return UpgradeModule.upgrade(options)
+                return UpgradeModule.upgrade(options);
             }
-
-            return Promise.reject("没有应用升级权限！")
-        } catch (err) {
-            return Promise.reject("请求权限异常！")
+            return Promise.reject("没有应用升级权限！");
+        }
+        catch (err) {
+            return Promise.reject("请求权限异常！");
         }
-
     }
-
-    return UpgradeModule.upgrade(options)
-}
+    return UpgradeModule.upgrade(options);
+};

package/{jsbridge/index.ts → dist/jsbridge/index.js}

@@ -5,5 +5,5 @@
  * @LastEditTime: 2023-03-23 15:14:55
  * @FilePath: /@aks-dev/easyui/jsbridge/index.ts
  */
-export * from './RNEasyui'
-export * from './UpgradeModule'
+export * from './RNEasyui';
+export * from './UpgradeModule';

package/{screen/index.ts → dist/screen/index.js}

@@ -6,5 +6,5 @@
  * @FilePath: /@aks-dev/easyui/screen/index.ts
  */
 /// 全局适配
-export * from '../screen/px2dp'
-export * from '../screen/px2sp'
+export * from '../screen/px2dp';
+export * from '../screen/px2sp';

package/dist/screen/px2dp.js

@@ -0,0 +1,45 @@
+/*
+ * @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";
+/**设备宽度，单位 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;
+    if (isiPhoneX)
+        return 44;
+    return 20;
+})();
+/**
+ * @description: 顶部导航条的高度,高度不包含statusBarHeight
+ * @param {*}
+ * @return {*}
+ */
+export const navigationBarHeight = (() => {
+    if (isAndroid)
+        return 56;
+    return 44;
+})();

package/{screen/px2sp.ts → dist/screen/px2sp.js}

@@ -7,17 +7,14 @@
  */
 import { Dimensions, PixelRatio } from 'react-native';
 const pixelRatio = PixelRatio.get();
-const width = Dimensions.get('window').width;      //设备的宽度
-const height = Dimensions.get('window').height;    //设备的高度
-
-export const px2sp = (size: number) => {
-
-// console.log({
-//     pixelRatio,
-//     width,
-//     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) {
@@ -27,7 +24,8 @@ export const px2sp = (size: number) => {
         if (height < 667) {
             return size;
             // iphone 6-6s
-        } else if (height >= 667 && height <= 735) {
+        }
+        else if (height >= 667 && height <= 735) {
             return size * 1.15;
         }
         // older phablets
@@ -60,21 +58,16 @@ export const px2sp = (size: number) => {
             // Catch other smaller android height sizings
         }
         if (height < 667) {
-            return size * 1.15;//older:1.20
+            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;//older:1.25
+            return size * 1.20; //older:1.25
         }
         // catch larger phablet devices
-
-        return size * 1.25;//older:1.30
+        return size * 1.25; //older:1.30
     }
     // if older device ie pixelRatio !== 2 || 3 || 3.5
     return size;
 };
-
-
-
-

package/{screen/text-fit.ts → dist/screen/text-fit.js}

@@ -8,11 +8,10 @@
 /**
  * 全局配置Text
  */
-
 import React from 'react';
 import { Platform, Text as Text_spaceName, TextInput as TextInput_spaceName } from 'react-native';
-const Text: any = Text_spaceName
-const TextInput: any = TextInput_spaceName
+const Text = Text_spaceName;
+const TextInput = TextInput_spaceName;
 const textDefaultStyle = {
     ...Platform.select({
         android: { fontFamily: 'DroidSansFallback' }
@@ -21,18 +20,13 @@ const textDefaultStyle = {
     paddingVertical: 0,
     paddingHorizontal: 0,
 };
-
-
-
 const textRender = Text.render;
-Text.render = function (...args: any[]) {
+Text.render = function (...args) {
     const origin = textRender.call(this, ...args);
     return React.cloneElement(origin, {
         style: [textDefaultStyle, origin.props.style]
     });
 };
-
-
 const textInputDefaultStyle = {
     defaultProps: false,
     paddingVertical: 0,
@@ -40,21 +34,17 @@ const textInputDefaultStyle = {
     autoCapitalize: "none", //不自动大写
     autoCorrect: false, //不自动纠正拼写
 };
-
 const textInputRender = TextInput.render;
-TextInput.render = function (...args: any[]) {
+TextInput.render = function (...args) {
     const origin = textInputRender.call(this, ...args);
     return React.cloneElement(origin, {
         style: [textInputDefaultStyle, origin.props.style]
     });
 };
-
-
-
 /**关闭字体缩放 */
-if (!Text.defaultProps) Text.defaultProps = {};
-if (!TextInput.defaultProps) TextInput.defaultProps = {};
-Text.defaultProps.allowFontScaling = false
-TextInput.defaultProps.allowFontScaling = false
-
-
+if (!Text.defaultProps)
+    Text.defaultProps = {};
+if (!TextInput.defaultProps)
+    TextInput.defaultProps = {};
+Text.defaultProps.allowFontScaling = false;
+TextInput.defaultProps.allowFontScaling = false;

package/{utils/index.ts → dist/utils/index.js}

@@ -5,5 +5,5 @@
  * @LastEditTime: 2023-03-23 15:08:21
  * @FilePath: /@aks-dev/easyui/utils/index.ts
  */
-export * from '../utils/mode'
-export * from '../utils/lazy'
+export * from '../utils/mode';
+export * from '../utils/lazy';