antd-management-fast-framework 1.11.39 → 1.11.44

package/es/customComponents/ImageBox/index.less

@@ -23,7 +23,7 @@
   }
 
   .imageLoadAnimationInit {
-    opacity: 1%;
+    opacity: 0.01;
   }
 
   .imageLoadAnimation {
@@ -37,7 +37,7 @@
     z-index: 2;
     width: 100%;
     height: 100%;
-    opacity: 65%;
+    opacity: 0.65;
 
     .overlayIcon {
       color: #fff;
@@ -105,10 +105,10 @@
 
 @keyframes opacity-change {
   from {
-    opacity: 1%;
+    opacity: 0.01;
   }
 
   to {
-    opacity: 100%;
+    opacity: 1;
   }
 }

package/es/customComponents/ImageUpload/index.d.ts

@@ -22,6 +22,9 @@ declare namespace ImageUpload {
             export const width: string;
             export const emptyImage: string;
         }
+        export const icon: null;
+        export const title: string;
+        export const helper: string;
         export function pretreatmentRemoteResponse(): void;
         export function afterUploadSuccess(): void;
         export function onItemChange({ file, fileList }: {

package/es/customComponents/ImageUpload/index.js

@@ -15,6 +15,10 @@ require("antd/es/upload/style");
 
 var _upload = _interopRequireDefault(require("antd/es/upload"));
 
+require("antd/es/tooltip/style");
+
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+
 require("antd/es/message/style");
 
 var _message2 = _interopRequireDefault(require("antd/es/message"));
@@ -39,6 +43,8 @@ var _VerticalBox = _interopRequireDefault(require("../VerticalBox"));
 
 var _CenterBox = _interopRequireDefault(require("../CenterBox"));
 
+var _IconInfo = _interopRequireDefault(require("../IconInfo"));
+
 var _index = _interopRequireDefault(require("./index.less"));
 
 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); }
@@ -248,7 +254,10 @@ var ImageUpload = /*#__PURE__*/function (_PureComponent) {
           tokenSet = _this$props2.tokenSet,
           onItemChange = _this$props2.onItemChange,
           onItemRemove = _this$props2.onItemRemove,
-          multiple = _this$props2.multiple;
+          multiple = _this$props2.multiple,
+          title = _this$props2.title,
+          icon = _this$props2.icon,
+          helper = _this$props2.helper;
       var _this$state = this.state,
           uploading = _this$state.uploading,
           previewVisible = _this$state.previewVisible,
@@ -284,7 +293,7 @@ var ImageUpload = /*#__PURE__*/function (_PureComponent) {
           width = _width$emptyImage.width,
           emptyImage = _width$emptyImage.emptyImage;
 
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.containor
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "clearfix"
@@ -294,13 +303,15 @@ var ImageUpload = /*#__PURE__*/function (_PureComponent) {
           minWidth: '140px',
           width: width
         }
-      }, /*#__PURE__*/_react.default.createElement(_upload.default, uploadProps, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_upload.default, uploadProps, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        title: "\u4E0A\u4F20\u56FE\u7247"
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.imageAction
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.icon
       }, /*#__PURE__*/_react.default.createElement(_CenterBox.default, null, uploading ? /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null))), /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.text
-      }, uploading ? '上传中' : '上传')), /*#__PURE__*/_react.default.createElement(_VerticalBox.default, {
+      }, uploading ? '上传中' : '上传'))), /*#__PURE__*/_react.default.createElement(_VerticalBox.default, {
         align: "bottom",
         style: {
           height: '100%'
@@ -320,15 +331,23 @@ var ImageUpload = /*#__PURE__*/function (_PureComponent) {
       })))), /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.toolBar
       }, /*#__PURE__*/_react.default.createElement(_FlexBox.default, {
-        right: /*#__PURE__*/_react.default.createElement(_space.default, null, /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, {
+        left: /*#__PURE__*/_react.default.createElement(_IconInfo.default, {
+          icon: icon,
+          text: (0, _tools.stringIsNullOrWhiteSpace)(title) ? '' : title
+        }),
+        right: /*#__PURE__*/_react.default.createElement(_space.default, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+          title: "\u9884\u89C8\u56FE\u7247"
+        }, /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, {
           onClick: function onClick() {
             _this2.handleImagePreview();
           }
-        }), /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, {
+        })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+          title: "\u6E05\u9664\u56FE\u7247"
+        }, /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, {
           onClick: function onClick() {
             _this2.clearImage();
           }
-        }))
+        })))
       })))) : /*#__PURE__*/_react.default.createElement(_upload.default, uploadProps, (fileList || []).length >= listCapacity ? null : uploadButton), /*#__PURE__*/_react.default.createElement(_modal.default, {
         visible: previewVisible,
         footer: null,
@@ -351,7 +370,9 @@ var ImageUpload = /*#__PURE__*/function (_PureComponent) {
         showErrorIcon: false,
         fillHeight: false,
         alt: ""
-      }))))));
+      })))))), (0, _tools.stringIsNullOrWhiteSpace)(helper) ? null : /*#__PURE__*/_react.default.createElement("div", {
+        className: _index.default.helper
+      }, (0, _tools.buildFieldHelper)(helper)));
     }
   }]);
 
@@ -371,6 +392,9 @@ ImageUpload.defaultProps = {
     width: '240px',
     emptyImage: ''
   },
+  icon: null,
+  title: '',
+  helper: '',
   pretreatmentRemoteResponse: function pretreatmentRemoteResponse() {},
   afterUploadSuccess: function afterUploadSuccess() {},
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/es/customComponents/ImageUpload/index.less

@@ -21,7 +21,7 @@
       color: #fff;
       background-color: #000;
       border-radius: 4px;
-      opacity: 40%;
+      opacity: 0.4;
 
       .icon {
         width: 100%;
@@ -65,6 +65,17 @@
     color: #fff;
     background-color: #000;
     border-radius: 0 0 4px 4px;
-    opacity: 40%;
+    opacity: 0.4;
   }
 }
+
+.helper {
+  clear: both;
+  min-height: 24px;
+  padding-top: 0;
+  overflow-x: hidden;
+  color: #00000073;
+  font-size: 14px;
+  line-height: 1.5715;
+  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+}

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

@@ -0,0 +1,6 @@
+export default Index;
+declare class Index extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+import React from "react";

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

@@ -0,0 +1,89 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _devices = _interopRequireDefault(require("../devices.less"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); 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 Index = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Index, _PureComponent);
+
+  var _super = _createSuper(Index);
+
+  function Index() {
+    _classCallCheck(this, Index);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Index, [{
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.devices
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_devices.default['marvel-device'], _devices.default.note8)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.inner
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.overflow
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.shadow
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.speaker
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sensors
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['more-sensors']
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sleep
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.volume
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.camera
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.screen
+      }, children)));
+    }
+  }]);
+
+  return Index;
+}(_react.PureComponent);
+
+var _default = Index;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+export default Index;
+declare class Index extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+declare namespace Index {
+    export const defaultProps: {
+        type: string;
+    };
+}
+import React from "react";

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

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tools = require("../../../../utils/tools");
+
+var _devices = _interopRequireDefault(require("../devices.less"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); 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 Index = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Index, _PureComponent);
+
+  var _super = _createSuper(Index);
+
+  function Index() {
+    _classCallCheck(this, Index);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Index, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          typeSource = _this$props.type,
+          children = _this$props.children;
+      var type = (0, _tools.inCollection)(['black', 'silver', 'gold'], typeSource) ? typeSource : 'silver';
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.devices
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_devices.default['marvel-device'], _devices.default.iphone5s, _devices.default[type])
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['top-bar']
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sleep
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.volume
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.camera
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sensor
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.speaker
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.screen
+      }, children), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.home
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['bottom-bar']
+      })));
+    }
+  }]);
+
+  return Index;
+}(_react.PureComponent);
+
+Index.defaultProps = {
+  type: 'silver'
+};
+var _default = Index;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+export default Index;
+declare class Index extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+declare namespace Index {
+    export const defaultProps: {
+        type: string;
+    };
+}
+import React from "react";

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

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tools = require("../../../../utils/tools");
+
+var _devices = _interopRequireDefault(require("../devices.less"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); 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 Index = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Index, _PureComponent);
+
+  var _super = _createSuper(Index);
+
+  function Index() {
+    _classCallCheck(this, Index);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Index, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          typeSource = _this$props.type,
+          children = _this$props.children;
+      var type = (0, _tools.inCollection)(['black', 'silver', 'gold'], typeSource) ? typeSource : 'silver';
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.devices
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_devices.default['marvel-device'], _devices.default.iphone8, _devices.default[type])
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['top-bar']
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sleep
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.volume
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.camera
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sensor
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.speaker
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.screen
+      }, children), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.home
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['bottom-bar']
+      })));
+    }
+  }]);
+
+  return Index;
+}(_react.PureComponent);
+
+Index.defaultProps = {
+  type: 'silver'
+};
+var _default = Index;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+export default Index;
+declare class Index extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+declare namespace Index {
+    export const defaultProps: {
+        type: string;
+    };
+}
+import React from "react";

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

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tools = require("../../../../utils/tools");
+
+var _devices = _interopRequireDefault(require("../devices.less"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); 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 Index = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Index, _PureComponent);
+
+  var _super = _createSuper(Index);
+
+  function Index() {
+    _classCallCheck(this, Index);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Index, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          typeSource = _this$props.type,
+          children = _this$props.children;
+      var type = (0, _tools.inCollection)(['black', 'silver', 'gold'], typeSource) ? typeSource : 'silver';
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.devices
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_devices.default['marvel-device'], _devices.default.iphone8plus, _devices.default[type])
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['top-bar']
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sleep
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.volume
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.camera
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.sensor
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.speaker
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.screen
+      }, children), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default.home
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _devices.default['bottom-bar']
+      })));
+    }
+  }]);
+
+  return Index;
+}(_react.PureComponent);
+
+Index.defaultProps = {
+  type: 'silver'
+};
+var _default = Index;
+exports.default = _default;

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

@@ -0,0 +1,6 @@
+export default Index;
+declare class Index extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+import React from "react";