@lemon-fe/mini-app 0.1.103 → 1.0.0

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement } from 'react';
+import { type CSSProperties, type ReactElement } from 'react';
 import type { NavigationStackScreen } from '../../typings';
 import './index.css';
 interface Props {

package/es/components/AppContainer/index.js

@@ -31,7 +31,6 @@ 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) {
@@ -134,7 +133,6 @@ function App(props) {
           };
         }
 
-        console.log(routes.slice(0, -1).concat(newRoute));
         return {
           routes: routes.slice(0, -1).concat(newRoute)
         };
@@ -169,7 +167,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: {
@@ -192,7 +201,7 @@ 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));
+  }, children ? /*#__PURE__*/cloneElement(children, {}, screens) : screens);
 }
 
 export default App;

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/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

@@ -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/context/index.d.ts

@@ -1,9 +1,9 @@
 import type { CSSProperties } from 'react';
 export declare const NavigationContext: import("react").Context<{
     navigation: {
-        navigate: (path: string, params?: Record<string, any> | undefined) => void;
+        navigate: (path: string, params?: Record<string, any>) => void;
         goBack: () => void;
-        replace: (path: string, params?: Record<string, any> | undefined) => void;
+        replace: (path: string, params?: Record<string, any>) => void;
     };
     headerStyle?: CSSProperties | undefined;
 }>;

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;
@@ -27,8 +26,8 @@ export declare const mini: {
     }): void;
     methodSuccess(id: number, value: unknown): void;
     methodFail(id: number, err: Error): void;
-    addListener(cb: (e: string, value?: string | undefined) => void): () => void;
-    postMessage(e: string, value?: string | undefined): void;
+    addListener(cb: (e: string, value?: string) => void): () => void;
+    postMessage(e: string, value?: string): void;
     scanCode(opts: {
         success: (value: string) => void;
     }): void;
@@ -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,
@@ -79,42 +84,60 @@ 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) {
+    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);
@@ -166,6 +189,11 @@ window.addEventListener('message', function (evt) {
     }
   }
 }, false);
+/**
+ * deprecated
+ * @param render () => void
+ */
+
 export function createApp(render) {
   var count = 0;
 

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,15 +1,17 @@
 export function createPath(_ref) {
   var _ref$pathname = _ref.pathname,
-      pathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
+      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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/mini-app",
-  "version": "0.1.103",
+  "version": "1.0.0",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -15,13 +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"
-  },
   "dependencies": {
     "color-string": "^1.9.0",
     "react-transition-group": "^4.4.5"
@@ -35,5 +28,7 @@
     "react": "^17.0.2",
     "react-dom": "17.0.2"
   },
-  "gitHead": "b9730ec895f4fc20b1ff2ed94a4b974f2b62a49b"
-}
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  }
+}

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,51 +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"
-  }))));
-}