@vtx/modals2 2.6.19

package/lib/vm-filter/style/index.less

@@ -0,0 +1,142 @@
+.vm-range-picker {
+    --color: #222;
+    --border: 1px solid #dadadaff;
+    --hover-color: #40a9ff;
+
+    &.dark {
+        --color: #a9d5d3ff;
+        --border: 1px solid #3c7073ff;
+        --bg-color: #0d1a1b;
+        --hover-color: white;
+        .ant-picker-active-bar {
+            background: #59ffe2;
+        }
+    }
+    background-color: var(--bg-color) !important;
+    border: var(--border) !important;
+
+    .ant-picker-suffix {
+        color: var(--color);
+    }
+
+    &:hover {
+        border-color: var(--hover-color);
+    }
+
+    .ant-picker-input {
+        input {
+            color: var(--color);
+        }
+    }
+
+    .ant-picker-separator {
+        color: var(--color);
+    }
+
+    .ant-picker-clear {
+        color: var(--color);
+        background: transparent;
+    }
+}
+.vm-select {
+    &.dark {
+        .ant-select-selector {
+            background-color: #0d1a1b !important;
+            border: 1px solid #3c7073 !important;
+            .ant-select-selection-item {
+                color: #a9d5d3;
+            }
+        }
+        &:hover {
+            .ant-select-selector {
+                border: 1px solid #6cc9ce !important;
+            }
+        }
+    }
+}
+
+.vm-select-dropdown {
+    &.dark {
+        background: #0d1a1b;
+        .ant-select-item {
+            color: white;
+        }
+        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+            background-color: #2d575a;
+        }
+        .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+            background-color: #1c3436;
+        }
+    }
+}
+.vm-range-picker-dropdown {
+    &.dark {
+        .ant-picker-range-arrow {
+            background: none;
+            &::before {
+                background: #0d1a1be6;
+            }
+        }
+        .ant-picker-panel-container {
+            background: #0d1a1be6;
+            box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+            .ant-picker-header {
+                button {
+                    color: white;
+                    &:hover {
+                        color: #95fff9;
+                    }
+                }
+            }
+            .ant-picker-content {
+                th {
+                    color: white;
+                }
+                .ant-picker-cell-inner {
+                    color: white;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
+                    background: #6cff2340;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
+                    background: #6cff2340;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
+                .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
+                    background: #52c41a;
+                }
+                .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+                .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+                    .ant-picker-cell-inner {
+                    background: #f5f5f55e;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+                    border: 1px solid #52c41a;
+                }
+
+                .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
+                .ant-picker-panel
+                    > :not(.ant-picker-date-panel)
+                    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
+                .ant-picker-panel
+                    > :not(.ant-picker-date-panel)
+                    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
+                    background: #52c41abb;
+                }
+
+                .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
+                    .ant-picker-cell-inner::after,
+                .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
+                    .ant-picker-cell-inner::after {
+                    background: #52c41abb !important;
+                }
+            }
+        }
+    }
+}

package/lib/vm-hooks/useSettings.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _vtxThemeProvider = require("../vtx-theme-provider");
+/**
+ * 获取配置信息
+ * @returns
+ */
+var useSettings = function useSettings() {
+  var _useContext = (0, _react.useContext)(_vtxThemeProvider.VtxThemeContext),
+    theme = _useContext.theme,
+    chartFontColor = _useContext.chartFontColor,
+    chartColor = _useContext.chartColor;
+  return {
+    theme: theme,
+    isDark: theme === 'dark',
+    chartFontColor: chartFontColor,
+    chartColor: chartColor
+  };
+};
+var _default = useSettings;
+exports["default"] = _default;
+//# sourceMappingURL=useSettings.js.map

package/lib/vm-hooks/useSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettings.js","names":["useSettings","useContext","VtxThemeContext","theme","chartFontColor","chartColor","isDark"],"sources":["vm-hooks/useSettings.js"],"sourcesContent":["import { useContext } from 'react';\nimport { VtxThemeContext } from '../vtx-theme-provider';\n/**\n * 获取配置信息\n * @returns\n */\nconst useSettings = () => {\n    const { theme, chartFontColor, chartColor } = useContext(VtxThemeContext);\n    return { theme, isDark: theme === 'dark', chartFontColor, chartColor };\n};\nexport default useSettings;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAAS;EACtB,kBAA8C,IAAAC,iBAAU,EAACC,iCAAe,CAAC;IAAjEC,KAAK,eAALA,KAAK;IAAEC,cAAc,eAAdA,cAAc;IAAEC,UAAU,eAAVA,UAAU;EACzC,OAAO;IAAEF,KAAK,EAALA,KAAK;IAAEG,MAAM,EAAEH,KAAK,KAAK,MAAM;IAAEC,cAAc,EAAdA,cAAc;IAAEC,UAAU,EAAVA;EAAW,CAAC;AAC1E,CAAC;AAAC,eACaL,WAAW;AAAA"}

package/lib/vm-image-text/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 内部组件-左侧图标，右侧名称和数值
+ */
+
+var ImageText = function ImageText(props) {
+  var src = props.src,
+    name = props.name,
+    value = props.value,
+    unit = props.unit,
+    specialCase = props.specialCase,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '' : _props$color,
+    style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-image-text-item",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: src
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-image-text-item--name"
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-image-text-item--value ".concat(color)
+  }, specialCase ? /*#__PURE__*/_react["default"].createElement("span", null, specialCase) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, value || 0), unit))));
+};
+var _default = ImageText;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-image-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ImageText","props","src","name","value","unit","specialCase","color","style","React","createElement","className","Fragment"],"sources":["vm-image-text/index.js"],"sourcesContent":["/**\n * 内部组件-左侧图标，右侧名称和数值\n */\nimport React from 'react';\nimport './style';\nconst ImageText = props => {\n    const { src, name, value, unit, specialCase, color = '', style } = props;\n    return (React.createElement(\"div\", { className: \"vm-image-text-item\", style: style },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"vm-image-text-item--name\" }, name),\n            React.createElement(\"div\", { className: `vm-image-text-item--value ${color}` }, specialCase ? (React.createElement(\"span\", null, specialCase)) : (React.createElement(React.Fragment, null,\n                React.createElement(\"span\", null, value || 0),\n                unit))))));\n};\nexport default ImageText;\n"],"mappings":";;;;;;AAGA;AACA;AAAiB;AAJjB;AACA;AACA;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;EACvB,IAAQC,GAAG,GAAwDD,KAAK,CAAhEC,GAAG;IAAEC,IAAI,GAAkDF,KAAK,CAA3DE,IAAI;IAAEC,KAAK,GAA2CH,KAAK,CAArDG,KAAK;IAAEC,IAAI,GAAqCJ,KAAK,CAA9CI,IAAI;IAAEC,WAAW,GAAwBL,KAAK,CAAxCK,WAAW;IAAA,eAAwBL,KAAK,CAA3BM,KAAK;IAALA,KAAK,6BAAG,EAAE;IAAEC,KAAK,GAAKP,KAAK,CAAfO,KAAK;EAC9D,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,oBAAoB;IAAEH,KAAK,EAAEA;EAAM,CAAC,eAChFC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAER,GAAG,EAAEA;EAAI,CAAC,CAAC,eACxCO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,eAC3BD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA2B,CAAC,EAAER,IAAI,CAAC,eAC3EM,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,sCAA+BJ,KAAK;EAAG,CAAC,EAAED,WAAW,gBAAIG,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEJ,WAAW,CAAC,gBAAKG,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACG,QAAQ,EAAE,IAAI,eACtLH,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEN,KAAK,IAAI,CAAC,CAAC,EAC7CC,IAAI,CAAE,CAAC,CAAC,CAAC;AACzB,CAAC;AAAC,eACaL,SAAS;AAAA"}

package/lib/vm-image-text/style/css.js

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

package/lib/vm-image-text/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-image-text/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-image-text/style/index.css

@@ -0,0 +1,33 @@
+.vm-image-text-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -ms-flex-line-pack: center;
+      align-content: center;
+  margin-right: 80px;
+}
+.vm-image-text-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 18px;
+}
+.vm-image-text-item--name {
+  color: var(--label-color);
+}
+.vm-image-text-item--value {
+  line-height: 24px;
+  color: var(--info-color);
+  font-size: 12px;
+}
+.vm-image-text-item--value.active {
+  color: var(--info-active);
+}
+.vm-image-text-item--value.danger {
+  color: var(--info-danger);
+}
+.vm-image-text-item--value span {
+  font-size: 22px;
+}

package/lib/vm-image-text/style/index.js

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

package/lib/vm-image-text/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-image-text/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-image-text/style/index.less

@@ -0,0 +1,30 @@
+.vm-image-text {
+    &-item {
+        display: flex;
+        justify-content: start;
+        align-content: center;
+        margin-right: 80px;
+        img {
+            width: 46px;
+            height: 46px;
+            margin-right: 18px;
+        }
+        &--name {
+            color: var(--label-color);
+        }
+        &--value {
+            line-height: 24px;
+            &.active {
+                color: var(--info-active);
+            }
+            &.danger {
+                color: var(--info-danger);
+            }
+            color: var(--info-color);
+            font-size: 12px;
+            span {
+                font-size: 22px;
+            }
+        }
+    }
+}

package/lib/vm-info-collection/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function InfoCollection(props) {
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 8 : _props$gap,
+    _props$horizontal = props.horizontal,
+    horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
+    _props$ellipsis = props.ellipsis,
+    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: horizontal ? 'info-collection-horizontal' : 'info-collection'
+  }, data.map(function (item) {
+    var style = {};
+    if (item.color) style.color = item.color;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "info-line",
+      key: item.key,
+      style: {
+        marginBottom: gap,
+        width: width
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "label"
+    }, item.label, "\uFF1A"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "value ".concat(ellipsis ? 'ellipsis' : ''),
+      style: style,
+      title: "".concat(item.value || '')
+    }, item.value || '--'));
+  }));
+}
+var _default = InfoCollection;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-info-collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["InfoCollection","props","data","width","gap","horizontal","ellipsis","React","createElement","className","map","item","style","color","key","marginBottom","label","title","value"],"sources":["vm-info-collection/index.js"],"sourcesContent":["import React from 'react';\nimport './style';\nfunction InfoCollection(props) {\n    const { data = [], width = '100%', gap = 8, horizontal = false, ellipsis = false } = props;\n    return (React.createElement(\"div\", { className: horizontal ? 'info-collection-horizontal' : 'info-collection' }, data.map(item => {\n        const style = {};\n        if (item.color)\n            style.color = item.color;\n        return (React.createElement(\"div\", { className: \"info-line\", key: item.key, style: { marginBottom: gap, width } },\n            React.createElement(\"div\", { className: \"label\" },\n                item.label,\n                \"\\uFF1A\"),\n            React.createElement(\"div\", { className: `value ${ellipsis ? 'ellipsis' : ''}`, style: style, title: `${item.value || ''}` }, item.value || '--')));\n    })));\n}\nexport default InfoCollection;\n"],"mappings":";;;;;;AAAA;AACA;AAAiB;AACjB,SAASA,cAAc,CAACC,KAAK,EAAE;EAC3B,kBAAqFA,KAAK,CAAlFC,IAAI;IAAJA,IAAI,4BAAG,EAAE;IAAA,eAAoED,KAAK,CAAvEE,KAAK;IAALA,KAAK,6BAAG,MAAM;IAAA,aAAoDF,KAAK,CAAvDG,GAAG;IAAHA,GAAG,2BAAG,CAAC;IAAA,oBAA2CH,KAAK,CAA9CI,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAA,kBAAuBJ,KAAK,CAA1BK,QAAQ;IAARA,QAAQ,gCAAG,KAAK;EAChF,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAEJ,UAAU,GAAG,4BAA4B,GAAG;EAAkB,CAAC,EAAEH,IAAI,CAACQ,GAAG,CAAC,UAAAC,IAAI,EAAI;IAC9H,IAAMC,KAAK,GAAG,CAAC,CAAC;IAChB,IAAID,IAAI,CAACE,KAAK,EACVD,KAAK,CAACC,KAAK,GAAGF,IAAI,CAACE,KAAK;IAC5B,oBAAQN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE,WAAW;MAAEK,GAAG,EAAEH,IAAI,CAACG,GAAG;MAAEF,KAAK,EAAE;QAAEG,YAAY,EAAEX,GAAG;QAAED,KAAK,EAALA;MAAM;IAAE,CAAC,eAC7GI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAQ,CAAC,EAC7CE,IAAI,CAACK,KAAK,EACV,QAAQ,CAAC,eACbT,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,kBAAWH,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE;MAAEM,KAAK,EAAEA,KAAK;MAAEK,KAAK,YAAKN,IAAI,CAACO,KAAK,IAAI,EAAE;IAAG,CAAC,EAAEP,IAAI,CAACO,KAAK,IAAI,IAAI,CAAC,CAAC;EACzJ,CAAC,CAAC,CAAC;AACP;AAAC,eACclB,cAAc;AAAA"}

package/lib/vm-info-collection/style/css.js

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

package/lib/vm-info-collection/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-info-collection/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-info-collection/style/index.css

@@ -0,0 +1,50 @@
+.info-collection {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.info-collection .info-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.info-collection-horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: wrap;
+      flex-flow: wrap;
+}
+.info-collection-horizontal .info-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  margin-right: 12px;
+}
+.info-collection,
+.info-collection-horizontal {
+  font-size: 14px;
+}
+.info-collection .label,
+.info-collection-horizontal .label {
+  color: var(--label-color);
+  white-space: nowrap;
+}
+.info-collection .value,
+.info-collection-horizontal .value {
+  color: var(--info-color);
+  font-weight: 400;
+  min-width: 98px;
+  text-align: left;
+}
+.info-collection .ellipsis,
+.info-collection-horizontal .ellipsis {
+  min-width: 98px;
+  max-width: 350px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib/vm-info-collection/style/index.js

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

package/lib/vm-info-collection/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-info-collection/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-info-collection/style/index.less

@@ -0,0 +1,38 @@
+.info-collection {
+    width: fit-content;
+    .info-line {
+        display: flex;
+    }
+}
+.info-collection-horizontal {
+    display: flex;
+    flex-flow: wrap;
+    .info-line {
+        display: flex;
+        justify-content: start;
+        margin-right: 12px;
+    }
+}
+.info-collection,
+.info-collection-horizontal {
+    font-size: 14px;
+
+    .label {
+        color: var(--label-color);
+        white-space: nowrap;
+    }
+
+    .value {
+        color: var(--info-color);
+        font-weight: 400;
+        min-width: 98px;
+        text-align: left;
+    }
+    .ellipsis {
+        min-width: 98px;
+        max-width: 350px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+}

package/lib/vm-map/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = VmMap;
+var _jquery = _interopRequireDefault(require("jquery"));
+var _react = _interopRequireWildcard(require("react"));
+var _mapStyle = require("./mapStyle");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function VmMap(_ref) {
+  var mapCenter = _ref.mapCenter,
+    mapPoints = _ref.mapPoints,
+    mapPolygons = _ref.mapPolygons,
+    currentLayer = _ref.currentLayer;
+  var mapRef = (0, _react.useRef)();
+  var markers = (0, _react.useRef)([]);
+  var mappolygons = (0, _react.useRef)([]);
+  var highlightLayer = (0, _react.useRef)([]);
+  (0, _react.useEffect)(function () {
+    initMap();
+  }, []);
+  (0, _react.useEffect)(function () {
+    mapRef.current && addPoints(mapPoints);
+    mapRef.current && addPolygons(mapPolygons);
+  }, [mapPoints, mapPolygons]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    removeHighLightPolygons();
+    // 清空高亮图层并绘制新图层
+    if (currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id) addPolygons([{
+      id: currentLayer.id,
+      rings: (_a = currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.geometryInfo) === null || _a === void 0 ? void 0 : _a.lngLats,
+      config: {
+        lineColor: 'red'
+      }
+    }], 'highlight');
+  }, [JSON.stringify(currentLayer)]);
+  var init = function init() {
+    var center = mapCenter || [119.603701, 30.636529];
+    mapRef.current = new window.BMapGL.Map('modalMap', {
+      style: {
+        styleJson: _mapStyle.customStyle
+      }
+    });
+    var point = new window.BMapGL.Point(center[0], center[1]);
+    // 设置中心点和层级
+    mapRef.current.centerAndZoom(point, 15);
+    mapRef.current.addOverlay(new window.BMapGL.Marker(point));
+    addPoints(mapPoints);
+    addPolygons(mapPolygons);
+  };
+  var initMap = function initMap() {
+    if (window.BMapGL) {
+      init();
+    } else {
+      _jquery["default"].getScript("//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ", function () {
+        init();
+      });
+    }
+  };
+  // 地图添加点位
+  var addPoints = function addPoints() {
+    var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    removePoints();
+    if (!(points === null || points === void 0 ? void 0 : points.length)) return;
+    // 添加点位
+    var positions = [];
+    points.forEach(function (item) {
+      var _a, _b;
+      var position = new window.BMapGL.Point(item.lng, item.lat);
+      positions.push(position);
+      var icon = new window.BMapGL.Icon(item.url, new window.BMapGL.Size(item.width || 32, item.height || 45));
+      var marker = new window.BMapGL.Marker(position, {
+        icon: icon,
+        offset: new window.BMapGL.Size(((_a = item.offset) === null || _a === void 0 ? void 0 : _a.width) || -10, ((_b = item.offset) === null || _b === void 0 ? void 0 : _b.height) || -16),
+        title: item.name || ''
+      });
+      markers.current.push(marker);
+      mapRef.current.addOverlay(marker);
+    });
+    mapRef.current.setViewport(positions);
+  };
+  // 清除地图点位
+  var removePoints = function removePoints() {
+    markers.current.forEach(function (marker) {
+      mapRef.current.addOverlay(marker);
+    });
+    markers.current = [];
+  };
+  // 地图添加线
+  var addPolygons = function addPolygons() {
+    var polygons = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var type = arguments.length > 1 ? arguments[1] : undefined;
+    removePolygons();
+    if (!(polygons === null || polygons === void 0 ? void 0 : polygons.length)) return;
+    var points = [];
+    //遍历添加图层(图元)
+    polygons.map(function (item) {
+      var _a;
+      //初始化参数
+      var cg = {
+        lineType: 'solid',
+        lineWidth: 5,
+        lineColor: '#277ffa',
+        lineOpacity: 1,
+        color: '#fff',
+        pellucidity: 0.5
+        // isHidden: false  //后期需要再加
+      };
+
+      if (item.config) {
+        cg = Object.assign(Object.assign({}, cg), item.config);
+      }
+      //面的参数
+      var polygonOption = {
+          strokeColor: cg.lineColor,
+          strokeOpacity: cg.lineOpacity,
+          strokeWeight: cg.lineWidth,
+          strokeStyle: cg.lineType,
+          fillColor: cg.color,
+          fillOpacity: cg.pellucidity
+        },
+        polygonPath = (_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(function (item) {
+          var _ref2 = item === null || item === void 0 ? void 0 : item.split(','),
+            _ref3 = _slicedToArray(_ref2, 2),
+            lng = _ref3[0],
+            lat = _ref3[1];
+          var _point = new window.BMapGL.Point(lng, lat);
+          points.push(_point);
+          return _point;
+        });
+      //创建面对象
+      var polygon = new window.BMapGL.Polygon(polygonPath, polygonOption);
+      if (type) {
+        // 若为高亮图层，单独保存，用于单独清除
+        highlightLayer.current.push(polygon);
+        mapRef.current.addOverlay(polygon);
+      } else {
+        mappolygons.current.push(polygon);
+        mapRef.current.addOverlay(polygon);
+      }
+    });
+    mapRef.current.setViewport(points);
+  };
+  // 清除地图图元
+  var removePolygons = function removePolygons() {
+    mappolygons.current.forEach(function (polygon) {
+      mapRef.current.addOverlay(polygon);
+    });
+    mappolygons.current = [];
+  };
+  // 清除高亮图元
+  var removeHighLightPolygons = function removeHighLightPolygons() {
+    highlightLayer.current.forEach(function (polygon) {
+      mapRef.current.removeOverlay(polygon);
+    });
+    highlightLayer.current = [];
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: "modalMap",
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  });
+}
+//# sourceMappingURL=index.js.map