@vtx/map 1.1.6 → 1.1.9

package/lib/VtxMap/zoomMap.js

@@ -1,124 +1,143 @@
-'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 _Map = _interopRequireDefault(require("./Map"));
 
-var _react = require('react');
+var _immutable = _interopRequireDefault(require("immutable"));
 
-var _react2 = _interopRequireDefault(_react);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _Map = require('./Map');
+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 _Map2 = _interopRequireDefault(_Map);
+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 _immutable = require('immutable');
+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; }
 
-var _immutable2 = _interopRequireDefault(_immutable);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _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 _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 _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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-var zoomMap = function (_React$Component) {
-    _inherits(zoomMap, _React$Component);
+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 zoomMap(props) {
-        _classCallCheck(this, zoomMap);
+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); }
 
-        var _this = _possibleConstructorReturn(this, (zoomMap.__proto__ || Object.getPrototypeOf(zoomMap)).call(this, props));
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-        _this.map = null;
-        _this.state = {
-            filterPoints: []
-        };
-        return _this;
-    }
+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; } }
 
-    _createClass(zoomMap, [{
-        key: 'resetPoints',
-        value: function resetPoints() {
-            var mapPoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-            var zoomLv = arguments[1];
-
-            // console.log('当前zoom等级',this.state.zoomLv);
-            console.log(this.map.getMapExtent());
-            zoomLv = zoomLv || this.map.getZoomLevel();
-            if (zoomLv) {
-                this.setState({
-                    filterPoints: mapPoints.filter(function (item) {
-                        return typeof item.zoomLevel == 'number' ? item.zoomLevel <= zoomLv : true;
-                    })
-                }, function () {
-                    // console.log(`zoom等级(${this.state.zoomLv})过滤后还有${this.state.filterPoints.length}个点`);
-                });
-            }
-        }
-    }, {
-        key: 'componentDidMount',
-        value: function componentDidMount() {
-            // console.log(this.map.getMapExtent())        
-            // 地图加载完成取得当前zoom值，初始化内部点数据
-            this.resetPoints(this.props.mapPoints);
-        }
-    }, {
-        key: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(nextProps) {
-            if (!this.deepEqual(this.props.mapPoints, nextProps.mapPoints)) {
-                // 外部点数据改变，更新内部点数据
-                this.resetPoints(nextProps.mapPoints);
-            }
-        }
-    }, {
-        key: 'deepEqual',
-        value: function deepEqual(a, b) {
-            return _immutable2.default.is(_immutable2.default.fromJS(a), _immutable2.default.fromJS(b));
-        }
-    }, {
-        key: 'zoomEnd',
-        value: function zoomEnd(obj) {
-            // console.log(obj)
-            //zoom操作后，更新内部点数据
-            this.resetPoints(this.props.mapPoints);
-
-            if (typeof this.props.zoomEnd === "function") {
-                this.props.zoomEnd(obj);
-            }
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this2 = this;
-
-            var newProps = _extends({}, this.props, {
-                zoomEnd: this.zoomEnd.bind(this),
-                mapPoints: this.state.filterPoints,
-                ref: function ref(p) {
-                    if (p) {
-                        _this2.map = p;
-                    }
-                }
-                // 屏蔽地图默认的setFitView的调整zoom功能，只会重新设置center
-            });if (newProps.mapVisiblePoints) {
-                newProps.mapVisiblePoints = _extends({}, newProps.mapVisiblePoints, {
-                    type: 'center'
-                });
-            }
-
-            return _react2.default.createElement(_Map2.default, newProps);
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var zoomMap = /*#__PURE__*/function (_React$Component) {
+  _inherits(zoomMap, _React$Component);
+
+  var _super = _createSuper(zoomMap);
+
+  function zoomMap(props) {
+    var _this;
+
+    _classCallCheck(this, zoomMap);
+
+    _this = _super.call(this, props);
+    _this.map = null;
+    _this.state = {
+      filterPoints: []
+    };
+    return _this;
+  }
+
+  _createClass(zoomMap, [{
+    key: "resetPoints",
+    value: function resetPoints() {
+      var mapPoints = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var zoomLv = arguments.length > 1 ? arguments[1] : undefined;
+      // console.log('当前zoom等级',this.state.zoomLv);
+      console.log(this.map.getMapExtent());
+      zoomLv = zoomLv || this.map.getZoomLevel();
+
+      if (zoomLv) {
+        this.setState({
+          filterPoints: mapPoints.filter(function (item) {
+            return typeof item.zoomLevel == 'number' ? item.zoomLevel <= zoomLv : true;
+          })
+        }, function () {// console.log(`zoom等级(${this.state.zoomLv})过滤后还有${this.state.filterPoints.length}个点`);
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // console.log(this.map.getMapExtent())        
+      // 地图加载完成取得当前zoom值，初始化内部点数据
+      this.resetPoints(this.props.mapPoints);
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      if (!this.deepEqual(this.props.mapPoints, nextProps.mapPoints)) {
+        // 外部点数据改变，更新内部点数据
+        this.resetPoints(nextProps.mapPoints);
+      }
+    }
+  }, {
+    key: "deepEqual",
+    value: function deepEqual(a, b) {
+      return _immutable["default"].is(_immutable["default"].fromJS(a), _immutable["default"].fromJS(b));
+    }
+  }, {
+    key: "zoomEnd",
+    value: function zoomEnd(obj) {
+      // console.log(obj)
+      //zoom操作后，更新内部点数据
+      this.resetPoints(this.props.mapPoints);
+
+      if (typeof this.props.zoomEnd === "function") {
+        this.props.zoomEnd(obj);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var newProps = _objectSpread(_objectSpread({}, this.props), {}, {
+        zoomEnd: this.zoomEnd.bind(this),
+        mapPoints: this.state.filterPoints,
+        ref: function ref(p) {
+          if (p) {
+            _this2.map = p;
+          }
         }
-    }]);
+      }); // 屏蔽地图默认的setFitView的调整zoom功能，只会重新设置center
+
+
+      if (newProps.mapVisiblePoints) {
+        newProps.mapVisiblePoints = _objectSpread(_objectSpread({}, newProps.mapVisiblePoints), {}, {
+          type: 'center'
+        });
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_Map["default"], newProps);
+    }
+  }]);
 
-    return zoomMap;
-}(_react2.default.Component);
+  return zoomMap;
+}(_react["default"].Component);
 
-exports.default = zoomMap;
-module.exports = exports['default'];
+var _default = zoomMap;
+exports["default"] = _default;
+module.exports = exports["default"];
+//# sourceMappingURL=zoomMap.js.map

package/lib/VtxMap/zoomMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoomMap.js","names":["zoomMap","props","map","state","filterPoints","mapPoints","zoomLv","console","log","getMapExtent","getZoomLevel","setState","filter","item","zoomLevel","resetPoints","nextProps","deepEqual","a","b","Immutable","is","fromJS","obj","zoomEnd","newProps","bind","ref","p","mapVisiblePoints","type","React","Component"],"sources":["VtxMap/zoomMap.js"],"sourcesContent":["import React from 'react';\r\nimport Map from './Map';\r\nimport Immutable from 'immutable';\r\n\r\nclass zoomMap extends React.Component{\r\n    constructor(props){\r\n        super(props);\r\n        this.map = null;\r\n        this.state= {\r\n            filterPoints:[],\r\n        }\r\n    }\r\n    \r\n    resetPoints(mapPoints=[],zoomLv){\r\n        // console.log('当前zoom等级',this.state.zoomLv);\r\n        console.log(this.map.getMapExtent())\r\n        zoomLv = zoomLv || this.map.getZoomLevel();\r\n        if(zoomLv){\r\n            this.setState({\r\n                filterPoints: mapPoints.filter(item=>typeof(item.zoomLevel)=='number'?item.zoomLevel<=zoomLv:true)\r\n            },()=>{\r\n                // console.log(`zoom等级(${this.state.zoomLv})过滤后还有${this.state.filterPoints.length}个点`);\r\n            });\r\n        }\r\n    }\r\n    componentDidMount(){\r\n        // console.log(this.map.getMapExtent())        \r\n        // 地图加载完成取得当前zoom值，初始化内部点数据\r\n        this.resetPoints(this.props.mapPoints);\r\n    }\r\n    componentWillReceiveProps(nextProps){\r\n        if(!this.deepEqual(this.props.mapPoints, nextProps.mapPoints)){\r\n            // 外部点数据改变，更新内部点数据\r\n            this.resetPoints(nextProps.mapPoints);\r\n        }\r\n    }\r\n    deepEqual(a,b){\r\n        return Immutable.is(Immutable.fromJS(a),Immutable.fromJS(b));\r\n    }\r\n    zoomEnd(obj){\r\n        // console.log(obj)\r\n        //zoom操作后，更新内部点数据\r\n        this.resetPoints(this.props.mapPoints);\r\n        \r\n        if(typeof(this.props.zoomEnd) ===\"function\"){\r\n            this.props.zoomEnd(obj);\r\n        }\r\n    }\r\n    render(){        \r\n        const newProps = {\r\n            ...this.props,\r\n            zoomEnd:this.zoomEnd.bind(this),\r\n            mapPoints:this.state.filterPoints,\r\n            ref:(p)=>{\r\n                if(p){\r\n                    this.map = p;\r\n                }\r\n            }\r\n        }\r\n        // 屏蔽地图默认的setFitView的调整zoom功能，只会重新设置center\r\n        if(newProps.mapVisiblePoints){\r\n            newProps.mapVisiblePoints = {\r\n                ...newProps.mapVisiblePoints,\r\n                type:'center'\r\n            }\r\n        }\r\n\r\n        return (<Map {...newProps} />)\r\n    }\r\n}\r\n\r\nexport default zoomMap;"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEMA,O;;;;;EACF,iBAAYC,KAAZ,EAAkB;IAAA;;IAAA;;IACd,0BAAMA,KAAN;IACA,MAAKC,GAAL,GAAW,IAAX;IACA,MAAKC,KAAL,GAAY;MACRC,YAAY,EAAC;IADL,CAAZ;IAHc;EAMjB;;;;WAED,uBAAgC;MAAA,IAApBC,SAAoB,uEAAV,EAAU;MAAA,IAAPC,MAAO;MAC5B;MACAC,OAAO,CAACC,GAAR,CAAY,KAAKN,GAAL,CAASO,YAAT,EAAZ;MACAH,MAAM,GAAGA,MAAM,IAAI,KAAKJ,GAAL,CAASQ,YAAT,EAAnB;;MACA,IAAGJ,MAAH,EAAU;QACN,KAAKK,QAAL,CAAc;UACVP,YAAY,EAAEC,SAAS,CAACO,MAAV,CAAiB,UAAAC,IAAI;YAAA,OAAE,OAAOA,IAAI,CAACC,SAAZ,IAAwB,QAAxB,GAAiCD,IAAI,CAACC,SAAL,IAAgBR,MAAjD,GAAwD,IAA1D;UAAA,CAArB;QADJ,CAAd,EAEE,YAAI,CACF;QACH,CAJD;MAKH;IACJ;;;WACD,6BAAmB;MACf;MACA;MACA,KAAKS,WAAL,CAAiB,KAAKd,KAAL,CAAWI,SAA5B;IACH;;;WACD,mCAA0BW,SAA1B,EAAoC;MAChC,IAAG,CAAC,KAAKC,SAAL,CAAe,KAAKhB,KAAL,CAAWI,SAA1B,EAAqCW,SAAS,CAACX,SAA/C,CAAJ,EAA8D;QAC1D;QACA,KAAKU,WAAL,CAAiBC,SAAS,CAACX,SAA3B;MACH;IACJ;;;WACD,mBAAUa,CAAV,EAAYC,CAAZ,EAAc;MACV,OAAOC,qBAAA,CAAUC,EAAV,CAAaD,qBAAA,CAAUE,MAAV,CAAiBJ,CAAjB,CAAb,EAAiCE,qBAAA,CAAUE,MAAV,CAAiBH,CAAjB,CAAjC,CAAP;IACH;;;WACD,iBAAQI,GAAR,EAAY;MACR;MACA;MACA,KAAKR,WAAL,CAAiB,KAAKd,KAAL,CAAWI,SAA5B;;MAEA,IAAG,OAAO,KAAKJ,KAAL,CAAWuB,OAAlB,KAA8B,UAAjC,EAA4C;QACxC,KAAKvB,KAAL,CAAWuB,OAAX,CAAmBD,GAAnB;MACH;IACJ;;;WACD,kBAAQ;MAAA;;MACJ,IAAME,QAAQ,mCACP,KAAKxB,KADE;QAEVuB,OAAO,EAAC,KAAKA,OAAL,CAAaE,IAAb,CAAkB,IAAlB,CAFE;QAGVrB,SAAS,EAAC,KAAKF,KAAL,CAAWC,YAHX;QAIVuB,GAAG,EAAC,aAACC,CAAD,EAAK;UACL,IAAGA,CAAH,EAAK;YACD,MAAI,CAAC1B,GAAL,GAAW0B,CAAX;UACH;QACJ;MARS,EAAd,CADI,CAWJ;;;MACA,IAAGH,QAAQ,CAACI,gBAAZ,EAA6B;QACzBJ,QAAQ,CAACI,gBAAT,mCACOJ,QAAQ,CAACI,gBADhB;UAEIC,IAAI,EAAC;QAFT;MAIH;;MAED,oBAAQ,gCAAC,eAAD,EAASL,QAAT,CAAR;IACH;;;;EAhEiBM,iBAAA,CAAMC,S;;eAmEbhC,O"}

package/lib/VtxModal/VtxModal.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;
+}