yi-map-web 1.0.2 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +3 -3
- package/dist/yi-map-web.css +1240 -0
- package/dist/yi-map-web.mjs.map +1 -1
- package/dist/yi-map-web.umd.cjs +3 -0
- package/dist/yi-map-web.umd.cjs.map +1 -1
- package/package.json +8 -2
- package/dist/style.css +0 -4295
package/dist/yi-map-web.umd.cjs
CHANGED
|
@@ -4,6 +4,9 @@ const vue = vue_1.default || vue_1;
|
|
|
4
4
|
typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("mars3d")) : typeof define === "function" && define.amd ? define(["exports", "vue", "mars3d"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.YiMapWeb = {}, global.Vue, global.mars3d));
|
|
5
5
|
})(this, function(exports2, vue, mars3d) {
|
|
6
6
|
"use strict";
|
|
7
|
+
var __vite_style__ = document.createElement("style");
|
|
8
|
+
__vite_style__.textContent = '/**cesium 工具按钮栏*/\n.cesium-viewer-toolbar {\n top: auto !important;\n bottom: 35px !important;\n left: 12px !important;\n right: auto !important;\n}\n.cesium-toolbar-button img {\n width: 22px;\n height: 100%;\n}\n.cesium-toolbar-button:hover img {\n width: 28px;\n}\n.cesium-svgPath-svg {\n scale: 0.8;\n}\n.cesium-svgPath-svg:hover {\n scale: 1;\n}\n.cesium-button .cesium-baseLayerPicker-selected {\n width: 100%;\n}\n.cesium-button:hover .cesium-baseLayerPicker-selected {\n width: 100%;\n}\n.cesium-viewer-toolbar > .cesium-toolbar-button,\n.cesium-navigationHelpButton-wrapper,\n.cesium-viewer-geocoderContainer {\n margin-bottom: 5px;\n float: left;\n clear: both;\n text-align: center;\n}\n.cesium-viewer-geocoderContainer form .cesium-geocoder-input {\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n}\n.cesium-button {\n background-color: rgba(39, 44, 54, 0.8);\n border-radius: 2px;\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n color: #ffffff;\n fill: #e6e6e6;\n line-height: 38px;\n}\n.cesium-button:hover {\n background-color: #3385ff;\n box-shadow: none;\n border: none;\n}\n/**cesium 底图切换面板*/\n.cesium-baseLayerPicker-dropDown {\n bottom: 0;\n left: 40px;\n max-height: 700px;\n margin-bottom: 5px;\n background-color: rgba(23, 49, 71, 0.7);\n}\n/**cesium 帮助面板*/\n.cesium-navigation-help {\n top: auto;\n bottom: 0;\n left: 40px;\n transform-origin: left bottom;\n background: none;\n background-color: rgba(23, 49, 71, 0.8);\n}\n.cesium-navigation-help .cesium-navigation-help-instructions,\n.cesium-navigation-help .cesium-navigation-button {\n background: none;\n}\n.cesium-navigation-help .cesium-navigation-button-selected,\n.cesium-navigation-help .cesium-navigation-button-unselected:hover {\n background-color: #012316;\n}\n/**cesium 二维三维切换*/\n.cesium-sceneModePicker-wrapper {\n width: auto;\n}\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n float: right;\n margin: 0 3px;\n}\n/**cesium POI查询输入框*/\n.cesium-viewer-geocoderContainer .search-results {\n left: 0;\n right: 40px;\n width: auto;\n z-index: 9999;\n}\n.cesium-geocoder-searchButton {\n width: 38px;\n height: 38px;\n background-color: rgba(39, 44, 54, 0.8);\n border-radius: 2px;\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n fill: #e6e6e6;\n}\n.cesium-viewer-geocoderContainer .cesium-geocoder-input {\n height: 40px;\n width: 40px;\n background-color: rgba(63, 72, 84, 0.7);\n}\n.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.cesium-viewer-geocoderContainer .search-results {\n background-color: rgba(23, 49, 71, 0.8);\n}\n/**cesium info信息框*/\n.cesium-infoBox {\n top: 50px;\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.cesium-infoBox-title {\n background-color: rgba(23, 49, 71, 0.8);\n}\n/**cesium 任务栏的FPS信息*/\n.cesium-performanceDisplay-defaultContainer {\n top: auto;\n bottom: 35px;\n right: 50px;\n}\n.cesium-performanceDisplay-ms,\n.cesium-performanceDisplay-fps {\n color: #fff;\n}\n/**cesium tileset调试信息面板*/\n.cesium-viewer-cesiumInspectorContainer {\n top: 10px;\n left: 10px;\n right: auto;\n}\n.cesium-cesiumInspector {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n/**覆盖mars3d内部控件的颜色等样式*/\n.mars3d-compass .mars3d-compass-outer {\n fill: rgba(39, 44, 54, 0.8);\n}\n.mars3d-compass .mars3d-compass-inner {\n background: rgba(39, 44, 54, 0.8);\n fill: #fff;\n}\n.mars3d-contextmenu-ul,\n.mars3d-sub-menu {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.mars3d-contextmenu-ul {\n border-radius: 2px;\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n}\n.mars3d-contextmenu-ul > li > a:hover,\n.mars3d-sub-menu > li > a:hover,\n.mars3d-contextmenu-ul > li > a:focus,\n.mars3d-sub-menu > li > a:focus,\n.mars3d-contextmenu-ul > li > .active,\n.mars3d-sub-menu > li > .active {\n background-color: var(--mars-hover-color, #3ea6ff);\n}\n.mars3d-contextmenu-ul > .active > a,\n.mars3d-sub-menu > .active > a,\n.mars3d-contextmenu-ul > .active > a:hover,\n.mars3d-sub-menu > .active > a:hover,\n.mars3d-contextmenu-ul > .active > a:focus,\n.mars3d-sub-menu > .active > a:focus {\n background-color: var(--mars-hover-color, #3ea6ff);\n}\n/* Popup样式*/\n.mars3d-popup-color {\n color: var(--mars-text-color, #ffffff);\n}\n.mars3d-popup-background {\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.mars3d-popup-content {\n margin: 15px;\n}\n.mars3d-popup-btn-custom {\n padding: 3px 10px;\n border: 1px solid #209ffd;\n background: #209ffd1c;\n color: var(--mars-text-color);\n}\n.mars3d-tooltip {\n color: var(--mars-text-color, #ffffff);\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border: 1px solid var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.mars3d-tooltip-top:before {\n border-top-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-tooltip-bottom:before {\n border-bottom-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-tooltip-left:before {\n border-left-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-tooltip-right:before {\n border-right-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-template-content label {\n padding-right: 6px;\n}\n/* all 中的html样式 */\n.mars3d-template-titile {\n height: 33px;\n line-height: 33px;\n padding-left: 10px;\n border-radius: 4px 4px 0px 0px;\n box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.15), 0px 3px 7px -3px rgba(0, 0, 0, 0.2);\n color: var(--mars-control-text) !important;\n background: var(--mars-msg-title-bg);\n font-family: var(--mars-font-family);\n}\n.mars3d-template-titile a {\n font-size: 16px;\n color: var(--mars-msg-title-color, #479be0);\n text-decoration: none;\n}\n.mars3d-template-content {\n margin-top: 0 !important;\n background-color: var(--mars-dropdown-bg);\n padding: 10px;\n color: #eaf2ff;\n}\n.mars3d-template-content label {\n padding-right: 6px;\n}\n.mars3d-template-content input {\n color: var(--mars-text-color);\n background-color: transparent !important;\n padding: 4px 5px;\n}\n.mars3d-template-content input::placeholder {\n color: #cdcdcd !important;\n}\n.mars3d-template-content textarea {\n color: var(--mars-base-color);\n background-color: transparent !important;\n padding: 4px 5px;\n}\n.mars3d-template-content textarea::placeholder {\n color: #cdcdcd !important;\n}\n.mars3d-popup-btn-custom {\n padding: 3px 10px;\n border: 1px solid #209ffd;\n background: #209ffd1c;\n color: var(--mars-text-color, #ffffff);\n}\n.mars3d-popup-content {\n margin: 15px;\n}\n.mars3d-divGraphic:hover {\n z-index: 999 !important;\n}\n/* 隐藏Mars3D logo */\n.mars3d-logo {\n display: none !important;\n visibility: hidden !important;\n opacity: 0 !important;\n pointer-events: none;\n}\n.toolbar-panel[data-v-f9e69b7a] {\n position: absolute;\n top: 10px;\n right: 0;\n width: 42px;\n background: rgba(23, 35, 50, 0.92);\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-radius: 6px 0 0 6px;\n border-right: none;\n z-index: 999;\n transition: max-height 0.3s ease;\n max-height: calc(100vh - 120px);\n overflow-y: auto;\n backdrop-filter: blur(4px);\n}\n.toolbar-panel.collapsed[data-v-f9e69b7a] {\n max-height: 38px;\n}\n.toolbar-panel.collapsed .panel-content[data-v-f9e69b7a] {\n display: none;\n}\n.toolbar-panel.collapsed .panel-header[data-v-f9e69b7a] {\n padding: 8px;\n justify-content: center;\n border-radius: 6px 0 0 6px;\n}\n.toolbar-panel .panel-header[data-v-f9e69b7a] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 6px 0 0 0;\n cursor: pointer;\n user-select: none;\n}\n.toolbar-panel .panel-header .toggle-icon[data-v-f9e69b7a] {\n color: #7a9ec0;\n font-size: 12px;\n transition: all 0.3s ease;\n}\n.toolbar-panel .panel-header:hover .toggle-icon[data-v-f9e69b7a] {\n color: #3ea6ff;\n}\n.toolbar-panel .panel-content[data-v-f9e69b7a] {\n padding: 6px 0;\n}\n.toolbar-panel .menu-group[data-v-f9e69b7a] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.toolbar-panel .menu-item[data-v-f9e69b7a] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n color: #e8f4ff;\n cursor: pointer;\n border-radius: 3px;\n transition: all 0.2s ease;\n}\n.toolbar-panel .menu-item[data-v-f9e69b7a]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.toolbar-panel .menu-item.active[data-v-f9e69b7a] {\n background: rgba(62, 166, 255, 0.4);\n color: #fff;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n.toolbar-panel .menu-item i[data-v-f9e69b7a] {\n font-size: 14px;\n line-height: 1;\n}\n.toolbar-panel .divider[data-v-f9e69b7a] {\n height: 1px;\n background: rgba(255, 255, 255, 0.08);\n margin: 6px 8px;\n}\n.toolbar-panel[data-v-f9e69b7a]::-webkit-scrollbar {\n width: 3px;\n}\n.toolbar-panel[data-v-f9e69b7a]::-webkit-scrollbar-thumb {\n background: rgba(62, 166, 255, 0.3);\n border-radius: 2px;\n}\n.vision-button[data-v-4fc03fe1] {\n position: absolute;\n bottom: 80px;\n right: 0;\n width: 42px;\n height: 42px;\n background: rgba(23, 35, 50, 0.92);\n border-radius: 6px 0 0 6px;\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-right: none;\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #e8f4ff;\n cursor: pointer;\n backdrop-filter: blur(4px);\n transition: all 0.2s ease;\n}\n.vision-button[data-v-4fc03fe1]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.vision-button i[data-v-4fc03fe1] {\n font-size: 14px;\n}\n.vision-popup[data-v-4fc03fe1] {\n position: absolute;\n bottom: 80px;\n right: 48px;\n width: 170px;\n background: rgba(23, 35, 50, 0.92);\n border-radius: 6px;\n border: 1px solid rgba(62, 166, 255, 0.3);\n backdrop-filter: blur(4px);\n z-index: 998;\n}\n.vision-popup .popup-header[data-v-4fc03fe1] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 5px 5px 0 0;\n}\n.vision-popup .popup-header span[data-v-4fc03fe1] {\n color: #e8f4ff;\n font-size: 13px;\n font-weight: 600;\n}\n.vision-popup .popup-header .close-icon[data-v-4fc03fe1] {\n color: #7a9ec0;\n font-size: 14px;\n cursor: pointer;\n transition: color 0.2s ease;\n}\n.vision-popup .popup-header .close-icon[data-v-4fc03fe1]:hover {\n color: #3ea6ff;\n}\n.vision-popup .popup-content[data-v-4fc03fe1] {\n padding: 6px 0;\n}\n.vision-popup .popup-item[data-v-4fc03fe1] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #e8f4ff;\n cursor: pointer;\n transition: all 0.2s ease;\n border-radius: 3px;\n margin: 0 4px;\n}\n.vision-popup .popup-item[data-v-4fc03fe1]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.vision-popup .popup-item.active[data-v-4fc03fe1] {\n background: rgba(62, 166, 255, 0.4);\n color: #fff;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n.vision-popup .popup-item i[data-v-4fc03fe1] {\n margin-right: 10px;\n width: 16px;\n text-align: center;\n font-size: 14px;\n}\n.vision-popup .popup-item span[data-v-4fc03fe1] {\n font-size: 12px;\n}\n.vision-fade-enter-active[data-v-4fc03fe1],\n.vision-fade-leave-active[data-v-4fc03fe1] {\n transition: opacity 0.25s ease, transform 0.25s ease;\n}\n.vision-fade-enter-from[data-v-4fc03fe1],\n.vision-fade-leave-to[data-v-4fc03fe1] {\n opacity: 0;\n transform: translateX(15px);\n}\n\n.mars-map-container[data-v-9c769713] {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\n}\r\n.poi-panel[data-v-b2f25973] {\n position: absolute;\n width: 260px;\n height: auto;\n max-height: calc(100vh - 40px);\n background: rgba(23, 35, 50, 0.92);\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-radius: 6px;\n z-index: 999;\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(4px);\n transition: width 0.25s ease;\n}\n.poi-panel.collapsed[data-v-b2f25973] {\n width: 46px;\n max-height: none;\n overflow: hidden;\n}\n.poi-panel.collapsed .poi-panel__title[data-v-b2f25973] {\n display: none;\n}\n.poi-panel.collapsed .poi-panel__body[data-v-b2f25973] {\n display: none;\n}\n.poi-panel.collapsed .collapse-icon[data-v-b2f25973] {\n display: none;\n}\n.poi-panel__header[data-v-b2f25973] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 14px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 6px 6px 0 0;\n cursor: grab;\n user-select: none;\n flex-shrink: 0;\n}\n.poi-panel__header.is-dragging[data-v-b2f25973] {\n cursor: grabbing;\n}\n.poi-panel__header .collapsed-icon[data-v-b2f25973] {\n display: none;\n color: #3ea6ff;\n font-size: 18px;\n}\n.poi-panel__header .poi-panel__title[data-v-b2f25973] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #e8f4ff;\n font-size: 14px;\n font-weight: 600;\n}\n.poi-panel__header .poi-panel__title .fa[data-v-b2f25973] {\n color: #3ea6ff;\n font-size: 15px;\n}\n.poi-panel__header .poi-count[data-v-b2f25973] {\n background: #e74c3c;\n color: #fff;\n font-size: 11px;\n padding: 1px 6px;\n border-radius: 10px;\n min-width: 18px;\n text-align: center;\n}\n.poi-panel__header .collapse-icon[data-v-b2f25973] {\n color: #7a9ec0;\n font-size: 12px;\n}\n.poi-panel.collapsed .poi-panel__header[data-v-b2f25973] {\n flex-direction: column;\n align-items: flex-start;\n padding: 8px 10px 10px;\n gap: 0;\n cursor: pointer;\n}\n.poi-panel.collapsed .poi-panel__header .collapsed-icon-wrap[data-v-b2f25973] {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-top: 12px;\n margin-left: 2px;\n}\n.poi-panel.collapsed .poi-panel__header .collapsed-icon[data-v-b2f25973] {\n display: block;\n font-size: 20px;\n color: #3ea6ff;\n}\n.poi-panel.collapsed .poi-panel__header .poi-count--collapsed[data-v-b2f25973] {\n display: block;\n position: absolute;\n top: -10px;\n right: -12px;\n min-width: 16px;\n height: 16px;\n line-height: 16px;\n font-size: 10px;\n padding: 0 3px;\n background: #3ea6ff;\n color: #fff;\n border-radius: 8px;\n}\n.poi-panel__body[data-v-b2f25973] {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.poi-panel__toolbar[data-v-b2f25973] {\n display: flex;\n gap: 8px;\n padding: 10px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.poi-panel__toolbar .btn[data-v-b2f25973] {\n flex: 1;\n padding: 6px 8px;\n border: 1px solid rgba(62, 166, 255, 0.4);\n background: rgba(62, 166, 255, 0.1);\n color: #9dc8f0;\n border-radius: 4px;\n font-size: 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n transition: all 0.2s ease;\n}\n.poi-panel__toolbar .btn[data-v-b2f25973]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.poi-panel__toolbar .btn--active[data-v-b2f25973] {\n background: rgba(62, 166, 255, 0.35);\n color: #fff;\n border-color: #3ea6ff;\n}\n.poi-panel__toolbar .btn--danger[data-v-b2f25973] {\n flex: 0 0 auto;\n border-color: rgba(255, 100, 100, 0.4);\n background: rgba(255, 100, 100, 0.1);\n color: #ffaaaa;\n}\n.poi-panel__toolbar .btn--danger[data-v-b2f25973]:hover:not(:disabled) {\n background: rgba(255, 100, 100, 0.25);\n color: #fff;\n}\n.poi-panel__toolbar .btn--danger[data-v-b2f25973]:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.poi-panel__filter[data-v-b2f25973] {\n display: flex;\n gap: 6px;\n padding: 8px 12px;\n flex-wrap: wrap;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.poi-panel__filter .filter-tag[data-v-b2f25973] {\n padding: 3px 8px;\n border-radius: 12px;\n font-size: 11px;\n color: #7a9ec0;\n background: rgba(255, 255, 255, 0.06);\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 4px;\n transition: all 0.2s ease;\n}\n.poi-panel__filter .filter-tag[data-v-b2f25973]:hover {\n background: rgba(255, 255, 255, 0.12);\n color: #c8dff0;\n}\n.poi-panel__filter .filter-tag.active[data-v-b2f25973] {\n background: rgba(62, 166, 255, 0.2);\n color: #3ea6ff;\n}\n.poi-panel__list[data-v-b2f25973] {\n overflow-y: auto;\n max-height: calc(100vh - 220px);\n padding: 6px 0;\n}\n.poi-panel__list[data-v-b2f25973]::-webkit-scrollbar {\n width: 4px;\n}\n.poi-panel__list[data-v-b2f25973]::-webkit-scrollbar-thumb {\n background: rgba(62, 166, 255, 0.3);\n border-radius: 2px;\n}\n.poi-item[data-v-b2f25973] {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n cursor: pointer;\n transition: background 0.15s ease;\n}\n.poi-item[data-v-b2f25973]:hover {\n background: rgba(62, 166, 255, 0.1);\n}\n.poi-item--active[data-v-b2f25973] {\n background: rgba(62, 166, 255, 0.18);\n}\n.poi-item__dot[data-v-b2f25973] {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.poi-item__info[data-v-b2f25973] {\n flex: 1;\n min-width: 0;\n}\n.poi-item__info-name[data-v-b2f25973] {\n overflow: hidden;\n}\n.poi-item__name[data-v-b2f25973] {\n font-size: 13px;\n color: #d8ecff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: text;\n}\n.poi-item__name[data-v-b2f25973]:hover {\n color: #a0d4ff;\n}\n.poi-item__name-input[data-v-b2f25973] {\n width: 100%;\n font-size: 13px;\n color: #e8f4ff;\n background: rgba(62, 166, 255, 0.15);\n border: 1px solid rgba(62, 166, 255, 0.5);\n border-radius: 3px;\n padding: 1px 5px;\n outline: none;\n font-family: inherit;\n}\n.poi-item__name-input[data-v-b2f25973]:focus {\n border-color: #3ea6ff;\n background: rgba(62, 166, 255, 0.22);\n}\n.poi-item__coord[data-v-b2f25973] {\n font-size: 11px;\n color: #5a7a9a;\n margin-top: 2px;\n font-family: monospace;\n}\n.poi-item__actions[data-v-b2f25973] {\n display: flex;\n gap: 4px;\n flex-shrink: 0;\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n.poi-item:hover .poi-item__actions[data-v-b2f25973] {\n opacity: 1;\n}\n.icon-btn[data-v-b2f25973] {\n width: 22px;\n height: 22px;\n border: none;\n background: rgba(255, 255, 255, 0.08);\n color: #9dc8f0;\n border-radius: 3px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n transition: all 0.15s ease;\n}\n.icon-btn[data-v-b2f25973]:hover {\n background: rgba(62, 166, 255, 0.3);\n color: #fff;\n}\n.icon-btn--danger[data-v-b2f25973]:hover {\n background: rgba(255, 80, 80, 0.35);\n color: #fff;\n}\n.poi-panel__empty[data-v-b2f25973] {\n text-align: center;\n padding: 30px 20px;\n color: #4a6a8a;\n}\n.poi-panel__empty .fa[data-v-b2f25973] {\n font-size: 32px;\n margin-bottom: 10px;\n display: block;\n}\n.poi-panel__empty p[data-v-b2f25973] {\n font-size: 12px;\n margin: 0;\n line-height: 1.6;\n}\n.poi-list-enter-active[data-v-b2f25973],\n.poi-list-leave-active[data-v-b2f25973] {\n transition: all 0.25s ease;\n}\n.poi-list-enter-from[data-v-b2f25973] {\n opacity: 0;\n transform: translateX(-12px);\n}\n.poi-list-leave-to[data-v-b2f25973] {\n opacity: 0;\n transform: translateX(12px);\n}\n.track-panel[data-v-3e019b92] {\n position: absolute;\n width: 280px;\n height: auto;\n max-height: calc(100vh - 40px);\n background: rgba(23, 35, 50, 0.92);\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-radius: 6px;\n z-index: 998;\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(4px);\n transition: width 0.25s ease;\n}\n.track-panel.collapsed[data-v-3e019b92] {\n width: 46px;\n max-height: none;\n overflow: hidden;\n}\n.track-panel.collapsed .track-panel__title[data-v-3e019b92] {\n display: none;\n}\n.track-panel.collapsed .track-panel__body[data-v-3e019b92] {\n display: none;\n}\n.track-panel.collapsed .collapse-icon[data-v-3e019b92] {\n display: none;\n}\n.track-panel__header[data-v-3e019b92] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 14px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 6px 6px 0 0;\n cursor: grab;\n user-select: none;\n flex-shrink: 0;\n}\n.track-panel__header.is-dragging[data-v-3e019b92] {\n cursor: grabbing;\n}\n.track-panel__header .collapsed-icon[data-v-3e019b92] {\n display: none;\n color: #ff6b35;\n font-size: 18px;\n}\n.track-panel__header .track-panel__title[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #e8f4ff;\n font-size: 14px;\n font-weight: 600;\n}\n.track-panel__header .track-panel__title .fa[data-v-3e019b92] {\n color: #ff6b35;\n font-size: 15px;\n}\n.track-panel__header .track-count[data-v-3e019b92] {\n background: #e74c3c;\n color: #fff;\n font-size: 11px;\n padding: 1px 6px;\n border-radius: 10px;\n min-width: 18px;\n text-align: center;\n}\n.track-panel__header .collapse-icon[data-v-3e019b92] {\n color: #7a9ec0;\n font-size: 12px;\n}\n.track-panel.collapsed .track-panel__header[data-v-3e019b92] {\n flex-direction: column;\n align-items: flex-start;\n padding: 8px 10px 10px;\n gap: 0;\n cursor: pointer;\n}\n.track-panel.collapsed .track-panel__header .collapsed-icon-wrap[data-v-3e019b92] {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-top: 12px;\n margin-left: 2px;\n}\n.track-panel.collapsed .track-panel__header .collapsed-icon[data-v-3e019b92] {\n display: block;\n color: #ff6b35;\n font-size: 18px;\n}\n.track-panel.collapsed .track-panel__header .track-badge[data-v-3e019b92] {\n position: absolute;\n top: -12px;\n right: -12px;\n background: #e74c3c;\n color: #fff;\n font-size: 10px;\n font-weight: 600;\n min-width: 16px;\n height: 16px;\n line-height: 16px;\n text-align: center;\n border-radius: 8px;\n padding: 0 3px;\n}\n.track-panel__body[data-v-3e019b92] {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.track-panel__toolbar[data-v-3e019b92] {\n display: flex;\n gap: 6px;\n padding: 10px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.track-panel__toolbar .btn[data-v-3e019b92] {\n flex: 1;\n padding: 5px 8px;\n border: 1px solid rgba(62, 166, 255, 0.4);\n background: rgba(62, 166, 255, 0.1);\n color: #9dc8f0;\n border-radius: 4px;\n font-size: 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n transition: all 0.2s;\n}\n.track-panel__toolbar .btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.track-panel__toolbar .btn--active[data-v-3e019b92] {\n background: rgba(255, 100, 50, 0.35);\n color: #ffaa88;\n border-color: #ff6b35;\n}\n.track-panel__toolbar .btn--primary[data-v-3e019b92] {\n background: rgba(62, 166, 255, 0.2);\n color: #fff;\n border-color: rgba(62, 166, 255, 0.6);\n}\n.track-panel__toolbar .btn--info[data-v-3e019b92] {\n background: rgba(255, 107, 53, 0.2);\n color: #ffaa88;\n border-color: rgba(255, 107, 53, 0.5);\n}\n.track-panel__toolbar .btn--danger[data-v-3e019b92] {\n flex: 0 0 auto;\n width: 36px;\n border-color: rgba(255, 80, 80, 0.4);\n background: rgba(255, 80, 80, 0.1);\n color: #ffaaaa;\n}\n.track-panel__toolbar .btn--danger[data-v-3e019b92]:hover:not(:disabled) {\n background: rgba(255, 80, 80, 0.25);\n color: #fff;\n}\n.track-panel__toolbar .btn--danger[data-v-3e019b92]:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.track-panel__playback[data-v-3e019b92] {\n padding: 10px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.track-panel__playback .playback__track-name[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: #9dc8f0;\n margin-bottom: 8px;\n}\n.track-panel__playback .playback__track-name .fa[data-v-3e019b92] {\n color: #00ff88;\n}\n.track-panel__playback .playback__track-name .playback__mode-badge[data-v-3e019b92] {\n background: rgba(0, 255, 136, 0.15);\n color: #00ff88;\n font-size: 10px;\n padding: 1px 6px;\n border-radius: 8px;\n margin-left: 4px;\n}\n.track-panel__playback .playback__controls[data-v-3e019b92] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-bottom: 8px;\n}\n.track-panel__playback .ctrl-btn[data-v-3e019b92] {\n width: 30px;\n height: 30px;\n border: 1px solid rgba(62, 166, 255, 0.4);\n background: rgba(62, 166, 255, 0.1);\n color: #9dc8f0;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n transition: all 0.2s;\n}\n.track-panel__playback .ctrl-btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.3);\n color: #fff;\n}\n.track-panel__playback .ctrl-btn--play[data-v-3e019b92] {\n width: 38px;\n height: 38px;\n background: rgba(0, 200, 100, 0.2);\n border-color: rgba(0, 200, 100, 0.6);\n color: #00ff88;\n font-size: 15px;\n}\n.track-panel__playback .ctrl-btn--play[data-v-3e019b92]:hover {\n background: rgba(0, 200, 100, 0.35);\n}\n.track-panel__playback .playback__speed[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 8px;\n}\n.track-panel__playback .playback__speed .speed-label[data-v-3e019b92] {\n font-size: 11px;\n color: #5a7a9a;\n}\n.track-panel__playback .playback__speed .speed-btns[data-v-3e019b92] {\n display: flex;\n gap: 4px;\n}\n.track-panel__playback .playback__speed .speed-btn[data-v-3e019b92] {\n padding: 2px 7px;\n border: 1px solid rgba(62, 166, 255, 0.3);\n background: rgba(255, 255, 255, 0.04);\n color: #7a9ec0;\n border-radius: 10px;\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.track-panel__playback .playback__speed .speed-btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.2);\n color: #fff;\n}\n.track-panel__playback .playback__speed .speed-btn.active[data-v-3e019b92] {\n background: rgba(62, 166, 255, 0.3);\n color: #3ea6ff;\n border-color: #3ea6ff;\n}\n.track-panel__playback .playback__timeline[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.track-panel__playback .playback__timeline .time-label[data-v-3e019b92] {\n font-size: 10px;\n color: #5a7a9a;\n font-family: monospace;\n min-width: 36px;\n text-align: center;\n}\n.track-panel__playback .playback__timeline .progress-slider[data-v-3e019b92] {\n flex: 1;\n height: 4px;\n -webkit-appearance: none;\n appearance: none;\n background: rgba(62, 166, 255, 0.2);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n}\n.track-panel__playback .playback__timeline .progress-slider[data-v-3e019b92]::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #3ea6ff;\n cursor: pointer;\n box-shadow: 0 0 6px rgba(62, 166, 255, 0.6);\n}\n.track-panel__playback .playback__timeline .progress-slider[data-v-3e019b92]::-moz-range-thumb {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #3ea6ff;\n border: none;\n cursor: pointer;\n}\n.track-panel__realtime-hint[data-v-3e019b92] {\n padding: 8px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.track-panel__realtime-hint .realtime-pulse[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: #ff6b35;\n}\n.track-panel__realtime-hint .realtime-pulse .fa[data-v-3e019b92] {\n color: #ff6b35;\n}\n.track-panel__realtime-hint .blink-dot[data-v-3e019b92] {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #ff6b35;\n animation: blink-3e019b92 1s ease-in-out infinite;\n}\n.track-panel__realtime-hint .realtime-count[data-v-3e019b92] {\n font-size: 11px;\n color: #7a9ec0;\n}\n.track-panel__realtime-hint .realtime-count strong[data-v-3e019b92] {\n color: #ff6b35;\n}\n@keyframes blink-3e019b92 {\n0%,\n 100% {\n opacity: 1;\n}\n50% {\n opacity: 0.2;\n}\n}\n.track-panel__list[data-v-3e019b92] {\n overflow-y: auto;\n max-height: calc(100vh - 340px);\n padding: 6px 0;\n}\n.track-panel__list[data-v-3e019b92]::-webkit-scrollbar {\n width: 4px;\n}\n.track-panel__list[data-v-3e019b92]::-webkit-scrollbar-thumb {\n background: rgba(62, 166, 255, 0.3);\n border-radius: 2px;\n}\n.track-item[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n cursor: pointer;\n transition: background 0.15s;\n}\n.track-item[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.1);\n}\n.track-item--active[data-v-3e019b92] {\n background: rgba(62, 166, 255, 0.18);\n}\n.track-item--realtime .track-item__bar[data-v-3e019b92] {\n background: #ff6b35 !important;\n}\n.track-item__bar[data-v-3e019b92] {\n width: 3px;\n height: 30px;\n border-radius: 2px;\n background: #3ea6ff;\n flex-shrink: 0;\n}\n.track-item__info[data-v-3e019b92] {\n flex: 1;\n min-width: 0;\n}\n.track-item__name[data-v-3e019b92] {\n overflow: hidden;\n font-size: 13px;\n color: #ffffff;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.track-item__name .fa[data-v-3e019b92] {\n color: #8ab4d4;\n font-size: 12px;\n}\n.track-item__meta[data-v-3e019b92] {\n font-size: 11px;\n color: #9dc8f0;\n margin-top: 2px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.track-item .realtime-tag[data-v-3e019b92] {\n background: rgba(255, 107, 53, 0.2);\n color: #ff6b35;\n font-size: 10px;\n padding: 0 5px;\n border-radius: 6px;\n}\n.track-item__actions[data-v-3e019b92] {\n display: flex;\n gap: 4px;\n flex-shrink: 0;\n opacity: 0;\n transition: opacity 0.15s;\n}\n.track-item:hover .track-item__actions[data-v-3e019b92] {\n opacity: 1;\n}\n.icon-btn[data-v-3e019b92] {\n width: 22px;\n height: 22px;\n border: none;\n background: rgba(255, 255, 255, 0.08);\n color: #9dc8f0;\n border-radius: 3px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n transition: all 0.15s;\n}\n.icon-btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.3);\n color: #fff;\n}\n.icon-btn--danger[data-v-3e019b92]:hover {\n background: rgba(255, 80, 80, 0.35);\n color: #fff;\n}\n.track-panel__empty[data-v-3e019b92] {\n text-align: center;\n padding: 30px 20px;\n color: #4a6a8a;\n}\n.track-panel__empty .fa[data-v-3e019b92] {\n font-size: 32px;\n margin-bottom: 10px;\n display: block;\n}\n.track-panel__empty p[data-v-3e019b92] {\n font-size: 12px;\n margin: 0;\n}\n.track-list-enter-active[data-v-3e019b92],\n.track-list-leave-active[data-v-3e019b92] {\n transition: all 0.25s ease;\n}\n.track-list-enter-from[data-v-3e019b92] {\n opacity: 0;\n transform: translateX(-12px);\n}\n.track-list-leave-to[data-v-3e019b92] {\n opacity: 0;\n transform: translateX(12px);\n}\n/*$vite$:1*/';
|
|
9
|
+
document.head.appendChild(__vite_style__);
|
|
7
10
|
function _interopNamespaceDefault(e) {
|
|
8
11
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
9
12
|
if (e) {
|