@vtx/ol-map 2.0.0-beta.1 → 2.0.0-beta.2

package/lib/tools/Layer/index.js

@@ -0,0 +1,225 @@
+"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 _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _ItemWrap = _interopRequireDefault(require("../components/ItemWrap"));
+var _layerControl = require("../layer-control");
+var _LayersCheckService = require("./LayersCheckService");
+var _Icon = _interopRequireDefault(require("../components/Icon"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.less");
+var _useProps = _interopRequireDefault(require("../../use-props"));
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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 _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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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 _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 _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 _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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * @returns 气泡卡片式图层控制器
+ */
+var SubList = function SubList(props) {
+  var options = props.options,
+    checkedKeys = props.checkedKeys,
+    _onChange = props.onChange,
+    onCheckAllChange = props.onCheckAllChange;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-tools-layer-sub-list')
+  }, options.map(function (v) {
+    var _v$children;
+    var status = v.status || 3;
+    return (_v$children = v.children) !== null && _v$children !== void 0 && _v$children.length ? /*#__PURE__*/_react["default"].createElement(SubListWrap, {
+      v: v,
+      key: v.key,
+      title: v.title,
+      value: v.key,
+      options: v.children,
+      checkedKeys: checkedKeys,
+      onChange: _onChange,
+      onCheckAllChange: onCheckAllChange
+    }) : /*#__PURE__*/_react["default"].createElement("div", {
+      key: v.key,
+      className: (0, _classnames["default"])('ol-tools-layer-item')
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
+      checked: checkedKeys.includes(v.key),
+      onChange: function onChange(e) {
+        return _onChange(e.target.checked, v.key);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('popover-iconEle')
+    }, v.icon || ''), v.title));
+  }));
+};
+var SubListWrap = function SubListWrap(props) {
+  var v = props.v,
+    title = props.title,
+    options = props.options,
+    checkedKeys = props.checkedKeys,
+    onChange = props.onChange,
+    onCheckAllChange = props.onCheckAllChange,
+    key = props.value;
+  return /*#__PURE__*/_react["default"].createElement(_antd.Popover, {
+    trigger: "hover",
+    placement: "rightTop",
+    content: /*#__PURE__*/_react["default"].createElement(SubList, {
+      checkedKeys: checkedKeys,
+      options: options,
+      onChange: onChange,
+      onCheckAllChange: onCheckAllChange
+    }),
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode.parentElement;
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-tools-layer-item')
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, _extends({}, (0, _LayersCheckService.getIndeterminateAndChecked)(options, checkedKeys, key), {
+    onChange: function onChange(e) {
+      return onCheckAllChange(e.target.checked, options, key);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])('popover-iconEle')
+  }, v.icon || ''), title), /*#__PURE__*/_react["default"].createElement(_icons.RightOutlined, null)));
+};
+var List = function List(props) {
+  var treeData = props.treeData,
+    checkedKeys = props.checkedKeys,
+    _onChange2 = props.onChange,
+    onCheckAllChange = props.onCheckAllChange;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-tools-layer-list')
+  }, treeData.map(function (v) {
+    var _v$children2;
+    return (_v$children2 = v.children) !== null && _v$children2 !== void 0 && _v$children2.length ? /*#__PURE__*/_react["default"].createElement(SubListWrap, {
+      v: v,
+      key: v.key,
+      title: v.title,
+      value: v.key,
+      options: v.children,
+      checkedKeys: checkedKeys,
+      onChange: _onChange2,
+      onCheckAllChange: onCheckAllChange
+    }) : /*#__PURE__*/_react["default"].createElement("div", {
+      key: v.key,
+      className: (0, _classnames["default"])('ol-tools-layer-item')
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
+      checked: checkedKeys.includes(v.key),
+      onChange: function onChange(e) {
+        return _onChange2(e.target.checked, v.key);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('popover-iconEle')
+    }, v.icon || ''), v.title));
+  }));
+};
+function _default(props) {
+  var _props$showAll = props.showAll,
+    showAll = _props$showAll === void 0 ? true : _props$showAll,
+    maxHeight = props.maxHeight;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    treeData = _useState2[0],
+    setTreeData = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checkedKeys = _useState4[0],
+    setCheckedKeys = _useState4[1];
+  var map = _useProps["default"].map;
+  (0, _react.useEffect)(function () {
+    var layersChange = function layersChange(layers) {
+      var _map$layers;
+      setCheckedKeys((_map$layers = map.layers) === null || _map$layers === void 0 ? void 0 : _map$layers.getShowKeys());
+      setTreeData((0, _layerControl.getTreeDataByLayers)(layers));
+    };
+    layersChange(map.layers.layers);
+    map.layers.on('change', layersChange);
+    return function () {
+      map.layers.un('change', layersChange);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (treeData) {
+      onChange();
+    }
+  }, [JSON.stringify(treeData)]);
+  var onChange = function onChange(checked, key) {
+    if (showAll) {
+      // 多选
+      var _checkedKeys = _toConsumableArray(checkedKeys);
+      if (checked) {
+        _checkedKeys.push(key);
+      } else {
+        _checkedKeys = _checkedKeys.filter(function (v) {
+          return v !== key;
+        });
+      }
+      setCheckedKeysAndLayersVisible(_checkedKeys);
+    } else {
+      // 单选
+      props.onChange && props.onChange(key);
+    }
+  };
+
+  // 有子集的选择框
+  var onCheckAllChange = function onCheckAllChange(checked, data, key) {
+    var _checkedKeys = _toConsumableArray(checkedKeys);
+    var keys = (0, _LayersCheckService.getKeys)(data);
+    if (checked) {
+      _checkedKeys = [].concat(_toConsumableArray(_checkedKeys), _toConsumableArray(keys));
+    } else {
+      if (key === 'ALL') {
+        _checkedKeys = [];
+      } else {
+        _checkedKeys = _checkedKeys.filter(function (v) {
+          return v !== key;
+        });
+        _checkedKeys = _checkedKeys.filter(function (v) {
+          return !keys.includes(v);
+        });
+      }
+    }
+    setCheckedKeysAndLayersVisible(_checkedKeys);
+  };
+  var setCheckedKeysAndLayersVisible = function setCheckedKeysAndLayersVisible(_checkedKeys) {
+    var unique_checkedKeys = _toConsumableArray(new Set(_checkedKeys)); // 去重
+    setCheckedKeys(unique_checkedKeys);
+    props.onChange && props.onChange(unique_checkedKeys);
+
+    // 设置图层显示隐藏
+    map.layers.setShowByKeys(unique_checkedKeys);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_ItemWrap["default"], {
+    content: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      type: "icon-tuceng"
+    })
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-tools-layer'),
+    style: {
+      maxHeight: maxHeight
+    }
+  }, showAll ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-tools-layer-check-all')
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, _extends({}, (0, _LayersCheckService.getIndeterminateAndChecked)(treeData, checkedKeys, 'ALL'), {
+    onChange: function onChange(e) {
+      return onCheckAllChange(e.target.checked, treeData, 'ALL');
+    }
+  }), "\u5168\u9009")) : null, /*#__PURE__*/_react["default"].createElement(List, {
+    treeData: treeData,
+    checkedKeys: checkedKeys,
+    onChange: onChange,
+    onCheckAllChange: onCheckAllChange
+  })));
+}
+;
+//# sourceMappingURL=index.js.map

package/lib/tools/Layer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_antd","_icons","_ItemWrap","_interopRequireDefault","_layerControl","_LayersCheckService","_Icon","_classnames","_useProps","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","a","toString","slice","constructor","name","test","length","l","u","next","done","push","value","_extends","assign","bind","arguments","apply","SubList","props","options","checkedKeys","onChange","onCheckAllChange","createElement","className","classnames","map","v","_v$children","status","children","SubListWrap","key","title","Checkbox","checked","includes","target","icon","Popover","trigger","placement","content","getPopupContainer","triggerNode","parentElement","getIndeterminateAndChecked","RightOutlined","List","treeData","_v$children2","_default","_props$showAll","showAll","maxHeight","_useState","useState","_useState2","setTreeData","_useState3","_useState4","setCheckedKeys","useProps","useEffect","layersChange","layers","_map$layers","getShowKeys","getTreeDataByLayers","on","un","JSON","stringify","_checkedKeys","filter","setCheckedKeysAndLayersVisible","data","keys","getKeys","concat","unique_checkedKeys","Set","setShowByKeys","type","style"],"sources":["tools/Layer/index.js"],"sourcesContent":["/**\n * @returns 气泡卡片式图层控制器\n */\nimport React, { useEffect, useState } from 'react';\nimport { Checkbox, Popover } from 'antd';\nimport { RightOutlined } from '@ant-design/icons';\nimport ItemWrap from '../components/ItemWrap';\nimport { getTreeDataByLayers } from '../layer-control';\nimport { getIndeterminateAndChecked, getKeys } from './LayersCheckService';\nimport Icon from '../components/Icon';\nimport classnames from 'classnames';\nimport './index.less';\nimport useProps from \"../../use-props\";\n\nconst SubList = props => {\n\tconst { options, checkedKeys, onChange, onCheckAllChange } = props;\n\n\treturn (\n\t\t<div className={classnames('ol-tools-layer-sub-list')}>\n\t\t\t{options.map(v => {\n\t\t\t\tlet status = v.status || 3;\n\t\t\t\treturn v.children?.length ? (\n\t\t\t\t\t<SubListWrap\n\t\t\t\t\t\tv={v}\n\t\t\t\t\t\tkey={v.key}\n\t\t\t\t\t\ttitle={v.title}\n\t\t\t\t\t\tvalue={v.key}\n\t\t\t\t\t\toptions={v.children}\n\t\t\t\t\t\tcheckedKeys={checkedKeys}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\tonCheckAllChange={onCheckAllChange}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div key={v.key} className={classnames('ol-tools-layer-item')}>\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={checkedKeys.includes(v.key)}\n\t\t\t\t\t\t\tonChange={e => onChange(e.target.checked, v.key)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className={classnames('popover-iconEle')}>\n\t\t\t\t\t\t\t\t{v.icon || ''}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{v.title}\n\t\t\t\t\t\t</Checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nconst SubListWrap = props => {\n\tconst { v, title, options, checkedKeys, onChange, onCheckAllChange, value: key } = props;\n\n\treturn (\n\t\t<Popover\n\t\t\ttrigger=\"hover\"\n\t\t\tplacement=\"rightTop\"\n\t\t\tcontent={<SubList checkedKeys={checkedKeys} options={options} onChange={onChange} onCheckAllChange={onCheckAllChange} />}\n\t\t\tgetPopupContainer={triggerNode => triggerNode.parentElement}\n\t\t>\n\t\t\t<div className={classnames('ol-tools-layer-item')}>\n\t\t\t\t<Checkbox\n\t\t\t\t\t{...getIndeterminateAndChecked(options, checkedKeys, key)}\n\t\t\t\t\tonChange={e => onCheckAllChange(e.target.checked, options, key)}\n\t\t\t\t>\n\t\t\t\t\t<span className={classnames('popover-iconEle')}>\n\t\t\t\t\t\t{v.icon || ''}\n\t\t\t\t\t</span>\n\t\t\t\t\t{title}\n\t\t\t\t</Checkbox>\n\t\t\t\t<RightOutlined />\n\t\t\t</div>\n\t\t</Popover>\n\t);\n};\n\nconst List = props => {\n\tconst { treeData, checkedKeys, onChange, onCheckAllChange } = props;\n\treturn (\n\t\t<div className={classnames('ol-tools-layer-list')}>\n\t\t\t{treeData.map(v => {\n\t\t\t\treturn v.children?.length ? (\n\t\t\t\t\t<SubListWrap\n\t\t\t\t\t\tv={v}\n\t\t\t\t\t\tkey={v.key}\n\t\t\t\t\t\ttitle={v.title}\n\t\t\t\t\t\tvalue={v.key}\n\t\t\t\t\t\toptions={v.children}\n\t\t\t\t\t\tcheckedKeys={checkedKeys}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\tonCheckAllChange={onCheckAllChange}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div key={v.key} className={classnames('ol-tools-layer-item')}>\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={checkedKeys.includes(v.key)}\n\t\t\t\t\t\t\tonChange={e => onChange(e.target.checked, v.key)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className={classnames('popover-iconEle')}>\n\t\t\t\t\t\t\t\t{v.icon || ''}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{v.title}\n\t\t\t\t\t\t</Checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default function (props) {\n\tconst { showAll = true, maxHeight } = props;\n\tconst [treeData, setTreeData] = useState([]);\n\tconst [checkedKeys, setCheckedKeys] = useState([]);\n\n\tconst { map } = useProps;\n\n\tuseEffect(() => {\n\t\tconst layersChange = layers => {\n\t\t\tsetCheckedKeys(map.layers?.getShowKeys());\n\t\t\tsetTreeData(getTreeDataByLayers(layers));\n\t\t};\n\t\tlayersChange(map.layers.layers);\n\t\tmap.layers.on('change', layersChange);\n\t\treturn () => {\n\t\t\tmap.layers.un('change', layersChange);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (treeData) {\n\t\t\tonChange();\n\t\t}\n\t}, [JSON.stringify(treeData)]);\n\n\tconst onChange = (checked, key) => {\n\t\tif (showAll) {\n\t\t\t// 多选\n\t\t\tlet _checkedKeys = [...checkedKeys];\n\t\t\tif (checked) {\n\t\t\t\t_checkedKeys.push(key);\n\t\t\t} else {\n\t\t\t\t_checkedKeys = _checkedKeys.filter(v => v !== key);\n\t\t\t}\n\t\t\tsetCheckedKeysAndLayersVisible(_checkedKeys);\n\t\t} else {\n\t\t\t// 单选\n\t\t\tprops.onChange && props.onChange(key);\n\t\t}\n\t};\n\n\t// 有子集的选择框\n\tconst onCheckAllChange = (checked, data, key) => {\n\t\tlet _checkedKeys = [...checkedKeys];\n\t\tlet keys = getKeys(data);\n\t\tif (checked) {\n\t\t\t_checkedKeys = [..._checkedKeys, ...keys];\n\t\t} else {\n\t\t\tif (key === 'ALL') {\n\t\t\t\t_checkedKeys = [];\n\t\t\t} else {\n\t\t\t\t_checkedKeys = _checkedKeys.filter(v => v !== key);\n\t\t\t\t_checkedKeys = _checkedKeys.filter(v => !keys.includes(v));\n\t\t\t}\n\t\t}\n\n\t\tsetCheckedKeysAndLayersVisible(_checkedKeys);\n\t};\n\n\tconst setCheckedKeysAndLayersVisible = _checkedKeys => {\n\t\tlet unique_checkedKeys = [...new Set(_checkedKeys)]; // 去重\n\t\tsetCheckedKeys(unique_checkedKeys);\n\t\tprops.onChange && props.onChange(unique_checkedKeys);\n\n\t\t// 设置图层显示隐藏\n\t\tmap.layers.setShowByKeys(unique_checkedKeys);\n\t};\n\n\treturn (\n\t\t<ItemWrap content={<Icon type=\"icon-tuceng\" />}>\n\t\t\t<div className={classnames('ol-tools-layer')} style={{ maxHeight }}>\n\t\t\t\t{showAll ? (\n\t\t\t\t\t<div className={classnames('ol-tools-layer-check-all')}>\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t{...getIndeterminateAndChecked(treeData, checkedKeys, 'ALL')}\n\t\t\t\t\t\t\tonChange={e => onCheckAllChange(e.target.checked, treeData, 'ALL')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t全选\n\t\t\t\t\t\t</Checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<List\n\t\t\t\t\ttreeData={treeData}\n\t\t\t\t\tcheckedKeys={checkedKeys}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tonCheckAllChange={onCheckAllChange}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</ItemWrap>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/Layer/index.less

@@ -0,0 +1,43 @@
+.ol-tools-layer {
+    user-select: none;
+    max-height: 400px;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 0; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 0;
+    }
+
+    .ol-tools-layer-check-all {
+        width: 100%;
+        border-bottom: 1px silver solid;
+        display: flex;
+        padding-bottom: 8px;
+    }
+
+    .ol-tools-layer-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        margin-top: 6px;
+        white-space: nowrap;
+        .popover-iconEle{
+            display: inline-block;
+            width: 24px;
+            height: 24px;
+            line-height: 24px;
+            text-align: center;
+            vertical-align: top;
+        }
+    }
+
+    .ol-tools-layer-list {
+        padding-top: 2px;
+
+        .ol-tools-layer-sub-list {
+            max-height: 400px;
+        }
+    }
+}

package/lib/tools/Search/index.js

@@ -0,0 +1,295 @@
+"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"] = Search;
+exports.toolOptions = exports.getMapFeatureInfoByText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _ItemWrap = _interopRequireDefault(require("../components/ItemWrap"));
+var _layer = require("ol/layer");
+var _format = require("ol/format");
+var _utils = require("@vtx/utils");
+var _useProps2 = _interopRequireDefault(require("../../use-props"));
+var _ToolItem = _interopRequireDefault(require("../components/ToolItem"));
+var _WmsLayer = _interopRequireDefault(require("../../wms-layer/WmsLayer"));
+var _ImageTileLayer = _interopRequireDefault(require("../../image-layer/ImageTileLayer"));
+var _http = _interopRequireDefault(require("../../_util/http"));
+var _encryptParams = _interopRequireDefault(require("../../_util/encryptParams"));
+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 _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 _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 _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 _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; }
+/**
+ * 根据关键字获取图形信息
+ * @param map
+ * @param searchText
+ * @returns {Promise<unknown>} [{label: '图层名称', options: [{label: '', value: ''}]}]
+ */
+var getMapFeatureInfoByText = exports.getMapFeatureInfoByText = function getMapFeatureInfoByText(map, searchText) {
+  return new Promise(function (resolve) {
+    var list = [],
+      reqList = [];
+    map.getAllLayers().map(function (layer) {
+      if (layer.getVisible() && layer.key && layer.key !== 'Highlight') {
+        var label = layer.name;
+        var field = layer.labelField;
+        var source = layer === null || layer === void 0 ? void 0 : layer.getSource();
+        if (source) {
+          if (layer instanceof _layer.Vector) {
+            var features = getVectorFeatureInfoByText(layer, field || 'name', searchText);
+            if (features !== null && features !== void 0 && features.length) {
+              list.push({
+                label: label,
+                options: features
+              });
+            }
+          } else if (layer instanceof _layer.Image || layer instanceof _ImageTileLayer["default"] || layer instanceof _WmsLayer["default"]) {
+            reqList.push(getWmsFeatureInfoByText(layer, field || 'code', searchText).then(function (features) {
+              return {
+                label: label,
+                options: features
+              };
+            }));
+          }
+        }
+      }
+    });
+    if (reqList !== null && reqList !== void 0 && reqList.length) {
+      Promise.all(reqList).then(function (res) {
+        res.map(function (v) {
+          var _v$options;
+          if ((_v$options = v.options) !== null && _v$options !== void 0 && _v$options.length) {
+            list.push(v);
+          }
+        });
+        resolve(list);
+      });
+    } else {
+      resolve(list);
+    }
+  });
+};
+
+// 根据关键字获取图形信息
+var getVectorFeatureInfoByText = function getVectorFeatureInfoByText(layer, field, searchText) {
+  var source = layer.getSource().source || layer.getSource();
+  var features = source.getFeatures();
+  if (features !== null && features !== void 0 && features.length) {
+    var _features = features.filter(function (v) {
+      var _v$values_;
+      return ((v === null || v === void 0 || (_v$values_ = v.values_) === null || _v$values_ === void 0 ? void 0 : _v$values_[field]) || '').indexOf(searchText) !== -1;
+    });
+    if (_features !== null && _features !== void 0 && _features.length) {
+      return handleResult(_features, layer, field);
+    }
+  }
+};
+
+// 根据关键字获取图形信息
+var getWmsFeatureInfoByText = function getWmsFeatureInfoByText(layer, field, searchText) {
+  var _getVtxToken = (0, _utils.getVtxToken)(),
+    tenantId = _getVtxToken.tenantId;
+  var source = layer.getSource();
+  var params = {
+    maxFeatures: 50,
+    service: 'WFS',
+    request: 'GetFeature',
+    outputFormat: 'application/json',
+    geoserverUrl: source.url_ || layer.url,
+    version: source.params_.VERSION,
+    typeName: layer.params.QUERY_LAYERS || source.params_.QUERY_LAYERS,
+    cql_filter: layer.params.cql_filter || source.params_.cql_filter,
+    viewparams: "tenantId:".concat(tenantId)
+  };
+  var cql_filter = "".concat(field, " like '%").concat(searchText, "%'");
+  // let cql_filter = layer.encrypt
+  //     ? `${field} like '%${searchText}%'`
+  //     : encodeURI(`${field} like '%${searchText}%'`);
+
+  params.cql_filter = params.cql_filter ? "(".concat(params.cql_filter, ") and ").concat(cql_filter) : cql_filter;
+  if (layer.encrypt) {
+    params = (0, _encryptParams["default"])(params, layer.encrypt);
+  } else {
+    params.cql_filter = encodeURIComponent(params.cql_filter);
+  }
+  var queryString = Object.entries(params).reduce(function (acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return "".concat(acc).concat(key, "=").concat(value, "&");
+  }, '?').slice(0, -1);
+  return _http["default"].get("".concat(source.url_ || layer.url).concat(queryString)).then(function (data) {
+    var _data$features;
+    var features = [];
+    if (data !== null && data !== void 0 && (_data$features = data.features) !== null && _data$features !== void 0 && _data$features.length) {
+      var geoJsonFormat = new _format.GeoJSON();
+      features = geoJsonFormat.readFeatures(data);
+      features = handleResult(features, layer, field);
+    }
+    return features;
+  })["catch"](function () {
+    return [];
+  });
+};
+var handleResult = function handleResult(features, layer, field) {
+  return features.map(function (v) {
+    var _v$values_2, _v$values_3, _v$values_4, _v$values_5;
+    v.label = v === null || v === void 0 || (_v$values_2 = v.values_) === null || _v$values_2 === void 0 ? void 0 : _v$values_2[field];
+    v.value = (v === null || v === void 0 || (_v$values_3 = v.values_) === null || _v$values_3 === void 0 ? void 0 : _v$values_3.id) || (v === null || v === void 0 || (_v$values_4 = v.values_) === null || _v$values_4 === void 0 ? void 0 : _v$values_4.facilityId) || (v === null || v === void 0 || (_v$values_5 = v.values_) === null || _v$values_5 === void 0 ? void 0 : _v$values_5[field]);
+    v.layerKey = layer.key;
+    return v;
+  });
+};
+var toolOptions = exports.toolOptions = [
+// { label: '点选', icon: 'icon-dianxuan', active: true, key: 'pointSelect' },
+{
+  label: '框选',
+  icon: 'icon-kuangxuan',
+  key: 'boxSelect'
+}, {
+  label: '圈选',
+  icon: 'icon-quanxuan',
+  key: 'circleSelect'
+}, {
+  label: '多边形选择',
+  icon: 'icon-duobianxingxuanze',
+  key: 'polygonSelect'
+}
+// { label: '空间定位查询', icon: 'icon-kuangxuan', key: 'spaceQuery' },
+];
+function Search(props) {
+  var active = props.active,
+    setActive = props.setActive;
+  var _useProps = (0, _useProps2["default"])(),
+    map = _useProps.map;
+  var time = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var itemWrapRef = (0, _react.useRef)();
+
+  // 地址查询
+  var onSearch = function onSearch(searchText) {
+    if (time.current) {
+      clearTimeout(time.current);
+    }
+    if (searchText) {
+      time.current = setTimeout(function () {
+        getMapFeatureInfoByText(map, searchText).then(function (data) {
+          setOptions(data);
+        });
+      }, 500);
+    } else {
+      setOptions([]);
+    }
+  };
+  var onChange = function onChange(_value) {
+    setValue(_value);
+  };
+  (0, _react.useEffect)(function () {
+    // 挂载关闭工具方法
+    map.closeToolbox = function () {
+      setActive('');
+    };
+    return function () {
+      // 移除关闭工具方法
+      delete map.closeToolbox;
+    };
+  }, []);
+  var onActive = function onActive(v) {
+    if (!v.key) {
+      return;
+    }
+    var value = active && v.key === active ? '' : v.key;
+
+    // 执行关闭分析
+    map.closeAnalysis && map.closeAnalysis();
+
+    // 增加当前激活的工具属性
+    map.toolboxActive = value;
+    setActive(value);
+  };
+  var onSelect = function onSelect(_value, e) {
+    var feature;
+    options.map(function (v) {
+      var _v$options2;
+      if (v !== null && v !== void 0 && (_v$options2 = v.options) !== null && _v$options2 !== void 0 && _v$options2.length) {
+        v.options.map(function (o) {
+          if (o.value === _value) {
+            feature = o;
+          }
+        });
+      }
+    });
+    map.showTemplate(feature);
+    map.fitView(e);
+    setValue(e.label);
+  };
+  var onClear = function onClear() {
+    map.fitView();
+    map.hideTemplate();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ItemWrap["default"], {
+    ref: itemWrapRef,
+    content: /*#__PURE__*/_react["default"].createElement(_icons.SearchOutlined, null)
+  }, /*#__PURE__*/_react["default"].createElement(_antd.AutoComplete, {
+    placeholder: "\u8BF7\u8F93\u5165",
+    options: options,
+    style: {
+      width: 200
+    },
+    value: value,
+    onSearch: onSearch,
+    onChange: onChange,
+    onSelect: onSelect,
+    allowClear: true,
+    onClear: onClear,
+    onFocus: function onFocus() {
+      return setActive('');
+    }
+  }), toolOptions && toolOptions.length > 0 && toolOptions.map(function (v) {
+    var params = props[v.key];
+    if (params !== null && params !== void 0 && params.show) {
+      return /*#__PURE__*/_react["default"].createElement(_ToolItem["default"], {
+        key: v.label,
+        onClick: function onClick() {
+          itemWrapRef.current.setVisible(false);
+          onActive(v);
+        },
+        label: v.label,
+        icon: v.icon,
+        active: active === v.key || v.active
+      });
+    } else {
+      return null;
+    }
+  })));
+}
+Search.defaultProps = {
+  boxSelect: {
+    show: true
+  },
+  circleSelect: {
+    show: true
+  },
+  polygonSelect: {
+    show: true
+  },
+  spaceQuery: {
+    show: true
+  }
+};
+//# sourceMappingURL=index.js.map