@uni-sw/u-design 2.0.4

package/es/components/UMap/map/components/MapServerPointManage/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/components/UMap/map/components/MapServerPointManage/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/components/UMap/map/components/MapServerPointManage/style/index.less

@@ -0,0 +1,26 @@
+@import './mixin.less';
+
+//按照less变量的值进行样式配置
+.map-tree-div-inner {
+    .map-tree-div-inner-style(@u-theme-name);
+}
+
+//兼容U-DESIGN的theme属性
+.map-tree-div-inner-theme-dark {
+    .map-tree-div-inner-style(dark);
+}
+
+//兼容U-DESIGN的theme属性
+.map-tree-div-inner-theme-light {
+    .map-tree-div-inner-style(light);
+}
+
+//兼容U-DESIGN的文档主题切换
+[data-prefers-color='dark'] .map-tree-div-inner {
+    .map-tree-div-inner-style(dark);
+}
+
+//兼容U-DESIGN的文档主题切换
+[data-prefers-color='light'] .map-tree-div-inner {
+    .map-tree-div-inner-style(light);
+}

package/es/components/UMap/map/components/MapServerPointManage/style/mixin.less

@@ -0,0 +1,51 @@
+@import '../../../../../../style/global.less';
+@import './theme.less';
+
+.map-tree-div-inner-style(@u-theme: light) {
+
+    // layer树主题色样式
+    background-color:~'@{@{u-theme}-layer-tree-inner-bg-color}';
+    border:~'@{@{u-theme}-layer-tree-inner-border-style}';
+    box-shadow: 1px 0px 2px~'@{@{u-theme}-layer-tree-inner-shadow-color}';
+    color:~'@{@{u-theme}-layer-tree-inner-font-color}';
+
+    &::-webkit-scrollbar-thumb {
+        background:~'@{@{u-theme}-layer-tree-scrollbar-thumb-bg-color}';
+    }
+
+    &::-webkit-scrollbar-track {
+        background:~'@{@{u-theme}-layer-tree-scrollbar-track-bg-color}';
+    }
+
+    &::-webkit-scrollbar-corner {
+        background:~'@{@{u-theme}-layer-tree-scrollbar-corner-bg-color}';
+    }
+
+    &::-webkit-scrollbar-button {
+        background:~'@{@{u-theme}-layer-tree-scrollbar-button-bg-color}';
+    }
+
+    .@{ud-prefix}-tree {
+        color:~'@{@{u-theme}-layer-tree-font-color}';
+    }
+
+    .@{ud-prefix}-tree-node-content-wrapper {
+        color:~'@{@{u-theme}-layer-tree-node-wrapper-font-color}';
+    }
+
+    .@{ud-prefix}-tree-checkbox-inner {
+        border-color:~'@{@{u-theme}-layer-tree-check-inner-border-color}';
+        background:~'@{@{u-theme}-layer-tree-check-inner-bg-color}';
+    }
+
+    .@{ud-prefix}-tree-checkbox-checked .@{ud-prefix}-tree-checkbox-inner {
+        border-color:~'@{@{u-theme}-layer-tree-checked-inner-border-color}';
+        background:~'@{@{u-theme}-layer-tree-checked-inner-bg-color}';
+    }
+
+    .@{ud-prefix}-tree-treenode {
+        &:hover {
+            background-color:~'@{@{u-theme}-layer-tree-node-hover-color}';
+        }
+    }
+}

package/es/components/UMap/map/components/MapServerPointManage/style/theme.less

@@ -0,0 +1,129 @@
+// light
+@light-kochyuten-bottom-bg-color: @u-second-white;
+@light-kochyuten-btn-bg-color: @u-text-color-white;
+@light-kochyuten-btn-border-color: @u-border-color;
+@light-kochyuten-box-more-border-color: @u-second-white;
+@light-kochyuten-box-more-shadow-color: @u-text-color-shadow;
+@light-kochyuten-box-more-bg-color: @u-text-color-white;
+@light-kochyuten-box-more-color: @u-text-color-second;
+@light-kochyuten-box-more-hover-color: @u-primary-color-hover;
+
+// ----toolMenu-style
+@light-tool-tip-shadow-color: @u-text-color-shadow;
+@light-tool-title-color: @u-text-color-second;
+@light-tool-select-icon-hover-color: @u-text-color-white;
+@light-tool-word-hover-color: @u-primary-color-hover;
+@light-tool-word-line-color: @u-text-color-white;
+@light-tool-selects-bg-color: @u-text-color-white;
+@light-tool-selects-border-color: @u-text-color-shadow;
+@light-tool-selects-shadow-color: @u-text-color-shadow;
+@light-tool-selects-title-color: @u-text-color-second;
+@light-tool-selects-title-bg-color: @u-bg-color;
+@light-tool-selects-title-border-color: @u-border-color;
+@light-tool-selects-icon-bg-color: @u-text-color-white;
+@light-tool-selects-space-bg-color: @u-text-color-white;
+@light-tool-type-config-bg-color: @u-text-color-white;
+@light-tool-type-config-btn-shadow-color: @u-text-color-third;
+@light-tool-type-config-contain-shadow-color: @u-text-color-shadow;
+
+// ---search-style
+@light-search-main-shadow-color: @u-text-color-shadow;
+@light-search-list-bg-color: @u-text-color-white;
+@light-search-list-border-color: @u-border-color;
+@light-search-list-shadow-color: @u-text-color-second;
+@light-search-list-bordered-bottom-color: @u-border-color;
+@light-search-list-item-color: @u-text-color-second;
+@light-search-list-item-bg-color: @u-text-color-white;
+@light-search-list-item-hover-color: @u-text-color-white;
+@light-search-list-item-indexicon-color: @u-text-color-white;
+@light-search-scrollbar-thumb-bg-color: @u-border-color;
+@light-search-scrollbar-track-bg-color: @u-text-color-white;
+
+// ---pointMenu-style
+@light-point-menu-item-color: @u-text-color-second;
+@light-point-menu-item-bg-color: @u-text-color-white;
+@light-point-menu-item-noHover-hover-bg-color: @u-text-color-white;
+@light-point-menu-item-hover-color: @u-second-white;
+
+// ---layerTree-style
+@light-layer-tree-inner-bg-color: @u-text-color-white;
+@light-layer-tree-inner-shadow-color: @u-text-color-shadow;
+@light-layer-tree-inner-font-color: @u-black;
+@light-layer-tree-inner-border-style: none;
+@light-layer-tree-scrollbar-thumb-bg-color: @u-border-color;
+@light-layer-tree-scrollbar-track-bg-color: @u-text-color-white;
+@light-layer-tree-scrollbar-corner-bg-color: @u-text-color-white;
+@light-layer-tree-scrollbar-button-bg-color: @u-text-color-scroll;
+@light-layer-tree-node-wrapper-font-color: @u-text-color;
+@light-layer-tree-node-hover-color: @u-primary-color-hover;
+@light-layer-tree-font-color: @u-text-color;
+@light-layer-tree-check-inner-border-color: @u-border-color;
+@light-layer-tree-check-inner-bg-color: @u-text-color-white;
+@light-layer-tree-checked-inner-bg-color: @u-info-color;
+@light-layer-tree-checked-inner-border-color: @u-info-color;
+
+
+
+// dark
+@dark-kochyuten-bottom-bg-color: rgba(31, 32, 33, 0.85);
+@dark-kochyuten-btn-bg-color: rgba(31, 32, 33, 0.85);
+@dark-kochyuten-btn-border-color: #313233;
+@dark-kochyuten-box-more-border-color: rgba(18, 114, 173, .2);
+@dark-kochyuten-box-more-shadow-color: @u-text-color-shadow;
+@dark-kochyuten-box-more-bg-color: rgba(11, 22, 38, 0.8);
+@dark-kochyuten-box-more-color: @u-border-color;
+@dark-kochyuten-box-more-hover-color: @u-primary-color-hover;
+
+// ----toolMenu-style
+@dark-tool-tip-shadow-color: @u-text-color-shadow;
+@dark-tool-title-color: @u-second-white;
+@dark-tool-select-icon-hover-color: @u-primary-color-hover;
+@dark-tool-word-hover-color: @u-primary-color-hover;
+@dark-tool-word-line-color: rgba(18, 114, 173, .2);
+@dark-tool-selects-bg-color: rgba(11, 22, 38, .8);
+@dark-tool-selects-border-color: rgba(18, 114, 173, .2);
+@dark-tool-selects-shadow-color: rgba(18, 114, 173, .1);
+@dark-tool-selects-title-color: @u-text-color-white;
+@dark-tool-selects-title-bg-color: rgba(11, 22, 38, .8);
+@dark-tool-selects-title-border-color: rgba(18, 114, 173, .2);
+@dark-tool-selects-icon-bg-color: @u-primary-color-hover;
+@dark-tool-selects-space-bg-color: @u-primary-color-hover;
+@dark-tool-type-config-bg-color: rgba(31, 32, 33, 0.85);
+@dark-tool-type-config-btn-shadow-color: rgba(0, 0, 0, 0.5);
+@dark-tool-type-config-contain-shadow-color: @u-text-color-shadow;
+
+// ---search-style
+@dark-search-main-shadow-color: @u-text-color-shadow;
+@dark-search-list-bg-color: rgba(35, 52, 87, 0.50);
+@dark-search-list-border-color: rgba(22, 130, 230, 0.20);
+@dark-search-list-shadow-color: @u-text-color-second;
+@dark-search-list-bordered-bottom-color: rgba(22, 130, 230, 0.20);
+@dark-search-list-item-color: @u-text-color-white;
+@dark-search-list-item-bg-color: rgba(35, 52, 87, 0.50);
+@dark-search-list-item-hover-color: rgba(20, 115, 204, 0.50);
+@dark-search-list-item-indexicon-color: @u-text-color-white;
+@dark-search-scrollbar-thumb-bg-color: rgba(20, 115, 204, 0.50);
+@dark-search-scrollbar-track-bg-color: rgba(6, 8, 10, 0.5);
+
+// ---pointMenu-style
+@dark-point-menu-item-color: @u-text-color-white;
+@dark-point-menu-item-bg-color: rgba(31, 32, 33, 0.85);
+@dark-point-menu-item-noHover-hover-bg-color: rgba(31, 32, 33, 0.85);
+@dark-point-menu-item-hover-color: #40a9ff;
+
+// ---layerTree-style
+@dark-layer-tree-inner-bg-color: rgba(11, 22, 38, .8);
+@dark-layer-tree-inner-shadow-color: @u-text-color-shadow;
+@dark-layer-tree-inner-font-color: @u-text-color-white;
+@dark-layer-tree-inner-border-style: 1px solid rgba(18, 114, 173, .2);
+@dark-layer-tree-scrollbar-thumb-bg-color: rgba(110, 209, 255, 0.6);
+@dark-layer-tree-scrollbar-track-bg-color: rgba(6, 8, 10, 0.5);
+@dark-layer-tree-scrollbar-corner-bg-color: rgba(6, 8, 10, 0.5);
+@dark-layer-tree-scrollbar-button-bg-color: #39e5ff;
+@dark-layer-tree-node-wrapper-font-color: @u-text-color-white;
+@dark-layer-tree-node-hover-color: @u-primary-color-hover;
+@dark-layer-tree-font-color: @u-text-color-white;
+@dark-layer-tree-check-inner-border-color: #485369;
+@dark-layer-tree-check-inner-bg-color: transparent;
+@dark-layer-tree-checked-inner-bg-color: #1682e6;
+@dark-layer-tree-checked-inner-border-color: #1682e6;

package/es/components/UMap/map/components/MapServerPointSearch/index.js

@@ -0,0 +1,445 @@
+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 _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 _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 _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import React, { Component } from 'react';
+import List from "../../../../UList";
+import Empty from "../../../../UEmpty";
+import UInput from "../../../../UInput";
+import UPagination from "../../../../UPagination";
+import notification from "../../../../UNotification";
+import { getPOI, searchPointByName, getCustomImage5000 } from "../MapServerPointManage/RequestFunc";
+import CustomImg from "../../images/CustomIcon/CustomImg";
+import emptyCamera from "../../images/searchEmpty.png";
+import poiImage from "../../images/poi.png";
+import { CUSTOM_PREFIX } from "../../../../../globalVarious";
+import "./index.less";
+var PopLayerId = 'LOCATION_POINT_LAYER20220621';
+var MapServerPointSearch = /*#__PURE__*/function (_Component) {
+  function MapServerPointSearch(props) {
+    var _this;
+    _classCallCheck(this, MapServerPointSearch);
+    _this = _callSuper(this, MapServerPointSearch, [props]);
+    // #endregion
+    /**
+     * 点位点击
+     * @param {Object} 经纬度信息
+     */
+    _this._onItemClick = function (_ref) {
+      var Lat = _ref.Lat,
+        Lng = _ref.Lng;
+      var _this$props = _this.props,
+        mapDom = _this$props.mapDom,
+        textLocale = _this$props.textLocale;
+      var isAddOverlay = _this.state.isAddOverlay;
+      if (Lat && Lng && -90 < Lat && Lat < 90 && Lng > -180 && Lng < 180) {
+        mapDom.setZoom(16);
+        mapDom.setCenter({
+          lng: Lng,
+          lat: Lat
+        });
+        if (!isAddOverlay) {
+          var res = mapDom.createBaseLayer({
+            name: PopLayerId,
+            id: PopLayerId
+          });
+          if (res.ErrCode === 0) {
+            _this.setState({
+              isAddOverlay: true
+            });
+          }
+        } else {
+          mapDom.clearOverlayByLayer(PopLayerId);
+        }
+        mapDom.addOverlay(PopLayerId, {
+          attr: {
+            position: {
+              lng: Lng,
+              lat: Lat,
+              height: 0
+            }
+          },
+          style: {
+            pixelSize: 32,
+            image: require("../../images/pop.png"),
+            pixelOffset: {
+              x: 0,
+              y: -30
+            }
+          }
+        });
+      } else {
+        notification.info({
+          message: textLocale.operationTips,
+          description: textLocale.invalidCoordinate,
+          duration: 3,
+          placement: 'bottomRight'
+        });
+      }
+    };
+    /**
+     * 获取设备图标
+     * @param {String} source 设备类型
+     * @param {number} type 点位类型
+     * @param {boolean} status 点位状态
+     */
+    _this._getImg = function (source, type, status) {
+      var iconList = _this.state.iconList;
+      var imageBase = 'data:image/png;base64,';
+      /**
+       * 自定义9029
+       * 相机1001
+       * 卡口31
+       * 视图库119
+       * 物联网设备2200
+       *
+       * 文字标识1000001
+       * 室内图1000002
+       * 立杆 1001
+       */
+      try {
+        if (source === '9029') {
+          if (CustomImg[type]) {
+            return CustomImg[type];
+          } else {
+            if (iconList !== null) {
+              var obj = iconList.find(function (item) {
+                return item.Name === type + '';
+              });
+              if (obj) {
+                return "".concat(imageBase).concat(obj.SStyle2);
+              }
+            }
+          }
+        }
+        if (source === '31' || source === '1001' || source === '2200' || source === '119') {
+          return require("../../images/searchIcon/".concat(source, "_").concat(type, "_").concat(status, ".png"));
+        }
+        if (source === 'poi') {
+          return require("../../images/poi.png");
+        }
+      } catch (err) {
+        console.error('图标获取异常');
+      }
+    };
+    /**
+     * 翻页
+     * @param {number} page 当前页
+     * @param {number} pageSize 尺寸
+     */
+    _this._pageOnChange = function (page, pageSize) {
+      var pointList = _this.state.pointList;
+      var tmp = pointList.slice(20 * (page - 1), 20 * (page - 1) + pageSize);
+      _this.setState({
+        current: page,
+        listData: tmp
+      });
+    };
+    /**
+     * 点位列表渲染
+     * @param {Object} item 点位信息
+     * @param {number} index 索引
+     */
+    _this._loadListItem = function (item, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "item",
+        onClick: function onClick(e) {
+          _this._onItemClick(item);
+          e.stopPropagation();
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "item-Content"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "indexicon"
+      }, index + 1), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
+        src: _this._getImg(String(item.Source), String(item.MarkerType), String(item.Status))
+      })), /*#__PURE__*/React.createElement("span", {
+        className: "markerName",
+        title: item.MarkerName
+      }, item.MarkerName)));
+    };
+    _this.state = {
+      isAddOverlay: false,
+      //是否添加定位图层
+      pointList: [],
+      //搜索到的点位信息
+      showList: false,
+      //是否显示列表
+      current: 1,
+      //当前页码
+      listData: [],
+      //当前页点位数据
+      iconList: [] //自定义图标
+    };
+    _this.poiLayer = null;
+    return _this;
+  }
+  _inherits(MapServerPointSearch, _Component);
+  return _createClass(MapServerPointSearch, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var mapDom = this.props.mapDom;
+      var iconList = [];
+      // 获取自定义图标
+      getCustomImage5000().then(function (data) {
+        if (data === '') {
+          return;
+        }
+        data.forEach(function (iconInfo) {
+          iconList.push({
+            Name: iconInfo.IconName,
+            SStyle2: iconInfo.SStyle2
+          });
+        });
+        _this2.setState({
+          iconList: iconList
+        });
+      }).catch(function (err) {
+        console.error(err);
+      });
+
+      // 创建poi点位图层
+      this.poiLayer = mapDom.createBaseLayer().Id;
+    }
+
+    //#region  点位搜索
+    /**
+     * 点位搜索
+     * @param {String} searchText  搜索信息
+     */
+  }, {
+    key: "_onSearch",
+    value: function () {
+      var _onSearch2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(searchText) {
+        var _this3 = this;
+        var _this$props2, searchType, mapDom;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              _this$props2 = this.props, searchType = _this$props2.searchType, mapDom = _this$props2.mapDom;
+              if (!('' === searchText.trim())) {
+                _context.n = 1;
+                break;
+              }
+              this.setState({
+                showList: false
+              });
+              mapDom.clearOverlayByLayer(PopLayerId);
+              mapDom.clearOverlayByLayer(this.poiLayer);
+              return _context.a(2);
+            case 1:
+              mapDom.clearOverlayByLayer(PopLayerId);
+              mapDom.clearOverlayByLayer(this.poiLayer);
+
+              /**
+               * 按名称查询普通点位
+               * @param {String} searchText  搜索信息
+               * @param {String} searchType  搜索设备类型
+               * @param {number} 1000  搜索最大数量
+               */
+              searchPointByName(searchText, searchType, 1000, function (points) {
+                return _this3._searchPointsCallback(points, searchText);
+              });
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee, this);
+      }));
+      function _onSearch(_x) {
+        return _onSearch2.apply(this, arguments);
+      }
+      return _onSearch;
+    }()
+    /**
+     * 搜索
+     * @param {Array} points 点位信息
+     * @param {String} searchText 搜索值
+     */
+  }, {
+    key: "_searchPointsCallback",
+    value: (function () {
+      var _searchPointsCallback2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(points, searchText) {
+        var getSearchPoint, result, searchPOI, poiResult;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              getSearchPoint = this.props.getSearchPoint;
+              result = _toConsumableArray(points);
+              searchPOI = this.props.searchPOI;
+              if (!searchPOI) {
+                _context2.n = 2;
+                break;
+              }
+              _context2.n = 1;
+              return this._getPOIPoint(searchText);
+            case 1:
+              poiResult = _context2.v;
+              result = [].concat(_toConsumableArray(result), _toConsumableArray(poiResult));
+            case 2:
+              this.setState({
+                pointList: result,
+                showList: true,
+                listData: Array.isArray(result) && result.length > 0 ? result.slice(0, 20) : []
+              });
+              getSearchPoint && getSearchPoint(result);
+            case 3:
+              return _context2.a(2);
+          }
+        }, _callee2, this);
+      }));
+      function _searchPointsCallback(_x2, _x3) {
+        return _searchPointsCallback2.apply(this, arguments);
+      }
+      return _searchPointsCallback;
+    }()
+    /**
+     * POI点位搜索
+     * @param {String} searchText 搜索值
+     */
+    )
+  }, {
+    key: "_getPOIPoint",
+    value: (function () {
+      var _getPOIPoint2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(searchText) {
+        var _this4 = this;
+        var mapDom, result, _mapDom$getCurViewPos, ViewCoords, bounds;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              mapDom = this.props.mapDom;
+              result = []; // 获取可视域经纬度
+              _mapDom$getCurViewPos = mapDom.getCurViewPos(), ViewCoords = _mapDom$getCurViewPos.ViewCoords;
+              bounds = "".concat(ViewCoords.CoordsLB.lng, ",").concat(ViewCoords.CoordsLB.lat, ";").concat(ViewCoords.CoordsRT.lng, ",").concat(ViewCoords.CoordsRT.lat);
+              _context3.n = 1;
+              return new Promise(function (resolve, reject) {
+                getPOI(searchText, 'rectangle', 50, bounds, function (poiPoints) {
+                  // 创建查询出来的poi点位到地图上
+                  poiPoints.forEach(function (item) {
+                    var lng = item.Location && item.Location.Lng || 0;
+                    var lat = item.Location && item.Location.Lat || 0;
+                    mapDom.addOverlay(_this4.poiLayer, {
+                      attr: {
+                        name: item.Name,
+                        position: {
+                          lng: lng,
+                          lat: lat,
+                          height: 1
+                        },
+                        draggable: false
+                      },
+                      //TODO 引擎不支持精灵图
+                      style: {
+                        image: poiImage
+                      },
+                      labelStyle: {
+                        text: item.Name,
+                        font: '10px sans-serif',
+                        fillColor: 'black',
+                        showBackground: true,
+                        backgroundColor: 'white',
+                        horizontalOrigin: 1,
+                        pixelOffset: {
+                          x: 16,
+                          y: -16
+                        }
+                      }
+                    });
+                    result.push({
+                      Lng: lng,
+                      Lat: lat,
+                      MarkerName: item.Name,
+                      MarkerType: 'poi_0621',
+                      Status: 1,
+                      Source: 'poi'
+                    });
+                  });
+                  resolve(result);
+                });
+              });
+            case 1:
+              return _context3.a(2, _context3.v);
+          }
+        }, _callee3, this);
+      }));
+      function _getPOIPoint(_x4) {
+        return _getPOIPoint2.apply(this, arguments);
+      }
+      return _getPOIPoint;
+    }())
+  }, {
+    key: "render",
+    value: function render() {
+      var _this5 = this;
+      var _this$state = this.state,
+        pointList = _this$state.pointList,
+        showList = _this$state.showList,
+        current = _this$state.current,
+        listData = _this$state.listData;
+      var _this$props3 = this.props,
+        textLocale = _this$props3.textLocale,
+        theme = _this$props3.theme;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(CUSTOM_PREFIX, "-Map3D-search")
+      }, /*#__PURE__*/React.createElement(UInput, {
+        theme: this.props.theme,
+        className: "".concat(CUSTOM_PREFIX, "-Map3D-search-main"),
+        placeholder: textLocale.searchPlaceholder,
+        allowClear: true,
+        onSearch: function onSearch(value) {
+          return _this5._onSearch(value);
+        },
+        onEnterPress: function onEnterPress(value) {
+          return _this5._onSearch(value);
+        }
+      }), showList && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(CUSTOM_PREFIX, "-Map3D-search-list")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(CUSTOM_PREFIX, "-Map3D-search-body")
+      }, pointList.length > 0 ? /*#__PURE__*/React.createElement(List, {
+        bordered: "true",
+        className: "search-list",
+        itemLayout: "vertical",
+        split: false,
+        dataSource: listData,
+        renderItem: this._loadListItem
+      }) : /*#__PURE__*/React.createElement("div", {
+        className: "search-list"
+      }, /*#__PURE__*/React.createElement(Empty, {
+        className: "empty-list",
+        image: emptyCamera
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(CUSTOM_PREFIX, "-Map3D-search-footer")
+      }, /*#__PURE__*/React.createElement(UPagination, {
+        theme: theme,
+        className: "search-page",
+        simple: true,
+        current: current,
+        pageSize: 20,
+        size: "small",
+        total: pointList.length,
+        onChange: this._pageOnChange
+      })))));
+    }
+  }]);
+}(Component);
+export default MapServerPointSearch;