antd-management-fast-framework 1.11.59 → 1.12.2

package/es/customComponents/MobileContainor/Devices/Iphone8plus/index.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _tools = require("../../../../utils/tools");
 
+var _constants = require("../../../../utils/constants");
+
 var _ContentView = _interopRequireDefault(require("../../ContentView"));
 
 var _devices = _interopRequireDefault(require("../devices.less"));
@@ -43,23 +45,31 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-var Index = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Index, _PureComponent);
+var Iphone8plus = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Iphone8plus, _PureComponent);
 
-  var _super = _createSuper(Index);
+  var _super = _createSuper(Iphone8plus);
 
-  function Index() {
-    _classCallCheck(this, Index);
+  function Iphone8plus() {
+    _classCallCheck(this, Iphone8plus);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(Index, [{
+  _createClass(Iphone8plus, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          typeSource = _this$props.type,
-          children = _this$props.children;
+          alertVisible = _this$props.alertVisible,
+          alertAnimationType = _this$props.alertAnimationType,
+          alertMessage = _this$props.alertMessage,
+          alertDescription = _this$props.alertDescription,
+          alertIcon = _this$props.alertIcon,
+          alertType = _this$props.alertType,
+          alertButtonText = _this$props.alertButtonText,
+          afterAlertClick = _this$props.afterAlertClick,
+          children = _this$props.children,
+          typeSource = _this$props.type;
       var type = (0, _tools.inCollection)(['black', 'silver', 'gold'], typeSource) ? typeSource : 'silver';
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default.devices
@@ -79,7 +89,16 @@ var Index = /*#__PURE__*/function (_PureComponent) {
         className: _devices.default.speaker
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default.screen
-      }, /*#__PURE__*/_react.default.createElement(_ContentView.default, null, children)), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_ContentView.default, {
+        alertVisible: alertVisible,
+        alertAnimationType: alertAnimationType,
+        alertMessage: alertMessage,
+        alertDescription: alertDescription,
+        alertIcon: alertIcon,
+        alertType: alertType,
+        alertButtonText: alertButtonText,
+        afterAlertClick: afterAlertClick
+      }, children)), /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default.home
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default['bottom-bar']
@@ -87,11 +106,19 @@ var Index = /*#__PURE__*/function (_PureComponent) {
     }
   }]);
 
-  return Index;
+  return Iphone8plus;
 }(_react.PureComponent);
 
-Index.defaultProps = {
-  type: 'silver'
+Iphone8plus.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null,
+  type: 'black'
 };
-var _default = Index;
+var _default = Iphone8plus;
 exports.default = _default;

package/es/customComponents/MobileContainor/Devices/IphoneX/index.d.ts

@@ -1,6 +1,19 @@
-export default Index;
-declare class Index extends React.PureComponent<any, any, any> {
+export default IphoneX;
+declare class IphoneX extends React.PureComponent<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
 }
+declare namespace IphoneX {
+    export const defaultProps: {
+        alertVisible: boolean;
+        alertAnimationType: string;
+        alertMessage: string;
+        alertDescription: string;
+        alertType: string;
+        alertIcon: boolean;
+        alertButtonText: string;
+        afterAlertClick: null;
+        type: string;
+    };
+}
 import React from "react";

package/es/customComponents/MobileContainor/Devices/IphoneX/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _constants = require("../../../../utils/constants");
+
 var _ContentView = _interopRequireDefault(require("../../ContentView"));
 
 var _devices = _interopRequireDefault(require("../devices.less"));
@@ -41,21 +43,30 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-var Index = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Index, _PureComponent);
+var IphoneX = /*#__PURE__*/function (_PureComponent) {
+  _inherits(IphoneX, _PureComponent);
 
-  var _super = _createSuper(Index);
+  var _super = _createSuper(IphoneX);
 
-  function Index() {
-    _classCallCheck(this, Index);
+  function IphoneX() {
+    _classCallCheck(this, IphoneX);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(Index, [{
+  _createClass(IphoneX, [{
     key: "render",
     value: function render() {
-      var children = this.props.children;
+      var _this$props = this.props,
+          alertVisible = _this$props.alertVisible,
+          alertAnimationType = _this$props.alertAnimationType,
+          alertMessage = _this$props.alertMessage,
+          alertDescription = _this$props.alertDescription,
+          alertIcon = _this$props.alertIcon,
+          alertType = _this$props.alertType,
+          alertButtonText = _this$props.alertButtonText,
+          afterAlertClick = _this$props.afterAlertClick,
+          children = _this$props.children;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default.devices
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -88,12 +99,32 @@ var Index = /*#__PURE__*/function (_PureComponent) {
         className: _devices.default['inner-shadow']
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default.screen
-      }, /*#__PURE__*/_react.default.createElement(_ContentView.default, null, children))));
+      }, /*#__PURE__*/_react.default.createElement(_ContentView.default, {
+        alertVisible: alertVisible,
+        alertAnimationType: alertAnimationType,
+        alertMessage: alertMessage,
+        alertDescription: alertDescription,
+        alertIcon: alertIcon,
+        alertType: alertType,
+        alertButtonText: alertButtonText,
+        afterAlertClick: afterAlertClick
+      }, children))));
     }
   }]);
 
-  return Index;
+  return IphoneX;
 }(_react.PureComponent);
 
-var _default = Index;
+IphoneX.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null,
+  type: 'black'
+};
+var _default = IphoneX;
 exports.default = _default;

package/es/customComponents/MobileContainor/Devices/RoughSketch/index.d.ts

@@ -0,0 +1,18 @@
+export default RoughSketch;
+declare class RoughSketch extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+declare namespace RoughSketch {
+    export namespace defaultProps {
+        export const alertVisible: boolean;
+        export const alertAnimationType: string;
+        export const alertMessage: string;
+        export const alertDescription: string;
+        export const alertType: string;
+        export const alertIcon: boolean;
+        export const alertButtonText: string;
+        export const afterAlertClick: null;
+    }
+}
+import React from "react";

package/es/customComponents/MobileContainor/{RoughSketch → Devices/RoughSketch}/index.js

@@ -9,7 +9,9 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ContentView = _interopRequireDefault(require("../ContentView"));
+var _constants = require("../../../../utils/constants");
+
+var _ContentView = _interopRequireDefault(require("../../ContentView"));
 
 var _index = _interopRequireDefault(require("./index.less"));
 
@@ -39,29 +41,57 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-var MobileContainor = /*#__PURE__*/function (_PureComponent) {
-  _inherits(MobileContainor, _PureComponent);
+var RoughSketch = /*#__PURE__*/function (_PureComponent) {
+  _inherits(RoughSketch, _PureComponent);
 
-  var _super = _createSuper(MobileContainor);
+  var _super = _createSuper(RoughSketch);
 
-  function MobileContainor() {
-    _classCallCheck(this, MobileContainor);
+  function RoughSketch() {
+    _classCallCheck(this, RoughSketch);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(MobileContainor, [{
+  _createClass(RoughSketch, [{
     key: "render",
     value: function render() {
-      var children = this.props.children;
+      var _this$props = this.props,
+          alertVisible = _this$props.alertVisible,
+          alertAnimationType = _this$props.alertAnimationType,
+          alertMessage = _this$props.alertMessage,
+          alertDescription = _this$props.alertDescription,
+          alertIcon = _this$props.alertIcon,
+          alertType = _this$props.alertType,
+          alertButtonText = _this$props.alertButtonText,
+          afterAlertClick = _this$props.afterAlertClick,
+          children = _this$props.children;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.device
-      }, /*#__PURE__*/_react.default.createElement(_ContentView.default, null, children));
+      }, /*#__PURE__*/_react.default.createElement(_ContentView.default, {
+        alertVisible: alertVisible,
+        alertAnimationType: alertAnimationType,
+        alertMessage: alertMessage,
+        alertDescription: alertDescription,
+        alertIcon: alertIcon,
+        alertType: alertType,
+        alertButtonText: alertButtonText,
+        afterAlertClick: afterAlertClick
+      }, children));
     }
   }]);
 
-  return MobileContainor;
+  return RoughSketch;
 }(_react.PureComponent);
 
-var _default = MobileContainor;
+RoughSketch.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null
+};
+var _default = RoughSketch;
 exports.default = _default;

package/es/customComponents/MobileContainor/MobileHtmlPreviewBox/index.d.ts

@@ -0,0 +1,12 @@
+export default MobileHtmlPreviewBox;
+declare class MobileHtmlPreviewBox extends MobilePreviewArea {
+    constructor(props: any);
+    loadDataAfterMount: boolean;
+    buildContent: () => JSX.Element;
+}
+declare namespace MobileHtmlPreviewBox {
+    export namespace defaultProps {
+        export const html: string;
+    }
+}
+import MobilePreviewArea from "../MobilePreviewArea";

package/es/customComponents/MobileContainor/MobileHtmlPreviewBox/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HtmlBox = _interopRequireDefault(require("../../HtmlBox"));
+
+var _MobilePreviewArea2 = _interopRequireDefault(require("../MobilePreviewArea"));
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var MobileHtmlPreviewBox = /*#__PURE__*/function (_MobilePreviewArea) {
+  _inherits(MobileHtmlPreviewBox, _MobilePreviewArea);
+
+  var _super = _createSuper(MobileHtmlPreviewBox);
+
+  function MobileHtmlPreviewBox(props) {
+    var _this;
+
+    _classCallCheck(this, MobileHtmlPreviewBox);
+
+    _this = _super.call(this, props);
+    _this.loadDataAfterMount = false;
+    _this.resetDataAfterLoad = false;
+
+    _this.buildContent = function () {
+      var html = _this.props.html;
+      return /*#__PURE__*/_react.default.createElement(_HtmlBox.default, {
+        html: html
+      });
+    };
+
+    _this.renderInnerView = function () {
+      return _this.buildContent();
+    };
+
+    _this.state = _objectSpread(_objectSpread({}, _this.state), {});
+    return _this;
+  }
+
+  return _createClass(MobileHtmlPreviewBox);
+}(_MobilePreviewArea2.default);
+
+MobileHtmlPreviewBox.defaultProps = {
+  html: ''
+};
+var _default = MobileHtmlPreviewBox;
+exports.default = _default;

package/es/customComponents/MobileContainor/MobilePreviewArea/index.d.ts

@@ -1,5 +1,5 @@
-export default Index;
-declare class Index extends Base {
+export default MobilePreviewArea;
+declare class MobilePreviewArea extends Base {
     constructor(props: any);
     state: any;
     buildMobileTypeArray: () => any[];
@@ -27,11 +27,20 @@ declare class Index extends Base {
         }[];
     };
     renderInnerView: () => null;
+    renderInnerViewWrapper: () => null;
     renderFurther(): any;
 }
-declare namespace Index {
+declare namespace MobilePreviewArea {
     export namespace defaultProps {
+        export const alertVisible: boolean;
+        export const alertAnimationType: string;
+        export const alertMessage: string;
+        export const alertDescription: string;
+        export const alertType: string;
+        export const alertIcon: boolean;
+        export const alertButtonText: string;
         export const mobileList: never[];
+        export const afterAlertClick: null;
     }
 }
 import Base from "../../../framework/DataOperation/Base";

package/es/customComponents/MobileContainor/MobilePreviewArea/index.js

@@ -19,7 +19,7 @@ var _Base2 = _interopRequireDefault(require("../../../framework/DataOperation/Ba
 
 var _VerticalBox = _interopRequireDefault(require("../../VerticalBox"));
 
-var _RoughSketch = _interopRequireDefault(require("../RoughSketch"));
+var _RoughSketch = _interopRequireDefault(require("../Devices/RoughSketch"));
 
 var _IphoneX = _interopRequireDefault(require("../Devices/IphoneX"));
 
@@ -73,15 +73,15 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-var Index = /*#__PURE__*/function (_Base) {
-  _inherits(Index, _Base);
+var MobilePreviewArea = /*#__PURE__*/function (_Base) {
+  _inherits(MobilePreviewArea, _Base);
 
-  var _super = _createSuper(Index);
+  var _super = _createSuper(MobilePreviewArea);
 
-  function Index(props) {
+  function MobilePreviewArea(props) {
     var _this;
 
-    _classCallCheck(this, Index);
+    _classCallCheck(this, MobilePreviewArea);
 
     _this = _super.call(this, props);
     _this.resetDataAfterLoad = false;
@@ -102,7 +102,16 @@ var Index = /*#__PURE__*/function (_Base) {
     };
 
     _this.establishCardCollectionConfig = function () {
-      var mobileList = _this.props.mobileList;
+      var _this$props = _this.props,
+          alertVisible = _this$props.alertVisible,
+          alertAnimationType = _this$props.alertAnimationType,
+          alertMessage = _this$props.alertMessage,
+          alertDescription = _this$props.alertDescription,
+          alertIcon = _this$props.alertIcon,
+          alertType = _this$props.alertType,
+          alertButtonText = _this$props.alertButtonText,
+          afterAlertClick = _this$props.afterAlertClick,
+          mobileList = _this$props.mobileList;
       var mobileType = _this.state.mobileType;
       var listConfig = [];
       var mobileCollection = (0, _tools.isArray)(mobileList) && mobileList.length <= 0 ? _this.buildMobileTypeArray() : mobileList;
@@ -123,27 +132,81 @@ var Index = /*#__PURE__*/function (_Base) {
 
       switch (mobileType) {
         case _constants.mobileTypeCollection.roughSketch.name:
-          mobileView = /*#__PURE__*/_react.default.createElement(_RoughSketch.default, null, _this.renderInnerView());
+          mobileView = /*#__PURE__*/_react.default.createElement(_RoughSketch.default, {
+            alertVisible: alertVisible,
+            alertAnimationType: alertAnimationType,
+            alertMessage: alertMessage,
+            alertDescription: alertDescription,
+            alertIcon: alertIcon,
+            alertType: alertType,
+            alertButtonText: alertButtonText,
+            afterAlertClick: afterAlertClick
+          }, _this.renderInnerViewWrapper());
           break;
 
         case _constants.mobileTypeCollection.iphoneX.name:
-          mobileView = /*#__PURE__*/_react.default.createElement(_IphoneX.default, null, _this.renderInnerView());
+          mobileView = /*#__PURE__*/_react.default.createElement(_IphoneX.default, {
+            alertVisible: alertVisible,
+            alertAnimationType: alertAnimationType,
+            alertMessage: alertMessage,
+            alertDescription: alertDescription,
+            alertIcon: alertIcon,
+            alertType: alertType,
+            alertButtonText: alertButtonText,
+            afterAlertClick: afterAlertClick
+          }, _this.renderInnerViewWrapper());
           break;
 
         case _constants.mobileTypeCollection.iphone8.name:
-          mobileView = /*#__PURE__*/_react.default.createElement(_Iphone.default, null, _this.renderInnerView());
+          mobileView = /*#__PURE__*/_react.default.createElement(_Iphone.default, {
+            alertVisible: alertVisible,
+            alertAnimationType: alertAnimationType,
+            alertMessage: alertMessage,
+            alertDescription: alertDescription,
+            alertIcon: alertIcon,
+            alertType: alertType,
+            alertButtonText: alertButtonText,
+            afterAlertClick: afterAlertClick
+          }, _this.renderInnerViewWrapper());
           break;
 
         case _constants.mobileTypeCollection.iphone8plus.name:
-          mobileView = /*#__PURE__*/_react.default.createElement(_Iphone8plus.default, null, _this.renderInnerView());
+          mobileView = /*#__PURE__*/_react.default.createElement(_Iphone8plus.default, {
+            alertVisible: alertVisible,
+            alertAnimationType: alertAnimationType,
+            alertMessage: alertMessage,
+            alertDescription: alertDescription,
+            alertIcon: alertIcon,
+            alertType: alertType,
+            alertButtonText: alertButtonText,
+            afterAlertClick: afterAlertClick
+          }, _this.renderInnerViewWrapper());
           break;
 
         case _constants.mobileTypeCollection.iPhone5S.name:
-          mobileView = /*#__PURE__*/_react.default.createElement(_IPhone5S.default, null, _this.renderInnerView());
+          mobileView = /*#__PURE__*/_react.default.createElement(_IPhone5S.default, {
+            alertVisible: alertVisible,
+            alertAnimationType: alertAnimationType,
+            alertMessage: alertMessage,
+            alertDescription: alertDescription,
+            alertIcon: alertIcon,
+            alertType: alertType,
+            alertButtonText: alertButtonText,
+            afterAlertClick: afterAlertClick
+          }, _this.renderInnerViewWrapper());
           break;
 
         case _constants.mobileTypeCollection.galaxyNote8.name:
-          mobileView = /*#__PURE__*/_react.default.createElement(_GalaxyNote.default, null, _this.renderInnerView());
+          mobileView = /*#__PURE__*/_react.default.createElement(_GalaxyNote.default, {
+            alertVisible: alertVisible,
+            alertAnimationType: alertAnimationType,
+            alertMessage: alertMessage,
+            alertDescription: alertDescription,
+            alertIcon: alertIcon,
+            alertType: alertType,
+            alertButtonText: alertButtonText,
+            afterAlertClick: afterAlertClick
+          }, _this.renderInnerViewWrapper());
           break;
 
         default:
@@ -202,6 +265,10 @@ var Index = /*#__PURE__*/function (_Base) {
       return null;
     };
 
+    _this.renderInnerViewWrapper = function () {
+      return _this.renderInnerView();
+    };
+
     _this.state = _objectSpread(_objectSpread({}, _this.state), {
       placement: 'top',
       height: '100vh',
@@ -211,18 +278,26 @@ var Index = /*#__PURE__*/function (_Base) {
     return _this;
   }
 
-  _createClass(Index, [{
+  _createClass(MobilePreviewArea, [{
     key: "renderFurther",
     value: function renderFurther() {
       return this.buildCardCollection(this.establishCardCollectionConfig());
     }
   }]);
 
-  return Index;
+  return MobilePreviewArea;
 }(_Base2.default);
 
-Index.defaultProps = {
-  mobileList: []
+MobilePreviewArea.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  mobileList: [],
+  afterAlertClick: null
 };
-var _default = Index;
+var _default = MobilePreviewArea;
 exports.default = _default;

package/es/customComponents/MobileContainor/MobilePreviewDrawer/index.js

@@ -19,7 +19,7 @@ var _BaseNeedlessLoadDrawer = _interopRequireDefault(require("../../../framework
 
 var _VerticalBox = _interopRequireDefault(require("../../VerticalBox"));
 
-var _RoughSketch = _interopRequireDefault(require("../RoughSketch"));
+var _RoughSketch = _interopRequireDefault(require("../Devices/RoughSketch"));
 
 var _IphoneX = _interopRequireDefault(require("../Devices/IphoneX"));
 

package/es/framework/Common/index.js

@@ -1429,7 +1429,11 @@ var Common = /*#__PURE__*/function (_Core) {
         });
       }
 
-      return /*#__PURE__*/_react.default.createElement(_space.default, {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          backgroundColor: '#f0f2f5'
+        }
+      }, /*#__PURE__*/_react.default.createElement(_space.default, {
         style: {
           width: '100%'
         },
@@ -1443,7 +1447,7 @@ var Common = /*#__PURE__*/function (_Core) {
           config: item,
           key: index
         });
-      }));
+      })));
     };
 
     _this.renderSiderArea = function () {
@@ -1505,7 +1509,12 @@ var Common = /*#__PURE__*/function (_Core) {
           minHeight: 'auto'
         }
       }), layoutConfig || {});
-      var inner = siderArea == null ? contentArea : /*#__PURE__*/_react.default.createElement(_layout.default, layoutConfig, siderPosition === 'left' ? /*#__PURE__*/_react.default.createElement(Sider, siderConfig, siderArea) : null, /*#__PURE__*/_react.default.createElement(Content, null, contentArea), siderPosition !== 'left' ? /*#__PURE__*/_react.default.createElement(Sider, siderConfig, siderArea) : null);
+      var inner = siderArea == null ? contentArea : /*#__PURE__*/_react.default.createElement(_layout.default, layoutConfig, siderPosition === 'left' ? /*#__PURE__*/_react.default.createElement(Sider, siderConfig, siderArea) : null, /*#__PURE__*/_react.default.createElement(Content, {
+        style: {
+          backgroundColor: '#fff',
+          borderRadius: '4px'
+        }
+      }, contentArea), siderPosition !== 'left' ? /*#__PURE__*/_react.default.createElement(Sider, siderConfig, siderArea) : null);
 
       var toolbar = _this.buildToolBarWrapper();