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

package/lib/client/core/schema/components/menu/Menu.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MMenu = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+var _Menu = require("./Menu.Item");
+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 _Menu2 = require("./Menu.Designer");
+function _react2() {
+  const data = require("@formily/react");
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _antdMobile() {
+  const data = require("antd-mobile");
+  _antdMobile = function _antdMobile() {
+    return data;
+  };
+  return data;
+}
+var _locale = require("../../../../locale");
+var _schema = require("./schema");
+var _common = require("../../common");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const InternalMenu = props => {
+  const Designer = (0, _client().useDesigner)();
+  const fieldSchema = (0, _react2().useFieldSchema)();
+  const _useDesignable = (0, _client().useDesignable)(),
+    insertBeforeEnd = _useDesignable.insertBeforeEnd,
+    designable = _useDesignable.designable;
+  const _useTranslation = (0, _locale.useTranslation)(),
+    t = _useTranslation.t;
+  const onAddMenuItem = values => {
+    const properties = {
+      page: _common.PageSchema
+    };
+    return insertBeforeEnd({
+      type: 'void',
+      title: values.name,
+      'x-component': 'MMenu.Item',
+      'x-component-props': values,
+      'x-designer': 'MMenu.Item.Designer',
+      properties
+    });
+  };
+  return _react().default.createElement(_client().SortableItem, {
+    className: (0, _css().cx)('nb-mobile-menu', (0, _css().css)`
+          background: #ffffff;
+          width: 100%;
+          margin-bottom: var(--nb-spacing);
+        `)
+  }, _react().default.createElement(_antdMobile().List, null, designable && _react().default.createElement(_antdMobile().List.Item, null, _react().default.createElement(Designer, null)), _react().default.createElement(_client().DndContext, null, _react().default.createElement(_client().SchemaComponent, {
+    onlyRenderProperties: true,
+    schema: fieldSchema
+  })), designable ? _react().default.createElement(_antdMobile().List.Item, null, _react().default.createElement(_client().SchemaInitializer.ActionModal, {
+    buttonText: t('Add menu item'),
+    title: t('Add menu item'),
+    schema: _schema.menuItemSchema,
+    onSubmit: onAddMenuItem
+  })) : null));
+};
+const MMenu = InternalMenu;
+exports.MMenu = MMenu;
+MMenu.Item = _Menu.MenuItem;
+MMenu.Designer = _Menu2.MenuDesigner;

package/lib/client/core/schema/components/menu/MenuBlockInitializer.d.ts

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

package/lib/client/core/schema/components/menu/MenuBlockInitializer.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MMenuBlockInitializer = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+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); }); }; }
+const MMenuBlockInitializer = props => {
+  const insert = props.insert;
+  return _react().default.createElement(_client().SchemaInitializer.Item, {
+    icon: _react().default.createElement(_icons().MenuOutlined, null),
+    onClick: function () {
+      var _onClick = _asyncToGenerator(function* () {
+        insert({
+          type: 'void',
+          'x-component': 'MMenu',
+          'x-designer': 'MMenu.Designer',
+          'x-component-props': {}
+        });
+      });
+      function onClick() {
+        return _onClick.apply(this, arguments);
+      }
+      return onClick;
+    }()
+  });
+};
+exports.MMenuBlockInitializer = MMenuBlockInitializer;

package/lib/client/core/schema/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuBlockInitializer';
+export * from './Menu';

package/lib/client/core/schema/components/menu/index.js

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

package/lib/client/core/schema/components/menu/schema.d.ts

@@ -0,0 +1,17 @@
+export declare const menuItemSchema: {
+    properties: {
+        name: {
+            type: string;
+            title: string;
+            required: boolean;
+            'x-component': string;
+            'x-decorator': string;
+        };
+        icon: {
+            'x-decorator': string;
+            'x-component': string;
+            title: string;
+            'x-component-props': {};
+        };
+    };
+};

package/lib/client/core/schema/components/menu/schema.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuItemSchema = void 0;
+const menuItemSchema = {
+  properties: {
+    name: {
+      type: 'string',
+      title: `{{t('Menu name')}}`,
+      required: true,
+      'x-component': 'Input',
+      'x-decorator': 'FormItem'
+    },
+    icon: {
+      'x-decorator': 'FormItem',
+      'x-component': 'IconPicker',
+      title: `{{t('Icon')}}`,
+      'x-component-props': {}
+    }
+  }
+};
+exports.menuItemSchema = menuItemSchema;

package/lib/client/core/schema/components/page/Page.Designer.d.ts

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

package/lib/client/core/schema/components/page/Page.Designer.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageDesigner = 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;
+}
+var _helpers = require("../../helpers");
+function _shared() {
+  const data = require("@formily/shared");
+  _shared = function _shared() {
+    return data;
+  };
+  return data;
+}
+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;
+}
+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 PageDesigner = props => {
+  var _fieldSchema$properti, _fieldSchema$properti2;
+  const showBack = props.showBack;
+  const _useTranslation = (0, _locale.useTranslation)(),
+    t = _useTranslation.t;
+  const fieldSchema = (0, _react2().useFieldSchema)();
+  const _useDesignable = (0, _client().useDesignable)(),
+    dn = _useDesignable.dn;
+  const headerSchema = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$properti = fieldSchema.properties) === null || _fieldSchema$properti === void 0 ? void 0 : _fieldSchema$properti['header'];
+  const tabsSchema = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$properti2 = fieldSchema.properties) === null || _fieldSchema$properti2 === void 0 ? void 0 : _fieldSchema$properti2['tabs'];
+  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('Page configuration'))
+  }, schemaSettingsProps), _react().default.createElement(_client().SchemaSettings.SwitchItem, {
+    checked: !!headerSchema,
+    title: t('Enable Header'),
+    onChange: function () {
+      var _onChange = _asyncToGenerator(function* (v) {
+        if (v) {
+          var _fieldSchema$parent$x;
+          yield dn.insertAfterBegin({
+            type: 'void',
+            name: 'header',
+            'x-component': 'MHeader',
+            'x-designer': 'MHeader.Designer',
+            'x-component-props': {
+              title: (_fieldSchema$parent$x = fieldSchema.parent['x-component-props']) === null || _fieldSchema$parent$x === void 0 ? void 0 : _fieldSchema$parent$x.name,
+              showBack
+            }
+          });
+        } else {
+          yield dn.remove(headerSchema);
+        }
+        dn.refresh();
+      });
+      function onChange(_x) {
+        return _onChange.apply(this, arguments);
+      }
+      return onChange;
+    }()
+  }), _react().default.createElement(_client().SchemaSettings.SwitchItem, {
+    checked: !!tabsSchema,
+    title: t('Enable Tabs'),
+    onChange: function () {
+      var _onChange2 = _asyncToGenerator(function* (v) {
+        if (v) {
+          const gridSchema = (0, _helpers.findGridSchema)(fieldSchema);
+          if (gridSchema) {
+            return dn.remove(gridSchema).then(() => {
+              return dn.insertBeforeEnd({
+                type: 'void',
+                name: 'tabs',
+                'x-component': 'Tabs',
+                'x-component-props': {},
+                'x-initializer': 'TabPaneInitializers',
+                'x-initializer-props': {
+                  gridInitializer: 'MBlockInitializers'
+                },
+                properties: {
+                  tab1: {
+                    type: 'void',
+                    title: (0, _locale.generateNTemplate)('Untitled'),
+                    'x-component': 'Tabs.TabPane',
+                    'x-designer': 'Tabs.Designer',
+                    'x-component-props': {},
+                    properties: {
+                      grid: _objectSpread(_objectSpread({}, gridSchema), {}, {
+                        'x-uid': (0, _shared().uid)()
+                      })
+                    }
+                  }
+                }
+              });
+            });
+          }
+        } else {
+          const gridSchema = (0, _helpers.findGridSchema)(tabsSchema.properties[Object.keys(tabsSchema.properties)[0]]);
+          if (gridSchema) {
+            return dn.remove(tabsSchema).then(() => dn.insertBeforeEnd(gridSchema, {}));
+          }
+        }
+      });
+      function onChange(_x2) {
+        return _onChange2.apply(this, arguments);
+      }
+      return onChange;
+    }()
+  }));
+};
+exports.PageDesigner = PageDesigner;

package/lib/client/core/schema/components/page/Page.d.ts

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

package/lib/client/core/schema/components/page/Page.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MPage = void 0;
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+  return data;
+}
+var _helpers = require("../../helpers");
+var _Page = require("./Page.Designer");
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const globalActionCSS = (0, _css().css)`
+  #nb-position-container > & {
+    height: 49px;
+    border-top: 1px solid #f0f2f5;
+    margin-bottom: 0px !important;
+    padding: 0 var(--nb-spacing);
+    align-items: center;
+    overflow-x: auto;
+    background: #ffffff;
+    z-index: 100;
+  }
+`;
+const InternalPage = props => {
+  var _fieldSchema$properti, _tabsSchema$propertie;
+  const Designer = (0, _client().useDesigner)();
+  const fieldSchema = (0, _react().useFieldSchema)();
+  const _useSearchParams = (0, _reactRouterDom().useSearchParams)(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 2),
+    searchParams = _useSearchParams2[0],
+    setSearchParams = _useSearchParams2[1];
+  const tabsSchema = (_fieldSchema$properti = fieldSchema.properties) === null || _fieldSchema$properti === void 0 ? void 0 : _fieldSchema$properti['tabs'];
+  // Only support globalActions in page
+  const onlyInPage = fieldSchema.root === fieldSchema.parent;
+  let hasGlobalActions = false;
+  if (!tabsSchema) {
+    hasGlobalActions = (0, _helpers.countGridCol)(fieldSchema.properties['grid'], 2) === 1;
+  } else if (searchParams.has('tab') && ((_tabsSchema$propertie = tabsSchema.properties) === null || _tabsSchema$propertie === void 0 ? void 0 : _tabsSchema$propertie[searchParams.get('tab')])) {
+    var _tabsSchema$propertie2, _tabsSchema$propertie3;
+    hasGlobalActions = (0, _helpers.countGridCol)((_tabsSchema$propertie2 = tabsSchema.properties[searchParams.get('tab')]) === null || _tabsSchema$propertie2 === void 0 ? void 0 : (_tabsSchema$propertie3 = _tabsSchema$propertie2.properties) === null || _tabsSchema$propertie3 === void 0 ? void 0 : _tabsSchema$propertie3['grid'], 2) === 1;
+  } else if (tabsSchema.properties) {
+    const schema = Object.values(tabsSchema.properties).sort((t1, t2) => t1['x-index'] - t2['x-index'])[0];
+    if (schema) {
+      setTimeout(() => {
+        setSearchParams([['tab', schema.name.toString()]]);
+      });
+    }
+  }
+  const onTabsChange = (0, _react2().useCallback)(key => {
+    setSearchParams([['tab', key]]);
+  }, [setSearchParams]);
+  const GlobalActionProvider = (0, _react2().useMemo)(() => {
+    if (hasGlobalActions) {
+      return _client().ActionBarProvider;
+    }
+    return props => _react2().default.createElement(_react2().default.Fragment, null, props.children);
+  }, [hasGlobalActions]);
+  return _react2().default.createElement(GlobalActionProvider, {
+    container: hasGlobalActions && onlyInPage ? document.getElementById('nb-position-container') : null,
+    forceProps: {
+      layout: 'one-column',
+      className: globalActionCSS
+    }
+  }, _react2().default.createElement(_client().SortableItem, {
+    eid: "nb-mobile-scroll-wrapper",
+    className: (0, _css().cx)('nb-mobile-page', (0, _css().css)`
+            background: #f0f2f5;
+            display: flex;
+            flex-direction: column;
+            width: 100%;
+            height: 100%;
+            overflow-x: hidden;
+            overflow-y: auto;
+            padding-bottom: var(--nb-spacing);
+          `)
+  }, _react2().default.createElement(Designer, _objectSpread({}, fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-designer-props'])), _react2().default.createElement("div", {
+    style: {
+      paddingBottom: tabsSchema ? null : 'var(--nb-spacing)'
+    },
+    className: (0, _css().cx)('nb-mobile-page-header', (0, _css().css)`
+              & > .ant-tabs > .ant-tabs-nav {
+                background: #fff;
+                padding: 0 var(--nb-spacing);
+              }
+              display: flex;
+              flex-direction: column;
+            `)
+  }, _react2().default.createElement(_react().RecursionField, {
+    schema: fieldSchema,
+    filterProperties: s => {
+      return 'MHeader' === s['x-component'];
+    }
+  }), _react2().default.createElement(_client().TabsContextProvider, {
+    deep: false,
+    activeKey: searchParams.get('tab'),
+    onChange: onTabsChange
+  }, _react2().default.createElement(_react().RecursionField, {
+    schema: fieldSchema,
+    filterProperties: s => {
+      return 'Tabs' === s['x-component'];
+    }
+  }))), !tabsSchema && _react2().default.createElement(_react().RecursionField, {
+    schema: fieldSchema,
+    filterProperties: s => {
+      return s['x-component'] !== 'MHeader';
+    }
+  })));
+};
+const MPage = InternalPage;
+exports.MPage = MPage;
+MPage.Designer = _Page.PageDesigner;
+MPage.displayName = 'MPage';

package/lib/client/core/schema/components/page/index.d.ts

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

package/lib/client/core/schema/components/page/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/components/settings/Settings.Designer.d.ts

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

package/lib/client/core/schema/components/settings/Settings.Designer.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingsDesigner = 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SettingsDesigner = () => {
+  const _useTranslation = (0, _locale.useTranslation)(),
+    t = _useTranslation.t;
+  return _react().default.createElement(_client().GeneralSchemaDesigner, null, _react().default.createElement(_client().SchemaSettings.Remove, {
+    key: "remove",
+    removeParentsIfNoChildren: true,
+    confirm: {
+      title: t('Delete settings block')
+    },
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};
+exports.SettingsDesigner = SettingsDesigner;

package/lib/client/core/schema/components/settings/Settings.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SettingsDesigner } from './Settings.Designer';
+export declare const InternalSettings: () => React.JSX.Element;
+export declare const MSettings: (() => React.JSX.Element) & {
+    Designer: typeof SettingsDesigner;
+};

package/lib/client/core/schema/components/settings/Settings.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MSettings = exports.InternalSettings = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+var _Settings = require("./Settings.Designer");
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const InternalSettings = () => {
+  const Designer = (0, _client().useDesigner)();
+  return _react().default.createElement(_client().SortableItem, {
+    className: (0, _css().cx)('nb-mobile-setting', (0, _css().css)`
+          margin-bottom: var(--nb-spacing);
+        `)
+  }, _react().default.createElement(Designer, null), _react().default.createElement(_client().SettingsMenu, {
+    redirectUrl: "/mobile"
+  }));
+};
+exports.InternalSettings = InternalSettings;
+const MSettings = InternalSettings;
+exports.MSettings = MSettings;
+MSettings.Designer = _Settings.SettingsDesigner;

package/lib/client/core/schema/components/settings/SettingsBlockInitializer.d.ts

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