UNPKG

@vtx/cs-map

Version:

React components for Vortex

90 lines (88 loc) 6.38 kB
"use strict"; function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = _default; var _react = _interopRequireWildcard(require("react")); var _ImageLayer = _interopRequireDefault(require("./ImageLayer")); var _ahooks = require("ahooks"); var _events = require("../events"); var _useProps2 = _interopRequireDefault(require("../_util/useProps")); var _lodash = require("lodash"); var _excluded = ["url", "params", "id", "_key", "group", "show", "zIndex"]; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); } function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } function _default(props) { var url = props.url, params = props.params, key = props.id, _key = props._key, group = props.group, show = props.show, zIndex = props.zIndex, otherProps = _objectWithoutProperties(props, _excluded); var layerRef = (0, _react.useRef)(); var _useProps = (0, _useProps2["default"])(), map = _useProps.map, groupLayer = _useProps.groupLayer; (0, _react.useEffect)(function () { var layer = new _ImageLayer["default"](_objectSpread({ url: url, params: params, key: key || _key, show: show, map: map, groupLayer: groupLayer, zIndex: zIndex, group: group && (0, _lodash.cloneDeep)(group) }, otherProps)); // 注册事件 (0, _events.registerEventLayer)(layer, props); if (groupLayer) { var groupIndex, mapIndex; if (layerRef.current) { groupIndex = layerRef.current.getGroupIndex(); mapIndex = layerRef.current.getMapIndex(groupLayer.key); } else { mapIndex = map.getImageryLastIndex(zIndex); } groupLayer.addLayer(layer, groupIndex, mapIndex); } else { var _mapIndex; if (layerRef.current) { _mapIndex = layerRef.current.getMapIndex(); } else { _mapIndex = map.getImageryLastIndex(zIndex); } map.addLayer(layer, _mapIndex); } layerRef.current = layer; return function () { if (groupLayer) { layerRef.current && groupLayer.removeLayer(layerRef.current); } else { layerRef.current && map.removeLayer(layerRef.current); } }; }, []); (0, _ahooks.useUpdateEffect)(function () { layerRef.current.show = show; }, [show]); (0, _ahooks.useUpdateEffect)(function () { layerRef.current.setGroup(group, params); }, [JSON.stringify(group)]); (0, _ahooks.useUpdateEffect)(function () { layerRef.current.updateParams(params, group); }, [JSON.stringify(params)]); return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null); } //# sourceMappingURL=index.js.map