@nocobase/plugin-mobile-client 0.10.0-alpha.2

package/lib/client/router/Application.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+var _InterfaceProvider = require("./InterfaceProvider");
+var _core = require("../core");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const commonCSSVariables = (0, _css().css)`
+  --nb-spacing: 14px;
+`;
+const commonCSSOverride = (0, _css().css)``;
+const commonDesignerCSS = (0, _css().css)`
+  --nb-designer-top: 2px;
+  --nb-designer-right: 2px;
+  .nb-sortable-designer:hover {
+    position: relative;
+    > .general-schema-designer {
+      display: block;
+    }
+  }
+  .general-schema-designer {
+    position: absolute;
+    z-index: 999;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: none;
+    border: 0;
+    pointer-events: none;
+    > .general-schema-designer-icons {
+      position: absolute;
+      top: var(--nb-designer-top);
+      right: var(--nb-designer-right);
+      line-height: 16px;
+      pointer-events: all;
+      .ant-space-item {
+        background-color: #f18b62;
+        color: #fff;
+        line-height: 16px;
+        width: 16px;
+        padding-left: 1px;
+      }
+    }
+  }
+`;
+const drawerProps = {
+  getContainer: '.nb-mobile-application',
+  width: '90%',
+  style: {
+    position: 'absolute'
+  }
+};
+const modalProps = _objectSpread(_objectSpread({}, drawerProps), {}, {
+  style: {
+    maxWidth: 'calc(100% - 16px)'
+  },
+  maskStyle: {
+    position: 'absolute'
+  },
+  wrapClassName: (0, _css().css)`
+    position: absolute;
+  `
+});
+const MApplication = props => {
+  const route = (0, _client().useRoute)();
+  const params = (0, _reactRouterDom().useParams)();
+  const interfaceContext = (0, _InterfaceProvider.useInterfaceContext)();
+  const Provider = (0, _react().useMemo)(() => {
+    return interfaceContext ? _react().default.Fragment : _client().AdminProvider;
+  }, [interfaceContext]);
+  (0, _client().useViewport)();
+  return _react().default.createElement(Provider, null, _react().default.createElement(_core.MobileCore, null, _react().default.createElement(_client().ActionContextProvider, {
+    modalProps: modalProps,
+    drawerProps: drawerProps
+  }, _react().default.createElement("div", {
+    className: (0, _css().cx)('nb-mobile-application', commonDesignerCSS, commonCSSVariables, commonCSSOverride, (0, _css().css)`
+                display: flex;
+                flex-direction: column;
+                width: 100%;
+                height: 100%;
+                position: relative;
+                overflow: hidden;
+              `)
+  }, params.name && !params.name.startsWith('tab_') ? _react().default.createElement(_reactRouterDom().Outlet, null) : _react().default.createElement(_client().RemoteSchemaComponent, {
+    key: route.uiSchemaUid,
+    uid: route.uiSchemaUid
+  }, props.children), _react().default.createElement("div", {
+    id: "nb-position-container"
+  })))));
+};
+var _default = MApplication;
+exports.default = _default;

package/lib/client/router/InterfaceProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const InterfaceContext: React.Context<any>;
+export declare const InterfaceProvider: (props: any) => React.JSX.Element;
+export declare const useInterfaceContext: () => any;

package/lib/client/router/InterfaceProvider.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInterfaceContext = exports.InterfaceProvider = exports.InterfaceContext = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const InterfaceContext = _react().default.createContext(null);
+exports.InterfaceContext = InterfaceContext;
+const InterfaceProvider = props => {
+  return _react().default.createElement(InterfaceContext.Provider, {
+    value: {
+      interface: true
+    }
+  }, props.children);
+};
+exports.InterfaceProvider = InterfaceProvider;
+const useInterfaceContext = () => {
+  return (0, _react().useContext)(InterfaceContext);
+};
+exports.useInterfaceContext = useInterfaceContext;

package/lib/client/router/InterfaceRouter.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface InterfaceRouterProps {
+    [key: string]: any;
+}
+export declare const InterfaceRouter: React.FC<InterfaceRouterProps>;
+export {};

package/lib/client/router/InterfaceRouter.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InterfaceRouter = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+  return data;
+}
+var _InterfaceProvider = require("./InterfaceProvider");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function RouteCleaner(props) {
+  return _react().default.createElement(_reactRouterDom().UNSAFE_RouteContext.Provider, {
+    value: {
+      outlet: null,
+      matches: [],
+      isDataRoute: false
+    }
+  }, _react().default.createElement(_reactRouterDom().UNSAFE_LocationContext.Provider, {
+    value: null
+  }, props.children));
+}
+const InterfaceRouter = props => {
+  const allRoutes = (0, _client().useRoutes)();
+  const routes = (0, _react().useMemo)(() => allRoutes.reduce((nextRoutes, item) => {
+    if (item['component'] === 'MApplication') {
+      nextRoutes.push(item, {
+        type: 'redirect',
+        to: '/mobile',
+        from: '/'
+      });
+    }
+    return nextRoutes;
+  }, []), [allRoutes]);
+  return _react().default.createElement(RouteCleaner, null, _react().default.createElement(_reactRouterDom().HashRouter, null, _react().default.createElement(_InterfaceProvider.InterfaceProvider, null, _react().default.createElement(_client().RouteSwitch, {
+    routes: routes
+  }))));
+};
+exports.InterfaceRouter = InterfaceRouter;

package/lib/client/router/RouteSwitchProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RouterSwitchProvider: (props: any) => React.JSX.Element;

package/lib/client/router/RouteSwitchProvider.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RouterSwitchProvider = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+  return data;
+}
+var _bridge = require("../core/bridge");
+var _Application = _interopRequireDefault(require("./Application"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const RouterSwitchProvider = props => {
+  const _useRouteSwitchContex = (0, _client().useRouteSwitchContext)(),
+    routes = _useRouteSwitchContex.routes,
+    components = _useRouteSwitchContex.components;
+  // redirect to mobile
+  const location = (0, _reactRouterDom().useLocation)();
+  const navigate = (0, _reactRouterDom().useNavigate)();
+  (0, _react().useEffect)(() => {
+    if (_bridge.isJSBridge) {
+      if (location.pathname.includes('/admin')) {
+        navigate('/mobile');
+      }
+    }
+  }, [location.pathname, navigate]);
+  return _react().default.createElement(_client().RouteSwitchProvider, {
+    routes: routes,
+    components: _objectSpread(_objectSpread({}, components), {}, {
+      MApplication: _Application.default
+    })
+  }, props.children);
+};
+exports.RouterSwitchProvider = RouterSwitchProvider;

package/lib/client/router/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InterfaceRouter';
+export * from './RouteSwitchProvider';

package/lib/client/router/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InterfaceRouter = require("./InterfaceRouter");
+Object.keys(_InterfaceRouter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InterfaceRouter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InterfaceRouter[key];
+    }
+  });
+});
+var _RouteSwitchProvider = require("./RouteSwitchProvider");
+Object.keys(_RouteSwitchProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RouteSwitchProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RouteSwitchProvider[key];
+    }
+  });
+});

package/lib/index.d.ts

@@ -0,0 +1 @@
+export { default } from './server';

package/lib/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _server.default;
+  }
+});
+var _server = _interopRequireDefault(require("./server"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/server/index.d.ts

@@ -0,0 +1 @@
+export { default } from './plugin';

package/lib/server/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.default;
+  }
+});
+var _plugin = _interopRequireDefault(require("./plugin"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/server/plugin.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from '@nocobase/server';
+export declare class MobileClientPlugin extends Plugin {
+    afterAdd(): void;
+    load(): Promise<void>;
+    install(): Promise<void>;
+    afterEnable(): Promise<void>;
+    afterDisable(): Promise<void>;
+    remove(): Promise<void>;
+}
+export default MobileClientPlugin;

package/lib/server/plugin.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MobileClientPlugin = void 0;
+function _server() {
+  const data = require("@nocobase/server");
+  _server = function _server() {
+    return data;
+  };
+  return data;
+}
+var _routes = require("./routes");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+class MobileClientPlugin extends _server().Plugin {
+  afterAdd() {}
+  load() {
+    return _asyncToGenerator(function* () {})();
+  }
+  install() {
+    var _this = this;
+    return _asyncToGenerator(function* () {
+      const repository = _this.app.db.getRepository('uiRoutes');
+      var _iterator = _createForOfIteratorHelper(_routes.routes),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          const values = _step.value;
+          yield repository.create({
+            values
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    })();
+  }
+  afterEnable() {
+    return _asyncToGenerator(function* () {})();
+  }
+  afterDisable() {
+    return _asyncToGenerator(function* () {})();
+  }
+  remove() {
+    return _asyncToGenerator(function* () {})();
+  }
+}
+exports.MobileClientPlugin = MobileClientPlugin;
+var _default = MobileClientPlugin;
+exports.default = _default;

package/lib/server/routes.d.ts

@@ -0,0 +1,34 @@
+export declare const routes: {
+    type: string;
+    path: string;
+    component: string;
+    uiSchema: {
+        type: string;
+        'x-component': string;
+        'x-designer': string;
+        'x-component-props': {};
+        properties: {
+            page: {
+                type: string;
+                'x-component': string;
+                'x-designer': string;
+                'x-component-props': {};
+                properties: {
+                    grid: {
+                        type: string;
+                        'x-component': string;
+                        'x-initializer': string;
+                        'x-component-props': {
+                            showDivider: boolean;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    routes: {
+        type: string;
+        path: string;
+        component: string;
+    }[];
+}[];

package/lib/server/routes.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.routes = void 0;
+const routes = [{
+  type: 'route',
+  path: '/mobile/:name(.+)?',
+  component: 'MApplication',
+  uiSchema: {
+    type: 'void',
+    'x-component': 'MContainer',
+    'x-designer': 'MContainer.Designer',
+    'x-component-props': {},
+    properties: {
+      page: {
+        type: 'void',
+        'x-component': 'MPage',
+        'x-designer': 'MPage.Designer',
+        'x-component-props': {},
+        properties: {
+          grid: {
+            type: 'void',
+            'x-component': 'Grid',
+            'x-initializer': 'MBlockInitializers',
+            'x-component-props': {
+              showDivider: false
+            }
+          }
+        }
+      }
+    }
+  },
+  routes: [{
+    type: 'route',
+    path: '',
+    component: 'RouteSchemaComponent'
+  }]
+}];
+exports.routes = routes;

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@nocobase/plugin-mobile-client",
+  "version": "0.10.0-alpha.2",
+  "main": "lib/server/index.js",
+  "displayName": "Mobile-client",
+  "displayName.zh-CN": "移动端",
+  "description": "Provide mobile client access",
+  "description.zh-CN": "提供移动端访问",
+  "devDependencies": {
+    "@emotion/css": "^11.7.1",
+    "@formily/antd": "2.2.24",
+    "@formily/react": "2.2.24",
+    "@formily/shared": "2.2.24",
+    "@nocobase/server": "0.10.0-alpha.2",
+    "@nocobase/test": "0.10.0-alpha.2",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "antd": "^4.24.8",
+    "classnames": "^2.3.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.11.2"
+  },
+  "dependencies": {
+    "antd-mobile": "^5.29.1"
+  },
+  "gitHead": "85028ae1733fcbd46ecd5d291dacbdc175f7f073"
+}

package/server.d.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+export * from './lib/server';
+export { default } from './lib/server';
+

package/server.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _index = _interopRequireWildcard(require("./lib/server"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});

package/src/client/configuration/App.tsx

@@ -0,0 +1,23 @@
+import { Card, Form, Input } from 'antd';
+import React from 'react';
+import { useTranslation } from '../locale';
+
+export const AppConfiguration = () => {
+  const { t } = useTranslation();
+  return (
+    <Card
+      style={{
+        minHeight: '600px',
+      }}
+    >
+      <Form layout="vertical">
+        <Form.Item
+          tooltip={`${t('The full address is')} ${window.origin}/mobile`}
+          label={t('Mobile client access address')}
+        >
+          <Input value="/mobile" disabled />
+        </Form.Item>
+      </Form>
+    </Card>
+  );
+};

package/src/client/configuration/Interface.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InterfaceRouter } from '../router';
+import { MobileDevice } from '../devices';
+
+export const InterfaceConfiguration = () => {
+  return (
+    <MobileDevice>
+      <InterfaceRouter></InterfaceRouter>
+    </MobileDevice>
+  );
+};

package/src/client/configuration/index.ts

@@ -0,0 +1,2 @@
+export * from './App';
+export * from './Interface';

package/src/client/core/bridge/index.ts

@@ -0,0 +1,2 @@
+import './native-call';
+export * from './injects';

package/src/client/core/bridge/injects.ts

@@ -0,0 +1,14 @@
+interface InvokeFunction {
+  (params: { action: 'scan' }, cb: (data: { url: string }) => void): void;
+  (params: { action: 'moveTaskToBack' }, cb?: () => void): void;
+}
+
+const JsBridge = (window as any).JsBridge as {
+  invoke: InvokeFunction;
+};
+
+export const invoke: InvokeFunction = (params, cb) => {
+  JsBridge.invoke(params, cb);
+};
+
+export const isJSBridge = !!JsBridge;