@lemon-fe/mini-app 0.1.122 → 1.0.1

package/es/components/AppContainer/index.d.ts

@@ -1,11 +1,25 @@
-import { CSSProperties, ReactElement } from 'react';
+import { type CSSProperties, type ReactElement } from 'react';
 import type { NavigationStackScreen } from '../../typings';
 import './index.css';
 interface Props {
+    /**
+     * @description 页面配置
+     */
     pages: NavigationStackScreen[];
+    /**
+     * @description 子节点，根据pages构造的路由页面会作为children传入这个子节点，因此可以用于控制路由页面的渲染时机
+     */
     children?: ReactElement | null;
+    /**
+     * @description 头部样式, 所有route页面都会应用
+     * @default 无
+     */
     headerStyle?: CSSProperties;
+    /**
+     * @description 是否展示右上角胶囊按钮
+     * @default true
+     */
     capsule?: boolean;
 }
-declare function App(props: Props): JSX.Element;
-export default App;
+export default function AppContainer(props: Props): JSX.Element;
+export {};

package/es/components/AppContainer/index.js

@@ -1,16 +1,29 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { cloneElement, useCallback, useEffect, useMemo, useState } from 'react';
 import { TransitionGroup } from 'react-transition-group';
 import { parsePath } from '../../utils/path';
@@ -18,33 +31,37 @@ import { NavigationContext } from '../../context';
 import Screen from '../Screen';
 import { GO_BACK } from '../../constants';
 import { mini } from '../../global';
-import Capsule from '../Capsule';
 import './index.css';
-function App(props) {
+export default function AppContainer(props) {
   var pages = props.pages,
-    children = props.children,
-    headerStyle = props.headerStyle,
-    _props$capsule = props.capsule,
-    capsule = _props$capsule === void 0 ? true : _props$capsule;
+      children = props.children,
+      headerStyle = props.headerStyle,
+      _props$capsule = props.capsule,
+      capsule = _props$capsule === void 0 ? true : _props$capsule;
+
   var _useState = useState({
-      routes: [{
-        route: pages[0]
-      }]
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    routes: [{
+      route: pages[0]
+    }]
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   var navigate = useCallback(function (path, otherParams) {
     setState(function (prev) {
       var routes = prev.routes;
+
       var _parsePath = parsePath(path),
-        pathname = _parsePath.pathname,
-        search = _parsePath.search;
+          pathname = _parsePath.pathname,
+          search = _parsePath.search;
+
       var params = search ? Object.fromEntries(Array.from(new URLSearchParams(search).entries())) : {};
       Object.assign(params, otherParams);
       var routeIndex = routes.findIndex(function (item) {
         return item.route.path === pathname;
       });
+
       if (routeIndex >= 0) {
         var nextRoutes = routes.slice(0, routeIndex + 1);
         nextRoutes[routeIndex] = _objectSpread(_objectSpread({}, routes[routeIndex]), {}, {
@@ -54,33 +71,41 @@ function App(props) {
           routes: nextRoutes
         };
       }
+
       var page = pages.find(function (item) {
         return item.path === pathname;
       });
+
       if (page !== undefined) {
         var _nextRoutes = _toConsumableArray(routes);
+
         _nextRoutes.push({
           route: page,
           params: params
         });
+
         return {
           routes: _nextRoutes
         };
       }
+
       return prev;
     });
   }, []);
   var replace = useCallback(function (path, otherParams) {
     setState(function (prev) {
       var routes = prev.routes;
+
       var _parsePath2 = parsePath(path),
-        pathname = _parsePath2.pathname,
-        search = _parsePath2.search;
+          pathname = _parsePath2.pathname,
+          search = _parsePath2.search;
+
       var params = search ? Object.fromEntries(Array.from(new URLSearchParams(search).entries())) : {};
       Object.assign(params, otherParams);
       var routeIndex = routes.findIndex(function (item) {
         return item.route.path === pathname;
       });
+
       if (routeIndex >= 0) {
         var nextRoutes = routes.slice(0, routeIndex + 1);
         nextRoutes[routeIndex] = _objectSpread(_objectSpread({}, routes[routeIndex]), {}, {
@@ -90,36 +115,42 @@ function App(props) {
           routes: nextRoutes
         };
       }
+
       var page = pages.find(function (item) {
         return item.path === pathname;
       });
+
       if (page !== undefined) {
         var newRoute = {
           route: page,
           params: params
         };
+
         if (routes.length <= 0) {
           return {
             routes: [newRoute]
           };
         }
-        console.log(routes.slice(0, -1).concat(newRoute));
+
         return {
           routes: routes.slice(0, -1).concat(newRoute)
         };
       }
+
       return prev;
     });
   }, []);
   var goBack = useCallback(function () {
     setState(function (prev) {
       var nextRoutes = _toConsumableArray(prev.routes);
+
       if (nextRoutes.length > 1) {
         nextRoutes.pop();
         return _objectSpread(_objectSpread({}, prev), {}, {
           routes: nextRoutes
         });
       }
+
       mini.exit();
       return prev;
     });
@@ -135,7 +166,18 @@ function App(props) {
     mini.setCapsule({
       visible: capsule
     });
-  }, []);
+  }, [capsule]);
+  useEffect(function () {
+    mini.syncRoutes({
+      params: state.routes.map(function (item) {
+        var route = item.route;
+        return {
+          title: route.title,
+          path: route.path
+        };
+      })
+    });
+  }, [state.routes]);
   var ctx = useMemo(function () {
     return {
       navigation: {
@@ -158,6 +200,5 @@ function App(props) {
   }));
   return /*#__PURE__*/React.createElement(NavigationContext.Provider, {
     value: ctx
-  }, children ? /*#__PURE__*/cloneElement(children, {}, screens) : screens, window.ReactNativeWebView === undefined && /*#__PURE__*/React.createElement(Capsule, null));
-}
-export default App;
+  }, children ? /*#__PURE__*/cloneElement(children, {}, screens) : screens);
+}

package/es/components/Portal/index.js

@@ -1,9 +1,15 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { createContext, memo, useContext, useEffect, useMemo, useState } from 'react';
 var Slot = /*#__PURE__*/memo(function Content(props) {
   return props.children;
@@ -22,6 +28,7 @@ var Context = /*#__PURE__*/createContext({
     }
   }
 });
+
 function Subject(initialData) {
   var observers = [];
   var data = initialData;
@@ -42,6 +49,7 @@ function Subject(initialData) {
           var index = observers.findIndex(function (item) {
             return item === observer;
           });
+
           if (index >= 0) {
             observers.splice(index, 1);
           }
@@ -50,12 +58,15 @@ function Subject(initialData) {
     }
   };
 }
+
 function PortalHost(props) {
   var children = props.children;
+
   var _useState = useState(new Map()),
-    _useState2 = _slicedToArray(_useState, 2),
-    nodes = _useState2[0],
-    setNodes = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      nodes = _useState2[0],
+      setNodes = _useState2[1];
+
   var observable = useMemo(function () {
     return Subject(nodes);
   }, []);
@@ -85,28 +96,34 @@ function PortalHost(props) {
     value: portal
   }, /*#__PURE__*/React.createElement(Slot, null, children));
 }
+
 function PortalSlot(props) {
   var slot = props.slot;
+
   var _useContext = useContext(Context),
-    observable = _useContext.observable;
+      observable = _useContext.observable;
+
   var _useState3 = useState(observable.get().get(slot) || null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    node = _useState4[0],
-    setNode = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      node = _useState4[0],
+      setNode = _useState4[1];
+
   useEffect(function () {
     var _observable$subscribe = observable.subscribe({
-        next: function next(state) {
-          setNode(state.get(slot) || null);
-        }
-      }),
-      unsubscribe = _observable$subscribe.unsubscribe;
+      next: function next(state) {
+        setNode(state.get(slot) || null);
+      }
+    }),
+        unsubscribe = _observable$subscribe.unsubscribe;
+
     return unsubscribe;
   }, [slot]);
   return node;
 }
+
 function Portal(props) {
   var slot = props.slot,
-    children = props.children;
+      children = props.children;
   var portal = useContext(Context);
   useEffect(function () {
     return function () {
@@ -118,6 +135,7 @@ function Portal(props) {
   }, [slot, children]);
   return null;
 }
+
 Portal.Host = PortalHost;
 Portal.Slot = PortalSlot;
 export default Portal;

package/es/components/Screen/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { NavigationStackScreen } from '../../typings';
 import './index.css';
 interface Props {

package/es/components/Screen/index.js

@@ -1,23 +1,32 @@
 var _excluded = ["params", "route", "focused"];
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import React, { createElement, forwardRef, memo, useContext, useMemo, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { NavigationContext, ScreenContext } from '../../context';
 import { mini } from '../../global';
 import './index.css';
 import Portal from '../Portal';
+
 function Content(props, ref) {
   var route = props.route;
   var statusBarHeight = useMemo(function () {
     return mini.getSystemInfoSync().statusBarHeight;
   }, []);
+
   var _useContext = useContext(NavigationContext),
-    navigation = _useContext.navigation,
-    headerStyle = _useContext.headerStyle;
+      navigation = _useContext.navigation,
+      headerStyle = _useContext.headerStyle;
+
   var node = useMemo(function () {
     return /*#__PURE__*/createElement(route.screen);
   }, [route.screen]);
@@ -55,12 +64,14 @@ function Content(props, ref) {
     className: "lemon-route-body"
   }, node)));
 }
+
 var MemoizedContent = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Content));
 export default function Screen(props) {
   var params = props.params,
-    route = props.route,
-    focused = props.focused,
-    restProps = _objectWithoutProperties(props, _excluded);
+      route = props.route,
+      focused = props.focused,
+      restProps = _objectWithoutProperties(props, _excluded);
+
   var ref = useRef(null);
   var ctx = useMemo(function () {
     return {

package/es/constants/index.d.ts

@@ -11,3 +11,4 @@ export declare const GET_ACCESS_TOKEN = "GET_ACCESS_TOKEN";
 export declare const CHECK_ACCESS_TOKEN = "CHECK_ACCESS_TOKEN";
 export declare const SET_CAPSULE = "SET_CAPSULE";
 export declare const SET_EXTRA_PAYLOAD = "SET_EXTRA_PAYLOAD";
+export declare const SYNC_ROUTES = "SYNC_ROUTES";

package/es/constants/index.js

@@ -2,8 +2,8 @@ export var GO_BACK = 'GO_BACK';
 export var METHOD = 'METHOD';
 export var METHOD_CALLBACK = 'METHOD_CALLBACK';
 export var INIT_IFRAME = 'INIT_IFRAME';
-export var LEMON_APP_EXTRA_PAYLOAD = 'LEMON_APP_EXTRA_PAYLOAD';
-// methods
+export var LEMON_APP_EXTRA_PAYLOAD = 'LEMON_APP_EXTRA_PAYLOAD'; // methods
+
 export var SCAN_CODE = 'SCAN_CODE';
 export var EXIT = 'EXIT';
 export var SET_STATUS_BAR_STYLE = 'SET_STATUS_BAR_STYLE';
@@ -11,4 +11,5 @@ export var GET_USER_INFO = 'GET_USER_INFO';
 export var GET_ACCESS_TOKEN = 'GET_ACCESS_TOKEN';
 export var CHECK_ACCESS_TOKEN = 'CHECK_ACCESS_TOKEN';
 export var SET_CAPSULE = 'SET_CAPSULE';
-export var SET_EXTRA_PAYLOAD = 'SET_EXTRA_PAYLOAD';
+export var SET_EXTRA_PAYLOAD = 'SET_EXTRA_PAYLOAD';
+export var SYNC_ROUTES = 'SYNC_ROUTES';

package/es/global.d.ts

@@ -1,14 +1,13 @@
 import type { UserInfo } from './typings';
 declare global {
     interface Window {
-        mini?: typeof mini;
+        mini?: Partial<typeof bridge>;
         ReactNativeWebView?: {
             postMessage: (e: string) => void;
         };
     }
 }
-export declare const mini: {
-    loaded: boolean;
+declare const bridge: {
     getSystemInfoSync(): {
         statusBarHeight: number;
         pixelRatio: number;
@@ -51,12 +50,80 @@ export declare const mini: {
         visible: boolean;
     }): void;
     /**
-     * 监听扫码事件，常用于effect中， 并且effec重新执行需要销毁上一次注册的监听器
+     * @description 监听扫码事件，常用于effect中， 并且effec重新执行需要销毁上一次注册的监听器
      * @param opts
      * @returns 监听器销毁函数
      */
     listenScanCode(opts: {
         success: (value: string) => void;
     }): () => void;
+    /**
+     * @decription 与APP同步路由，支持APP左滑回退
+     * @param opts
+     */
+    syncRoutes(opts: {
+        params: {
+            title: string;
+            path: string;
+        }[];
+    }): void;
+};
+export declare const mini: {
+    getSystemInfoSync: () => {
+        statusBarHeight: number;
+        pixelRatio: number;
+        safeArea: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    getExtraPayload: () => any;
+    methodRegister: (name: string, opts?: {
+        success?: ((value: any) => void) | undefined;
+        fail?: ((err: Error) => void) | undefined;
+        params?: any;
+    }) => void;
+    methodSuccess: (id: number, value: unknown) => void;
+    methodFail: (id: number, err: Error) => void;
+    addListener: (cb: (e: string, value?: string) => void) => () => void;
+    postMessage: (e: string, value?: string) => void;
+    scanCode: (opts: {
+        success: (value: string) => void;
+    }) => void;
+    exit: () => void;
+    setStatusBarStyle: (opts: {
+        success?: () => void;
+        params: 'default' | 'light-content' | 'dark-content';
+    }) => void;
+    getUserInfo: (opts: {
+        success?: ((user: UserInfo) => void) | undefined;
+    }) => void;
+    getAccessToken: (opts: {
+        success?: ((token: string | null) => void) | undefined;
+    }) => void;
+    checkAccessToken: (opts: {
+        success?: ((token: string | null) => void) | undefined;
+        fail?: ((err: Error) => void) | undefined;
+    }) => void;
+    setCapsule: (opts: {
+        visible: boolean;
+    }) => void;
+    listenScanCode: (opts: {
+        success: (value: string) => void;
+    }) => () => void;
+    syncRoutes: (opts: {
+        params: {
+            title: string;
+            path: string;
+        }[];
+    }) => void;
+    loaded: boolean;
 };
+/**
+ * deprecated
+ * @param render () => void
+ */
 export declare function createApp(render: () => void): void;
+export {};

package/es/global.js

@@ -1,10 +1,15 @@
-import { CHECK_ACCESS_TOKEN, EXIT, GET_ACCESS_TOKEN, GET_USER_INFO, INIT_IFRAME, LEMON_APP_EXTRA_PAYLOAD, METHOD, METHOD_CALLBACK, SCAN_CODE, SET_CAPSULE, SET_EXTRA_PAYLOAD, SET_STATUS_BAR_STYLE } from './constants';
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { CHECK_ACCESS_TOKEN, EXIT, GET_ACCESS_TOKEN, GET_USER_INFO, INIT_IFRAME, LEMON_APP_EXTRA_PAYLOAD, METHOD, METHOD_CALLBACK, SCAN_CODE, SET_CAPSULE, SET_EXTRA_PAYLOAD, SET_STATUS_BAR_STYLE, SYNC_ROUTES } from './constants';
+var whiteList = ['localhost', 'csp.nhsoft.cn', '127.0.0.1'];
 var methods = {};
 var listeners = [];
 var methodID = 0;
-var whiteList = ['localhost', 'csp.nhsoft.cn', '127.0.0.1'];
-export var mini = {
-  loaded: false,
+var bridge = {
   getSystemInfoSync: function getSystemInfoSync() {
     return {
       statusBarHeight: 0,
@@ -22,6 +27,7 @@ export var mini = {
   },
   methodRegister: function methodRegister(name) {
     var _window$ReactNativeWe;
+
     var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     methods[methodID] = {
       success: opts.success,
@@ -35,6 +41,7 @@ export var mini = {
         params: opts.params
       }
     }));
+
     if (methodID >= Number.MAX_SAFE_INTEGER) {
       methodID = 0;
     } else {
@@ -43,19 +50,23 @@ export var mini = {
   },
   methodSuccess: function methodSuccess(id, value) {
     var method = methods[id];
+
     if (method !== undefined) {
       if (method.success !== undefined) {
         method.success(value);
       }
+
       delete methods[id];
     }
   },
   methodFail: function methodFail(id, err) {
     var method = methods[id];
+
     if (method !== undefined) {
       if (method.fail !== undefined) {
         method.fail(err);
       }
+
       delete methods[id];
     }
   },
@@ -73,43 +84,64 @@ export var mini = {
     });
   },
   scanCode: function scanCode(opts) {
-    mini.methodRegister(SCAN_CODE, opts);
+    bridge.methodRegister(SCAN_CODE, opts);
   },
   exit: function exit() {
-    mini.methodRegister(EXIT);
+    bridge.methodRegister(EXIT);
   },
   setStatusBarStyle: function setStatusBarStyle(opts) {
-    mini.methodRegister(SET_STATUS_BAR_STYLE, opts);
+    bridge.methodRegister(SET_STATUS_BAR_STYLE, opts);
   },
   getUserInfo: function getUserInfo(opts) {
-    mini.methodRegister(GET_USER_INFO, opts);
+    bridge.methodRegister(GET_USER_INFO, opts);
   },
   getAccessToken: function getAccessToken(opts) {
-    mini.methodRegister(GET_ACCESS_TOKEN, opts);
+    bridge.methodRegister(GET_ACCESS_TOKEN, opts);
   },
   checkAccessToken: function checkAccessToken(opts) {
-    mini.methodRegister(CHECK_ACCESS_TOKEN, opts);
+    bridge.methodRegister(CHECK_ACCESS_TOKEN, opts);
   },
   setCapsule: function setCapsule(opts) {
-    mini.methodRegister(SET_CAPSULE, {
+    bridge.methodRegister(SET_CAPSULE, {
       params: opts
     });
   },
+
   /**
-   * 监听扫码事件，常用于effect中， 并且effec重新执行需要销毁上一次注册的监听器
+   * @description 监听扫码事件，常用于effect中， 并且effec重新执行需要销毁上一次注册的监听器
    * @param opts
    * @returns 监听器销毁函数
-   */listenScanCode: function listenScanCode(opts) {
-    return mini.addListener(function (e, value) {
+   */
+  listenScanCode: function listenScanCode(opts) {
+    return bridge.addListener(function (e, value) {
       if (e === SCAN_CODE && value) {
         opts.success(value);
       }
     });
+  },
+
+  /**
+   * @decription 与APP同步路由，支持APP左滑回退
+   * @param opts
+   */
+  syncRoutes: function syncRoutes(opts) {
+    bridge.methodRegister(SYNC_ROUTES, {
+      params: opts
+    });
   }
 };
+export var mini = _objectSpread(_objectSpread({
+  loaded: false
+}, bridge), window.mini);
+/**
+ * deprecated
+ * 兼容代码， TODO: 移除
+ */
+
 window.mini = mini;
 window.addEventListener('message', function (evt) {
   var result = /^(([^:\/\s]+):\/?\/?([^\/\s@]*@)?([^\/@:]*)?:?(\d+)?)?(\/[^?]*)?(\?([^#]*))?(#[\s\S]*)?$/.exec(evt.origin);
+
   if (result !== null && whiteList.includes(result[4])) {
     if (evt.data === INIT_IFRAME) {
       window.ReactNativeWebView = {
@@ -120,12 +152,14 @@ window.addEventListener('message', function (evt) {
       mini.loaded = true;
       var nodeList = document.getElementsByTagName('link');
       var favicon = undefined;
+
       for (var i = 0; i < nodeList.length; i++) {
         if (nodeList[i].getAttribute('rel') == 'icon' || nodeList[i].getAttribute('rel') == 'shortcut icon') {
           favicon = nodeList[i].getAttribute('href');
           break;
         }
       }
+
       window.parent.postMessage(JSON.stringify({
         type: INIT_IFRAME,
         target: {
@@ -135,24 +169,34 @@ window.addEventListener('message', function (evt) {
       }), '*');
     } else {
       var action = evt.data;
+
       switch (action.type) {
         case SET_EXTRA_PAYLOAD:
           window.localStorage.setItem(LEMON_APP_EXTRA_PAYLOAD, JSON.stringify(action.payload));
           break;
+
         case METHOD_CALLBACK:
           var msg = action.payload;
+
           if (msg.type === 'success') {
             mini.methodSuccess(msg.id, msg.data);
           } else {
             mini.methodFail(msg.id, new Error(msg.data));
           }
+
         default:
       }
     }
   }
 }, false);
+/**
+ * deprecated
+ * @param render () => void
+ */
+
 export function createApp(render) {
   var count = 0;
+
   var check = function check() {
     if (mini.loaded || count >= 10) {
       render();
@@ -161,5 +205,6 @@ export function createApp(render) {
       setTimeout(check, 100);
     }
   };
+
   check();
 }

package/es/utils/path.d.ts

@@ -1,3 +1,3 @@
 import type { Path } from '../typings';
-export declare function createPath({ pathname, search, hash }: Partial<Path>): string;
-export declare function parsePath(path: string): Partial<Path>;
+export declare function createPath({ pathname: mPathname, search, hash }: Partial<Path>): string;
+export declare function parsePath(mPath: string): Partial<Path>;

package/es/utils/path.js

@@ -1,30 +1,38 @@
 export function createPath(_ref) {
   var _ref$pathname = _ref.pathname,
-    pathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
-    _ref$search = _ref.search,
-    search = _ref$search === void 0 ? '' : _ref$search,
-    _ref$hash = _ref.hash,
-    hash = _ref$hash === void 0 ? '' : _ref$hash;
+      mPathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
+      _ref$search = _ref.search,
+      search = _ref$search === void 0 ? '' : _ref$search,
+      _ref$hash = _ref.hash,
+      hash = _ref$hash === void 0 ? '' : _ref$hash;
+  var pathname = mPathname;
   if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search;
   if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash;
   return pathname;
 }
-export function parsePath(path) {
+export function parsePath(mPath) {
+  var path = mPath;
   var parsedPath = {};
+
   if (path) {
     var hashIndex = path.indexOf('#');
+
     if (hashIndex >= 0) {
       parsedPath.hash = path.substr(hashIndex);
       path = path.substr(0, hashIndex);
     }
+
     var searchIndex = path.indexOf('?');
+
     if (searchIndex >= 0) {
       parsedPath.search = path.substr(searchIndex);
       path = path.substr(0, searchIndex);
     }
+
     if (path) {
       parsedPath.pathname = path;
     }
   }
+
   return parsedPath;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/mini-app",
-  "version": "0.1.122",
+  "version": "1.0.1",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -15,10 +15,6 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "repository": {
-    "type": "git",
-    "url": "git@gitlab.nhsoft.cn:lemon-fe/kits-next.git"
-  },
   "scripts": {
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
@@ -35,5 +31,5 @@
     "react": "^17.0.2",
     "react-dom": "17.0.2"
   },
-  "gitHead": "c06d24110423eabd6a1c08e69b5bebcb339e709c"
+  "gitHead": "12bd13957554deb93f49f194a008b0d0207fa251"
 }

package/es/components/Capsule/index.css

@@ -1,21 +0,0 @@
-.lemon-capsule {
-  position: fixed;
-  right: 15px;
-  bottom: 15px;
-  height: 30px;
-  background-color: rgba(255, 255, 255, 0.6);
-  border: 1px solid rgba(151, 151, 151, 0.2);
-  border-radius: 15px;
-}
-
-.lemon-capsule-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 44px;
-  height: 100%;
-}
-
-.lemon-capsule-item:active {
-  opacity: 0.5;
-}

package/es/components/Capsule/index.d.ts

@@ -1,2 +0,0 @@
-import './index.css';
-export default function Capsule(): JSX.Element;

package/es/components/Capsule/index.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import './index.css';
-export default function Capsule() {
-  var generateCode = function generateCode() {
-    var url = "nhsoft://external-apps?url=".concat(encodeURIComponent(window.location.href));
-    window.alert("".concat(url, "\uFF0C\u8BF7\u590D\u5236\u5E76\u751F\u6210\u4E8C\u7EF4\u7801\u901A\u8FC7APP\u626B\u63CF"));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lemon-capsule",
-    onClick: generateCode
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lemon-capsule-item",
-    tabIndex: 0
-  }, /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 1024 1024",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "4228",
-    width: "24",
-    height: "24",
-    fill: "#333"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M152.075264 123.511808c101.716992 0 203.435008 0 305.152 0 31.031296 3.073024 23.552 57.696256 23.552 93.184 0 63.742976 0 105.755648 0 168.96 0 36.721664 6.915072 81.729536-17.408 92.16-15.840256 6.793216-58.351616 2.048-78.848 2.048-56.271872 0-102.012928 0-161.792 0-37.400576 0-88.469504 8.927232-94.208-23.552 0-103.083008 0-206.164992 0-309.248C132.70528 135.544832 140.061696 127.200256 152.075264 123.511808zM194.059264 193.143808c0 73.387008 0 146.772992 0 220.16 73.387008 0 146.772992 0 220.16 0 0-74.411008 0-148.820992 0-223.232-73.044992 0-146.091008 0-219.136 0C193.890304 190.24384 193.9712 191.690752 194.059264 193.143808z",
-    "p-id": "4229"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M561.675264 123.511808c101.716992 0 203.435008 0 305.152 0 12.447744 4.61824 21.001216 13.1328 23.552 27.648 0 100.352 0 200.705024 0 301.056-2.792448 12.510208-9.324544 23.196672-21.504 26.624-19.904512 5.600256-52.977664 1.024-76.8 1.024-56.127488 0-102.14912 0-156.672 0-23.626752 0-58.642432 4.97664-77.824-1.024-27.077632-8.471552-19.456-61.329408-19.456-98.304 0-49.115136 0-106.445824 0-157.696C538.123264 180.148224 528.75264 129.476608 561.675264 123.511808zM603.659264 193.143808c0 73.387008 0 146.772992 0 220.16 73.387008 0 146.772992 0 220.16 0 0-74.411008 0-148.820992 0-223.232-73.044992 0-146.091008 0-219.136 0C603.490304 190.24384 603.5712 191.690752 603.659264 193.143808z",
-    "p-id": "4230"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M294.411264 257.655808c30.661632-5.786624 54.774784 14.930944 55.296 43.008 0.687104 37.025792-37.129216 57.365504-66.56 41.984C249.47712 325.050368 251.693056 265.71776 294.411264 257.655808z",
-    "p-id": "4231"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M704.011264 257.655808c72.223744-13.493248 70.839296 100.886528 0 89.088C658.929664 339.23584 657.47456 266.350592 704.011264 257.655808z",
-    "p-id": "4232"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M455.179264 895.607808c-100.692992 0-201.385984 0-302.08 0-12.540928-3.843072-21.01248-11.75552-24.576-24.576 0-102.740992 0-205.483008 0-308.224 2.982912-9.019392 9.868288-19.542016 20.48-22.528 20.0448-5.640192 52.7872-1.024 76.8-1.024 55.189504 0 105.184256 0 156.672 0 23.154688 0 56.85248-5.168128 77.824 1.024 28.371968 8.37632 20.48 60.376064 20.48 97.28 0 56.7296 0 105.121792 0 162.816C480.779264 840.206336 489.356288 892.051456 455.179264 895.607808zM194.059264 608.887808c0 73.388032 0 146.772992 0 220.16 73.387008 0 146.772992 0 220.16 0 0-74.411008 0-148.820992 0-223.232-73.044992 0-146.091008 0-219.136 0C193.890304 605.98784 193.9712 607.434752 194.059264 608.887808z",
-    "p-id": "4233"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M890.379264 566.903808c0 28.672 0 57.344 0 86.016-2.388992 29.014016-0.342016 62.462976-1.024 93.184-72.704 0-145.408 0-218.112 0 0-16.724992 0-33.451008 0-50.176-20.481024-2.387968-45.395968-0.342016-67.584-1.024-2.388992 64.854016-0.340992 134.142976-1.024 200.704-13.312 0-26.624 0-39.936 0-34.337792-6.882304-24.576-58.407936-24.576-99.328 0-57.078784 0-104.042496 0-158.72 0-23.865344-4.830208-59.64288 1.024-78.848 6.984704-22.913024 37.274624-19.456 67.584-19.456 51.24096 0 96.891904 0 148.48 0 0 45.396992 0 90.795008 0 136.192 22.868992 0 45.739008 0 68.608 0 0.681984-45.056-1.364992-92.841984 1.024-136.192C857.858048 537.302016 888.439808 537.783296 890.379264 566.903808z",
-    "p-id": "4234"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M299.531264 672.375808c32.740352-3.623936 59.804672 27.841536 47.104 62.464-17.604608 47.98976-101.778432 29.953024-86.016-30.72C264.976384 687.348736 277.561344 674.807808 299.531264 672.375808z",
-    "p-id": "4235"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M744.971264 895.607808c-24.576 0-49.152 0-73.728 0 0.681984-26.284032-1.363968-55.294976 1.024-79.872 24.235008 0 48.468992 0 72.704 0C744.971264 842.359808 744.971264 868.983808 744.971264 895.607808z",
-    "p-id": "4236"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M890.379264 815.735808c0 17.408 0 34.816 0 52.224-2.84672 14.56128-11.36128 23.45472-24.576 27.648-17.408 0-34.816 0-52.224 0 0.681984-26.284032-1.363968-55.294976 1.024-79.872C839.862272 815.735808 865.120256 815.735808 890.379264 815.735808z",
-    "p-id": "4237"
-  }))));
-}