antd-management-fast-framework 1.11.62 → 1.12.1

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [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

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;
     };
 }

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/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/utils/constants.d.ts

@@ -5,6 +5,11 @@
  * @returns
  */
 export function empty(): {};
+export namespace animalType {
+    export const none: string;
+    export const fade: string;
+    export const queue: string;
+}
 export const zeroString: "0";
 export const zeroInt: 0;
 /**
@@ -193,12 +198,12 @@ export namespace listViewConfig {
         export const large: string;
     }
     export namespace expandAnimalType {
-        import none = none;
-        export { none };
-        import fade = fade;
-        export { fade };
-        import queue = queue;
-        export { queue };
+        import none_1 = none;
+        export { none_1 as none };
+        import fade_1 = fade;
+        export { fade_1 as fade };
+        import queue_1 = queue;
+        export { queue_1 as queue };
     }
 }
 export namespace sortOperate {
@@ -255,12 +260,12 @@ export namespace cardConfig {
         export const help: string;
     }
     export namespace animalType_1 {
-        import none_1 = none;
-        export { none_1 as none };
-        import fade_1 = fade;
-        export { fade_1 as fade };
-        import queue_1 = queue;
-        export { queue_1 as queue };
+        import none_2 = none;
+        export { none_2 as none };
+        import fade_2 = fade;
+        export { fade_2 as fade };
+        import queue_2 = queue;
+        export { queue_2 as queue };
     }
     export { animalType_1 as animalType };
     export namespace extraBuildType_1 { }
@@ -605,12 +610,3 @@ export namespace mobileTypeCollection {
         export { helper_7 as helper };
     }
 }
-declare namespace animalType {
-    const none_2: string;
-    export { none_2 as none };
-    const fade_2: string;
-    export { fade_2 as fade };
-    const queue_2: string;
-    export { queue_2 as queue };
-}
-export {};

package/es/utils/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.drawerConfig = exports.defaultUserAvatar = exports.defaultEmptyImage = exports.datetimeFormat = exports.dataTypeCollection = exports.convertCollection = exports.contentConfig = exports.columnPlaceholder = exports.columnFacadeMode = exports.cardConfig = exports.authenticationFailCode = exports.appInitDefault = exports.apiSuccessCode = exports.accessWaySpecialCollection = void 0;
+exports.drawerConfig = exports.defaultUserAvatar = exports.defaultEmptyImage = exports.datetimeFormat = exports.dataTypeCollection = exports.convertCollection = exports.contentConfig = exports.columnPlaceholder = exports.columnFacadeMode = exports.cardConfig = exports.authenticationFailCode = exports.appInitDefault = exports.apiSuccessCode = exports.animalType = exports.accessWaySpecialCollection = void 0;
 exports.empty = empty;
 exports.zeroString = exports.zeroInt = exports.whetherString = exports.whetherNumber = exports.unlimitedWithStringFlag = exports.unlimitedWithNumberFlag = exports.tabBarCollection = exports.sortOperate = exports.selectModeCollection = exports.searchCardConfig = exports.pageHeaderRenderType = exports.notificationTypeCollection = exports.mobileTypeCollection = exports.messageTypeCollection = exports.menuType = exports.logShowMode = exports.logLevel = exports.listViewConfig = exports.imageContentPreviewMode = exports.formatCollection = exports.formNameCollection = exports.extraBuildType = exports.emptyLogo = exports.emptyDatetime = void 0;
 
@@ -23,6 +23,7 @@ var animalType = {
   fade: 'fade',
   queue: 'queue'
 };
+exports.animalType = animalType;
 var zeroString = '0';
 exports.zeroString = zeroString;
 var zeroInt = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-management-fast-framework",
-  "version": "1.11.62",
+  "version": "1.12.1",
   "description": "antd-management-fast-framework",
   "keywords": [
     "antd-management-fast-framework"
@@ -91,7 +91,7 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/jest": "^27.0.3",
-    "@types/node": "^17.0.2",
+    "@types/node": "^17.0.4",
     "@typescript-eslint/eslint-plugin": "^5.8.0",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.5.20",

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

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