@vtx/map 1.1.6 → 1.1.9

package/lib/VtxModal/VtxModal.js

@@ -1,247 +1,257 @@
-'use strict';
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
+exports["default"] = void 0;
 
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+var _react = _interopRequireDefault(require("react"));
 
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _modal = _interopRequireDefault(require("antd/lib/modal"));
 
-var _react = require('react');
+var _default2 = require("../default");
 
-var _react2 = _interopRequireDefault(_react);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-require('./VtxModal.less');
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-var _modal = require('antd/lib/modal');
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var _modal2 = _interopRequireDefault(_modal);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-require('antd/lib/modal/style');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-require('antd/lib/icon/style');
+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); } }
 
-var _default = require('../default');
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : 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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var styles = {
-    normal: 'vtx-ui-modal-normal',
-    maxClass: 'vtx-ui-modal-maxClass',
-    title: 'vtx-ui-modal-title',
-    title_name: 'vtx-ui-modal-title_name',
-    close: 'vtx-ui-modal-close',
-    maximizeIcon: 'vtx-ui-modal-maximizeIcon'
+  normal: 'vtx-ui-modal-normal',
+  maxClass: 'vtx-ui-modal-maxClass',
+  title: 'vtx-ui-modal-title',
+  title_name: 'vtx-ui-modal-title_name',
+  close: 'vtx-ui-modal-close',
+  maximizeIcon: 'vtx-ui-modal-maximizeIcon'
 };
 
-var VtxModal = function (_React$Component) {
-    _inherits(VtxModal, _React$Component);
+var VtxModal = /*#__PURE__*/function (_React$Component) {
+  _inherits(VtxModal, _React$Component);
 
-    function VtxModal(props) {
-        _classCallCheck(this, VtxModal);
+  var _super = _createSuper(VtxModal);
 
-        var _this = _possibleConstructorReturn(this, (VtxModal.__proto__ || Object.getPrototypeOf(VtxModal)).call(this, props));
+  function VtxModal(props) {
+    var _this;
 
-        _this.classId = new Date().getTime() + Math.random();
-        _this.isInit = false;
-        _this.isCreate = props.visible;
-        _this.state = {
-            maximizable: false,
-            maximizeClass: '',
+    _classCallCheck(this, VtxModal);
 
-            init_x: 0,
-            init_y: 0,
-            x_move: 0,
-            y_move: 0,
-            documentMouseMove: null,
-            documentMouseUp: null
-        };
-        _this.startDrag = _this.startDrag.bind(_this);
-        return _this;
+    _this = _super.call(this, props);
+    _this.classId = new Date().getTime() + Math.random();
+    _this.isInit = false;
+    _this.isCreate = props.visible;
+    _this.state = {
+      maximizable: false,
+      maximizeClass: '',
+      init_x: 0,
+      init_y: 0,
+      x_move: 0,
+      y_move: 0,
+      documentMouseMove: null,
+      documentMouseUp: null
+    };
+    _this.startDrag = _this.startDrag.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(VtxModal, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (nextProps.visible && !this.isCreate) {
+        this.isCreate = true;
+      }
+
+      if (!this.props.visible && nextProps.visible) {
+        this.setState({
+          x_move: 0,
+          y_move: 0
+        });
+      }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var t = this;
 
-    _createClass(VtxModal, [{
-        key: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(nextProps) {
-            if (nextProps.visible && !this.isCreate) {
-                this.isCreate = true;
-            }
-            if (!this.props.visible && nextProps.visible) {
-                this.setState({
-                    x_move: 0,
-                    y_move: 0
-                });
-            }
-        }
-    }, {
-        key: 'componentDidUpdate',
-        value: function componentDidUpdate() {
-            var t = this;
-            if (!this.props.isNotMoving) {
-                if (this.isCreate && !this.isInit) {
-                    this.isInit = true;
-                    try {
-                        this.timer = setTimeout(function () {
-                            var modalHead = document.getElementsByClassName(t.classId)[0].getElementsByClassName('ant-modal-header')[0];
-                            modalHead.style.cursor = 'move';
-                            modalHead.onmousedown = t.startDrag;
-                        }, 200);
-                    } catch (error) {
-                        console.error('VtxModal拖动功能异常,未获取到头部dom对象!');
-                    }
-                }
-            }
-        }
-    }, {
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            if (this.timer) {
-                clearTimeout(this.timer);
-            }
-        }
-    }, {
-        key: 'startDrag',
-        value: function startDrag(e) {
-            var _this2 = this;
-
-            e.preventDefault();
-            if (!this.state.maximizable) {
-                this.setState({
-                    documentMouseUp: document.onmouseup,
-                    documentMouseMove: document.onmousemove,
-                    init_x: e.clientX - this.state.x_move,
-                    init_y: e.clientY - this.state.y_move
-                });
-                document.onmousemove = function (e) {
-                    _this2.setState({
-                        x_move: e.clientX - _this2.state.init_x,
-                        y_move: e.clientY - _this2.state.init_y
-                    });
-                };
-                document.onmouseup = function (e) {
-                    document.onmousemove = _this2.state.documentMouseMove;
-                    document.onmouseup = _this2.state.documentMouseUp;
-                };
-            }
-        }
-    }, {
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            if (this.timer) {
-                clearTimeout(this.timer);
-            }
+      if (!this.props.isNotMoving) {
+        if (this.isCreate && !this.isInit) {
+          this.isInit = true;
+
+          try {
+            this.timer = setTimeout(function () {
+              var modalHead = document.getElementsByClassName(t.classId)[0].getElementsByClassName('ant-modal-header')[0];
+              modalHead.style.cursor = 'move';
+              modalHead.onmousedown = t.startDrag;
+            }, 200);
+          } catch (error) {
+            console.error('VtxModal拖动功能异常,未获取到头部dom对象!');
+          }
         }
-    }, {
-        key: 'render',
-        value: function render() {
-            var t = this;
-            var _props = this.props,
-                _props$closable = _props.closable,
-                closable = _props$closable === undefined ? true : _props$closable,
-                _props$maximize = _props.maximize,
-                maximize = _props$maximize === undefined ? true : _props$maximize,
-                _props$wrapClassName = _props.wrapClassName,
-                wrapClassName = _props$wrapClassName === undefined ? '' : _props$wrapClassName,
-                _props$title = _props.title,
-                title = _props$title === undefined ? '' : _props$title;
-            var _state = this.state,
-                maximizable = _state.maximizable,
-                maximizeClass = _state.maximizeClass;
-
-            wrapClassName = styles.normal + ' ' + wrapClassName + ' ' + maximizeClass + ' ' + this.classId;
-            var transformStyle = {
-                transform: 'translate(' + this.state.x_move + 'px,' + this.state.y_move + 'px)'
-            };
-            title = function renderTitle() {
-                return _react2.default.createElement(
-                    'div',
-                    { className: styles.title, style: { paddingRight: closable ? '32px' : '0px' } },
-                    _react2.default.createElement(
-                        'div',
-                        { className: styles.title_name },
-                        title
-                    ),
-                    maximize ? _react2.default.createElement(
-                        'div',
-                        { className: styles.maximizeIcon },
-                        _react2.default.createElement(
-                            'p',
-                            {
-                                onClick: function onClick() {
-                                    var maximizeClass = '';
-                                    if (!maximizable) {
-                                        maximizeClass = styles.maxClass;
-                                    }
-                                    t.setState({
-                                        maximizable: !maximizable,
-                                        maximizeClass: maximizeClass
-                                    }, function () {
-                                        {/* 为arcgis设计 */}
-                                        if (t.timer) {
-                                            clearTimeout(t.timer);
-                                        }
-                                        t.timer = setTimeout(function () {
-                                            if (window.onModalResize && typeof window.onModalResize == 'function') {
-                                                window.onModalResize();
-                                            }
-                                        }, 100);
-                                    });
-                                }
-                            },
-                            maximizable ? _react2.default.createElement(_default.VtxMapIcon, { type: 'icon-shrink' }) : _react2.default.createElement(_default.VtxMapIcon, { type: 'icon-arrawsalt' })
-                        )
-                    ) : null,
-                    closable ? _react2.default.createElement(
-                        'div',
-                        { className: styles.close },
-                        _react2.default.createElement(
-                            'p',
-                            { onClick: t.props.onCancel },
-                            _react2.default.createElement(_default.VtxMapIcon, { type: 'icon-close' })
-                        )
-                    ) : null
-                );
-            }();
-            var bodyStyle = _extends({}, this.props.bodyStyle);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.timer) {
+        clearTimeout(this.timer);
+      }
+    }
+  }, {
+    key: "startDrag",
+    value: function startDrag(e) {
+      var _this2 = this;
+
+      e.preventDefault();
+
+      if (!this.state.maximizable) {
+        this.setState({
+          documentMouseUp: document.onmouseup,
+          documentMouseMove: document.onmousemove,
+          init_x: e.clientX - this.state.x_move,
+          init_y: e.clientY - this.state.y_move
+        });
+
+        document.onmousemove = function (e) {
+          _this2.setState({
+            x_move: e.clientX - _this2.state.init_x,
+            y_move: e.clientY - _this2.state.init_y
+          });
+        };
+
+        document.onmouseup = function (e) {
+          document.onmousemove = _this2.state.documentMouseMove;
+          document.onmouseup = _this2.state.documentMouseUp;
+        };
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var t = this;
+      var _this$props = this.props,
+          _this$props$closable = _this$props.closable,
+          closable = _this$props$closable === void 0 ? true : _this$props$closable,
+          _this$props$maximize = _this$props.maximize,
+          maximize = _this$props$maximize === void 0 ? true : _this$props$maximize,
+          _this$props$wrapClass = _this$props.wrapClassName,
+          wrapClassName = _this$props$wrapClass === void 0 ? '' : _this$props$wrapClass,
+          _this$props$title = _this$props.title,
+          title = _this$props$title === void 0 ? '' : _this$props$title;
+      var _this$state = this.state,
+          maximizable = _this$state.maximizable,
+          maximizeClass = _this$state.maximizeClass;
+      wrapClassName = "".concat(styles.normal, " ").concat(wrapClassName, " ").concat(maximizeClass, " ").concat(this.classId);
+      var transformStyle = {
+        transform: "translate(".concat(this.state.x_move, "px,").concat(this.state.y_move, "px)")
+      };
+
+      title = function renderTitle() {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: styles.title,
+          style: {
+            paddingRight: closable ? '32px' : '0px'
+          }
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: styles.title_name
+        }, title), maximize ? /*#__PURE__*/_react["default"].createElement("div", {
+          className: styles.maximizeIcon
+        }, /*#__PURE__*/_react["default"].createElement("p", {
+          onClick: function onClick() {
+            var maximizeClass = '';
+
             if (!maximizable) {
-                bodyStyle = _extends({
-                    maxHeight: window.innerHeight * 0.7 + 'px'
-                }, bodyStyle);
+              maximizeClass = styles.maxClass;
             }
-            var props = _extends({
-                closable: closable,
-                maskClosable: false,
-                width: 700
-            }, this.props, {
-                closable: false,
-                title: title,
-                wrapClassName: wrapClassName,
-                bodyStyle: bodyStyle,
-                style: _extends({}, this.props.style, maximizable ? {} : transformStyle)
+
+            t.setState({
+              maximizable: !maximizable,
+              maximizeClass: maximizeClass
+            }, function () {
+              {
+                /* 为arcgis设计 */
+              }
+
+              if (t.timer) {
+                clearTimeout(t.timer);
+              }
+
+              t.timer = setTimeout(function () {
+                if (window.onModalResize && typeof window.onModalResize == 'function') {
+                  window.onModalResize();
+                }
+              }, 100);
             });
-            return _react2.default.createElement(
-                _modal2.default,
-                props,
-                this.props.children
-            );
-        }
-    }]);
+          }
+        }, maximizable ? /*#__PURE__*/_react["default"].createElement(_default2.VtxMapIcon, {
+          type: "icon-shrink"
+        }) : /*#__PURE__*/_react["default"].createElement(_default2.VtxMapIcon, {
+          type: "icon-arrawsalt"
+        }))) : null, closable ? /*#__PURE__*/_react["default"].createElement("div", {
+          className: styles.close
+        }, /*#__PURE__*/_react["default"].createElement("p", {
+          onClick: t.props.onCancel
+        }, /*#__PURE__*/_react["default"].createElement(_default2.VtxMapIcon, {
+          type: "icon-close"
+        }))) : null);
+      }();
+
+      var bodyStyle = _objectSpread({}, this.props.bodyStyle);
+
+      if (!maximizable) {
+        bodyStyle = _objectSpread({
+          maxHeight: "".concat(window.innerHeight * 0.7, "px")
+        }, bodyStyle);
+      }
 
-    return VtxModal;
-}(_react2.default.Component);
+      var props = _objectSpread(_objectSpread({
+        closable: closable,
+        maskClosable: false,
+        width: 700
+      }, this.props), {}, {
+        closable: false,
+        title: title,
+        wrapClassName: wrapClassName,
+        bodyStyle: bodyStyle,
+        style: _objectSpread(_objectSpread({}, this.props.style), maximizable ? {} : transformStyle)
+      });
+
+      return /*#__PURE__*/_react["default"].createElement(_modal["default"], props, this.props.children);
+    }
+  }]);
 
-VtxModal.info = _modal2.default.info;
-VtxModal.success = _modal2.default.success;
-VtxModal.error = _modal2.default.error;
-VtxModal.warning = _modal2.default.warning;
-VtxModal.confirm = _modal2.default.confirm;
+  return VtxModal;
+}(_react["default"].Component);
 
-exports.default = VtxModal;
-module.exports = exports['default'];
+VtxModal.info = _modal["default"].info;
+VtxModal.success = _modal["default"].success;
+VtxModal.error = _modal["default"].error;
+VtxModal.warning = _modal["default"].warning;
+VtxModal.confirm = _modal["default"].confirm;
+var _default = VtxModal;
+exports["default"] = _default;
+module.exports = exports["default"];
+//# sourceMappingURL=VtxModal.js.map

package/lib/VtxModal/VtxModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VtxModal.js","names":["styles","normal","maxClass","title","title_name","close","maximizeIcon","VtxModal","props","classId","Date","getTime","Math","random","isInit","isCreate","visible","state","maximizable","maximizeClass","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","startDrag","bind","nextProps","setState","t","isNotMoving","timer","setTimeout","modalHead","document","getElementsByClassName","style","cursor","onmousedown","error","console","clearTimeout","e","preventDefault","onmouseup","onmousemove","clientX","clientY","closable","maximize","wrapClassName","transformStyle","transform","renderTitle","paddingRight","window","onModalResize","onCancel","bodyStyle","maxHeight","innerHeight","maskClosable","width","children","React","Component","info","Modal","success","warning","confirm"],"sources":["VtxModal/VtxModal.js"],"sourcesContent":["import React from 'react';\r\nimport Modal from 'antd/lib/modal';\r\nimport { VtxMapIcon } from '../default';\r\n\r\nconst styles = {\r\n    normal: 'vtx-ui-modal-normal',\r\n    maxClass: 'vtx-ui-modal-maxClass',\r\n    title: 'vtx-ui-modal-title',\r\n    title_name: 'vtx-ui-modal-title_name',\r\n    close: 'vtx-ui-modal-close',\r\n    maximizeIcon: 'vtx-ui-modal-maximizeIcon',\r\n}\r\n\r\nclass VtxModal extends React.Component{\r\n    constructor(props){\r\n        super(props);\r\n        this.classId = new Date().getTime() + Math.random();\r\n        this.isInit = false;\r\n        this.isCreate = props.visible;\r\n        this.state = {\r\n            maximizable: false,\r\n            maximizeClass: '',\r\n\r\n            init_x: 0,\r\n            init_y: 0,\r\n            x_move: 0,\r\n            y_move: 0,\r\n            documentMouseMove: null,\r\n            documentMouseUp:null,\r\n        }\r\n        this.startDrag = this.startDrag.bind(this);\r\n    }\r\n    componentWillReceiveProps(nextProps){\r\n        if(nextProps.visible && !this.isCreate){\r\n            this.isCreate = true;\r\n        }\r\n        if(!this.props.visible && nextProps.visible){\r\n            this.setState({\r\n                x_move: 0,\r\n                y_move: 0\r\n            })\r\n        }\r\n    }\r\n    componentDidUpdate(){\r\n        const t = this;\r\n        if(!this.props.isNotMoving){\r\n            if(this.isCreate && !this.isInit){\r\n                this.isInit = true;\r\n                try {\r\n                    this.timer = setTimeout(()=>{\r\n                        let modalHead = document.getElementsByClassName(t.classId)[0].getElementsByClassName('ant-modal-header')[0];\r\n                        modalHead.style.cursor = 'move';\r\n                        modalHead.onmousedown = t.startDrag;\r\n                    },200)\r\n                } catch (error) {\r\n                    console.error('VtxModal拖动功能异常,未获取到头部dom对象!')\r\n                }\r\n            }\r\n        }\r\n    }\r\n    componentWillUnmount(){\r\n        if(this.timer){\r\n            clearTimeout(this.timer);\r\n        }\r\n    }\r\n    startDrag(e){  \r\n        e.preventDefault();\r\n        if(!this.state.maximizable){\r\n            this.setState({\r\n                documentMouseUp: document.onmouseup,\r\n                documentMouseMove: document.onmousemove,\r\n                init_x: e.clientX - this.state.x_move,\r\n                init_y: e.clientY - this.state.y_move,\r\n            });\r\n            document.onmousemove = (e)=>{\r\n                this.setState({\r\n                    x_move: e.clientX - this.state.init_x ,\r\n                    y_move: e.clientY - this.state.init_y ,\r\n                })   \r\n            }\r\n            document.onmouseup = (e)=>{\r\n                document.onmousemove = this.state.documentMouseMove;\r\n                document.onmouseup = this.state.documentMouseUp;\r\n            }\r\n        }\r\n    }\r\n    componentWillUnmount(){\r\n        if(this.timer){\r\n            clearTimeout(this.timer)\r\n        }\r\n    }\r\n    render(){\r\n        const t = this;\r\n        let {closable=true,maximize=true,wrapClassName='',title=''} = this.props;\r\n        const {maximizable,maximizeClass} = this.state;\r\n        wrapClassName = `${styles.normal} ${wrapClassName} ${maximizeClass} ${this.classId}`;\r\n        const transformStyle = {\r\n            transform: `translate(${this.state.x_move}px,${this.state.y_move}px)`,        \r\n        }\r\n        title = (function renderTitle() {\r\n            return (\r\n                <div className={styles.title} style={{paddingRight: (closable?'32px':'0px')}}>\r\n                    <div className={styles.title_name}>\r\n                        {title}\r\n                    </div>\r\n                    {\r\n                        maximize?\r\n                        <div className={styles.maximizeIcon}>\r\n                            <p \r\n                                onClick={()=>{\r\n                                    let maximizeClass = '';\r\n                                    if(!maximizable){\r\n                                        maximizeClass = styles.maxClass\r\n                                    }\r\n                                    t.setState({\r\n                                        maximizable: !maximizable,\r\n                                        maximizeClass\r\n                                    },()=>{\r\n                                        {/* 为arcgis设计 */}\r\n                                        if(t.timer){\r\n                                            clearTimeout(t.timer)\r\n                                        }\r\n                                        t.timer = setTimeout(()=>{\r\n                                            if(window.onModalResize && typeof(window.onModalResize) == 'function'){\r\n                                                window.onModalResize();\r\n                                            }\r\n                                        },100)\r\n                                    })\r\n                                }}\r\n                            >\r\n                                {\r\n                                    maximizable?\r\n                                    <VtxMapIcon type=\"icon-shrink\" />\r\n                                    :\r\n                                    <VtxMapIcon type=\"icon-arrawsalt\" />\r\n                                }\r\n                            </p>\r\n                        </div>\r\n                        :null\r\n                    }\r\n                    {\r\n                        closable?\r\n                        <div className={styles.close}>\r\n                            <p onClick={t.props.onCancel}>\r\n                                <VtxMapIcon type=\"icon-close\" />\r\n                            </p>\r\n                        </div>:null\r\n                    }\r\n                </div>\r\n            );\r\n        })();\r\n        let bodyStyle = {\r\n            ...this.props.bodyStyle,\r\n        }\r\n        if(!maximizable){\r\n            bodyStyle = {\r\n                maxHeight:`${window.innerHeight*0.7}px`,\r\n                ...bodyStyle\r\n            }\r\n        }\r\n        const props = {\r\n            closable,\r\n            maskClosable:false,\r\n            width: 700,\r\n            ...this.props,\r\n            closable: false,\r\n            title: title,\r\n            wrapClassName: wrapClassName,\r\n            bodyStyle: bodyStyle,\r\n            style: {\r\n                ...this.props.style,\r\n                ...(maximizable?{}:transformStyle)\r\n            }\r\n        }\r\n        return (\r\n            <Modal {...props}>\r\n                {\r\n                    this.props.children\r\n                }\r\n            </Modal>\r\n        )\r\n    }\r\n}\r\nVtxModal.info = Modal.info;\r\nVtxModal.success = Modal.success;\r\nVtxModal.error = Modal.error;\r\nVtxModal.warning = Modal.warning;\r\nVtxModal.confirm = Modal.confirm;\r\n\r\nexport default VtxModal;"],"mappings":"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"}

package/lib/VtxModal/VtxModal.less

@@ -1,4 +1,4 @@
-@import (reference) '~antd/lib/style/themes/index.less';
+@import (reference) '~antd/lib/style/themes/default.less';
 
 .vtx-ui-modal-normal{
     .ant-modal{
@@ -7,7 +7,7 @@
             .ant-modal-body{
                 max-height: e('calc(100% - 108px)');
                 overflow: auto;
-                background-color: @table-expanded-row-bg;
+                background-color: @layout-body-background;
             }
         }
     }

package/lib/VtxModal/VtxModalAntd3.css

@@ -0,0 +1,62 @@
+.vtx-ui-modal-normal .ant-modal .ant-modal-content {
+  height: 100%;
+}
+.vtx-ui-modal-normal .ant-modal .ant-modal-content .ant-modal-body {
+  max-height: calc(100% - 108px);
+  overflow: auto;
+  background-color: #f0f2f5;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title {
+  position: relative;
+  width: 100%;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-title_name {
+  width: 100%;
+  color: #1890ff;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-close,
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon {
+  position: absolute;
+  top: -13px;
+  right: -16px;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-close p,
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon p {
+  width: 36px;
+  height: 48px;
+  text-align: center;
+  line-height: 48px;
+  cursor: pointer;
+  border: 0;
+  background: transparent;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+  font-weight: 700;
+  text-decoration: none;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
+  color: rgba(0, 0, 0, 0.85);
+  outline: 0;
+  display: inline-block;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-close p:hover,
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon p:hover {
+  color: rgba(0, 0, 0, 0.45);
+  text-decoration: none;
+}
+.vtx-ui-modal-normal .vtx-ui-modal-title .vtx-ui-modal-maximizeIcon {
+  right: 20px;
+}
+.vtx-ui-modal-maxClass .ant-modal {
+  top: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  padding-bottom: 0 !important;
+  overflow: hidden;
+}
+.vtx-ui-modal-maxClass .ant-modal-body {
+  height: calc(100% - 108px) !important;
+}