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

package/client.d.ts

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

package/client.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/client"));
+
+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/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/lib/client/configuration/App.d.ts

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

package/lib/client/configuration/App.js

@@ -0,0 +1,40 @@
+"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.d.ts

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

package/lib/client/configuration/Interface.js

@@ -0,0 +1,20 @@
+"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.d.ts

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

package/lib/client/configuration/index.js

@@ -0,0 +1,27 @@
+"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.d.ts

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

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

@@ -0,0 +1,17 @@
+"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.d.ts

@@ -0,0 +1,13 @@
+interface InvokeFunction {
+    (params: {
+        action: 'scan';
+    }, cb: (data: {
+        url: string;
+    }) => void): void;
+    (params: {
+        action: 'moveTaskToBack';
+    }, cb?: () => void): void;
+}
+export declare const invoke: InvokeFunction;
+export declare const isJSBridge: boolean;
+export {};

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

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

package/lib/client/core/bridge/native-call.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,24 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './bridge';
+export declare const MobileCore: React.FC;

package/lib/client/core/index.js

@@ -0,0 +1,46 @@
+"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.d.ts

@@ -0,0 +1 @@
+export * from './page';

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

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

package/lib/client/core/schema/common/page.d.ts

@@ -0,0 +1,16 @@
+export declare const PageSchema: {
+    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;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageSchema = void 0;
+const PageSchema = {
+  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
+      }
+    }
+  }
+};
+exports.PageSchema = PageSchema;

package/lib/client/core/schema/components/container/Container.Designer.d.ts

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

package/lib/client/core/schema/components/container/Container.Designer.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerDesigner = 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 _locale = require("../../../../locale");
+function _react2() {
+  const data = require("@formily/react");
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _shared() {
+  const data = require("@formily/shared");
+  _shared = function _shared() {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+  return data;
+}
+var _helpers = require("../../helpers");
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+var _common = require("../../common");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }); }; }
+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 ContainerDesigner = () => {
+  const _useTranslation = (0, _locale.useTranslation)(),
+    t = _useTranslation.t;
+  const fieldSchema = (0, _react2().useFieldSchema)();
+  const _useDesignable = (0, _client().useDesignable)(),
+    dn = _useDesignable.dn;
+  const tabBarSchema = fieldSchema.reduceProperties((schema, next) => schema || next['x-component'] === 'MTabBar' && next);
+  const navigate = (0, _reactRouterDom().useNavigate)();
+  const field = (0, _react2().useField)();
+  const schemaSettingsProps = {
+    dn,
+    field,
+    fieldSchema
+  };
+  return _react().default.createElement(_client().SchemaSettings, _objectSpread({
+    title: _react().default.createElement(_antd().Button, {
+      style: {
+        borderColor: 'rgb(241, 139, 98)',
+        color: 'rgb(241, 139, 98)'
+      },
+      icon: _react().default.createElement(_icons().MenuOutlined, null),
+      type: "dashed"
+    }, t('App level Configuration'))
+  }, schemaSettingsProps), _react().default.createElement(_client().SchemaSettings.SwitchItem, {
+    checked: !!tabBarSchema,
+    title: t('Enable TabBar'),
+    onChange: function () {
+      var _onChange = _asyncToGenerator(function* (v) {
+        if (v) {
+          const pageSchema = (0, _helpers.findSchema)(fieldSchema, 'MPage');
+          if (!pageSchema) return;
+          yield dn.remove(pageSchema);
+          yield dn.insertBeforeEnd({
+            type: 'void',
+            'x-component': 'MTabBar',
+            'x-component-props': {},
+            name: 'tabBar',
+            properties: {
+              [(0, _shared().uid)()]: {
+                type: 'void',
+                'x-component': 'MTabBar.Item',
+                'x-designer': 'MTabBar.Item.Designer',
+                'x-component-props': {
+                  icon: 'HomeOutlined',
+                  title: (0, _locale.generateNTemplate)('Untitled')
+                },
+                properties: {
+                  page: pageSchema.toJSON()
+                }
+              }
+            }
+          });
+        } else {
+          var _Object$keys;
+          const tabBarSchemaFirstKey = (_Object$keys = Object.keys(tabBarSchema.properties || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys[0];
+          const pageSchema = tabBarSchemaFirstKey ? (0, _helpers.findSchema)(tabBarSchema.properties[tabBarSchemaFirstKey], 'MPage') : null;
+          yield dn.remove(tabBarSchema);
+          yield dn.insertBeforeEnd(pageSchema || _common.PageSchema, {
+            onSuccess() {
+              navigate('../');
+            }
+          });
+        }
+      });
+      function onChange(_x) {
+        return _onChange.apply(this, arguments);
+      }
+      return onChange;
+    }()
+  }));
+};
+exports.ContainerDesigner = ContainerDesigner;

package/lib/client/core/schema/components/container/Container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ContainerDesigner } from './Container.Designer';
+export declare const MContainer: React.FC<{}> & {
+    Designer: typeof ContainerDesigner;
+};