antd-management-fast-framework 1.11.60 → 1.12.3

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [1.12.3](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.12.2...antd-management-fast-framework@1.12.3) (2021-12-24)
+
+**Note:** Version bump only for package antd-management-fast-framework
+
+### [1.12.2](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.12.1...antd-management-fast-framework@1.12.2) (2021-12-24)
+
+**Note:** Version bump only for package antd-management-fast-framework
+
+### [1.12.1](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.12.0...antd-management-fast-framework@1.12.1) (2021-12-24)
+
+### Performance Improvements
+
+- update dependences ([735c080](https://github.com/kityandhero/antd-management-fast-framework/commit/735c080c3c07e4af7f696673642ae78bb7b820f9))
+
+## [1.12.0](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.11.62...antd-management-fast-framework@1.12.0) (2021-12-24)
+
+### Features
+
+- 手机预览增加 alert 提示组件，调整示例 ([7ab32c1](https://github.com/kityandhero/antd-management-fast-framework/commit/7ab32c1171c15670497ae6560490e59d86d47b94))
+
+### [1.11.62](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.11.61...antd-management-fast-framework@1.11.62) (2021-12-23)
+
+**Note:** Version bump only for package antd-management-fast-framework
+
+### [1.11.61](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.11.60...antd-management-fast-framework@1.11.61) (2021-12-23)
+
+**Note:** Version bump only for package antd-management-fast-framework
+
 ### [1.11.60](https://github.com/kityandhero/antd-management-fast-framework/compare/antd-management-fast-framework@1.11.59...antd-management-fast-framework@1.11.60) (2021-12-23)
 
 **Note:** Version bump only for package antd-management-fast-framework

package/es/customComponents/Editor/TinymceWrapper/index.js

@@ -72,7 +72,7 @@ var TinymceWrapper = /*#__PURE__*/function (_PureComponent) {
 
       var config = _objectSpread(_objectSpread({}, {
         language: 'zh_CN',
-        height: 600,
+        height: 690,
         plugins_ignore: 'tinydrive powerpaste imagetools advcode formatpainter pageembed permanentpen casechange checklist advtable export tinymcespellchecker linkchecker mentions tinycomments toc',
         plugins: 'print preview  importcss searchreplace autolink autosave save directionality visualblocks visualchars fullscreen image link media mediaembed template codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount a11ychecker textpattern noneditable help charmap quickbars  emoticons',
         mobile: {

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

@@ -2,5 +2,18 @@ export default ConventView;
 declare class ConventView extends React.PureComponent<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
+    onAlertClick: () => void;
+}
+declare namespace ConventView {
+    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/ContentView/index.js

@@ -7,16 +7,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("antd/es/alert/style");
+
+var _alert = _interopRequireDefault(require("antd/es/alert"));
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
 var _react = _interopRequireWildcard(require("react"));
 
-var _index = _interopRequireDefault(require("./index.less"));
+var _icons = require("@ant-design/icons");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _tools = require("../../../utils/tools");
+
+var _constants = require("../../../utils/constants");
+
+var _FadeBox = _interopRequireDefault(require("../../AnimalBox/FadeBox"));
+
+var _QueueBox = _interopRequireDefault(require("../../AnimalBox/QueueBox"));
+
+var _FunctionComponent = require("../../FunctionComponent");
+
+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); }
 
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); } }
@@ -43,23 +63,92 @@ var ConventView = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(ConventView);
 
   function ConventView() {
+    var _this;
+
     _classCallCheck(this, ConventView);
 
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onAlertClick = function () {
+      var afterAlertClick = _this.props.afterAlertClick;
+
+      if ((0, _tools.isFunction)(afterAlertClick)) {
+        afterAlertClick();
+      }
+    };
+
+    return _this;
   }
 
   _createClass(ConventView, [{
     key: "render",
     value: function render() {
-      var children = this.props.children;
+      var _this$props = this.props,
+          alertVisible = _this$props.alertVisible,
+          alertAnimationTypeSource = _this$props.alertAnimationType,
+          alertMessage = _this$props.alertMessage,
+          alertDescription = _this$props.alertDescription,
+          alertIcon = _this$props.alertIcon,
+          alertTypeSource = _this$props.alertType,
+          alertButtonText = _this$props.alertButtonText,
+          children = _this$props.children;
+      var alertType = (0, _tools.inCollection)(['success', 'info', 'warning', 'error'], alertTypeSource) ? alertTypeSource : 'info';
+      var alertAnimationType = (0, _tools.inCollection)([_constants.animalType.none, _constants.animalType.fade, _constants.animalType.queue], alertAnimationTypeSource) ? alertAnimationTypeSource : _constants.animalType.fade;
+
+      var alert = /*#__PURE__*/_react.default.createElement(_alert.default, {
+        message: alertMessage,
+        description: alertDescription,
+        type: alertType,
+        showIcon: !!alertIcon,
+        style: {
+          margin: '2px'
+        },
+        action: /*#__PURE__*/_react.default.createElement(_space.default, null, (0, _FunctionComponent.buildButton)({
+          size: 'small',
+          type: 'ghost',
+          icon: /*#__PURE__*/_react.default.createElement(_icons.ReloadOutlined, null),
+          text: alertButtonText,
+          handleClick: this.onAlertClick
+        })),
+        closable: false
+      });
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _index.default.deviceInner
-      }, children);
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          position: 'absolute',
+          left: 0,
+          top: 0,
+          zIndex: 2,
+          width: '100%'
+        }
+      }, alertAnimationType === _constants.animalType.none ? alert : null, alertAnimationType === _constants.animalType.fade ? /*#__PURE__*/_react.default.createElement(_FadeBox.default, {
+        show: alertVisible
+      }, alert) : null, alertAnimationType === _constants.animalType.queue ? /*#__PURE__*/_react.default.createElement(_QueueBox.default, {
+        show: alertVisible
+      }, alert) : null), /*#__PURE__*/_react.default.createElement("div", {
+        className: _index.default.deviceContent
+      }, children));
     }
   }]);
 
   return ConventView;
 }(_react.PureComponent);
 
+ConventView.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null
+};
 var _default = ConventView;
 exports.default = _default;

package/es/customComponents/MobileContainor/ContentView/index.less

@@ -1,24 +1,30 @@
 .deviceInner {
+  position: relative;
   height: 100%;
   padding: 2px;
-  overflow: auto;
   background-color: #fff;
 
-  /* 设置滚动条的样式 */
-  &::-webkit-scrollbar {
-    width: 0;
-  }
+  .deviceContent {
+    height: 100%;
+    overflow: auto;
+    background-color: #fff;
 
-  /* 滚动槽 */
-  &::-webkit-scrollbar-track {
-    border-radius: 5px;
-    box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
-  }
+    /* 设置滚动条的样式 */
+    &::-webkit-scrollbar {
+      width: 0;
+    }
+
+    /* 滚动槽 */
+    &::-webkit-scrollbar-track {
+      border-radius: 5px;
+      box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
+    }
 
-  /* 滚动条滑块 */
-  &::-webkit-scrollbar-thumb {
-    background: rgb(0 0 0 / 80%);
-    border-radius: 5px;
-    box-shadow: inset 0 0 3px rgb(243 243 244);
+    /* 滚动条滑块 */
+    &::-webkit-scrollbar-thumb {
+      background: rgb(0 0 0 / 80%);
+      border-radius: 5px;
+      box-shadow: inset 0 0 3px rgb(243 243 244);
+    }
   }
 }

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

@@ -1,6 +1,18 @@
-export default Index;
-declare class Index extends React.PureComponent<any, any, any> {
+export default GalaxyNote8;
+declare class GalaxyNote8 extends React.PureComponent<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
 }
+declare namespace GalaxyNote8 {
+    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/Devices/GalaxyNote8/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 GalaxyNote8 = /*#__PURE__*/function (_PureComponent) {
+  _inherits(GalaxyNote8, _PureComponent);
 
-  var _super = _createSuper(Index);
+  var _super = _createSuper(GalaxyNote8);
 
-  function Index() {
-    _classCallCheck(this, Index);
+  function GalaxyNote8() {
+    _classCallCheck(this, GalaxyNote8);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(Index, [{
+  _createClass(GalaxyNote8, [{
     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,
+          children = _this$props.children,
+          afterAlertClick = _this$props.afterAlertClick;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _devices.default.devices
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -80,12 +91,31 @@ var Index = /*#__PURE__*/function (_PureComponent) {
         className: _devices.default.camera
       }), /*#__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 GalaxyNote8;
 }(_react.PureComponent);
 
-var _default = Index;
+GalaxyNote8.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null
+};
+var _default = GalaxyNote8;
 exports.default = _default;

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

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

package/es/customComponents/MobileContainor/Devices/IPhone5S/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 IPhone5S = /*#__PURE__*/function (_PureComponent) {
+  _inherits(IPhone5S, _PureComponent);
 
-  var _super = _createSuper(Index);
+  var _super = _createSuper(IPhone5S);
 
-  function Index() {
-    _classCallCheck(this, Index);
+  function IPhone5S() {
+    _classCallCheck(this, IPhone5S);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(Index, [{
+  _createClass(IPhone5S, [{
     key: "render",
     value: function render() {
       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,
+          children = _this$props.children,
           typeSource = _this$props.type,
-          children = _this$props.children;
+          afterAlertClick = _this$props.afterAlertClick;
       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 IPhone5S;
 }(_react.PureComponent);
 
-Index.defaultProps = {
-  type: 'silver'
+IPhone5S.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null,
+  type: 'black'
 };
-var _default = Index;
+var _default = IPhone5S;
 exports.default = _default;

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

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

package/es/customComponents/MobileContainor/Devices/Iphone8/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 Iphone8 = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Iphone8, _PureComponent);
 
-  var _super = _createSuper(Index);
+  var _super = _createSuper(Iphone8);
 
-  function Index() {
-    _classCallCheck(this, Index);
+  function Iphone8() {
+    _classCallCheck(this, Iphone8);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(Index, [{
+  _createClass(Iphone8, [{
     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 Iphone8;
 }(_react.PureComponent);
 
-Index.defaultProps = {
-  type: 'silver'
+Iphone8.defaultProps = {
+  alertVisible: false,
+  alertAnimationType: _constants.animalType.fade,
+  alertMessage: '',
+  alertDescription: '',
+  alertType: 'info',
+  alertIcon: true,
+  alertButtonText: '刷新',
+  afterAlertClick: null,
+  type: 'black'
 };
-var _default = Index;
+var _default = Iphone8;
 exports.default = _default;

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

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