@vtx/ol-map 1.0.145 → 1.0.146

package/lib/legend/index.js

@@ -1,6 +1,6 @@
 "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); }
+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
 });
@@ -12,26 +12,27 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _renderer = require("../renderer");
 var _lodash = require("lodash");
 var _excluded = ["icon", "text"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var getIcon = exports.getIcon = function getIcon(v) {
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
+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; }
+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; }
+var getIcon = function getIcon(v) {
   var _ref = (0, _lodash.isString)(v) ? {
       icon: v
     } : v,
@@ -44,6 +45,7 @@ var getIcon = exports.getIcon = function getIcon(v) {
     hideFooter: true
   }, other));
 };
+exports.getIcon = getIcon;
 var getStyleByObject = function getStyleByObject(_style) {
   var type = _style.type,
     style = _style.style;
@@ -134,7 +136,7 @@ var getItem = function getItem(v) {
   }
   return imgList;
 };
-var getTreeData = exports.getTreeData = function getTreeData(data) {
+var getTreeData = function getTreeData(data) {
   var imgList = [];
   data.map(function (v) {
     var _v$group;
@@ -156,27 +158,56 @@ var getTreeData = exports.getTreeData = function getTreeData(data) {
   });
   return imgList;
 };
+exports.getTreeData = getTreeData;
 var Content = function Content(props) {
+  var _data2, _data3;
   var data = props.data,
-    children = props.children;
+    children = props.children,
+    column = props.column,
+    columLength = props.columLength;
+  var _data = [];
+  if (data !== null && data !== void 0 && data.length) {
+    if (column) {
+      _data = (0, _lodash.chunk)(data, Math.ceil(data.length / column));
+    } else if ((data === null || data === void 0 ? void 0 : data.length) >= 10) {
+      if (columLength) {
+        _data = (0, _lodash.chunk)(data, columLength);
+      } else {
+        // 通过十分位 + 1 得到数组需要分割的数量例如：10 => 2、 20 => 3、 30 => 4
+        var num = Number(String(data.length)[0]) + 1;
+        _data = (0, _lodash.chunk)(data, Math.ceil(data.length / num));
+      }
+    } else {
+      _data = [data];
+    }
+  }
+  // console.log(111111111, _data);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('ol-tools-legend-list-wrap')
-  }, (data === null || data === void 0 ? void 0 : data.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('ol-tools-legend-list')
-  }, data.map(function (v, i) {
+  }, ((_data2 = _data) === null || _data2 === void 0 ? void 0 : _data2.length) > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-tools-legend-list-column'),
+    style: ((_data3 = _data) === null || _data3 === void 0 ? void 0 : _data3.length) >= 2 ? {} : {
+      maxWidth: 270,
+      maxHeight: 270,
+      overflowY: 'auto'
+    }
+  }, _data.map(function (list, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: i,
-      className: (0, _classnames["default"])('ol-tools-legend-item')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('ol-tools-legend-item-img-wrap')
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: v.src,
-      alt: "",
-      className: (0, _classnames["default"])('ol-tools-legend-item-img'),
-      style: v.iconStyle
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('ol-tools-legend-item-title')
-    }, v.name));
+      key: "".concat(index),
+      className: (0, _classnames["default"])('ol-tools-legend-list')
+    }, list.map(function (v, i) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: "".concat(index, "_").concat(i),
+        className: (0, _classnames["default"])('ol-tools-legend-item')
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: v.src,
+        alt: "",
+        className: (0, _classnames["default"])('ol-tools-legend-item-img')
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])('ol-tools-legend-item-title')
+      }, v.name));
+    }));
   })), children);
 };
 function _default(props) {
@@ -185,7 +216,9 @@ function _default(props) {
     extra = props.extra,
     children = props.children,
     content = props.content,
-    contentRender = props.contentRender;
+    contentRender = props.contentRender,
+    column = props.column,
+    columLength = props.columLength;
   var _useProps = (0, _useProps2["default"])(),
     map = _useProps.map;
   var _useState = (0, _react.useState)([]),
@@ -214,7 +247,9 @@ function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('ol-tools-legend-title')
   }, /*#__PURE__*/_react["default"].createElement("a", null, "\u56FE\u4F8B")), extra), /*#__PURE__*/_react["default"].createElement(Content, {
-    data: treeData
+    data: treeData,
+    column: column,
+    columLength: columLength
   }, content), children));
 }
 //# sourceMappingURL=index.js.map

package/lib/legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_useProps2","_interopRequireDefault","_classnames","_renderer","_lodash","_excluded","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","l","Symbol","iterator","u","a","next","done","push","value","length","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","_arrayLikeToArray","toString","slice","constructor","name","from","test","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","_toPrimitive","toPrimitive","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","getIcon","exports","v","_ref","isString","icon","text","other","getImage","color","hideFooter","getStyleByObject","_style","type","style","image","getStyle","isObject","getItem","imgList","legend","map","src","isFunction","getTreeData","data","_v$group","group","show","items","c","startsWith","concat","Content","props","children","createElement","className","classname","key","alt","iconStyle","_default","extra","content","contentRender","_useProps","useProps","_useState","useState","_useState2","treeData","setTreeData","useEffect","layersChange","layers","getVisibleLayersByKeys","on","un","Fragment"],"sources":["legend/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport useProps from '../use-props';\r\nimport classname from 'classnames';\r\nimport { getImage } from '../renderer';\r\nimport { isArray, isObject, isString, isFunction } from 'lodash';\r\n\r\nexport const getIcon = v => {\r\n    const { icon, text, ...other } = isString(v) ? { icon: v } : v;\r\n\r\n    return getImage({ color: '#007FF9', icon, hideFooter: true, ...other });\r\n};\r\n\r\nconst getStyleByObject = _style => {\r\n    let { type, style } = _style;\r\n\r\n    if (type) {\r\n        if (type === 'Marker') {\r\n            return getIcon(style);\r\n        } else if (type === 'Polyline') {\r\n            return getIcon({ icon: 'WS_GW', ..._style, type: 'Icon' });\r\n        } else if (type === 'Polygon') {\r\n            return getIcon({ icon: 'AREA', ..._style, type: 'Icon' });\r\n        } else {\r\n            return getIcon({ ..._style });\r\n        }\r\n    } else if (_style.icon) {\r\n        return getImage({ hideFooter: true, ..._style });\r\n    } else if (_style.image) {\r\n        return _style.image;\r\n    } else {\r\n        return getImage({ hideFooter: true, ..._style });\r\n    }\r\n};\r\n\r\nconst getStyle = v => {\r\n    if (v) {\r\n        if (isString(v)) {\r\n            return getIcon(v);\r\n        } else if (isObject(v)) {\r\n            return getStyleByObject(v);\r\n        }\r\n    }\r\n};\r\n\r\nconst getItem = v => {\r\n    let imgList = [];\r\n    if (v.legend) {\r\n        if (isArray(v.legend)) {\r\n            v.legend.map(l => {\r\n                let icon = getStyle(l);\r\n                icon && imgList.push({ name: l.name, src: icon, ...l });\r\n            });\r\n        } else {\r\n            let icon = getStyle(v.legend);\r\n            let _style = isObject(v.legend) ? v.legend : {};\r\n            icon && imgList.push({ name: v.name, src: icon, ..._style });\r\n        }\r\n    } else if (v.style) {\r\n        let style = v.style;\r\n        if (isFunction(v.style)) {\r\n            style = v.style();\r\n        }\r\n\r\n        if (isString(style)) {\r\n            let icon = getStyle(style);\r\n            icon && imgList.push({ name: v.name, src: icon });\r\n        } else if (isObject(style)) {\r\n            let icon = getStyleByObject(style);\r\n            icon && imgList.push({ name: v.name, src: icon });\r\n        } else if (isArray(style)) {\r\n            style.map(l => {\r\n                let icon = getStyleByObject(l);\r\n                icon && imgList.push({ name: l.name, src: icon });\r\n            });\r\n        }\r\n    }\r\n\r\n    return imgList;\r\n};\r\n\r\nexport const getTreeData = data => {\r\n    let imgList = [];\r\n    data.map(v => {\r\n        if (v.group?.length) {\r\n            v.group.map(r => {\r\n                if (!r.hasOwnProperty('show') || r.show) {\r\n                    const items = getItem(r).map(c => {\r\n                        if (c.name && !c.name.startsWith(v.name)) {\r\n                            c.name = `${v.name}-${c.name}`;\r\n                        }\r\n                        return c\r\n                    });\r\n                    imgList.push(...items);\r\n                }\r\n            });\r\n        } else if (!v.hasOwnProperty('show') || v.show) {\r\n            imgList.push(...getItem(v));\r\n        }\r\n    });\r\n\r\n    return imgList;\r\n};\r\n\r\nconst Content = props => {\r\n    const { data, children } = props;\r\n    return (\r\n        <div className={classname('ol-tools-legend-list-wrap')}>\r\n            {data?.length > 0 && (\r\n                <div className={classname('ol-tools-legend-list')}>\r\n                    {data.map((v, i) => {\r\n                        return (\r\n                            <div key={i} className={classname('ol-tools-legend-item')}>\r\n                                <div className={classname('ol-tools-legend-item-img-wrap')}>\r\n                                    <img\r\n                                        src={v.src}\r\n                                        alt=\"\"\r\n                                        className={classname('ol-tools-legend-item-img')}\r\n                                        style={v.iconStyle}\r\n                                    />\r\n                                </div>\r\n\r\n                                <div className={classname('ol-tools-legend-item-title')}>\r\n                                    {v.name}\r\n                                </div>\r\n                            </div>\r\n                        );\r\n                    })}\r\n                </div>\r\n            )}\r\n\r\n            {children}\r\n        </div>\r\n    );\r\n};\r\nexport default function(props) {\r\n    const { className, style, extra, children, content, contentRender } = props;\r\n    const { map } = useProps();\r\n    const [treeData, setTreeData] = useState([]);\r\n\r\n    useEffect(() => {\r\n        const layersChange = () => {\r\n            let layers = map.getVisibleLayersByKeys();\r\n\r\n            setTreeData(getTreeData(layers));\r\n        };\r\n\r\n        layersChange();\r\n        map.layers.on('change', layersChange);\r\n\r\n        return () => {\r\n            map.layers.un('change', layersChange);\r\n        };\r\n    }, []);\r\n\r\n    if (!treeData?.length) {\r\n        return <></>;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {contentRender ? (\r\n                contentRender(treeData)\r\n            ) : (\r\n                <div className={classname('ol-tools-legend', className)} style={style}>\r\n                    <div className={classname('ol-tools-legend-content')}>\r\n                        <div className={classname('ol-tools-legend-title')}>\r\n                            <a>图例</a>\r\n                        </div>\r\n                        {extra}\r\n                    </div>\r\n\r\n                    <Content data={treeData}>{content}</Content>\r\n\r\n                    {children}\r\n                </div>\r\n            )}\r\n        </>\r\n    );\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_useProps2","_interopRequireDefault","_classnames","_renderer","_lodash","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","apply","_objectSpread","target","arguments","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","getIcon","v","_ref","isString","icon","text","other","getImage","color","hideFooter","exports","getStyleByObject","_style","type","style","image","getStyle","isObject","getItem","imgList","legend","map","l","src","isFunction","getTreeData","data","_v$group","group","r","show","items","c","startsWith","concat","Content","props","_data2","_data3","children","column","columLength","_data","chunk","Math","ceil","num","createElement","className","classname","maxWidth","maxHeight","overflowY","list","index","alt","_default","extra","content","contentRender","_useProps","useProps","_useState","useState","_useState2","treeData","setTreeData","useEffect","layersChange","layers","getVisibleLayersByKeys","on","un","Fragment"],"sources":["legend/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport useProps from '../use-props';\nimport classname from 'classnames';\nimport { getImage } from '../renderer';\nimport { isArray, isObject, isString, isFunction, chunk } from 'lodash';\n\nexport const getIcon = v => {\n    const { icon, text, ...other } = isString(v) ? { icon: v } : v;\n\n    return getImage({ color: '#007FF9', icon, hideFooter: true, ...other });\n};\n\nconst getStyleByObject = _style => {\n    let { type, style } = _style;\n\n    if (type) {\n        if (type === 'Marker') {\n            return getIcon(style);\n        } else if (type === 'Polyline') {\n            return getIcon({ icon: 'WS_GW', ..._style, type: 'Icon' });\n        } else if (type === 'Polygon') {\n            return getIcon({ icon: 'AREA', ..._style, type: 'Icon' });\n        } else {\n            return getIcon({ ..._style });\n        }\n    } else if (_style.icon) {\n        return getImage({ hideFooter: true, ..._style });\n    } else if (_style.image) {\n        return _style.image;\n    } else {\n        return getImage({ hideFooter: true, ..._style });\n    }\n};\n\nconst getStyle = v => {\n    if (v) {\n        if (isString(v)) {\n            return getIcon(v);\n        } else if (isObject(v)) {\n            return getStyleByObject(v);\n        }\n    }\n};\n\nconst getItem = v => {\n    let imgList = [];\n    if (v.legend) {\n        if (isArray(v.legend)) {\n            v.legend.map(l => {\n                let icon = getStyle(l);\n                icon && imgList.push({ name: l.name, src: icon, ...l });\n            });\n        } else {\n            let icon = getStyle(v.legend);\n            let _style = isObject(v.legend) ? v.legend : {};\n            icon && imgList.push({ name: v.name, src: icon, ..._style });\n        }\n    } else if (v.style) {\n        let style = v.style;\n        if (isFunction(v.style)) {\n            style = v.style();\n        }\n\n        if (isString(style)) {\n            let icon = getStyle(style);\n            icon && imgList.push({ name: v.name, src: icon });\n        } else if (isObject(style)) {\n            let icon = getStyleByObject(style);\n            icon && imgList.push({ name: v.name, src: icon });\n        } else if (isArray(style)) {\n            style.map(l => {\n                let icon = getStyleByObject(l);\n                icon && imgList.push({ name: l.name, src: icon });\n            });\n        }\n    }\n\n    return imgList;\n};\n\nexport const getTreeData = data => {\n    let imgList = [];\n    data.map(v => {\n        if (v.group?.length) {\n            v.group.map(r => {\n                if (!r.hasOwnProperty('show') || r.show) {\n                    const items = getItem(r).map(c => {\n                        if (c.name && !c.name.startsWith(v.name)) {\n                            c.name = `${v.name}-${c.name}`;\n                        }\n                        return c;\n                    });\n                    imgList.push(...items);\n                }\n            });\n        } else if (!v.hasOwnProperty('show') || v.show) {\n            imgList.push(...getItem(v));\n        }\n    });\n\n    return imgList;\n};\n\nconst Content = props => {\n    const { data, children, column, columLength } = props;\n\n    let _data = [];\n\n    if (data?.length) {\n        if (column) {\n            _data = chunk(data, Math.ceil(data.length / column));\n        } else if (data?.length >= 10) {\n            if (columLength) {\n                _data = chunk(data, columLength);\n            } else {\n                // 通过十分位 + 1 得到数组需要分割的数量例如：10 => 2、 20 => 3、 30 => 4\n                let num = Number(String(data.length)[0]) + 1;\n                _data = chunk(data, Math.ceil(data.length / num));\n            }\n        } else {\n            _data = [data];\n        }\n    }\n    // console.log(111111111, _data);\n\n    return (\n        <div className={classname('ol-tools-legend-list-wrap')}>\n            {_data?.length > 0 && (\n                <div\n                    className={classname('ol-tools-legend-list-column')}\n                    style={\n                        _data?.length >= 2\n                            ? {}\n                            : {\n                                  maxWidth: 270,\n                                  maxHeight: 270,\n                                  overflowY: 'auto',\n                              }\n                    }\n                >\n                    {_data.map((list, index) => (\n                        <div key={`${index}`} className={classname('ol-tools-legend-list')}>\n                            {list.map((v, i) => (\n                                <div\n                                    key={`${index}_${i}`}\n                                    className={classname('ol-tools-legend-item')}\n                                >\n                                    <img\n                                        src={v.src}\n                                        alt=\"\"\n                                        className={classname('ol-tools-legend-item-img')}\n                                    />\n                                    <div className={classname('ol-tools-legend-item-title')}>\n                                        {v.name}\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    ))}\n                </div>\n            )}\n\n            {children}\n        </div>\n    );\n};\nexport default function(props) {\n    const {\n        className,\n        style,\n        extra,\n        children,\n        content,\n        contentRender,\n        column,\n        columLength,\n    } = props;\n    const { map } = useProps();\n    const [treeData, setTreeData] = useState([]);\n\n    useEffect(() => {\n        const layersChange = () => {\n            let layers = map.getVisibleLayersByKeys();\n\n            setTreeData(getTreeData(layers));\n        };\n\n        layersChange();\n        map.layers.on('change', layersChange);\n\n        return () => {\n            map.layers.un('change', layersChange);\n        };\n    }, []);\n\n    if (!treeData?.length) {\n        return <></>;\n    }\n\n    return (\n        <>\n            {contentRender ? (\n                contentRender(treeData)\n            ) : (\n                <div className={classname('ol-tools-legend', className)} style={style}>\n                    <div className={classname('ol-tools-legend-content')}>\n                        <div className={classname('ol-tools-legend-title')}>\n                            <a>图例</a>\n                        </div>\n                        {extra}\n                    </div>\n\n                    <Content data={treeData} column={column} columLength={columLength}>\n                        {content}\n                    </Content>\n\n                    {children}\n                </div>\n            )}\n        </>\n    );\n}\n"],"mappings":"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"}

package/lib/legend/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":["require"],"sources":["legend/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\r\nimport 'antd/lib/tree/style';\r\nimport 'antd/lib/select/style';\r\nimport 'antd/lib/auto-complete/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"css.js","names":["require"],"sources":["legend/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\nimport 'antd/lib/tree/style';\nimport 'antd/lib/select/style';\nimport 'antd/lib/auto-complete/style';\nimport './index.less';\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA"}

package/lib/legend/style/index.css

@@ -24,6 +24,41 @@
   min-width: 60px;
   display: none;
 }
+.ol-tools-legend .ol-tools-legend-list-wrap .ol-tools-legend-list-column {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.ol-tools-legend .ol-tools-legend-list-wrap .ol-tools-legend-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  max-width: none;
+  max-height: none;
+  overflow-y: auto;
+}
+.ol-tools-legend .ol-tools-legend-list-wrap .ol-tools-legend-list .ol-tools-legend-item {
+  text-align: center;
+  padding: 4px;
+  min-width: 50px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.ol-tools-legend .ol-tools-legend-list-wrap .ol-tools-legend-list .ol-tools-legend-item .ol-tools-legend-item-img {
+  max-height: 28px;
+  margin-right: 5px;
+}
+.ol-tools-legend .ol-tools-legend-list-wrap .ol-tools-legend-list .ol-tools-legend-item .ol-tools-legend-item-title {
+  font-size: 12px;
+}
 .ol-tools-legend:hover .ol-tools-legend-list-wrap {
   display: block;
 }

package/lib/legend/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require"],"sources":["legend/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\r\nimport 'antd/lib/tree/style';\r\nimport 'antd/lib/select/style';\r\nimport 'antd/lib/auto-complete/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["require"],"sources":["legend/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\nimport 'antd/lib/tree/style';\nimport 'antd/lib/select/style';\nimport 'antd/lib/auto-complete/style';\nimport './index.less';\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA"}

package/lib/legend/style/index.less

@@ -1,73 +1,100 @@
-.ol-tools-legend {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-
-    padding: 6px 10px;
-
-    background: #fff;
-    border-radius: 8px;
-
-    user-select: none;
-
-    width: max-content;
-
-    .ol-tools-legend-title {
-        font-size: 16px;
-        letter-spacing: 2px;
-    }
-
-    .ol-tools-legend-content {
-        cursor: pointer;
-    }
-
-    .ol-tools-legend-list-wrap {
-        min-width: 60px;
-        display: none;
-    }
-
-    &:hover {
-        .ol-tools-legend-list-wrap {
-            display: block;
-        }
-    }
-
-    .ol-tools-legend-list {
-        max-width: 270px;
-        max-height: 270px;
-        overflow-y: scroll;
-
-        .ol-tools-legend-item {
-            text-align: center;
-            padding: 4px;
-            min-width: 50px;
-            display: flex;
-            align-items: center;
-            .ol-tools-legend-item-img-wrap {
-                margin-right: 5px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                width: 32px;
-                height: 32px;
-            }
-            .ol-tools-legend-item-img {
-                max-width: 32px;
-            }
-
-            .ol-tools-legend-item-title {
-                font-size: 14px;
-            }
-        }
-    }
-}
-
-.ol-tools-legend-close-btn {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    z-index: 999;
-    font-size: 18px;
-    font-weight: bold;
-    cursor: pointer;
-}
+.ol-tools-legend {
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+
+    padding: 6px 10px;
+
+    background: #fff;
+    border-radius: 8px;
+
+    user-select: none;
+
+    width: max-content;
+
+    .ol-tools-legend-title {
+        font-size: 16px;
+        letter-spacing: 2px;
+    }
+
+    .ol-tools-legend-content {
+        cursor: pointer;
+    }
+
+    .ol-tools-legend-list-wrap {
+        min-width: 60px;
+        display: none;
+        .ol-tools-legend-list-column {
+            display: flex;
+        }
+        .ol-tools-legend-list {
+            display: flex;
+            flex-direction: column;
+            max-width: none;
+            max-height: none;
+            overflow-y: auto;
+
+            .ol-tools-legend-item {
+                text-align: center;
+                padding: 4px;
+                min-width: 50px;
+                display: flex;
+                align-items: center;
+
+                .ol-tools-legend-item-img {
+                    max-height: 28px;
+                    margin-right: 5px;
+                }
+
+                .ol-tools-legend-item-title {
+                    font-size: 12px;
+                }
+            }
+        }
+    }
+
+    &:hover {
+        .ol-tools-legend-list-wrap {
+            display: block;
+        }
+    }
+
+    .ol-tools-legend-list {
+        max-width: 270px;
+        max-height: 270px;
+        overflow-y: scroll;
+
+        .ol-tools-legend-item {
+            text-align: center;
+            padding: 4px;
+            min-width: 50px;
+            display: flex;
+            align-items: center;
+            .ol-tools-legend-item-img-wrap {
+                margin-right: 5px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 32px;
+                height: 32px;
+            }
+            .ol-tools-legend-item-img {
+                max-width: 32px;
+            }
+
+            .ol-tools-legend-item-title {
+                font-size: 14px;
+            }
+        }
+    }
+}
+
+.ol-tools-legend-close-btn {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    z-index: 999;
+    font-size: 18px;
+    font-weight: bold;
+    cursor: pointer;
+}