@nocobase/plugin-mobile-client 0.11.1-alpha.5 → 0.12.0-alpha.1

package/{lib → dist}/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('./server');
+
+
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () { return server__namespace.default; }
+});
+Object.keys(server).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return server[k]; }
+  });
+});

package/dist/locale/en-US.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const locale = {};
+var en_US_default = locale;
+
+module.exports = en_US_default;

package/dist/locale/fr-FR.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const locale = {};
+var fr_FR_default = locale;
+
+module.exports = fr_FR_default;

package/dist/locale/zh-CN.js

@@ -0,0 +1,36 @@
+'use strict';
+
+const locale = {
+  "Mobile Client-side": "\u79FB\u52A8\u7AEF",
+  "Interface Configuration": "\u754C\u9762\u914D\u7F6E",
+  "App Configuration": "App\u914D\u7F6E",
+  "Enable TabBar": "\u542F\u7528\u5E95\u90E8\u6807\u7B7E\u680F",
+  Untitled: "\u672A\u8BBE\u7F6E\u6807\u9898",
+  "Edit info": "\u7F16\u8F91\u4FE1\u606F",
+  Title: "\u6807\u9898",
+  "Display back button": "\u5C55\u793A\u9000\u540E\u6309\u94AE",
+  "Delete menu": "\u5220\u9664\u83DC\u5355",
+  "Edit menu info": "\u7F16\u8F91\u83DC\u5355\u4FE1\u606F",
+  Menu: "\u83DC\u5355",
+  "Menu name": "\u83DC\u5355\u540D",
+  Icon: "\u56FE\u6807",
+  "Delete menu item?": "\u5220\u9664\u83DC\u5355\u9879",
+  "Add menu item": "\u6DFB\u52A0\u83DC\u5355\u9879",
+  "Page template": "\u9875\u9762\u6A21\u677F",
+  "Template mode": "\u6A21\u677F\u6A21\u5F0F",
+  "Enable Header": "\u542F\u7528\u5934\u90E8\u680F",
+  "Enable Tabs": "\u542F\u7528\u6807\u7B7E\u680F",
+  "Delete tab item?": "\u662F\u5426\u5220\u9664\u6807\u7B7E\u9879\uFF1F",
+  "Add tab": "\u6DFB\u52A0\u6807\u7B7E\u9875",
+  "App level Configuration": "\u5E94\u7528\u7EA7\u522B\u914D\u7F6E",
+  "Menu configuration": "\u83DC\u5355\u914D\u7F6E",
+  "Page configuration": "\u9875\u9762\u914D\u7F6E",
+  Settings: "\u8BBE\u7F6E",
+  "Delete settings block": "\u5220\u9664\u8BBE\u7F6E\u533A\u5757",
+  "Delete menu block": "\u5220\u9664\u83DC\u5355\u533A\u5757",
+  "Mobile client access address": "\u79FB\u52A8\u7AEF\u8BBF\u95EE\u5730\u5740",
+  "The full address is": "\u5B8C\u6574\u7684\u5730\u5740\u662F"
+};
+var zh_CN_default = locale;
+
+module.exports = zh_CN_default;

package/dist/server/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var plugin = require('./plugin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var plugin__default = /*#__PURE__*/_interopDefault(plugin);
+
+
+
+module.exports = plugin__default.default;

package/dist/server/migrations/20230620203218-mobile-ui-schema-uid.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var server = require('@nocobase/server');
+
+class mobile_ui_schema_uid_default extends server.Migration {
+  async up() {
+    var _a, _b, _c;
+    const systemSettings = this.db.getRepository("systemSettings");
+    let instance = await systemSettings.findOne();
+    if ((_a = instance == null ? void 0 : instance.options) == null ? void 0 : _a.mobileSchemaUid) {
+      return;
+    }
+    const uiRoutes = this.db.getRepository("uiRoutes");
+    const routes = await uiRoutes.find();
+    for (const route of routes) {
+      if (route.uiSchemaUid && ((_b = route == null ? void 0 : route.options) == null ? void 0 : _b.component) === "MApplication") {
+        const options = instance.options || {};
+        options["mobileSchemaUid"] = route.uiSchemaUid;
+        instance.set("options", options);
+        instance.changed("options", true);
+        await instance.save();
+        return;
+      }
+    }
+    instance = await systemSettings.findOne();
+    if (!((_c = instance == null ? void 0 : instance.options) == null ? void 0 : _c.mobileSchemaUid)) {
+      throw new Error("mobileSchemaUid invalid");
+    }
+    this.app.log.info("systemSettings.options", instance.toJSON());
+  }
+}
+
+module.exports = mobile_ui_schema_uid_default;

package/dist/server/plugin.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('@nocobase/server');
+var path = require('path');
+var routes = require('./routes');
+
+class MobileClientPlugin extends server.Plugin {
+  afterAdd() {
+  }
+  async load() {
+    this.db.addMigrations({
+      namespace: "client",
+      directory: path.resolve(__dirname, "./migrations"),
+      context: {
+        plugin: this
+      }
+    });
+  }
+  async install() {
+    const repository = this.app.db.getRepository("uiRoutes");
+    for (const values of routes.routes) {
+      await repository.create({
+        values
+      });
+    }
+    const uiSchemas = this.db.getRepository("uiSchemas");
+    const systemSettings = this.db.getRepository("systemSettings");
+    const schema = await uiSchemas.insert({
+      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
+              }
+            }
+          }
+        }
+      }
+    });
+    const instance = await systemSettings.findOne();
+    instance.set("options.mobileSchemaUid", schema["x-uid"]);
+    await instance.save();
+  }
+  async afterEnable() {
+  }
+  async afterDisable() {
+  }
+  async remove() {
+  }
+}
+var plugin_default = MobileClientPlugin;
+
+exports.MobileClientPlugin = MobileClientPlugin;
+exports.default = plugin_default;

package/dist/server/routes.js

@@ -0,0 +1,42 @@
+'use strict';
+
+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/docs/en-US/index.md

@@ -0,0 +1,7 @@
+# Mobile-client overview
+
+Provides a mobile client for the desktop client.
+
+## How to visit mobile client?
+
+When your desktop client is started, you can visit the mobile client in the browser by entering `http://localhost:3000/mobile`. Note that `/mobile` is the route of our mobile client.

package/docs/en-US/installation.md

@@ -0,0 +1,13 @@
+# Mobile-client Installation
+
+## Installation
+
+```bash
+yarn add @nocobase/plugin-mobile-client
+```
+
+## Activate the plugin
+
+```bash
+yarn pm enable mobile-client
+```

package/docs/en-US/tabs.json

@@ -0,0 +1,14 @@
+[
+  {
+    "title": "Introduction",
+    "path": "index"
+  },
+  {
+    "title": "Installation",
+    "path": "installation"
+  },
+  {
+    "title": "Usage",
+    "path": "usage"
+  }
+]

package/docs/en-US/usage.md

@@ -0,0 +1 @@
+# Mobile-client Usage

package/docs/zh-CN/index.md

@@ -0,0 +1,7 @@
+# 移动端
+
+提供移动端应用，独立于桌面端。
+
+## 如何访问？
+
+当你的桌面端启动后，可以在浏览器中输入 `http://localhost:3000/mobile` 访问移动端。注意，`/mobile` 就是我们移动端的路由。

package/docs/zh-CN/installation.md

@@ -0,0 +1,13 @@
+# 移动端安装方法
+
+## 安装
+
+```bash
+yarn add @nocobase/plugin-mobile-client
+```
+
+## 激活插件
+
+```bash
+yarn pm enable mobile-client
+```

package/docs/zh-CN/tabs.json

@@ -0,0 +1,14 @@
+[
+  {
+    "title": "介绍",
+    "path": "index"
+  },
+  {
+    "title": "安装",
+    "path": "installation"
+  },
+  {
+    "title": "用法",
+    "path": "usage"
+  }
+]

package/docs/zh-CN/usage.md

@@ -0,0 +1,2 @@
+# 移动端用法
+

package/package.json

@@ -1,44 +1,33 @@
 {
   "name": "@nocobase/plugin-mobile-client",
-  "version": "0.11.1-alpha.5",
-  "main": "./lib/server/index.js",
-  "files": [
-    "lib",
-    "src",
-    "README.md",
-    "README.zh-CN.md",
-    "CHANGELOG.md",
-    "server.js",
-    "server.d.ts",
-    "client.js",
-    "client.d.ts"
-  ],
+  "version": "0.12.0-alpha.1",
+  "main": "./dist/server/index.js",
   "displayName": "Mobile-client",
   "displayName.zh-CN": "移动端",
   "description": "Provide mobile client access",
   "description.zh-CN": "提供移动端访问",
   "devDependencies": {
-    "@ant-design/icons": "^5.1.4",
-    "@formily/antd-v5": "^1.1.0",
-    "@formily/react": "^2.2.27",
-    "@formily/shared": "^2.2.27",
-    "@nocobase/client": "0.11.1-alpha.5",
-    "@nocobase/database": "0.11.1-alpha.5",
-    "@nocobase/server": "0.11.1-alpha.5",
-    "@nocobase/test": "0.11.1-alpha.5",
-    "@nocobase/utils": "0.11.1-alpha.5",
+    "@ant-design/icons": "5.x",
+    "@formily/antd-v5": "1.x",
+    "@formily/react": "2.x",
+    "@formily/shared": "2.x",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
-    "antd": "^5.6.4",
+    "antd": "5.x",
+    "antd-mobile": "^5.29.1",
     "antd-style": "^3.3.0",
+    "classnames": "^2.3.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-i18next": "^11.15.1",
     "react-router-dom": "^6.11.2"
   },
-  "dependencies": {
-    "antd-mobile": "^5.29.1",
-    "classnames": "^2.3.1"
+  "peerDependencies": {
+    "@nocobase/client": "0.x",
+    "@nocobase/database": "0.x",
+    "@nocobase/server": "0.x",
+    "@nocobase/test": "0.x",
+    "@nocobase/utils": "0.x"
   },
-  "gitHead": "1dcfd15a7d95a40b0a2f60e1de19ec574066fb20"
+  "gitHead": "543dcc0216b7b1451b552b0f685bc3e0682f9d59"
 }

package/server.d.ts

@@ -1,3 +1,2 @@
-export * from './src/server';
-export { default } from './src/server';
-
+export * from './dist/server';
+export { default } from './dist/server';

package/server.js

@@ -1 +1 @@
-module.exports = require('./lib/server/index.js');
+module.exports = require('./dist/server/index.js');

package/lib/client/MobileClientProvider.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MobileClientProvider = 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 _configuration = require("./configuration");
-var _bridge = require("./core/bridge");
-var _locale = require("./locale");
-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 MobileClientProvider = _react().default.memo(props => {
-  const _useTranslation = (0, _locale.useTranslation)(),
-    t = _useTranslation.t;
-  const location = (0, _reactRouterDom().useLocation)();
-  const navigation = (0, _reactRouterDom().useNavigate)();
-  (0, _react().useEffect)(() => {
-    if ((0, _bridge.isJSBridge)() && location.pathname === '/admin') {
-      navigation('/mobile', {
-        replace: true
-      });
-    }
-  }, [location.pathname, navigation]);
-  return _react().default.createElement(_client().SettingsCenterProvider, {
-    settings: {
-      ['mobile-client']: {
-        title: t('Mobile Client-side'),
-        icon: 'MobileOutlined',
-        tabs: {
-          interface: {
-            title: t('Interface Configuration'),
-            component: _configuration.InterfaceConfiguration
-          },
-          app: {
-            title: t('App Configuration'),
-            component: _configuration.AppConfiguration
-          }
-        }
-      }
-    }
-  }, props.children);
-});
-exports.MobileClientProvider = MobileClientProvider;

package/lib/client/configuration/App.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppConfiguration = void 0;
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _locale = require("../locale");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const AppConfiguration = () => {
-  const _useTranslation = (0, _locale.useTranslation)(),
-    t = _useTranslation.t;
-  return _react().default.createElement(_antd().Card, {
-    style: {
-      minHeight: '600px'
-    }
-  }, _react().default.createElement(_antd().Form, {
-    layout: "vertical"
-  }, _react().default.createElement(_antd().Form.Item, {
-    tooltip: `${t('The full address is')} ${window.origin}/mobile`,
-    label: t('Mobile client access address')
-  }, _react().default.createElement(_antd().Input, {
-    value: "/mobile",
-    disabled: true
-  }))));
-};
-exports.AppConfiguration = AppConfiguration;

package/lib/client/configuration/Interface.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InterfaceConfiguration = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _router = require("../router");
-var _devices = require("../devices");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const InterfaceConfiguration = () => {
-  return _react().default.createElement(_devices.MobileDevice, null, _react().default.createElement(_router.InterfaceRouter, null));
-};
-exports.InterfaceConfiguration = InterfaceConfiguration;

package/lib/client/configuration/index.js

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

package/lib/client/core/bridge/index.js

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

package/lib/client/core/bridge/injects.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isJSBridge = exports.invoke = void 0;
-const getJsBridge = () => window.JsBridge;
-const invoke = (params, cb) => {
-  return getJsBridge().invoke(params, cb);
-};
-exports.invoke = invoke;
-const isJSBridge = () => !!getJsBridge();
-exports.isJSBridge = isJSBridge;

package/lib/client/core/bridge/native-call.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _injects = require("./injects");
-/**
- * App 右滑返回
- * @param cb 回调函数，返回 true 表示 web 自己消费，false表示 app 消费
- */
-const JSBridgeFunction = {
-  /**
-   * @description JSBridge injects
-   */
-  onBackPressed: () => {
-    if (history.length === 1) {
-      (0, _injects.invoke)({
-        action: 'moveTaskToBack'
-      });
-    } else {
-      history.back();
-    }
-  }
-};
-Object.keys(JSBridgeFunction).forEach(key => {
-  window[key] = JSBridgeFunction[key];
-});

package/lib/client/core/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MobileCore = void 0;
-function _client() {
-  const data = require("@nocobase/client");
-  _client = function _client() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _schema = require("./schema");
-require("./bridge");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MobileCore = props => {
-  return _react().default.createElement(_client().SchemaInitializerProvider, {
-    initializers: {
-      MBlockInitializers: _schema.MBlockInitializers
-    }
-  }, _react().default.createElement(_client().SchemaComponentOptions, {
-    components: {
-      MMenuBlockInitializer: _schema.MMenuBlockInitializer,
-      MSettingsBlockInitializer: _schema.MSettingsBlockInitializer,
-      MContainer: _schema.MContainer,
-      MMenu: _schema.MMenu,
-      MTabBar: _schema.MTabBar,
-      MPage: _schema.MPage,
-      MHeader: _schema.MHeader,
-      MSettings: _schema.MSettings
-    },
-    scope: {
-      useGridCardBlockItemProps: _schema.useGridCardBlockItemProps,
-      useGridCardBlockProps: _schema.useGridCardBlockProps
-    }
-  }, props.children));
-};
-exports.MobileCore = MobileCore;

package/lib/client/core/schema/common/index.js

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