@lemon-fe/mini-app 0.1.26 → 0.1.31

package/es/components/AppContainer/index.css

@@ -11,10 +11,14 @@
 
 .lemon-transition-enter-active {
   transform: translate3d(0, 0, 0);
-  box-shadow: 0 0 20px #eee;
+  transition: transform 300ms;
 }
 
 .lemon-transition-exit {
+  transform: translate3d(0, 0, 0);
+}
+
+.lemon-transition-exit-active {
   transform: translate3d(100%, 0, 0);
-  box-shadow: 0 0 20px #eee;
+  transition: transform 300ms;
 }

package/es/components/AppContainer/index.js

@@ -25,12 +25,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { cloneElement, useCallback, useEffect, useMemo, useState } from 'react';
-import { CSSTransition, TransitionGroup } from 'react-transition-group';
+import { TransitionGroup } from 'react-transition-group';
 import { parsePath } from '../../utils/path';
 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) {
@@ -125,19 +126,16 @@ function App(props) {
   var screens = /*#__PURE__*/React.createElement(TransitionGroup, {
     className: "lemon-routes"
   }, state.routes.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(CSSTransition, {
+    return /*#__PURE__*/React.createElement(Screen, {
       key: item.route.path,
-      timeout: 300,
-      classNames: "lemon-transition"
-    }, /*#__PURE__*/React.createElement(Screen, {
       route: item.route,
       params: item.params,
       index: index
-    }));
+    });
   }));
   return /*#__PURE__*/React.createElement(NavigationContext.Provider, {
     value: ctx
-  }, children ? /*#__PURE__*/cloneElement(children, {}, screens) : screens);
+  }, children ? /*#__PURE__*/cloneElement(children, {}, screens) : screens, window.ReactNativeWebView === undefined && /*#__PURE__*/React.createElement(Capsule, null));
 }
 
 export default App;

package/es/components/Capsule/index.css

@@ -0,0 +1,21 @@
+.lemon-capsule {
+  position: fixed;
+  top: calc(env(safe-area-inset-top) + 7px);
+  right: 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

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

package/es/components/Capsule/index.js

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

package/es/components/Screen/index.css

@@ -8,7 +8,6 @@
   flex-direction: column;
   color: #333;
   background-color: #fff;
-  transition: transform 300ms;
 }
 
 .lemon-route-header {

package/es/components/Screen/index.js

@@ -1,10 +1,17 @@
+var _excluded = ["route", "params", "index"];
+
 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, memo, useContext, useMemo } from 'react';
+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; }
+
+import React, { createElement, memo, useContext, useMemo, useRef } from 'react';
+import { CSSTransition } from 'react-transition-group';
 import { NavigationContext, ScreenContext } from '../../context';
 import { mini } from '../../global';
 import './index.css';
@@ -12,7 +19,9 @@ import './index.css';
 function Screen(props) {
   var route = props.route,
       params = props.params,
-      index = props.index;
+      index = props.index,
+      restProps = _objectWithoutProperties(props, _excluded);
+
   var ctx = useMemo(function () {
     return {
       params: params
@@ -26,10 +35,15 @@ function Screen(props) {
       navigation = _useContext.navigation,
       headerStyle = _useContext.headerStyle;
 
-  return /*#__PURE__*/React.createElement(ScreenContext.Provider, {
+  var ref = useRef(null);
+  return /*#__PURE__*/React.createElement(CSSTransition, _objectSpread({
+    timeout: 300,
+    classNames: "lemon-transition"
+  }, restProps), /*#__PURE__*/React.createElement(ScreenContext.Provider, {
     value: ctx
   }, /*#__PURE__*/React.createElement("div", {
-    className: "lemon-route"
+    className: "lemon-route",
+    ref: ref
   }, /*#__PURE__*/React.createElement("div", {
     className: "lemon-route-header",
     style: _objectSpread(_objectSpread({
@@ -55,7 +69,7 @@ function Screen(props) {
     className: "lemon-route-header-center"
   }, route.title))), /*#__PURE__*/React.createElement("div", {
     className: "lemon-route-body"
-  }, /*#__PURE__*/createElement(route.screen))));
+  }, /*#__PURE__*/createElement(route.screen)))));
 }
 
 export default /*#__PURE__*/memo(Screen);

package/es/global.d.ts

@@ -1,3 +1,4 @@
+import { UserInfo } from './typings';
 interface Mini {
     getSystemInfoSync(): {
         statusBarHeight: number;
@@ -19,6 +20,9 @@ interface Mini {
         params: 'default' | 'light-content' | 'dark-content';
     }): void;
     exit(): void;
+    getUserInfo(opt: {
+        success?: (user: UserInfo) => void;
+    }): void;
 }
 declare global {
     interface Window {

package/es/global.js

@@ -15,7 +15,8 @@ export var mini = {
   getExtraPayload: function getExtraPayload() {},
   scanCode: function scanCode() {},
   exit: function exit() {},
-  setStatusBarStyle: function setStatusBarStyle() {}
+  setStatusBarStyle: function setStatusBarStyle() {},
+  getUserInfo: function getUserInfo() {}
 };
 export function createApp(render) {
   var count = 0;

package/es/index.d.ts

@@ -1,4 +1,4 @@
 export * from './global';
 export { AppContainer } from './components';
 export * from './hooks';
-export type { NavigationStackScreen, Path } from './typings';
+export type { NavigationStackScreen, Path, UserInfo } from './typings';

package/es/typings.d.ts

@@ -12,3 +12,10 @@ export interface Path {
   search: string;
   hash: string;
 }
+
+export interface UserInfo {
+  id: number;
+  companyId: number;
+  roleNames: string[];
+  branchIds: number[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/mini-app",
-  "version": "0.1.26",
+  "version": "0.1.31",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -34,5 +34,5 @@
     "@types/react-transition-group": "^4.4.4",
     "color-string": "^1.9.0"
   },
-  "gitHead": "14dc8a92689ded718e70523282c3979784044154"
+  "gitHead": "1ac5e09139b34294d3b5fb044b6143203ff44152"
 }