@aks-dev/easyui 1.0.199 → 1.0.200

package/dist/index.js

@@ -6,25 +6,37 @@
  * @FilePath: /@aks-dev/easyui/src/index.ts
  */
 /// 组件
-export * from "./components/Badge/Badge";
+// 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 * 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, echarts, } from "./components/Echarts/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 { Modal } from "./components/Modal/Modal";
+// export type { ModalProps } 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,
+//   echarts,
+// } from "./components/Echarts/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 };
+// export * from "./screen";
+// /// 工具
+// import * as utils from "./utils";
+// ///  桥接
+// import * as jsbridge from "./jsbridge";
+// export { utils, jsbridge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aks-dev/easyui",
-  "version": "1.0.199",
+  "version": "1.0.200",
   "description": "工具箱",
   "exports": {
     ".": {
@@ -13,7 +13,7 @@
     "release": "yarn semantic-release",
     "cp": "cp -r -v src/assets dist/assets",
     "rsync": "rsync -av --include='*/' --exclude='*.tsx'  --exclude='demo.tsx' --exclude='*.ts' src/  dist/",
-    "build": "tsc  && rsync -rv --include='*/' --exclude='*.tsx'  --exclude='demo.tsx' --exclude='*.ts' src/  dist/",
+    "build": "tsc --importHelpers  && rsync -rv --include='*/' --exclude='*.tsx'  --exclude='demo.tsx' --exclude='*.ts' src/  dist/",
     "types": "tsc --emitDeclarationOnly --declaration --declarationMap   --declarationDir ./types",
     "dev": "tsc --watch",
     "test:ts": "tsc --noEmit"

package/types/index.d.ts

@@ -1,20 +1,2 @@
-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";
-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, echarts, } from "./components/Echarts/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 };
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAUA,cAAc,0BAA0B,CAAC;AAEzC,OAAO,EACL,GAAG,EACH,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,YAAY,EACZ,WAAW,GACZ,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,MAAM,GACP,MAAM,wDAAwD,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,OAAO,GACR,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAG5E,cAAc,UAAU,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,GAAG,EACH,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,GACZ,MAAM,sBAAsB,CAAC"}

package/dist/components/AnimationModal/AnimationModal.js

@@ -1,151 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-17 15:22:06
- * @LastEditors: shiguo
- * @LastEditTime: 2023-09-27 15:17:15
- * @FilePath: /@aks-dev/easyui/lib/AnimationModal/AnimationModal.tsx
- */
-import * as React from "react";
-import { View, Animated, Easing, PanResponder, StyleSheet, useWindowDimensions, BackHandler, } from "react-native";
-import * as utils from "../../utils/lazy";
-// type State = {
-//     display: 'flex' | 'none';
-// }
-// type StateReducerProps = (state: State, action: Partial<State>) => State
-export const AnimationModal = React.forwardRef((props, ref) => {
-    const { animationType = "from-bottom", mask = false } = props || {};
-    const { height } = useWindowDimensions();
-    // const [state, dispatch] = React.useReducer<StateReducerProps>(
-    //     (state, action) => ({ ...state, ...action }),
-    //     {
-    //         display: 'none'
-    //     })
-    const [display, setDisplay] = useCallbackState("none");
-    const animatedValue = React.useRef(new Animated.Value(0)).current;
-    const timing = (value) => {
-        Animated.timing(animatedValue, {
-            toValue: value,
-            duration: 350,
-            useNativeDriver: true,
-            easing: Easing.ease,
-        }).start(({ finished }) => {
-            /* 动画完成的回调函数 */
-        });
-    };
-    const viewRef = React.useRef(null);
-    const layoutRef = React.useRef({ h0: 0, h1: 0 });
-    const getLayoutPromise = () => {
-        return new Promise((resovle, reject) => {
-            viewRef.current?.measure((...args) => {
-                if (args.length == 6) {
-                    layoutRef.current.h1 = args[3];
-                }
-                resovle(args);
-            });
-        });
-    };
-    const init = React.useCallback(() => ({ show, hide, setData, getData }), []);
-    React.useImperativeHandle(ref, init, []);
-    const dataRef = React.useRef(null);
-    const setData = (data) => {
-        dataRef.current = data;
-        return init();
-    };
-    const getData = () => dataRef.current;
-    const show = () => {
-        setDisplay("flex", async () => {
-            await utils.sleep(50);
-            await getLayoutPromise();
-            timing(-layoutRef.current?.h1);
-        });
-        return init();
-    };
-    const hide = () => {
-        timing(0);
-        setTimeout(() => {
-            setDisplay("none");
-        }, 300);
-        return init();
-    };
-    React.useEffect(() => {
-        let addEventListener = BackHandler.addEventListener("hardwareBackPress", () => {
-            return display == "flex";
-        });
-        return () => {
-            addEventListener.remove();
-        };
-    }, [display]);
-    return (<View style={Object.assign({
-            display: display,
-        }, styles.container, props.style)} {...PanResponder.create({
-        onStartShouldSetPanResponder: (e, gestureState) => {
-            let pageY = e.nativeEvent.pageY;
-            let topY = height - layoutRef.current.h1;
-            if (pageY <= topY && !mask) {
-                return true;
-            }
-            return false;
-        },
-        onPanResponderGrant: (e, gestureState) => {
-            // console.log({e})
-            let pageY = e.nativeEvent.pageY;
-            let topY = height - layoutRef.current.h1;
-            if (pageY <= topY && !mask) {
-                e.stopPropagation();
-                hide();
-            }
-        },
-    }).panHandlers}>
-      <Animated.View style={Object.assign({}, styles.wrapper, {
-            transform: [{ translateY: animatedValue }],
-        })} 
-    // onLayout={e => {
-    //     let target: LayoutRectangle = e.nativeEvent.layout
-    //     layoutRef.current.h1 = target.height
-    // }}
-    ref={viewRef}>
-        {props.children}
-      </Animated.View>
-    </View>);
-});
-const styles = StyleSheet.create({
-    container: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        top: 0,
-        bottom: 0,
-        zIndex: 999,
-        // display: 'flex',
-        flexDirection: "column",
-        backgroundColor: "#00000055",
-        overflow: "hidden",
-    },
-    wrapper: {
-        position: "absolute",
-        display: "flex",
-        flexDirection: "column",
-        // backgroundColor: 'pink',
-        width: "100%",
-        top: "100%",
-    },
-    empty: {
-        flex: 1,
-        position: "relative",
-        //  backgroundColor: 'cyan'
-    },
-});
-const useCallbackState = (od) => {
-    const cbRef = React.useRef(undefined);
-    const [data, setData] = React.useState(od);
-    React.useEffect(() => {
-        cbRef.current && cbRef.current(data);
-    }, [data]);
-    return [
-        data,
-        (d, callback) => {
-            cbRef.current = callback;
-            setData(d);
-        },
-    ];
-};

package/dist/components/Badge/Badge.js

@@ -1,35 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-21 14:40:29
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-08 15:40:21
- * @FilePath: /@aks-dev/easyui/lib/Badge/Badge.tsx
- */
-import React from "react";
-import { View, Text } from "react-native";
-import { px2dp } from "../../screen/px2dp";
-import { px2sp } from "../../screen/px2sp";
-export const Badge = (props) => {
-    if (isNaN(+props.count) || Number(props.count) == 0)
-        return <View />;
-    return (<View style={[
-            {
-                flexGrow: 0,
-                flexShrink: 1,
-                zIndex: 1,
-                // paddingHorizontal: px2dp(0),
-                height: px2dp(16),
-                minWidth: px2dp(16),
-                borderRadius: px2dp(8),
-                justifyContent: "center",
-                alignItems: "center",
-                backgroundColor: "red",
-            },
-            props.style,
-        ]}>
-      <Text style={{ fontSize: px2sp(12), color: "white", textAlign: "center" }}>
-        {" "}
-        {Number(props.count) > 99 ? "+99" : props.count}{" "}
-      </Text>
-    </View>);
-};

package/dist/components/DottedLine/DottedLine.js

@@ -1,50 +0,0 @@
-/*
- * @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";
-export default (props) => {
-    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,
-        }}>
-      {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/dist/components/Echarts/EchartsView.js

@@ -1,151 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-05 14:52:53
- * @LastEditors: shiguo
- * @LastEditTime: 2023-01-03 17:50:43
- * @FilePath: /@aks-dev/easyui/lib/Echarts/EchartsView.tsx
- */
-import * as React from "react";
-import { StyleSheet, View, } from "react-native";
-import { WebView } from "react-native-webview";
-import { getHtml, toString } from "./helper";
-// type Reducer = (prevState: State, action: Partial<State>) => State;
-const EchartsView = (props) => {
-    const [state, dispatch] = React.useReducer((prevState, ...args) => Object.assign({}, prevState, ...args), {
-        width: 0,
-        height: 0,
-        isLoaded: false,
-    });
-    const WebViewRef = React.useRef(null);
-    const containerRef = React.useRef(null);
-    const rootView = React.useRef({ pageX: 0, pageY: 0, width: 0, height: 0 });
-    const getRootViewlayoutPromise = () => {
-        return new Promise((resovle, reject) => {
-            containerRef.current?.measure((...args) => {
-                if (args.length == 6) {
-                    rootView.current = {
-                        width: args[2],
-                        height: args[3],
-                        pageX: args[4],
-                        pageY: args[5],
-                    };
-                }
-                // console.log('RootView', rootView.current)
-                resovle(args);
-            });
-        });
-    };
-    React.useLayoutEffect(() => {
-        (async () => {
-            if (state.isLoaded) {
-                await getRootViewlayoutPromise();
-                let height = rootView.current.height
-                    ? `${rootView.current.height}px`
-                    : "auto";
-                let width = rootView.current.width
-                    ? `${rootView.current.width}px`
-                    : "auto";
-                const run = `
-                ;(function() {
-                    var instance = echarts.getInstanceByDom(document.getElementById('main'));
-                    if(instance == null){
-                        document.getElementById('main').style.height = "${height}";
-                        document.getElementById('main').style.width = "${width}";
-                        instance = echarts.init(document.getElementById('main'));
-                    }
-                    instance.clear();
-                    instance.setOption(${toString(props.option)});
-                })();
-                `;
-                WebViewRef.current?.injectJavaScript(run);
-                return () => {
-                    const run = `
-                    ;(function() {
-                        var instance = echarts.getInstanceByDom(document.getElementById('main'));
-                        instance.clear();
-                        if(!instance.isDisposed()){
-                            instance.dispose();
-                        }
-                    })();
-                    `;
-                    WebViewRef.current?.injectJavaScript(run);
-                };
-            }
-            return undefined;
-        })().catch((err) => {
-            console.log(err);
-        });
-    }, [props.option, state.isLoaded]);
-    // const injectedJavaScript = (): string => {
-    //     console.log('injectedJavaScript', props.option.xAxis.data)
-    //     let height = state.height ? `${state.height}px` : 'auto'
-    //     let width = state.width ? `${state.width}px` : 'auto'
-    //     return `
-    //             ;(function() {
-    //                 document.getElementById('main').style.height = "${height}";
-    //                 document.getElementById('main').style.width = "${width}";
-    //                 var instance = echarts.getInstanceByDom(document.getElementById('main'));
-    //                 if(instance == null){
-    //                      instance = echarts.init(document.getElementById('main'));
-    //                 }
-    //                 instance.clear();
-    //                 instance.setOption(${toString(props.option)});
-    //                 instance.on('click', function(params) {
-    //                     var seen = [];
-    //                     var paramsString = JSON.stringify(params, function(key, val) {
-    //                     if (val != null && typeof val == "object") {
-    //                         if (seen.indexOf(val) >= 0) {
-    //                         return;
-    //                         }
-    //                         seen.push(val);
-    //                     }
-    //                     return val;
-    //                     });
-    //                    // window.ReactNativeWebView.postMessage(JSON.stringify({"types":"ON_PRESS","payload": paramsString}));
-    //                 });
-    //             })();
-    //             `
-    // }
-    return (<View style={[styles.container, props.style]} ref={containerRef}>
-      <WebView ref={WebViewRef} originWhitelist={["*"]} useWebKit={true} // ios使用最新webkit内核渲染
-     allowUniversalAccessFromFileURLs={true} geolocationEnabled={true} mixedContentMode={"always"} renderLoading={() => {
-            if (props.renderLoading)
-                return props.renderLoading();
-            return (<View style={{
-                    backgroundColor: props.style?.backgroundColor || "transparent",
-                }}/>);
-        }} // 设置空View，修复ioswebview闪白
-     style={{
-            backgroundColor: props.style?.backgroundColor || "transparent",
-            opacity: 0.99, //解决闪退的办法
-        }} // 设置背景色透明，修复android闪白
-     scrollEnabled={false} 
-    // onMessage={e=>{
-    //     console.log(e)
-    // }}
-    javaScriptEnabled={true} 
-    // injectedJavaScript={injectedJavaScript()}
-    startInLoadingState={false} onLoadEnd={(_) => {
-            dispatch({ isLoaded: true });
-            // console.log('onLoadEnd')
-        }} onError={(e) => {
-            console.log("onError", e);
-        }} source={{
-            baseUrl: "",
-            html: getHtml({
-                backgroundColor: props.style?.backgroundColor || "transparent",
-            }),
-        }}/>
-    </View>);
-};
-const styles = StyleSheet.create({
-    container: {
-        display: "flex",
-        flexGrow: 0,
-        backgroundColor: "white",
-    },
-});
-export default EchartsView;
-// React.memo(EchartsView)
-import * as echarts from "echarts/core";
-export { echarts };

package/dist/components/Echarts/helper.js

@@ -1,64 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-05 15:56:21
- * @LastEditors: shiguo
- * @LastEditTime: 2023-01-03 17:02:57
- * @FilePath: /@aks-dev/easyui/lib/Echarts/helper.tsx
- */
-export const getHtml = (props) => {
-    return `
-      <!DOCTYPE html>
-        <html>
-    
-        <head>
-          <title>echarts</title>
-          <meta http-equiv="content-type" content="text/html; charset=utf-8">
-          <!-- webView ios适配 start -->
-          <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
-          <!-- webView ios适配 end -->
-          <style type="text/css">
-            html,
-            body {
-              height: 100%;
-              width: 100%;
-              margin: 0;
-              padding: 0;
-              background-color: rgba(0, 0, 0, 0);
-            }
-    
-            #main {
-              height: 100%;
-              background-color: rgba(0, 0, 0, 0);
-            }
-    
-          </style>
-          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.1/echarts.min.js"></script>
-        </head>
-    
-        <body style="background-color:${props.backgroundColor}">
-          <div id="main"></div>
-        </body>
-    
-      </html>
-      `;
-};
-/**
- * https://res.actiiot.com/echarts/5.0.2/echarts.min.js
- *
- * https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.1/echarts.min.js
- */
-export const toString = (obj) => {
-    let result = JSON.stringify(obj, function (key, val) {
-        // 对function进行特殊处理
-        if (typeof val === 'function') {
-            return `~ha~${val}~ha~`;
-        }
-        return val;
-    });
-    // 再进行还原
-    do {
-        result = result.replace('\"~ha~', '').replace('~ha~\"', '').replace(/\\\"/g, "\""); //最后一个replace将release模式中莫名生成的\"转换成"
-    } while (result.indexOf('~ha~') >= 0);
-    return result;
-};
-///.replace(/\\n/g, '')