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

package/lib/client/core/schema/initializers/BlockInitializers.d.ts

@@ -0,0 +1,147 @@
+export declare const MBlockInitializers: {
+    title: string;
+    icon: string;
+    wrap: (schema: import("@formily/json-schema").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string;
+        name?: import("@formily/json-schema").SchemaKey;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean;
+        writeOnly?: boolean;
+        type?: import("@formily/json-schema").SchemaTypes;
+        enum?: import("@formily/json-schema").SchemaEnum<any>;
+        const?: any;
+        multipleOf?: number;
+        maximum?: number;
+        exclusiveMaximum?: number;
+        minimum?: number;
+        exclusiveMinimum?: number;
+        maxLength?: number;
+        minLength?: number;
+        pattern?: string | RegExp;
+        maxItems?: number;
+        minItems?: number;
+        uniqueItems?: boolean;
+        maxProperties?: number;
+        minProperties?: number;
+        required?: string | boolean | string[];
+        format?: string;
+        $ref?: string;
+        $namespace?: string;
+        definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any>;
+        additionalItems?: import("@formily/json-schema").Stringify<any>;
+        patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        additionalProperties?: import("@formily/json-schema").Stringify<any>;
+        "x-value"?: any;
+        "x-index"?: number;
+        "x-pattern"?: any;
+        "x-display"?: any;
+        "x-validator"?: any;
+        "x-decorator"?: any;
+        "x-decorator-props"?: any;
+        "x-component"?: any;
+        "x-component-props"?: any;
+        "x-reactions"?: import("@formily/json-schema").SchemaReactions<any>;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean;
+        "x-hidden"?: boolean;
+        "x-disabled"?: boolean;
+        "x-editable"?: boolean;
+        "x-read-only"?: boolean;
+        "x-read-pretty"?: boolean;
+        "x-compile-omitted"?: string[];
+    }>) => {
+        type: string;
+        'x-component': string;
+        properties: {
+            [x: string]: {
+                type: string;
+                'x-component': string;
+                properties: {
+                    [x: string]: import("@formily/json-schema").Stringify<{
+                        [key: symbol]: any;
+                        [key: `x-${string}`]: any;
+                        [key: `x-${number}`]: any;
+                        version?: string;
+                        name?: import("@formily/json-schema").SchemaKey;
+                        title?: any;
+                        description?: any;
+                        default?: any;
+                        readOnly?: boolean;
+                        writeOnly?: boolean;
+                        type?: import("@formily/json-schema").SchemaTypes;
+                        enum?: import("@formily/json-schema").SchemaEnum<any>;
+                        const?: any;
+                        multipleOf?: number;
+                        maximum?: number;
+                        exclusiveMaximum?: number;
+                        minimum?: number;
+                        exclusiveMinimum?: number;
+                        maxLength?: number;
+                        minLength?: number;
+                        pattern?: string | RegExp;
+                        maxItems?: number;
+                        minItems?: number;
+                        uniqueItems?: boolean;
+                        maxProperties?: number;
+                        minProperties?: number;
+                        required?: string | boolean | string[];
+                        format?: string;
+                        $ref?: string;
+                        $namespace?: string;
+                        definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+                        properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+                        items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any>;
+                        additionalItems?: import("@formily/json-schema").Stringify<any>;
+                        patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+                        additionalProperties?: import("@formily/json-schema").Stringify<any>;
+                        "x-value"?: any;
+                        "x-index"?: number;
+                        "x-pattern"?: any;
+                        "x-display"?: any;
+                        "x-validator"?: any;
+                        "x-decorator"?: any;
+                        "x-decorator-props"?: any;
+                        "x-component"?: any;
+                        "x-component-props"?: any;
+                        "x-reactions"?: import("@formily/json-schema").SchemaReactions<any>;
+                        "x-content"?: any;
+                        "x-data"?: any;
+                        "x-visible"?: boolean;
+                        "x-hidden"?: boolean;
+                        "x-disabled"?: boolean;
+                        "x-editable"?: boolean;
+                        "x-read-only"?: boolean;
+                        "x-read-pretty"?: boolean;
+                        "x-compile-omitted"?: string[];
+                    }>;
+                };
+            };
+        };
+    };
+    items: {
+        key: string;
+        type: string;
+        title: string;
+        children: ({
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            sort: number;
+        } | {
+            key: string;
+            type: string;
+            title: string;
+            component: string;
+            sort?: undefined;
+        })[];
+    }[];
+};

package/lib/client/core/schema/initializers/BlockInitializers.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MBlockInitializers = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../../../locale");
+// 页面里添加区块
+const MBlockInitializers = {
+  title: '{{t("Add block")}}',
+  icon: 'PlusOutlined',
+  wrap: _client().gridRowColWrap,
+  items: [{
+    key: 'dataBlocks',
+    type: 'itemGroup',
+    title: '{{t("Data blocks")}}',
+    children: [{
+      key: 'GridCard',
+      type: 'item',
+      title: '{{t("Grid Card")}}',
+      component: 'GridCardBlockInitializer'
+    }, {
+      key: 'table',
+      type: 'item',
+      title: '{{t("Table")}}',
+      component: 'TableBlockInitializer'
+    }, {
+      key: 'form',
+      type: 'item',
+      title: '{{t("Form")}}',
+      component: 'FormBlockInitializer'
+    }, {
+      key: 'details',
+      type: 'item',
+      title: '{{t("Details")}}',
+      component: 'DetailsBlockInitializer'
+    }, {
+      key: 'calendar',
+      type: 'item',
+      title: '{{t("Calendar")}}',
+      component: 'CalendarBlockInitializer'
+    }, {
+      key: 'mapBlock',
+      type: 'item',
+      title: (0, _locale.generateNTemplate)('Map'),
+      component: 'MapBlockInitializer'
+    }]
+  }, {
+    key: 'otherBlocks',
+    type: 'itemGroup',
+    title: '{{t("Other blocks")}}',
+    children: [{
+      key: 'menu',
+      type: 'item',
+      title: (0, _locale.generateNTemplate)('Menu'),
+      component: 'MMenuBlockInitializer',
+      sort: 100
+    }, {
+      key: 'markdown',
+      type: 'item',
+      title: '{{t("Markdown")}}',
+      component: 'MarkdownBlockInitializer'
+    }, {
+      key: 'settings',
+      type: 'item',
+      title: (0, _locale.generateNTemplate)('Settings'),
+      component: 'MSettingsBlockInitializer',
+      sort: 100
+    }]
+  }]
+};
+exports.MBlockInitializers = MBlockInitializers;

package/lib/client/core/schema/initializers/index.d.ts

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

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

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

package/lib/client/core/schema/scopes/grid-card.d.ts

@@ -0,0 +1,15 @@
+import { PaginationProps } from 'antd';
+export declare const useGridCardBlockItemProps: () => {
+    className: string;
+};
+export declare const useGridCardBlockProps: () => {
+    columnCount: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+    };
+    pagination: PaginationProps;
+};

package/lib/client/core/schema/scopes/grid-card.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridCardBlockProps = exports.useGridCardBlockItemProps = void 0;
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+var _InterfaceProvider = require("../../../router/InterfaceProvider");
+const listCss = (0, _css().css)`
+  padding: 0 var(--nb-spacing);
+  & > .nb-action-bar {
+    padding: unset !important;
+    background: unset !important;
+  }
+`;
+const useGridCardBlockItemProps = () => {
+  return {
+    className: listCss
+  };
+};
+exports.useGridCardBlockItemProps = useGridCardBlockItemProps;
+const columnCountConfig = {
+  xs: 1,
+  sm: 1,
+  md: 1,
+  lg: 1,
+  xl: 1,
+  xxl: 1
+};
+const useGridCardBlockProps = () => {
+  const isInterface = (0, _InterfaceProvider.useInterfaceContext)();
+  return {
+    columnCount: isInterface ? columnCountConfig : null,
+    pagination: {
+      simple: true
+    }
+  };
+};
+exports.useGridCardBlockProps = useGridCardBlockProps;

package/lib/client/core/schema/scopes/index.d.ts

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

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

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

package/lib/client/devices/iOS6.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const iOS6: React.FC<{
+    className: string;
+}>;
+export default iOS6;

package/lib/client/devices/iOS6.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const iOS6 = props => {
+  return _react().default.createElement("div", {
+    className: (0, _css().cx)('nb-mobile-device-ios6', (0, _css().css)(`
+          display: flex;
+          width: 375px;
+          height: 667px;
+      `), props.className)
+  }, props.children);
+};
+var _default = iOS6;
+exports.default = _default;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MobileDevice: React.FC;

package/lib/client/devices/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobileDevice = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _iOS = _interopRequireDefault(require("./iOS6"));
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 MobileDevice = props => {
+  return _react().default.createElement("div", {
+    className: (0, _css().cx)('nb-mobile-device-wrapper', (0, _css().css)`
+          width: 100%;
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        `)
+  }, _react().default.createElement(_iOS.default, _objectSpread({
+    className: (0, _css().css)`
+          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
+        `
+  }, props)));
+};
+exports.MobileDevice = MobileDevice;

package/lib/client/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<object>;
+export default _default;

package/lib/client/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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");
+var _configuration = require("./configuration");
+var _router = require("./router");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _react().default.memo(props => {
+  const _useTranslation = (0, _locale.useTranslation)(),
+    t = _useTranslation.t;
+  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
+          }
+        }
+      }
+    }
+  }, _react().default.createElement(_router.RouterSwitchProvider, null, props.children));
+});
+exports.default = _default;

package/lib/client/locale/en-US.d.ts

@@ -0,0 +1,2 @@
+declare const locale: {};
+export default locale;

package/lib/client/locale/en-US.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const locale = {};
+var _default = locale;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+export declare const NAMESPACE = "mobile-client";
+export declare function lang(key: string): string;
+export declare function generateNTemplate(key: string): string;
+export declare function useTranslation(): import("react-i18next").UseTranslationResponse<("mobile-client" | "client")[], undefined>;

package/lib/client/locale/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NAMESPACE = void 0;
+exports.generateNTemplate = generateNTemplate;
+exports.lang = lang;
+exports.useTranslation = useTranslation;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _reactI18next() {
+  const data = require("react-i18next");
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+  return data;
+}
+var _enUS = _interopRequireDefault(require("./en-US"));
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const NAMESPACE = 'mobile-client';
+exports.NAMESPACE = NAMESPACE;
+_client().i18n.addResources('zh-CN', NAMESPACE, _zhCN.default);
+_client().i18n.addResources('en-US', NAMESPACE, _enUS.default);
+function lang(key) {
+  return _client().i18n.t(key, {
+    ns: NAMESPACE
+  });
+}
+function generateNTemplate(key) {
+  return `{{t('${key}', { ns: '${NAMESPACE}', nsMode: 'fallback' })}}`;
+}
+function useTranslation() {
+  return (0, _reactI18next().useTranslation)([NAMESPACE, 'client'], {
+    nsMode: 'fallback'
+  });
+}

package/lib/client/locale/zh-CN.d.ts

@@ -0,0 +1,32 @@
+declare const locale: {
+    'Mobile Client-side': string;
+    'Interface Configuration': string;
+    'App Configuration': string;
+    'Enable TabBar': string;
+    Untitled: string;
+    'Edit info': string;
+    Title: string;
+    'Display back button': string;
+    'Delete menu': string;
+    'Edit menu info': string;
+    Menu: string;
+    'Menu name': string;
+    Icon: string;
+    'Delete menu item?': string;
+    'Add menu item': string;
+    'Page template': string;
+    'Template mode': string;
+    'Enable Header': string;
+    'Enable Tabs': string;
+    'Delete tab item?': string;
+    'Add tab': string;
+    'App level Configuration': string;
+    'Menu configuration': string;
+    'Page configuration': string;
+    Settings: string;
+    'Delete settings block': string;
+    'Delete menu block': string;
+    'Mobile client access address': string;
+    'The full address is': string;
+};
+export default locale;

package/lib/client/locale/zh-CN.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const locale = {
+  'Mobile Client-side': '移动端',
+  'Interface Configuration': '界面配置',
+  'App Configuration': 'App配置',
+  'Enable TabBar': '启用底部标签栏',
+  Untitled: '未设置标题',
+  'Edit info': '编辑信息',
+  Title: '标题',
+  'Display back button': '展示退后按钮',
+  'Delete menu': '删除菜单',
+  'Edit menu info': '编辑菜单信息',
+  Menu: '菜单',
+  'Menu name': '菜单名',
+  Icon: '图标',
+  'Delete menu item?': '删除菜单项',
+  'Add menu item': '添加菜单项',
+  'Page template': '页面模板',
+  'Template mode': '模板模式',
+  'Enable Header': '启用头部栏',
+  'Enable Tabs': '启用标签栏',
+  'Delete tab item?': '是否删除标签项？',
+  'Add tab': '添加标签页',
+  'App level Configuration': '应用级别配置',
+  'Menu configuration': '菜单配置',
+  'Page configuration': '页面配置',
+  Settings: '设置',
+  'Delete settings block': '删除设置区块',
+  'Delete menu block': '删除菜单区块',
+  'Mobile client access address': '移动端访问地址',
+  'The full address is': '完整的地址是'
+};
+var _default = locale;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MApplication: React.FC;
+export default MApplication;