@aks-dev/easyui 1.0.75 → 1.0.78

package/lib/DottedLine/DottedLine.tsx

@@ -0,0 +1,66 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-07-12 15:30:19
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-07-12 15:33:06
+ * @FilePath: /@aks-dev/easyui/lib/DottedLine/DottedLine.tsx
+ */
+import React from 'react'
+import { StyleSheet, View } from 'react-native'
+import type { DottedLineProps } from '.'
+export default (props: DottedLineProps) => {
+    const {
+        vertical = false,
+        dottedColor,
+        dottedCount = 200,
+        ...rest
+    } = props
+    const arrs = Array.from({ length: dottedCount }, (k, v) => v)
+    return (
+        <View style={{ ...styles.container, flexDirection: vertical ? 'column' : 'row', ...rest.style as any }}>
+            {
+                arrs.map((item, index) => {
+                    return <View
+                        key={`dotted-${index}`}
+                        style={{
+                            ...(vertical ? styles.dotted_vertical : styles.dotted_horizontal),
+                            ...(dottedColor && { backgroundColor: dottedColor })
+                        }} />
+                })
+            }
+        </View>
+    )
+
+}
+
+
+
+
+
+const styles = StyleSheet.create({
+    container: {
+        display: 'flex',
+        flexGrow: 1,
+        overflow: 'hidden',
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+    },
+
+    dotted_horizontal: {
+        flexGrow: 0,
+        flexShrink: 0,
+        width: 2,
+        height: 1,
+        marginRight: 2,
+        backgroundColor: '#cccccc',
+    },
+    dotted_vertical: {
+        flexGrow: 0,
+        flexShrink: 0,
+        width: 1,
+        height: 2,
+        marginBottom: 2,
+        backgroundColor: '#cccccc',
+    }
+
+})

package/lib/DottedLine/index.ts

@@ -0,0 +1,18 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-07-12 15:30:28
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-07-12 15:31:31
+ * @FilePath: /@aks-dev/easyui/lib/DottedLine/index.ts
+ */
+import React from 'react'
+import { ViewProps } from 'react-native'
+
+export type DottedLineProps = {
+    vertical?: boolean,
+    dottedColor?: string,
+    dottedCount?: number
+} & ViewProps
+
+
+export declare const DottedLine: React.FC<DottedLineProps>

package/lib/RichText/RichText.tsx

@@ -0,0 +1,82 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-07-11 15:42:16
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-07-11 16:15:02
+ * @FilePath: /@aks-dev/easyui/lib/RichText/RichText.tsx
+ */
+import React from 'react'
+import { StyleSheet, Text } from 'react-native'
+import type { RichTextProps } from '.'
+import { px2sp } from '../../screen/px2sp'
+import * as utils from '../../utils/lazy'
+
+
+
+
+export default (props: RichTextProps) => {
+    const { rich, richStyle, text, suffix, prefix, ...rest } = props
+    let textStr = ''
+    let richStr = ''
+    if (utils.isString(text) || utils.isNumber(text)) {
+        textStr = String(text)
+    }
+    if (utils.isString(rich) || utils.isNumber(rich)) {
+        richStr = String(rich)
+    }
+
+    let positionStart = 0
+    let positionEnd = 0
+    if (textStr?.indexOf(richStr) >= 0) {
+        positionStart = textStr.indexOf(richStr)
+        positionEnd = positionStart + richStr.length
+    }
+
+    if (prefix) {
+        return (
+            <Text style={styles.container} {...rest}>
+                <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
+                {textStr}
+            </Text>
+        )
+    }
+
+
+
+    if (suffix) {
+        return (
+            <Text style={styles.container} {...rest}>
+                {textStr}
+                <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
+            </Text>
+        )
+    }
+
+
+    return (
+        <Text style={styles.container} {...rest}>
+            {textStr.substring(0, positionStart)}
+            {
+                positionEnd > 0 &&
+                <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
+            }
+            {textStr.substring(positionEnd, textStr.length)}
+        </Text>
+    )
+}
+
+
+
+
+
+const styles = StyleSheet.create({
+    container: {
+        color: '#333333',
+        fontSize: px2sp(14)
+    },
+    defaultRich: {
+        color: 'red',
+        fontSize: px2sp(14),
+        // fontWeight: 'bold'
+    }
+})

package/lib/RichText/index.ts

@@ -0,0 +1,21 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-07-11 15:42:08
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-07-11 16:14:12
+ * @FilePath: /@aks-dev/easyui/lib/RichText/index.ts
+ */
+import react from 'react'
+import { TextStyle, TextProps } from 'react-native'
+
+
+export type RichTextProps = {
+    rich?: string | number,
+    richStyle?: TextStyle,
+    text?: string | number,
+    suffix?: boolean,
+    prefix?: boolean,
+}
+
+
+export declare const RichText: react.FC<RichTextProps & TextProps>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aks-dev/easyui",
-  "version": "1.0.75",
+  "version": "1.0.78",
   "description": "移动端App开发工具包",
   "main": "./src/index.ts",
   "typings": "./src/index.d.ts",

package/src/index.d.ts

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-26 11:44:22
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-16 09:01:48
- * @FilePath: /@aks/easyui/src/index.d.ts
+ * @LastEditTime: 2022-07-12 15:33:26
+ * @FilePath: /@aks-dev/easyui/src/index.d.ts
  */
 
 
@@ -37,8 +37,10 @@ export * from '../lib/Echarts'
 export * from '../screen'
 
 
+export * from '../lib/RichText'
 
 
+export * from '../lib/DottedLine'
 
 /// 工具
 import * as utils from '../utils'

package/src/index.ts

@@ -3,7 +3,7 @@
  * @Author: shiguo
  * @Date: 2022-04-13 12:47:34
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-31 18:22:44
+ * @LastEditTime: 2022-07-12 16:15:34
  * @FilePath: /@aks-dev/easyui/src/index.ts
  */
 
@@ -13,7 +13,7 @@
 
 
 export * from '../lib/Badge/Badge'
-export type { BadgeProps } from '../lib/Badge'
+// export type { BadgeProps } from '../lib/Badge'
 
 
 export { Hud, showLoading, hideLoading, showToast, showAlertModal } from '../lib/Hud/Hud'
@@ -25,30 +25,28 @@ export { default as MutiPictureView } from '../lib/MutiPictureView/MutiPictureVi
 export { PictureViewer } from '../lib/PictureViewer/PictureViewer'
 
 export { default as RefreshList } from '../lib/RefreshList/RefreshList'
-export  { RefreshListProps,RefreshState } from '../lib/RefreshList'
+// export { RefreshListProps, RefreshState } from '../lib/RefreshList'
 
 
 export { default as TableCell } from '../lib/TableCell/TableCell'
-export type { TableCellProps } from '../lib/TableCell'
+// export type { TableCellProps } from '../lib/TableCell'
 
 
 export { default as TextInputArea } from '../lib/TextInputArea/TextInputArea'
-export type { TextInputAreaCurrent, TextInputAreaProps } from '../lib/TextInputArea'
+// export type { TextInputAreaCurrent, TextInputAreaProps } from '../lib/TextInputArea'
 
 
 export { default as WithLoadingContainer } from '../lib/WithLoadingContainer/WithLoadingContainer'
 export { WithLoadingContainerProps, Status } from '../lib/WithLoadingContainer'
 
 
-
-export * from '../lib/StickHeaderView/StickHeaderView'
-export type { StickHeaderViewProps } from '../lib/StickHeaderView'
-
+export { default as StickHeaderView } from '../lib/StickHeaderView/StickHeaderView'
 
 export { default as EchartsView } from '../lib/Echarts/EchartsView'
 export { echarts } from '../lib/Echarts'
-export type { EchartsViewProps } from '../lib/Echarts'
 
+export { default as RichText } from '../lib/RichText/RichText'
+export { default as DottedLine } from '../lib/DottedLine/DottedLine'
 
 /// 全局适配
 export * from '../screen/px2dp'

package/utils/index.ts

@@ -2,11 +2,11 @@
  * @Author: shiguo
  * @Date: 2022-04-19 10:25:43
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-07 20:15:11
+ * @LastEditTime: 2022-07-11 16:09:15
  * @FilePath: /@aks-dev/easyui/utils/index.ts
  */
 
-
+import { number } from 'echarts';
 import * as rn from 'react-native'
 
 /**
@@ -14,8 +14,8 @@ import * as rn from 'react-native'
  * @param {*}毫秒值
  * @return {*}
  */
- type TArgs = (args: void) => void;
- export declare const sleep: (msec?: number) => Promise<TArgs>;
+type TArgs = (args: void) => void;
+export declare const sleep: (msec?: number) => Promise<TArgs>;
 
 
 /**
@@ -58,4 +58,32 @@ export type SyncLoopCallBack = (item: any, index: number) => void;
  * @param {*} dataList：数据源
  * @return {*}
  */
-export declare const syncLoop: (dataList: any[], callback: SyncLoopCallBack) => Promise<string>;
+export declare const syncLoop: (dataList: any[], callback: SyncLoopCallBack) => Promise<string>;
+
+
+/**
+ * @description: 对11位手机号码加*
+ * @return {*}
+ */
+export declare const encryptMobilePhoneNumber: (text: string) => string;
+/**
+ * @description: 判断对象
+ * @return {*}
+ */
+export declare const isObject: (exp: any) => boolean;
+export declare const isArray: (exp: any) => boolean;
+export declare const isString: (exp: any) => boolean;
+export declare const isNumber: (exp: any) => boolean;
+export declare const isNull: (exp: any) => boolean;
+export declare const isNullObject: (obj: any) => boolean;
+export declare const isUndefined: (exp: any) => boolean;
+export declare const isObjectValueEqual: (a: any, b: any) => boolean;
+export declare const deepEqual: (x: any, y: any) => boolean;
+export declare function deepClone(target: any): any;
+export declare const isPhoneNumber: (str: string) => boolean;
+export declare const toDateFriendly: (dateStr: string) => string;
+export declare const isChainChar: (str: string) => boolean;
+export declare const isHaveChartCount: (str: string) => number;
+export declare const isHaveNumberCount: (str: string) => number;
+export declare const isHaveChinese: (text: string) => boolean;
+export declare const isHaveEmojiCharact: (substring: string) => boolean;

package/utils/lazy.ts

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-27 18:17:54
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-10 14:28:24
- * @FilePath: /@aks/easyui/utils/lazy.tsx
+ * @LastEditTime: 2022-07-11 15:59:49
+ * @FilePath: /@aks-dev/easyui/utils/lazy.ts
  */
 import type { SyncLoopCallBack } from '.'
 
@@ -37,4 +37,284 @@ export const syncLoop = async (dataList: any[], callback: SyncLoopCallBack) => {
     }
 
     return Promise.resolve('SyncForeach loop over')
-};
+};
+
+
+
+export const encryptMobilePhoneNumber = (text: string) => {
+    if (text && text.length == 11) {
+        let y1 = text.slice(0, 3);
+        let y2 = text.slice(7);
+        return y1 + '****' + y2
+    }
+    return text;
+}
+
+//判断是否为对象（仅为对象，不是数组也不是null）
+export const isObject = (exp: any) => {
+    return Object.prototype.toString.call(exp) == '[object Object]'
+}
+
+//判断是否为数组（仅为数组，不是对象也不是null）
+export const isArray = (exp: any) => {
+    return Object.prototype.toString.call(exp) == '[object Array]'
+}
+
+//判断是否为字符串
+export const isString = (exp: any) => {
+    return Object.prototype.toString.call(exp) == '[object String]'
+}
+
+//判断是否为数字（包括整数和实数）
+export const isNumber = (exp: any) => {
+    return Object.prototype.toString.call(exp) == '[object Number]'
+}
+
+//判断是否为null
+export const isNull = (exp: any) => {
+    return Object.prototype.toString.call(exp) == '[object Null]'
+}
+
+//判断是否为空对象
+export const isNullObject = (obj: any) => {
+    if (obj == null || obj == undefined)
+        return true;
+
+    if (Object.keys(obj).length > 0) {
+        return false;
+    }
+    return true;
+
+}
+
+//判断是否为undefined
+export const isUndefined = (exp: any) => {
+    return Object.prototype.toString.call(exp) == '[object Undefined]'
+}
+/**判断两个对象是否相同 */
+export const isObjectValueEqual = (a: any, b: any) => {
+    // Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组
+    // 换句话来说 Object.getOwnPropertyNames()方法返回的是对象所有 key 组成的数组 list
+    let aProps = Object.getOwnPropertyNames(a)
+    let bProps = Object.getOwnPropertyNames(b)
+    if (aProps.length != bProps.length) {
+        return false
+    }
+
+    for (let i = 0; i < aProps.length; i++) {
+        let propName = aProps[i]
+        if (typeof a[propName] === 'object') {
+            let judge = isObjectValueEqual(a[propName], b[propName])
+            if (!judge) {
+                return false
+            }
+        } else if (a[propName] !== b[propName]) {
+            return false
+        }
+    }
+    return true
+}
+
+export const deepEqual = (x: any, y: any) => {
+    let prototype_x = Object.prototype.toString.call(x)
+    let prototype_y = Object.prototype.toString.call(y)
+
+    if (prototype_x == '[object Undefined]') {
+        prototype_x = '[object Null]'
+    }
+    if (prototype_y == '[object Undefined]') {
+        prototype_y = '[object Null]'
+    }
+
+    if (prototype_x != prototype_y) {
+        return false
+    }
+
+    /**以下类型相同比较 */
+    if (prototype_x == '[object Object]') {
+        if (Object.keys(x).length != Object.keys(y).length) {
+            return false;
+        }
+
+        for (var key in x) {
+            if (!deepEqual(x[key], y[key])) {
+                return false
+            }
+        }
+    } else if (prototype_x == '[object Array]') {
+        if (x.length != y.length) {
+            return false
+        }
+        for (let index = 0; index < x.length; index++) {
+            if (!deepEqual(x[index], y[index])) {
+                return false
+            }
+
+        }
+    }
+    /**过滤对函数的深比较 */
+    else if (prototype_x == '[object Function]') {
+        return true
+    } else {
+        /**其它类型值比较 */
+        return x == y
+    }
+
+    return true
+}
+
+// 定义一个深拷贝函数  接收目标target参数
+export function deepClone(target: any): any {
+    // 定义一个变量
+    let result: any;
+    // 如果当前需要深拷贝的是一个对象的话
+    if (typeof target === 'object') {
+        // 如果是一个数组的话
+        if (Array.isArray(target)) {
+            result = []; // 将result赋值为一个数组，并且执行遍历
+            for (let i in target) {
+                // 递归克隆数组中的每一项
+                result.push(deepClone(target[i]))
+            }
+            // 判断如果当前的值是null的话；直接赋值为null
+        } else if (target === null) {
+            result = null;
+            // 判断如果当前的值是一个RegExp对象的话，直接赋值
+        } else if (target.constructor === RegExp) {
+            result = target;
+        } else {
+            // 否则是普通对象，直接for in循环，递归赋值对象的所有值
+            result = {};
+            for (let i in target) {
+                result[i] = deepClone(target[i]);
+            }
+        }
+        // 如果不是对象的话，就是基本数据类型，那么直接赋值
+    } else {
+        result = target;
+    }
+    // 返回最终结果
+    return result;
+}
+
+export const isPhoneNumber = (str: string) => {
+    var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
+    if (!myreg.test(str)) {
+        return false;
+    }
+    return true;
+}
+
+
+
+/**
+       *
+       * @param dateStr yyyy-MM-dd HH:mm:ss
+       * @returns {string}
+       */
+export const toDateFriendly = (dateStr: string) => {
+    //af-测试可用
+    if (!dateStr) {
+        return ''
+    }
+
+    let dateTimeStamp = Date.parse(dateStr.replace(/-/gi, "/"));
+    let minute = 1000 * 60;
+    let hour = minute * 60;
+    let day = hour * 24;
+    let halfamonth = day * 15;
+    let month = day * 30;
+    let now = new Date().getTime();
+    let diffValue = now - dateTimeStamp;
+    if (diffValue < 0) {
+        return '';
+    }
+    let monthC = diffValue / month;
+    let weekC = diffValue / (7 * day);
+    let dayC = diffValue / day;
+    let hourC = diffValue / hour;
+    let minC = diffValue / minute;
+    let result = '';
+    if (monthC >= 1) {
+        result = "" + parseInt(monthC.toString()) + "月前";
+    } else if (weekC >= 1) {
+        result = "" + parseInt(weekC.toString()) + "周前";
+    } else if (dayC >= 1) {
+        result = "" + parseInt(dayC.toString()) + "天前";
+    } else if (hourC >= 1) {
+        result = "" + parseInt(hourC.toString()) + "小时前";
+    } else if (minC >= 1) {
+        result = "" + parseInt(minC.toString()) + "分钟前";
+    } else
+        result = "刚刚";
+    return result;
+}
+
+export const isChainChar = (str: string) => {
+    var index = escape(str).indexOf("%u");
+    if (index < 0)
+        return false;
+
+    return true;
+}
+
+export const isHaveChartCount = (str: string) => {
+    if (/[a-z]/i.test(str)) {
+        return str.match(/[a-z]/ig)?.length;
+    }
+    return 0;
+}
+
+export const isHaveNumberCount = (str: string) => {
+    if (/[0-9]/i.test(str)) {
+        return str.match(/[0-9]/ig)?.length;
+    }
+    return 0;
+}
+
+
+
+export const isHaveChinese = (text: string) => {
+    var reg = new RegExp("[\\u4E00-\\u9FFF]+", "g");
+    if (reg.test(text)) {
+        return true;
+    } else {
+        return false;
+    }
+}
+export const isHaveEmojiCharact = (substring: string) => {
+    for (var i = 0; i < substring.length; i++) {
+        var hs = substring.charCodeAt(i);
+        if (0xd800 <= hs && hs <= 0xdbff) {
+            if (substring.length > 1) {
+                var ls = substring.charCodeAt(i + 1);
+                var uc = ((hs - 0xd800) * 0x400) + (ls - 0xdc00) + 0x10000;
+                if (0x1d000 <= uc && uc <= 0x1f77f) {
+                    return true;
+                }
+            }
+            
+        } else if (substring.length > 1) {
+            var ls = substring.charCodeAt(i + 1);
+            if (ls == 0x20e3) {
+                return true;
+            }
+        } else {
+            if (0x2100 <= hs && hs <= 0x27ff) {
+                return true;
+            } else if (0x2B05 <= hs && hs <= 0x2b07) {
+                return true;
+            } else if (0x2934 <= hs && hs <= 0x2935) {
+                return true;
+            } else if (0x3297 <= hs && hs <= 0x3299) {
+                return true;
+            } else if (hs == 0xa9 || hs == 0xae || hs == 0x303d || hs == 0x3030
+                || hs == 0x2b55 || hs == 0x2b1c || hs == 0x2b1b
+                || hs == 0x2b50) {
+                return true;
+            }
+        }
+    }
+
+    return false
+}