@vtx/ol-map 1.0.144 → 1.0.145

package/lib/popup/index.js

@@ -0,0 +1,202 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = require("@ant-design/icons");
+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 _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 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); }
+var Context = /*#__PURE__*/_react["default"].createContext({
+  wrapDom: null
+});
+var Provider = Context.Provider;
+
+// 最外层包裹容器
+var Wrap = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children;
+  var dom = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dom: dom.current
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement(Provider, {
+    value: {
+      wrapDom: dom.current
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: dom,
+    className: (0, _classnames["default"])('ol-map-popup')
+  }, children));
+});
+
+// 关闭按钮
+var Close = function Close(props) {
+  var onClick = props.onClick;
+  return /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, {
+    className: (0, _classnames["default"])('ol-map-popup-close'),
+    width: 16,
+    height: 16,
+    onClick: onClick
+  });
+};
+
+// 标题
+var Title = function Title(props) {
+  var title = props.title;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    title: title,
+    className: (0, _classnames["default"])('ol-map-popup-title', {
+      'ol-map-popup-noTitle': !title
+    })
+  }, title);
+};
+
+// 内容
+var Content = function Content(props) {
+  var list = props.list,
+    gutter = props.gutter,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    children = props.children,
+    _props$column = props.column,
+    column = _props$column === void 0 ? 1 : _props$column,
+    width = props.width,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  var _useContext = (0, _react.useContext)(Context),
+    wrapDom = _useContext.wrapDom;
+  var _style = _objectSpread({
+    width: '100%'
+  }, style);
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (wrapDom && wrapDom.style) {
+        wrapDom.style.setProperty('--popup-width', '250px');
+      }
+    };
+  }, []);
+  if (width) {
+    _style.width = width;
+    wrapDom.style.setProperty('--popup-width', "".concat(_style.width, "px"));
+  } else if (column >= 2) {
+    _style.width = column * 200;
+    wrapDom.style.setProperty('--popup-width', "".concat(_style.width, "px"));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_antd.Spin, {
+    spinning: loading
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('ol-map-popup-content'),
+    style: _style
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: gutter || [5, 5]
+  }, (list === null || list === void 0 ? void 0 : list.length) > 0 && list.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+      key: index,
+      span: item.span || 24 / column
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('ol-map-popup-content-item'),
+      onClick: item.onClick
+    }, item.label && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('ol-map-popup-content-item-label')
+    }, item.label, "\uFF1A"), (item.value || String(item.value) === '0' || item.unit) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('ol-map-popup-content-item-value'),
+      style: _objectSpread({
+        color: item.onAlarm ? 'rgb(245,13,13)' : '#222'
+      }, item.style || {}),
+      title: item.value
+    }, item.value, item.unit), item.content));
+  })), children));
+};
+
+// 底部按钮
+var Footer = function Footer(props) {
+  var list = props.list;
+  if ((list === null || list === void 0 ? void 0 : list.length) === 0) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("ol-map-popup-footer")
+  }, list.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: (0, _classnames["default"])("ol-map-popup-footer-item"),
+      onClick: item.onClick
+    }, item.icon && /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("ol-map-popup-footer-item-icon")
+    }, item.icon), item.label);
+  }));
+};
+
+// 模版
+var Template = function Template(props) {
+  var loading = props.loading,
+    contentList = props.contentList,
+    contentStyle = props.contentStyle,
+    content = props.content,
+    otherContent = props.otherContent,
+    gutter = props.gutter,
+    column = props.column,
+    footerList = props.footerList,
+    footer = props.footer,
+    detail = props.detail,
+    width = props.width,
+    children = props.children;
+
+  // 底部按钮
+  var footerButtons = [].concat(_toConsumableArray(detail !== null && detail !== void 0 && detail.show ? [_objectSpread({
+    label: "详情",
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.ExclamationCircleOutlined, null)
+  }, detail)] : []), _toConsumableArray(footerList || []));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, content || /*#__PURE__*/_react["default"].createElement(Content, {
+    loading: loading,
+    list: contentList,
+    column: column,
+    gutter: gutter,
+    style: contentStyle,
+    width: width
+  }, otherContent), children, footer || /*#__PURE__*/_react["default"].createElement(Footer, {
+    list: footerButtons
+  }));
+};
+var Popup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var title = props.title,
+    onClose = props.onClose,
+    children = props.children;
+  var wrapRef = (0, _react.useRef)({});
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      wrapDom: wrapRef.current.dom
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement(Wrap, {
+    ref: wrapRef
+  }, /*#__PURE__*/_react["default"].createElement(Title, {
+    title: title
+  }), onClose && /*#__PURE__*/_react["default"].createElement(Close, {
+    onClick: onClose
+  }), children);
+});
+Popup.Title = Title;
+Popup.Content = Content;
+Popup.Footer = Footer;
+Popup.Template = Template;
+Popup.Context = Context;
+var _default = exports["default"] = Popup;
+//# sourceMappingURL=index.js.map

package/lib/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_antd","_classnames","_interopRequireDefault","_icons","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Symbol","iterator","constructor","prototype","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","a","_arrayLikeToArray","toString","slice","name","Array","from","test","isArray","length","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","toPrimitive","String","Number","Context","React","createContext","wrapDom","Provider","Wrap","forwardRef","props","ref","children","dom","useRef","useImperativeHandle","current","createElement","className","classNames","Close","onClick","CloseOutlined","width","height","Title","title","Content","list","gutter","_props$loading","loading","_props$column","column","_props$style","style","_useContext","useContext","_style","useEffect","setProperty","concat","Spin","spinning","Row","map","item","index","Col","key","span","label","unit","color","onAlarm","content","Footer","Fragment","icon","Template","contentList","contentStyle","otherContent","footerList","footer","detail","footerButtons","show","ExclamationCircleOutlined","Popup","onClose","wrapRef","_default","exports"],"sources":["popup/index.jsx"],"sourcesContent":["import React, {useImperativeHandle, forwardRef, useRef, useContext, useEffect} from \"react\";\r\nimport {Row, Col, Spin} from 'antd';\r\nimport classNames from 'classnames';\r\nimport {ExclamationCircleOutlined, CloseOutlined} from \"@ant-design/icons\";\r\n\r\nconst Context = React.createContext({wrapDom: null});\r\nconst Provider = Context.Provider;\r\n\r\n// 最外层包裹容器\r\nconst Wrap = forwardRef((props, ref) => {\r\n    const {children} = props;\r\n    const dom = useRef(null);\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        dom: dom.current\r\n    }));\r\n\r\n   return (\r\n       <Provider\r\n           value={{\r\n               wrapDom: dom.current,\r\n           }}\r\n       >\r\n           <div ref={dom} className={classNames('ol-map-popup')}>\r\n               {children}\r\n           </div>\r\n       </Provider>\r\n   )\r\n})\r\n\r\n// 关闭按钮\r\nconst Close = (props) => {\r\n    const {onClick} = props\r\n    return (\r\n        <CloseOutlined\r\n            className={classNames('ol-map-popup-close')}\r\n            width={16}\r\n            height={16}\r\n            onClick={onClick}\r\n        />\r\n    )\r\n}\r\n\r\n// 标题\r\nconst Title = (props) => {\r\n    const {title} = props;\r\n\r\n    return (\r\n        <div\r\n            title={title}\r\n            className={classNames('ol-map-popup-title', { 'ol-map-popup-noTitle': !title })}\r\n        >\r\n            {title}\r\n        </div>\r\n    )\r\n}\r\n\r\n// 内容\r\nconst Content = (props) => {\r\n    const {list, gutter, loading = false, children, column = 1, width, style = {}} = props;\r\n\r\n    const {wrapDom} = useContext(Context);\r\n\r\n    const _style = {\r\n        width: '100%',\r\n        ...style\r\n    }\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            if (wrapDom && wrapDom.style) {\r\n                wrapDom.style.setProperty('--popup-width', '250px');\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    if (width) {\r\n        _style.width = width;\r\n        wrapDom.style.setProperty('--popup-width', `${_style.width}px`);\r\n    } else if (column >= 2) {\r\n        _style.width = column * 200;\r\n        wrapDom.style.setProperty('--popup-width', `${_style.width}px`);\r\n    }\r\n\r\n    return (\r\n        <Spin spinning={loading}>\r\n            <div className={classNames('ol-map-popup-content')} style={_style}>\r\n                <Row gutter={gutter || [5, 5]}>\r\n                    {list?.length > 0 &&\r\n                        list.map((item, index) => (\r\n                            <Col key={index} span={item.span || (24 / column)}>\r\n                                <div className={classNames('ol-map-popup-content-item')} onClick={item.onClick}>\r\n                                    {item.label &&\r\n                                        <div\r\n                                            className={classNames('ol-map-popup-content-item-label')}\r\n                                        >\r\n                                            {item.label}：\r\n                                        </div>\r\n                                    }\r\n\r\n                                    {((item.value || String(item.value) === '0') || item.unit) &&\r\n                                        <div\r\n                                            className={classNames('ol-map-popup-content-item-value')}\r\n                                            style={{\r\n                                                color: item.onAlarm ? 'rgb(245,13,13)' : '#222',\r\n                                                ...(item.style || {})\r\n                                            }}\r\n                                            title={item.value}\r\n                                        >\r\n                                            {item.value}{item.unit}\r\n                                        </div>\r\n                                    }\r\n\r\n                                    {item.content}\r\n                                </div>\r\n                            </Col>\r\n                        ))}\r\n                </Row>\r\n\r\n                {children}\r\n            </div>\r\n        </Spin>\r\n    )\r\n}\r\n\r\n// 底部按钮\r\nconst Footer = (props) => {\r\n    const {list} = props;\r\n\r\n    if (list?.length === 0) {\r\n        return <></>\r\n    }\r\n\r\n    return (\r\n        <div className={classNames(\"ol-map-popup-footer\")}>\r\n            {list.map((item, index) => (\r\n                <div key={index} className={classNames(\"ol-map-popup-footer-item\")} onClick={item.onClick}>\r\n                    {item.icon && <span className={classNames(\"ol-map-popup-footer-item-icon\")}>{item.icon}</span>}\r\n\r\n                    {item.label}\r\n                </div>\r\n            ))}\r\n        </div>\r\n    )\r\n}\r\n\r\n// 模版\r\nconst Template = (props) => {\r\n    const {\r\n        loading, // 加载中\r\n        contentList, // 内容列表，[{label: '', value: ''}]\r\n        contentStyle, // 内容样式\r\n        content, // 自定义内容\r\n        otherContent, // 其他内容\r\n        gutter, // 内容列间距\r\n        column, // 内容列数\r\n        footerList, // 底部按钮列表，[{label: '', icon: '', onClick: () => {}}]\r\n        footer, // 自定义底部内容\r\n        detail, // 详情按钮\r\n        width, // 自定义容器宽度\r\n        children // 自定义内容\r\n    } = props;\r\n\r\n    // 底部按钮\r\n    const footerButtons = [\r\n        ...(detail?.show ? [\r\n            {\r\n                label: \"详情\",\r\n                icon: <ExclamationCircleOutlined />,\r\n                ...detail\r\n            }\r\n        ] : []),\r\n        ...(footerList || [])\r\n    ]\r\n\r\n    return (\r\n        <>\r\n            {content ||\r\n                <Content\r\n                    loading={loading}\r\n                    list={contentList}\r\n                    column={column}\r\n                    gutter={gutter}\r\n                    style={contentStyle}\r\n                    width={width}\r\n                >\r\n                    {otherContent}\r\n                </Content>\r\n            }\r\n\r\n            {children}\r\n\r\n            {footer || <Footer list={footerButtons}/>}\r\n        </>\r\n    )\r\n}\r\n\r\nconst Popup = forwardRef((props, ref) => {\r\n    const {title, onClose, children} = props;\r\n\r\n    const wrapRef = useRef({});\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        wrapDom: wrapRef.current.dom\r\n    }));\r\n\r\n    return (\r\n        <Wrap ref={wrapRef}>\r\n            <Title title={title}/>\r\n            {onClose && <Close onClick={onClose}/>}\r\n\r\n            {children}\r\n        </Wrap>\r\n    )\r\n})\r\n\r\nPopup.Title = Title;\r\nPopup.Content = Content;\r\nPopup.Footer = Footer;\r\nPopup.Template = Template;\r\nPopup.Context = Context;\r\n\r\nexport default Popup;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/popup/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":["require"],"sources":["popup/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/lib/popup/style/index.css

@@ -0,0 +1,131 @@
+.ol-map-popup {
+  --popup-width: 250px;
+  position: absolute;
+  border: 1px solid #cccccc;
+  bottom: 12px;
+  left: 0;
+  -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+          transform: translateX(-50%);
+  min-width: 250px;
+  background: #ffffff;
+  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+  opacity: 1;
+  width: var(--popup-width);
+}
+.ol-map-popup-close {
+  text-decoration: none;
+  position: absolute;
+  top: 12px;
+  right: 8px;
+  z-index: 9;
+  cursor: pointer;
+  color: #1890ff;
+}
+.ol-map-popup::after,
+.ol-map-popup::before {
+  top: 100%;
+  border: solid transparent;
+  content: ' ';
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+.ol-map-popup::after {
+  border-top-color: white;
+  border-width: 5px;
+  left: 50%;
+  -webkit-transform: translateX(calc(-50% - 10px));
+      -ms-transform: translateX(calc(-50% - 10px));
+          transform: translateX(calc(-50% - 10px));
+}
+.ol-map-popup::before {
+  border-top-color: #cccccc;
+  border-width: 5px;
+  left: 50%;
+  -webkit-transform: translateX(calc(-50% - 11px));
+      -ms-transform: translateX(calc(-50% - 11px));
+          transform: translateX(calc(-50% - 11px));
+}
+.ol-map-popup-title {
+  font-size: 16px;
+  color: #262626;
+  font-weight: bold;
+  padding: 6px 2px 4px 12px;
+  max-width: calc(100% - 30px);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.ol-map-popup-noTitle {
+  padding: 0;
+  border-bottom: 0 !important;
+}
+.ol-map-popup-content {
+  padding: 10px 12px;
+  max-height: 200px;
+  min-width: 250px;
+  overflow-y: auto;
+}
+.ol-map-popup-content-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+}
+.ol-map-popup-content-item-label {
+  color: #5e6169;
+  white-space: nowrap;
+}
+.ol-map-popup-content-item-value {
+  color: #222222;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.ol-map-popup-footer {
+  border-top: 1px solid #e8e8e8;
+  padding: 4px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #1890ff;
+}
+.ol-map-popup-footer .ol-map-popup-footer-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 14px;
+  position: relative;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.ol-map-popup-footer .ol-map-popup-footer-item .ol-map-popup-footer-item-icon {
+  font-size: 20px;
+  margin-right: 8px;
+  color: #007ff9;
+}
+.ol-map-popup-footer .ol-map-popup-footer-item::before {
+  content: '';
+  position: absolute;
+  right: 0px;
+  width: 1px;
+  height: 14px;
+  background: #007ff9;
+  opacity: 0.5;
+}
+.ol-map-popup-footer .ol-map-popup-footer-item:last-child::before {
+  display: none;
+}

package/lib/popup/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["popup/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/lib/popup/style/index.less

@@ -0,0 +1,129 @@
+.ol-map-popup {
+    --popup-width: 250px;
+
+    position: absolute;
+    border: 1px solid #cccccc;
+    bottom: 12px;
+    left: 0;
+    transform: translateX(-50%);
+    min-width: 250px;
+    background: #ffffff;
+    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    opacity: 1;
+    width: var(--popup-width);
+    // padding: 6px 12px 14px;
+
+    &-close {
+        text-decoration: none;
+        position: absolute;
+        top: 12px;
+        right: 8px;
+        z-index: 9;
+        cursor: pointer;
+        color: #1890ff;
+    }
+
+    &::after,
+    &::before {
+        top: 100%;
+        border: solid transparent;
+        content: ' ';
+        height: 0;
+        width: 0;
+        position: absolute;
+        pointer-events: none;
+    }
+
+    &::after {
+        border-top-color: white;
+        border-width: 5px;
+        left: 50%;
+        transform: translateX(calc(-50% - 10px));
+    }
+
+    &::before {
+        border-top-color: #cccccc;
+        border-width: 5px;
+        left: 50%;
+        transform: translateX(calc(-50% - 11px));
+    }
+}
+
+.ol-map-popup-title {
+    font-size: 16px;
+    color: #262626;
+    font-weight: bold;
+    padding: 6px 2px 4px 12px;
+    max-width: calc(~'100% - 30px');
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.ol-map-popup-noTitle {
+    padding: 0;
+    border-bottom: 0 !important;
+}
+
+.ol-map-popup-content {
+    padding: 10px 12px;
+    max-height: 200px;
+    min-width: 250px;
+    overflow-y: auto;
+}
+
+.ol-map-popup-content-item {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+
+    &-label {
+        color: #5e6169;
+        white-space: nowrap;
+    }
+
+    &-value {
+        color: #222222;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+}
+
+.ol-map-popup-footer {
+    border-top: 1px solid #e8e8e8;
+    padding: 4px 0;
+    display: flex;
+    align-items: center;
+    color: #1890ff;
+
+    .ol-map-popup-footer-item {
+        display: flex;
+        align-items: center;
+        padding: 0 14px;
+        position: relative;
+        cursor: pointer;
+        white-space: nowrap;
+
+        .ol-map-popup-footer-item-icon {
+            font-size: 20px;
+            margin-right: 8px;
+            color: #007ff9;
+        }
+
+        &::before {
+            content: '';
+            position: absolute;
+            right: 0px;
+            width: 1px;
+            height: 14px;
+            background: #007ff9;
+            opacity: 0.5;
+        }
+
+        &:last-child::before {
+            display: none;
+        }
+    }
+}

package/lib/provider/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Context = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Context = exports.Context = /*#__PURE__*/_react["default"].createContext({});
+var Provider = Context.Provider;
+var _default = exports["default"] = Provider;
+//# sourceMappingURL=index.js.map

package/lib/provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","e","__esModule","Context","exports","React","createContext","Provider","_default"],"sources":["provider/index.js"],"sourcesContent":["import React from 'react';\r\nconst Context = React.createContext({});\r\nconst Provider = Context.Provider;\r\nexport { Context };\r\nexport default Provider;\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAC1B,IAAME,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAGE,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AACvC,IAAMC,QAAQ,GAAGJ,OAAO,CAACI,QAAQ;AAAC,IAAAC,QAAA,GAAAJ,OAAA,cAEnBG,QAAQ","ignoreList":[]}

package/lib/provider/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["provider/style/index.js"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/lib/provider/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["provider/style/index.js"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/lib/renderer/Fill.js

@@ -0,0 +1,37 @@
+"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"] = void 0;
+var _style = require("ol/style");
+var _transformRgb = _interopRequireDefault(require("./transformRgb"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+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); }
+var _default = exports["default"] = /*#__PURE__*/function (_Fill) {
+  function _default(options) {
+    _classCallCheck(this, _default);
+    var color = options.color,
+      _options$opacity = options.opacity,
+      opacity = _options$opacity === void 0 ? 1 : _options$opacity;
+    if (color && color.indexOf('#') !== -1) {
+      options.color = (0, _transformRgb["default"])(color, opacity);
+    }
+    return _callSuper(this, _default, [options]);
+  }
+  _inherits(_default, _Fill);
+  return _createClass(_default);
+}(_style.Fill);
+//# sourceMappingURL=Fill.js.map

package/lib/renderer/Fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fill.js","names":["_style","require","_transformRgb","_interopRequireDefault","e","__esModule","_defineProperties","r","t","length","o","enumerable","configurable","writable","Object","defineProperty","_toPropertyKey","key","_createClass","prototype","i","_toPrimitive","_typeof","Symbol","toPrimitive","call","TypeError","String","Number","_classCallCheck","a","n","_callSuper","_getPrototypeOf","_possibleConstructorReturn","_isNativeReflectConstruct","Reflect","construct","constructor","apply","_assertThisInitialized","ReferenceError","Boolean","valueOf","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","create","value","_setPrototypeOf","_default","exports","_Fill","options","color","_options$opacity","opacity","indexOf","transformRgb","Fill"],"sources":["renderer/Fill.js"],"sourcesContent":["import { Fill } from 'ol/style';\r\nimport transformRgb from './transformRgb';\r\n\r\nexport default class extends Fill {\r\n    constructor(options) {\r\n        let { color, opacity = 1 } = options;\r\n\r\n        if (color && color.indexOf('#') !== -1) {\r\n            options.color = transformRgb(color, opacity);\r\n        }\r\n\r\n        super(options);\r\n    }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/lib/renderer/Stroke.js

@@ -0,0 +1,39 @@
+"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"] = void 0;
+var _style = require("ol/style");
+var _transformRgb = _interopRequireDefault(require("./transformRgb"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+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); }
+var _default = exports["default"] = /*#__PURE__*/function (_Stroke) {
+  function _default(options) {
+    _classCallCheck(this, _default);
+    var color = options.color,
+      _options$opacity = options.opacity,
+      opacity = _options$opacity === void 0 ? 1 : _options$opacity,
+      type = options.type;
+    options.lineDash = options.lineDash || type === 'dashed' && [2];
+    if (color && color.indexOf('#') !== -1) {
+      options.color = (0, _transformRgb["default"])(color, opacity);
+    }
+    return _callSuper(this, _default, [options]);
+  }
+  _inherits(_default, _Stroke);
+  return _createClass(_default);
+}(_style.Stroke);
+//# sourceMappingURL=Stroke.js.map