@zhubangyun/lowcode-core 5.12.92 → 6.1.90

package/es/utils/designer/engine/index.js

@@ -15,28 +15,28 @@ export var Engine = function Engine() {
    * 注入资产
    */
   this.injectAssets = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(types) {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(types) {
       var assetsData, asserts, _yield$assetsParse, components;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _this.assets.addDefaultAssets(types);
             assetsData = _this.assets.data; // @ts-ignore
-            _context.next = 4;
+            _context.next = 1;
             return _this._engine.injectAssets(assetsData);
-          case 4:
+          case 1:
             asserts = _context.sent;
-            _context.next = 7;
+            _context.next = 2;
             return _this._engine.material.setAssets(asserts);
-          case 7:
-            _context.next = 9;
+          case 2:
+            _context.next = 3;
             return assetsParse(assetsData);
-          case 9:
+          case 3:
             _yield$assetsParse = _context.sent;
             components = _yield$assetsParse.components;
             // @ts-ignore
             window.components = components;
-          case 12:
+          case 4:
           case "end":
             return _context.stop();
         }
@@ -47,8 +47,8 @@ export var Engine = function Engine() {
     };
   }();
   this.loadIncrementalAssets = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(incrementalAssets) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(incrementalAssets) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             return _context2.abrupt("return", _this.material.loadIncrementalAssets(incrementalAssets));
@@ -63,8 +63,8 @@ export var Engine = function Engine() {
     };
   }();
   this.registerPlugin = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(pluginModel, options, registerOptions) {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(pluginModel, options, registerOptions) {
+      return _regeneratorRuntime.wrap(function (_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             return _context3.abrupt("return", _this.plugins.register(pluginModel, options, registerOptions));
@@ -84,11 +84,11 @@ export var Engine = function Engine() {
    * @param schema
    */
   this.init = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(container, schema) {
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(container, schema) {
+      return _regeneratorRuntime.wrap(function (_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context4.next = 2;
+            _context4.next = 1;
             return _this._engine.init(container, {
               designMode: "design",
               enableCondition: true,
@@ -98,14 +98,14 @@ export var Engine = function Engine() {
                 fetch: createFetchHandler()
               }
             });
-          case 2:
+          case 1:
             if (!schema) {
-              _context4.next = 5;
+              _context4.next = 2;
               break;
             }
-            _context4.next = 5;
+            _context4.next = 2;
             return _this.openDocument(schema);
-          case 5:
+          case 2:
           case "end":
             return _context4.stop();
         }
@@ -116,15 +116,15 @@ export var Engine = function Engine() {
     };
   }();
   this.openDocument = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(schema) {
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(schema) {
+      return _regeneratorRuntime.wrap(function (_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             if (schema === void 0) {
               schema = {};
             }
             _this._engine.project.openDocument(schema);
-          case 2:
+          case 1:
           case "end":
             return _context5.stop();
         }

package/es/utils/designer/index.js

@@ -7,26 +7,26 @@ export function initEngine() {
   return _initEngine.apply(this, arguments);
 }
 function _initEngine() {
-  _initEngine = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  _initEngine = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _window$AntdProMateri, _window$AntdProMateri2;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return loadPlugins(["next.min.js", "variables.css", "next.var.min.css",
           /*        "react.production.min.js",
                   "react-dom.production.min.js",*/
           "prop-types.js", "react15-polyfill.js", "lodash.min.js", "moment.min.js", "engine-core.css", "engine-core.js", "engine-ext.js", "engine-ext.css", "index.css", "index.js"].map(function (uri) {
             return "https://cdn.zhiyunhe.com/lowcode/designer/" + uri;
           }));
-        case 2:
-          _context.next = 4;
+        case 1:
+          _context.next = 2;
           return loadPlugins(["https://cdn.zhiyunhe.com/plugin/dayjs/dayjs.min.js", "https://cdn.zhiyunhe.com/plugin/antd/latest/reset.css", "https://cdn.zhiyunhe.com/plugin/antd/latest/antd.min.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd-pro/view.css", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd-pro/view.js"]);
-        case 4:
+        case 2:
           //注册setter
           (_window$AntdProMateri = window.AntdProMaterial) === null || _window$AntdProMateri === void 0 ? void 0 : (_window$AntdProMateri2 = _window$AntdProMateri.registerSetters) === null || _window$AntdProMateri2 === void 0 ? void 0 : _window$AntdProMateri2.call(_window$AntdProMateri);
           return _context.abrupt("return", new Engine());
-        case 6:
+        case 3:
         case "end":
           return _context.stop();
       }

package/es/utils/page/index.js

@@ -22,9 +22,9 @@ export function showLoading() {
   return _showLoading.apply(this, arguments);
 }
 function _showLoading() {
-  _showLoading = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  _showLoading = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var loading, div;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           loading = document.getElementById("fullscreen-loading");
@@ -36,7 +36,7 @@ function _showLoading() {
             div.innerHTML = "\n                    <div class=\"atom-spinner\">\n                        <div class=\"spinner-inner\">\n                            <div class=\"spinner-line\"></div>\n                            <div class=\"spinner-line\"></div>\n                            <div class=\"spinner-line\"></div>\n                            <div class=\"spinner-circle\"></div>\n                        </div>\n                    </div>\n        ";
             document.body.appendChild(div);
           }
-        case 2:
+        case 1:
         case "end":
           return _context.stop();
       }
@@ -48,16 +48,16 @@ export function hideLoading() {
   return _hideLoading.apply(this, arguments);
 }
 function _hideLoading() {
-  _hideLoading = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+  _hideLoading = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var loading;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           loading = document.getElementById("fullscreen-loading");
           if (loading) {
             loading.style.display = "none";
           }
-        case 2:
+        case 1:
         case "end":
           return _context2.stop();
       }
@@ -69,33 +69,33 @@ export function openPage(_x, _x2) {
   return _openPage.apply(this, arguments);
 }
 function _openPage() {
-  _openPage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url, target) {
+  _openPage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url, target) {
     var _window$parent;
     var page, func;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           // @ts-ignore
           func = (_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : _window$parent.openWorkPlatformTab;
           if (!func) {
-            _context3.next = 7;
+            _context3.next = 2;
             break;
           }
-          _context3.next = 4;
+          _context3.next = 1;
           return func({
             value: target,
             url: url
           });
-        case 4:
+        case 1:
           page = _context3.sent;
-          _context3.next = 8;
+          _context3.next = 3;
           break;
-        case 7:
+        case 2:
           page = window.open(url, target);
-        case 8:
+        case 3:
           console.debug("openPage", page, target);
           return _context3.abrupt("return", page);
-        case 10:
+        case 4:
         case "end":
           return _context3.stop();
       }
@@ -107,10 +107,10 @@ export function closePage(_x3, _x4) {
   return _closePage.apply(this, arguments);
 }
 function _closePage() {
-  _closePage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(url, target) {
+  _closePage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(url, target) {
     var _window$parent2;
     var func;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           // @ts-ignore
@@ -123,7 +123,7 @@ function _closePage() {
           } else {
             window.close();
           }
-        case 2:
+        case 1:
         case "end":
           return _context4.stop();
       }

package/es/utils/page/page-form-data-manager-group.js

@@ -9,14 +9,14 @@ import { PageLayout } from "./page-layout";
 import React, { Component } from "react";
 import { ReactRender } from "../../components/react-render";
 import { renderElement } from "./page-render";
-import { v4 } from "uuid";
+import { uuid } from "../common";
 export function showFormDataManagerGroup(_x) {
   return _showFormDataManagerGroup.apply(this, arguments);
 }
 function _showFormDataManagerGroup() {
-  _showFormDataManagerGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+  _showFormDataManagerGroup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
     var container, onClose, props;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           container = options.container, onClose = options.onClose, props = _objectWithoutPropertiesLoose(options, _excluded2);
@@ -28,7 +28,7 @@ function _showFormDataManagerGroup() {
               props: props
             }
           }));
-        case 2:
+        case 1:
         case "end":
           return _context.stop();
       }
@@ -72,14 +72,17 @@ var FormDataManagerRender = /*#__PURE__*/function (_Component) {
       onSelectOk === null || onSelectOk === void 0 ? void 0 : onSelectOk(data);
     };
     return /*#__PURE__*/React.createElement(PageLayout, {
-      layout: layout,
       ref: function ref(layout) {
         return _this2.layoutRef = layout;
+      },
+      layout: layout,
+      onClose: function onClose() {
+        onSelectOk === null || onSelectOk === void 0 ? void 0 : onSelectOk(undefined);
       }
     }, /*#__PURE__*/React.createElement(ReactRender, _extends({}, restProps, {
       components: window._components || window.components || window.__components,
       schema: {
-        id: v4(),
+        id: uuid(),
         componentName: "Page",
         props: {},
         state: {},

package/es/utils/page/page-form-data-manager.d.ts

@@ -11,6 +11,7 @@ export interface DataView {
         id?: string;
         fieldId?: string;
     };
+    extraProps?: any;
     labelField?: string;
     secondaryLabelFields?: string[];
     fieldWidth?: Record<string, number>;

package/es/utils/page/page-form-data-manager.js

@@ -9,16 +9,16 @@ import { PageLayout } from "./page-layout";
 import React, { Component } from "react";
 import { PageLoadSchema } from "./page-load-schema";
 import { ReactRender } from "../../components/react-render";
-import { forEachFormSchema } from "../cache/schema";
 import { cloneDataView } from "./page-schema-utils";
 import { renderElement } from "./page-render";
+import { forEachSchema } from "../api/schema.util";
 export function showFormDataManager(_x) {
   return _showFormDataManager.apply(this, arguments);
 }
 function _showFormDataManager() {
-  _showFormDataManager = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+  _showFormDataManager = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
     var container, onClose, props;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           container = options.container, onClose = options.onClose, props = _objectWithoutPropertiesLoose(options, _excluded2);
@@ -30,7 +30,7 @@ function _showFormDataManager() {
               props: props
             }
           }));
-        case 2:
+        case 1:
         case "end":
           return _context.stop();
       }
@@ -75,16 +75,19 @@ var FormDataManagerRender = /*#__PURE__*/function (_Component) {
     };
     var dataView = cloneDataView(this.props.dataView, this.props.extraProps);
     return /*#__PURE__*/React.createElement(PageLayout, {
-      layout: layout,
       ref: function ref(layout) {
         return _this2.layoutRef = layout;
+      },
+      layout: layout,
+      onClose: function onClose() {
+        onSelectOk === null || onSelectOk === void 0 ? void 0 : onSelectOk(undefined);
       }
     }, /*#__PURE__*/React.createElement(PageLoadSchema, {
       pageId: form === null || form === void 0 ? void 0 : form.id
     }, function (schema) {
       var fdmSchema = schema.children[0].fdmSchema;
       if (form !== null && form !== void 0 && form.fieldId) {
-        forEachFormSchema(schema, function (field) {
+        forEachSchema(schema, function (field) {
           if (form.fieldId == field.props.fieldId) {
             fdmSchema = field.fdmSchema;
             return false;

package/es/utils/page/page-form-group.d.ts

@@ -7,6 +7,7 @@ export interface ShowFormGroupProps {
         id: string;
         fieldId?: string;
     };
+    extraProps?: any;
     items?: any[];
     mode?: PageFormModeType;
     onSubmitOk?: (data: any) => void;

package/es/utils/page/page-form-group.js

@@ -9,15 +9,15 @@ import { PageLayout } from "./page-layout";
 import { renderElement } from "./page-render";
 import React, { Component } from "react";
 import { ReactRender } from "../../components/react-render";
-import { v4 } from "uuid";
 import { PageLoadSchema } from "./page-load-schema";
+import { uuid } from "../common";
 export function showFormGroup(_x) {
   return _showFormGroup.apply(this, arguments);
 }
 function _showFormGroup() {
-  _showFormGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+  _showFormGroup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
     var container, onClose, props;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           container = options.container, onClose = options.onClose, props = _objectWithoutPropertiesLoose(options, _excluded2);
@@ -29,7 +29,7 @@ function _showFormGroup() {
               props: props
             }
           }));
-        case 2:
+        case 1:
         case "end":
           return _context.stop();
       }
@@ -67,17 +67,18 @@ var FormGroupRender = /*#__PURE__*/function (_Component) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
     };
     return /*#__PURE__*/React.createElement(PageLayout, {
-      layout: layout,
       ref: function ref(layout) {
         return _this2.layoutRef = layout;
-      }
+      },
+      layout: layout,
+      keyboard: false
     }, /*#__PURE__*/React.createElement(PageLoadSchema, {
       pageId: form === null || form === void 0 ? void 0 : form.id
     }, function (schema) {
       return /*#__PURE__*/React.createElement(ReactRender, _extends({}, restProps, {
         components: window._components || window.components || window.__components,
         schema: {
-          id: v4(),
+          id: uuid(),
           componentName: "Page",
           props: {},
           state: {},

package/es/utils/page/page-form.d.ts

@@ -7,6 +7,7 @@ export interface ShowFormProps {
         id: string;
         fieldId?: string;
     };
+    extraProps?: any;
     mode?: PageFormModeType;
     lockMode?: boolean;
     dataId?: string;

package/es/utils/page/page-form.js

@@ -15,30 +15,40 @@ export function showForm(_x) {
   return _showForm.apply(this, arguments);
 }
 function _showForm() {
-  _showForm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
-    var container, onClose, props, _options$form, paths, mode, dataId, params, url, _page;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+  _showForm = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+    var container, onClose, props, _options$form, paths, mode, dataId, params, _options$form2, url, page;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           container = options.container, onClose = options.onClose, props = _objectWithoutPropertiesLoose(options, _excluded2); //容器不存在需要手动取消挂载
           if (!(options.layout == "page" && !container)) {
-            _context.next = 12;
+            _context.next = 2;
             break;
           }
           paths = window.location.pathname.split("/");
           mode = options.mode, dataId = options.dataId;
           params = new URLSearchParams();
+          if ((_options$form = options.form) !== null && _options$form !== void 0 && _options$form.id) {
+            params.set("pageId", (_options$form2 = options.form) === null || _options$form2 === void 0 ? void 0 : _options$form2.id);
+          }
+          if (mode) {
+            params.set("mode", mode);
+          }
           if (dataId) {
             params.set("dataId", dataId);
           }
-          url = "/" + paths[1] + "/" + paths[2] + "/" + ((_options$form = options.form) === null || _options$form === void 0 ? void 0 : _options$form.id) + "/" + mode + "?" + params.toString();
-          _context.next = 9;
+          url = "/" + paths[1] + "/pages?" + params.toString();
+          if (paths[1] == "workPlatform") {
+            url = "/pages?" + params.toString();
+          }
+          //const url = `/${paths[1]}/${paths[2]}/${options.form?.id}/${mode}?${params.toString()}`;
+          _context.next = 1;
           return openPage(url, url);
-        case 9:
-          _page = _context.sent;
-          console.debug("openPage", _page);
+        case 1:
+          page = _context.sent;
+          console.debug("openPage", page);
           return _context.abrupt("return");
-        case 12:
+        case 2:
           return _context.abrupt("return", renderElement({
             container: container,
             onClose: onClose,
@@ -47,7 +57,7 @@ function _showForm() {
               props: props
             }
           }));
-        case 13:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -87,7 +97,8 @@ var FormRender = /*#__PURE__*/function (_Component) {
       layout: layout,
       ref: function ref(layout) {
         return _this2.layoutRef = layout;
-      }
+      },
+      onClose: onClose
     }, /*#__PURE__*/React.createElement(PageLoadSchema, {
       pageId: form === null || form === void 0 ? void 0 : form.id
     }, function (schema) {

package/es/utils/page/page-layout.d.ts

@@ -2,6 +2,8 @@ import { Component } from "react";
 export type PageLayoutType = "page" | "modal" | "drawer";
 interface PageLayoutProps {
     layout?: PageLayoutType;
+    onClose?: (evt: any) => void;
+    keyboard?: boolean;
     children: any;
 }
 interface PageLayoutState {
@@ -10,6 +12,7 @@ interface PageLayoutState {
 }
 export declare class PageLayout extends Component<PageLayoutProps, PageLayoutState> {
     state: PageLayoutState;
+    get layout(): PageLayoutType;
     close: () => void;
     constructor(props: any);
     componentDidMount(): void;

package/es/utils/page/page-layout.js

@@ -1,6 +1,10 @@
 import _Drawer from "antd/es/drawer";
 import _Modal from "antd/es/modal";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+var _excluded = ["children"];
 import React, { Component } from "react";
 import { LoadMaterials } from "../../components/load-materials";
 export var PageLayout = /*#__PURE__*/function (_Component) {
@@ -19,7 +23,7 @@ export var PageLayout = /*#__PURE__*/function (_Component) {
       return Math.min(window.innerWidth, 1600);
     };
     _this.handleResize = function () {
-      if (_this.props.layout == "drawer") {
+      if (_this.layout == "drawer") {
         _this.setState({
           width: _this.getWith()
         });
@@ -37,10 +41,13 @@ export var PageLayout = /*#__PURE__*/function (_Component) {
     window.removeEventListener("resize", this.handleResize);
   };
   _proto.render = function render() {
-    var layout = this.props.layout;
+    var _this$props = this.props,
+      children = _this$props.children,
+      extraProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    var layout = this.layout;
     var state = this.state;
-    var children = /*#__PURE__*/React.createElement(LoadMaterialChildren, null, this.props.children);
-    var restProps = {
+    var restProps = _extends({}, extraProps, {
+      children: undefined,
       open: state.open,
       width: state.width,
       onClose: this.close,
@@ -59,17 +66,34 @@ export var PageLayout = /*#__PURE__*/function (_Component) {
         }
       },
       maskClosable: false
-    };
+    });
+    var loadChildren = /*#__PURE__*/React.createElement(LoadMaterialChildren, null, children);
     if (layout == "modal") {
       restProps.style.top = 64;
       restProps.styles.body.height = "calc(100vh - 120px)";
-      return /*#__PURE__*/React.createElement(_Modal, restProps, children);
+      return /*#__PURE__*/React.createElement(_Modal, restProps, loadChildren);
     } else if (layout == "drawer") {
-      return /*#__PURE__*/React.createElement(_Drawer, restProps, children);
+      if (window.isMobile) {
+        restProps.placement = "bottom";
+      }
+      return /*#__PURE__*/React.createElement(_Drawer, _extends({}, restProps, {
+        height: "85vh"
+      }), loadChildren);
     }
-    return children;
+    return loadChildren;
   };
-  return PageLayout;
+  return _createClass(PageLayout, [{
+    key: "layout",
+    get: function get() {
+      var layout = this.props.layout;
+      if (window.isMobile) {
+        if (layout == "modal") {
+          return "drawer";
+        }
+      }
+      return layout;
+    }
+  }]);
 }(Component);
 function LoadMaterialChildren(props) {
   return /*#__PURE__*/React.createElement(LoadMaterials, null, props.children);