@kq_npm/client3d_webgl_vue 4.5.30 → 4.5.32

package/typhoontrac/index.js

@@ -19,18 +19,16 @@ return /******/ (function() { // webpackBootstrap
 /* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7997);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
-/*
- * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
- * All rights reserved.
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
  */
 
 
-
 element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
   _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
   Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
-
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (KqMessage)));
 
 /***/ }),
@@ -42,6 +40,41 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
+/***/ 8470:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/esnext.iterator.constructor.js");
+
+/***/ }),
+
+/***/ 1058:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/esnext.iterator.for-each.js");
+
+/***/ }),
+
+/***/ 4360:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/web.url-search-params.delete.js");
+
+/***/ }),
+
+/***/ 8824:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/web.url-search-params.has.js");
+
+/***/ }),
+
+/***/ 2936:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/web.url-search-params.size.js");
+
+/***/ }),
+
 /***/ 9389:
 /***/ (function(module) {
 
@@ -101,7 +134,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -187,79 +219,74 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* reexport */ TyphoonTrac; }
 });
 
+// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.delete.js"
+var web_url_search_params_delete_js_ = __webpack_require__(4360);
+// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.has.js"
+var web_url_search_params_has_js_ = __webpack_require__(8824);
+// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.size.js"
+var web_url_search_params_size_js_ = __webpack_require__(2936);
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
 var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_ = __webpack_require__(7135);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
 var defineProperty = __webpack_require__(8270);
+// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
+var esnext_iterator_constructor_js_ = __webpack_require__(8470);
+// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.for-each.js"
+var esnext_iterator_for_each_js_ = __webpack_require__(1058);
+;// CONCATENATED MODULE: external "core-js/modules/esnext.iterator.reduce.js"
+var esnext_iterator_reduce_js_namespaceObject = require("core-js/modules/esnext.iterator.reduce.js");
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
 var message = __webpack_require__(1349);
 ;// CONCATENATED MODULE: ./src/webgl/typhoontrac/TyphoonTracViewModel.js
 
 
+
+
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
  */
 
 class TyphoonTracViewModel {
-  // 三维viewer对象
   constructor(scenceView) {
     (0,defineProperty/* default */.Z)(this, "_viewer", null);
-
+    // 三维viewer对象
     (0,defineProperty/* default */.Z)(this, "_language", null);
-
     (0,defineProperty/* default */.Z)(this, "_curTyphoon", []);
-
     (0,defineProperty/* default */.Z)(this, "currentRow", null);
-
     (0,defineProperty/* default */.Z)(this, "divPoint", null);
-
-    (0,defineProperty/* default */.Z)(this, "warningLine_24", null);
-
-    (0,defineProperty/* default */.Z)(this, "warningLine_48", null);
-
     (0,defineProperty/* default */.Z)(this, "eventListener", null);
-
     (0,defineProperty/* default */.Z)(this, "eventListener2", null);
-
     this._viewer = scenceView._viewer;
     this._language = scenceView._language;
-    this._viewer.postProcessStages.fxaa.enabled = true; // 开启深度检测
-
+    this._viewer.postProcessStages.fxaa.enabled = true;
+    // 开启深度检测
     this._viewer.scene.globe.depthTestAgainstTerrain = true;
-  } // 更新语言
-
-
+  }
+  // 更新语言
   changeLanguage(val) {
     this._language = val;
-  } // 控制台风显示
-
-
+  }
+  // 控制台风显示
   createTyphoonPath(row, play = false) {
     let that = this;
-
     if (this._curTyphoon[row.tfid]) {
       this._curTyphoon[row.tfid].setVisible(row.show);
-
       row.show && this._curTyphoon[row.tfid].flyTo();
     } else {
       let res = Object.assign({}, row);
       this._curTyphoon[row.tfid] = new Cesium.Kq3dTyphoon(this._viewer, {
         data: res
       });
-
       this._curTyphoon[row.tfid].flyTo();
-
       this.eventListener = function (res) {
         if (res && res.data) {
           if (that._curTyphoon[row.tfid].divPoint) {
             that._curTyphoon[row.tfid].divPoint.destroy();
-
             that._curTyphoon[row.tfid].divPoint = null;
           }
-
           that.createInfoDivPoint(that.getDivPointData(res.data));
         } else {
           //清除信息
@@ -269,7 +296,6 @@ class TyphoonTracViewModel {
           }
         }
       };
-
       this.eventListener2 = function (res) {
         if (res && res.data) {
           if (that._curTyphoon[row.tfid] && !that._curTyphoon[row.tfid].isPlaying) {
@@ -278,57 +304,44 @@ class TyphoonTracViewModel {
           } else {
             if (that._curTyphoon[row.tfid].divPoint) {
               that._curTyphoon[row.tfid].divPoint.destroy();
-
               that._curTyphoon[row.tfid].divPoint = null;
             }
           }
         }
       };
-
       let hoverEvent = this._curTyphoon[row.tfid].getHoverEvent();
-
       let playEvent = this._curTyphoon[row.tfid].getPlayEvent();
-
       if (hoverEvent) {
         hoverEvent.addEventListener(this.eventListener);
       }
-
       if (playEvent) {
         playEvent.addEventListener(this.eventListener2);
       }
     }
-
     if (row.show) {
       if (play) {
         if (this.currentRow && this.currentRow.tfid && this._curTyphoon[this.currentRow.tfid] && this._curTyphoon[this.currentRow.tfid].stop) {
           this._curTyphoon[this.currentRow.tfid].stop();
         }
-
         this._curTyphoon[row.tfid].start();
       }
     }
-
     this.currentRow = row;
-  } // 获取
-
-
+  }
+  // 获取
   getDivPointData(pointInfo) {
     if (pointInfo.radius7) pointInfo.radius7Arr = pointInfo.radius7.split('|');
     if (pointInfo.radius10) pointInfo.radius10Arr = pointInfo.radius10.split('|');
     if (pointInfo.radius12) pointInfo.radius12Arr = pointInfo.radius12.split('|');
     return pointInfo;
   }
-
   // 创建台风属性弹框
   createInfoPlayDivPoint(data) {
     data = Object.assign(data, this.currentRow);
-
     if (this._curTyphoon[data.tfid].divPoint) {
       this._curTyphoon[data.tfid].divPoint.destroy();
-
       this._curTyphoon[data.tfid].divPoint = null;
     }
-
     let htmlObj = this.createHtml(data);
     this._curTyphoon[data.tfid].divPoint = new Cesium.Kq3dHtmlTag(this._viewer, {
       html: htmlObj.html,
@@ -337,30 +350,24 @@ class TyphoonTracViewModel {
       noEvent: false
     });
   }
-
   //点击展示详细信息
   rowClickPath(index, row) {
     if (!this._curTyphoon[row.tfid]) {
       row.show = true;
       this.createTyphoonPath(row);
     }
-
     setTimeout(() => {
       this._curTyphoon[row.tfid].showPoint(index);
-
       this._curTyphoon[row.tfid].flyToPoint(index);
-
       this.createInfoDivPoint(this.getDivPointData(this._curTyphoon[row.tfid].positions[index]));
     }, 500);
   }
-
   // 创建浮动弹框属性
   createInfoDivPoint(data) {
     if (this.divPoint) {
       this.divPoint.destroy();
       this.divPoint = null;
     }
-
     this._curTyphoon.forEach(element => {
       if (element._data && data.name === element._data.name) {
         data = Object.assign(data, {
@@ -369,7 +376,6 @@ class TyphoonTracViewModel {
         return;
       }
     });
-
     if (!data.fLongitude || !data.fLatitude) return;
     let htmlObj = this.createHtml(data);
     this.divPoint = new Cesium.Kq3dHtmlTag(this._viewer, {
@@ -378,7 +384,6 @@ class TyphoonTracViewModel {
       anchor: [-140, htmlObj.anchorY]
     });
   }
-
   // 创建html弹框内容
   createHtml(data) {
     let anchorY = -215;
@@ -401,7 +406,6 @@ class TyphoonTracViewModel {
       <th class='head'>${this._language.southwest}</th>
       <th class='head'>${this._language.northwest}</th>
   </tr>`;
-
     if (data.radius7Arr) {
       html += `<tr>
           <th>${this._language.sevenLevels}</th>
@@ -412,7 +416,6 @@ class TyphoonTracViewModel {
           </tr>`;
       anchorY -= 23;
     }
-
     if (data.radius10Arr) {
       html += `<tr>
           <th>${this._language.tenLevels}</th>
@@ -423,7 +426,6 @@ class TyphoonTracViewModel {
           </tr>`;
       anchorY -= 23;
     }
-
     if (data.radius12Arr) {
       html += `<tr>
           <th>${this._language.twelveLevels}</th>
@@ -434,32 +436,27 @@ class TyphoonTracViewModel {
           </tr>`;
       anchorY -= 32;
     }
-
     html += `</table></ul><div class='triangle'><div></div></div></div>`;
     return {
       html: this.sanitize(html),
       anchorY: anchorY
     };
-  } // 动态插入时进行字符过滤
-
-
+  }
+  // 动态插入时进行字符过滤
   sanitize(text) {
     return text.replace(/[\u200B-\u200D\uFEFF]/g, "") // 清除零宽字符
     .replace(/[“”]/g, ""); // 主动过滤引号
-  } // 日期矫正
-
-
+  }
+  // 日期矫正
   formatDate(date = new Date(), format = 'datetime', isPad = true) {
     if (!(date instanceof Date)) {
       date = new Date(date);
     }
-
     if (format === 'date') {
       format = 'YYYY-MM-DD';
     } else if (format === 'datetime') {
       format = 'YYYY-MM-DD hh:mm:ss';
     }
-
     const weeks = ['日', '一', '二', '三', '四', '五', '六'];
     const dateFormats = {
       YYYY: date.getFullYear(),
@@ -472,29 +469,24 @@ class TyphoonTracViewModel {
     };
     return Object.keys(dateFormats).reduce((result, item) => result.replaceAll(item, dateFormats[item]), format);
   }
-
   // 停止播放
   stopPlayTyphoonTrac(row) {
     if (this._curTyphoon[row.tfid]) this._curTyphoon[row.tfid].stop();
-  } // 暂停播放
-
-
+  }
+  // 暂停播放
   pausePlayTyphoonTrac(val) {
     if (this._curTyphoon[this.currentRow.tfid]) this._curTyphoon[this.currentRow.tfid].flyTo();
-
     if (val) {
       this._viewer.clock.shouldAnimate = true;
     } else {
       this._viewer.clock.shouldAnimate = false;
     }
-  } // 设置时间流速
-
-
+  }
+  // 设置时间流速
   setMultiplier(val) {
     window.viewer.clock.multiplier = val || 1;
-  } //警戒线
-
-
+  }
+  //警戒线
   createWarningLine() {
     //24小时警戒线
     this.warningLine_24 = this._viewer.entities.add({
@@ -515,8 +507,27 @@ class TyphoonTracViewModel {
         heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
         disableDepthTestDistance: Number.POSITIVE_INFINITY
       }
-    }); // 48小时警戒线
-
+    });
+    this.warningText_24 = this._viewer.entities.add({
+      rectangle: {
+        coordinates: Cesium.Rectangle.fromDegrees(124.81268223770111, 28.97726827231024, 129.27365416588438, 29.506550516414443),
+        classificationType: Cesium.ClassificationType.BOTH,
+        material: new Cesium.Kq3dTextMaterial({
+          text: '24小时警戒线',
+          textStyles: {
+            font: "80px sans-serif",
+            fill: true,
+            fillColor: Cesium.Color.fromCssColorString('#828314'),
+            stroke: false,
+            backgroundColor: new Cesium.Color(0, 0, 0, 0),
+            padding: 5
+          }
+        }),
+        rotation: Cesium.Math.toRadians(90),
+        stRotation: Cesium.Math.toRadians(90)
+      }
+    });
+    // 48小时警戒线
     this.warningLine_48 = this._viewer.entities.add({
       polyline: {
         positions: Cesium.Cartesian3.fromDegreesArray([132, 34, 132, 22, 119, 0, 105, 0]),
@@ -530,72 +541,75 @@ class TyphoonTracViewModel {
         clampToGround: true
       }
     });
+    this.warningText_48 = this._viewer.entities.add({
+      rectangle: {
+        coordinates: Cesium.Rectangle.fromDegrees(130.11221856757763, 29.95719074491648, 134.07046985436628, 30.639828156283777),
+        classificationType: Cesium.ClassificationType.BOTH,
+        material: new Cesium.Kq3dTextMaterial({
+          text: '48小时警戒线',
+          textStyles: {
+            font: "60px sans-serif",
+            fill: true,
+            fillColor: Cesium.Color.fromCssColorString('#4dba3d'),
+            stroke: false,
+            backgroundColor: new Cesium.Color(0, 0, 0, 0),
+            padding: 5
+          }
+        }),
+        rotation: Cesium.Math.toRadians(90),
+        stRotation: Cesium.Math.toRadians(90)
+      }
+    });
   }
-
   remove(tfid) {
     if (this._curTyphoon[tfid] && this._curTyphoon[tfid].getHoverEvent) {
       let hishoverEvent = this._curTyphoon[tfid].getHoverEvent();
-
       hishoverEvent && hishoverEvent.removeEventListener(this.eventListener);
     }
-
     if (this._curTyphoon[tfid] && this._curTyphoon[tfid].getPlayEvent) {
       let hisplayEvent = this._curTyphoon[tfid].getPlayEvent();
-
       hisplayEvent && hisplayEvent.removeEventListener(this.eventListener2);
     }
-
     if (this._curTyphoon[tfid] && this._curTyphoon[tfid].divPoint) {
       this._curTyphoon[tfid].divPoint.destroy();
-
       this._curTyphoon[tfid].divPoint = null;
     }
-
     if (this._curTyphoon[tfid] && this._curTyphoon[tfid].stop) {
       this._curTyphoon[tfid].stop();
     }
-
     if (this._curTyphoon[tfid] && this._curTyphoon[tfid].destroy) {
       this._curTyphoon[tfid].destroy();
     }
-
     this._curTyphoon[tfid] = null;
   }
-
   clearDivPoint(tfid) {
     if (this._curTyphoon[tfid] && this._curTyphoon[tfid].divPoint) {
       this._curTyphoon[tfid].divPoint.destroy();
-
       this._curTyphoon[tfid].divPoint = null;
     }
-
     if (this.divPoint) {
       this.divPoint.destroy();
       this.divPoint = null;
     }
-  } //清除
-
-
+  }
+  //清除
   clear() {
     if (this.divPoint) {
       this.divPoint.destroy();
       this.divPoint = null;
     }
-
     for (let tfid in this._curTyphoon) {
       this.remove(tfid);
     }
-  } //销毁
-
-
+  }
+  //销毁
   destroy() {
-    this._viewer.entities.remove(this.warningLine_48);
-
-    this._viewer.entities.remove(this.warningLine_24);
-
+    this.warningLine_48 && this._viewer.entities.remove(this.warningLine_48);
+    this.warningText_48 && this._viewer.entities.remove(this.warningText_48);
+    this.warningLine_24 && this._viewer.entities.remove(this.warningLine_24);
+    this.warningText_24 && this._viewer.entities.remove(this.warningText_24);
     this.clear();
   }
-
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
 var client_icons_vue_ = __webpack_require__(348);
@@ -605,6 +619,9 @@ var util_ = __webpack_require__(3458);
 var vue_i18n_cjs_js_ = __webpack_require__(7080);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/typhoontrac/TyphoonTrac.vue?vue&type=script&setup=true&lang=js
 
+
+
+
 const _hoisted_1 = {
   class: "kq3d-typhoon-trac-box"
 };
@@ -644,7 +661,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -674,15 +690,14 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
     expose: __expose
   }) {
     const props = __props;
     const {
       proxy
-    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)(); //语言
-
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
+    //语言
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
     let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
     let viewModel = null;
@@ -690,18 +705,20 @@ const __default__ = {
     let currentRow = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
     let currentPlay = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
     let showInfo = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
-    let loading = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false); // 获取组件传参
-    // 组件容器Ref
+    let loading = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
+    // 获取组件传参
 
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
+    // 组件容器Ref
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
 
+    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 属性值
-
-    let tableData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]); // 路径信息
-
-    let typhoonTracData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]); // 表格头样式
-
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    // 属性值
+    let tableData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
+    // 路径信息
+    let typhoonTracData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
+    // 表格头样式
     let headClass = args => {
       return {
         "background-color": "var(--kq-fill-color-light)",
@@ -709,7 +726,6 @@ const __default__ = {
         "font-size": "14px"
       };
     };
-
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       collapseValue: props.settingParams?.collapseValue ?? "list",
       // 折叠组件是否折叠，list：台风列表
@@ -718,7 +734,6 @@ const __default__ = {
       typhoonTracPath: props.settingParams?.typhoonTracPath ?? "",
       // 离线数据文件路径
       showWarningLine: props.settingParams?.showWarningLine ?? true //
-
     });
     const strongType = [{
       name: language.value.tropicalPressure,
@@ -754,8 +769,8 @@ const __default__ = {
     }, {
       name: language.value.japanTitle,
       color: "#24bc00"
-    }]; // 国际化
-
+    }];
+    // 国际化
     let {
       locale,
       messages
@@ -780,15 +795,12 @@ const __default__ = {
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
       //父组件ScenceView初始化完成后执行
-
       (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
         gis_utils_.utils.getWebMap(props.mapTarget, scenceView => {
           if (scenceView) {
             viewModel = new TyphoonTracViewModel(scenceView);
             viewModel._language = language.value;
-            formItem.showWarningLine && viewModel && viewModel.createWarningLine();
             formItem.typhoonTracPath && getDataByPath();
-
             if (props.getTyphoonTracListByApi) {
               loading.value = true;
               props.getTyphoonTracListByApi(data => {
@@ -801,23 +813,21 @@ const __default__ = {
         });
       });
     });
+
     /**
      * @description 监听header生成
      */
-
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
         headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
-    }; // 输入地址
-
-
+    };
+    // 输入地址
     function selectTyphoonTracPath() {
       getDataByPath();
-    } // 选择文件
-
-
+    }
+    // 选择文件
     function selectData(file) {
       let url = URL.createObjectURL(file.raw);
       formItem.typhoonTracPath = url;
@@ -826,29 +836,24 @@ const __default__ = {
       currentPlay.value = {};
       formItem.collapseValue = "list";
     }
-
     function formatterFun(row) {
       return formatDate(row.time);
-    } // 显示台风
-
-
+    }
+    // 显示台风
     async function showTyphoon(index, row) {
       try {
         await getDataInfoByApi(row); // 等待回调完成
-
         row.show = !row.show;
-
         if (!row.show) {
           viewModel && viewModel.clearDivPoint(row.tfid);
           setTracStop(index, row);
         }
-
         viewModel && viewModel.createTyphoonPath(row, false);
       } catch (error) {
-        console.log("Failed to set data info:", error); // 可以添加错误处理逻辑，例如显示错误提示
+        console.log("Failed to set data info:", error);
+        // 可以添加错误处理逻辑，例如显示错误提示
       }
     }
-
     async function setDatainfo(index, row) {
       try {
         await getDataInfoByApi(row);
@@ -857,18 +862,16 @@ const __default__ = {
         currentRow.value = row;
         typhoonTracData.value = row.points || [];
       } catch (error) {
-        console.log("Failed to set data info:", error); // 可以添加错误处理逻辑，例如显示错误提示
+        console.log("Failed to set data info:", error);
+        // 可以添加错误处理逻辑，例如显示错误提示
       }
     }
-
     async function getDataInfoByApi(row) {
       // 条件判断提前返回
       if (!props.getDataInfoByApi || row.getInfoVis) {
         return;
       }
-
       loading.value = true;
-
       try {
         // 将回调函数转换为 Promise
         await new Promise((resolve, reject) => {
@@ -893,19 +896,15 @@ const __default__ = {
      * @param {boolean} isPad 是否填补 0
      * @example
      */
-
-
     function formatDate(date = new Date(), format = "datetime", isPad = true) {
       if (!(date instanceof Date)) {
         date = new Date(date);
       }
-
       if (format === "date") {
         format = "YYYY-MM-DD";
       } else if (format === "datetime") {
         format = "YYYY-MM-DD hh:mm:ss";
       }
-
       const dateFormats = {
         MM: (date.getMonth() + 1).toString().padStart(isPad && 2, "0"),
         DD: date.getDate().toString().padStart(isPad && 2, "0"),
@@ -915,7 +914,6 @@ const __default__ = {
       };
       return dateFormats.MM + "-" + dateFormats.DD + " " + dateFormats.hh + "时";
     }
-
     function tableCellClassName({
       row,
       column,
@@ -927,35 +925,31 @@ const __default__ = {
       row.index = rowIndex;
       column.index = columnIndex;
     }
-
     function rowClickPath(row) {
       viewModel && viewModel.clearDivPoint(currentRow.value.tfid);
       if (!currentRow.value.show) currentRow.value.show = true;
       if (currentRow.value.showPlayVis) setTracStop(row.index, currentRow.value);
       viewModel && viewModel.rowClickPath(row.index, currentRow.value);
-    } // 播放
-
-
+    }
+    // 播放
     async function setTracPlay(index, row) {
       try {
         await getDataInfoByApi(row); // 等待回调完成
-
         row.showPlayVis = true;
         row.show = true;
         currentPlay.value = row;
         viewModel && viewModel.createTyphoonPath(row, true);
       } catch (error) {
-        console.log("Failed to set data info:", error); // 可以添加错误处理逻辑，例如显示错误提示
+        console.log("Failed to set data info:", error);
+        // 可以添加错误处理逻辑，例如显示错误提示
       }
-    } // 停止播放
-
-
+    }
+    // 停止播放
     function setTracStop(index, row) {
       row.showPlayVis = false;
       viewModel && viewModel.stopPlayTyphoonTrac(row);
-    } // 获取路径数据
-
-
+    }
+    // 获取路径数据
     function getDataByPath() {
       if (formItem && formItem.typhoonTracPath) {
         Cesium.Resource.fetchJson(formItem.typhoonTracPath).then(res => {
@@ -968,8 +962,8 @@ const __default__ = {
               });
               return;
             }
-
             tableData.value = res;
+            formItem.showWarningLine && viewModel && viewModel.createWarningLine();
             clear();
           }
         });
@@ -981,53 +975,38 @@ const __default__ = {
         });
         return;
       }
-    } // 更新台风数据
-
-
+    }
+    // 更新台风数据
     function setTyphoonTracData(data) {
       if (data && data.length && data.length > 0) {
         clear();
         tableData.value = data;
       }
     }
-
     function clear() {
       viewModel && viewModel.clear();
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-
     __expose({
       getDataByPath,
       setTyphoonTracData
     });
-
     return (_ctx, _cache) => {
       const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
-
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
-
       const _component_kq_upload = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-upload");
-
       const _component_kq_input = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input");
-
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
-
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
-
       const _component_kq_table_column = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-table-column");
-
       const _component_kq_table = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-table");
-
       const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item");
-
       const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
-
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-typhoon-trac", {
           'kq-box-shadow': __props.showShadow
@@ -1038,9 +1017,7 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512
-      /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).showUpload ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
+      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).showUpload ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, {
         key: 0
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
@@ -1073,47 +1050,23 @@ const __default__ = {
                         size: 16
                       }, {
                         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconFolder2))]),
-                        _: 1
-                        /* STABLE */
-
+                        _: 1 /* STABLE */
                       })]),
-                      _: 1
-                      /* STABLE */
-
+                      _: 1 /* STABLE */
                     })]),
-                    _: 1
-                    /* STABLE */
-
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
-                }, 8
-                /* PROPS */
-                , ["modelValue", "placeholder"])]),
-                _: 1
-                /* STABLE */
-
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["modelValue", "placeholder"])]),
+                _: 1 /* STABLE */
               })]),
-              _: 1
-              /* STABLE */
-
-            }, 8
-            /* PROPS */
-            , ["label"])]),
-            _: 1
-            /* STABLE */
-
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
           })]),
-          _: 1
-          /* STABLE */
-
-        }, 8
-        /* PROPS */
-        , ["label-width"])]),
-        _: 1
-        /* STABLE */
-
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label-width"])]),
+        _: 1 /* STABLE */
       })) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).collapseValue
       }, {
@@ -1135,21 +1088,15 @@ const __default__ = {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).typhoonNumber,
               prop: "tfid",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).typhoonNameZh,
               prop: "name",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).typhoonNameEn,
               prop: "enname",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).operation,
               align: "center"
             }, {
@@ -1162,12 +1109,8 @@ const __default__ = {
                 loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(loading)
               }, {
                 default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconLocation))]),
-                _: 2
-                /* DYNAMIC */
-
-              }, 1032
-              /* PROPS, DYNAMIC_SLOTS */
-              , ["onClick", "title", "style", "loading"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "title", "style", "loading"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
                 size: 16,
                 onClick: $event => setDatainfo(scope.$index, scope.row),
                 title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).typhoonDetails,
@@ -1176,12 +1119,8 @@ const __default__ = {
                 loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(loading)
               }, {
                 default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconDetails))]),
-                _: 2
-                /* DYNAMIC */
-
-              }, 1032
-              /* PROPS, DYNAMIC_SLOTS */
-              , ["onClick", "title", "style", "loading"]), !(scope.row.tfid === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentPlay).tfid && scope.row.showPlayVis) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_icon, {
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "title", "style", "loading"]), !(scope.row.tfid === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentPlay).tfid && scope.row.showPlayVis) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_icon, {
                 key: 0,
                 size: 16,
                 onClick: $event => setTracPlay(scope.$index, scope.row),
@@ -1190,12 +1129,8 @@ const __default__ = {
                 loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(loading)
               }, {
                 default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconVideoPlay))]),
-                _: 2
-                /* DYNAMIC */
-
-              }, 1032
-              /* PROPS, DYNAMIC_SLOTS */
-              , ["onClick", "title", "loading"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), scope.row.tfid === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentPlay).tfid && scope.row.showPlayVis ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_icon, {
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "title", "loading"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), scope.row.tfid === (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentPlay).tfid && scope.row.showPlayVis ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_icon, {
                 key: 1,
                 size: 16,
                 onClick: $event => setTracStop(scope.$index, scope.row),
@@ -1206,30 +1141,14 @@ const __default__ = {
                 class: "iconClass"
               }, {
                 default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconVideoPause))]),
-                _: 2
-                /* DYNAMIC */
-
-              }, 1032
-              /* PROPS, DYNAMIC_SLOTS */
-              , ["onClick", "title"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
-              _: 1
-              /* STABLE */
-
-            }, 8
-            /* PROPS */
-            , ["label"])]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["data", "style", "header-cell-style"])]),
-          _: 1
-          /* STABLE */
-
-        }, 8
-        /* PROPS */
-        , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentRow).showInfo ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_collapse_item, {
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "title"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["data", "style", "header-cell-style"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentRow).showInfo ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_collapse_item, {
           key: 0,
           title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentRow).tfid + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentRow).name + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).typhoonPath,
           name: "info",
@@ -1254,45 +1173,25 @@ const __default__ = {
               prop: "time",
               align: "center",
               formatter: formatterFun
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).windSpeed,
               prop: "speed",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).movingDirection,
               prop: "movedirection",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).strength,
               prop: "strong",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"])]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["data", "style", "header-cell-style"])]),
-          _: 1
-          /* STABLE */
-
-        }, 8
-        /* PROPS */
-        , ["title"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+            }, null, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["data", "style", "header-cell-style"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["title"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("ul", _hoisted_2, [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)(lineList, item => {
           return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("li", {
             key: item.name,
@@ -1300,17 +1199,9 @@ const __default__ = {
           }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
             class: "card mr-1",
             style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)(`border-top: 2px dashed ${item.color}`)
-          }, null, 4
-          /* STYLE */
-          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(item.name), 1
-          /* TEXT */
-          )]);
-        }), 64
-        /* STABLE_FRAGMENT */
-        ))])]),
-        _: 1
-        /* STABLE */
-
+          }, null, 4 /* STYLE */), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(item.name), 1 /* TEXT */)]);
+        }), 64 /* STABLE_FRAGMENT */))])]),
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("ul", _hoisted_3, [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)(strongType, item => {
           return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("li", {
@@ -1319,23 +1210,12 @@ const __default__ = {
           }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
             class: "circle mr-1",
             style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)(`background: linear-gradient(180deg, ${item.color})`)
-          }, null, 4
-          /* STYLE */
-          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(item.name), 1
-          /* TEXT */
-          )]);
-        }), 64
-        /* STABLE_FRAGMENT */
-        ))])]),
-        _: 1
-        /* STABLE */
-
-      })])], 2
-      /* CLASS */
-      );
+          }, null, 4 /* STYLE */), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(item.name), 1 /* TEXT */)]);
+        }), 64 /* STABLE_FRAGMENT */))])]),
+        _: 1 /* STABLE */
+      })])], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/typhoontrac/TyphoonTrac.vue?vue&type=script&setup=true&lang=js
  
@@ -1357,13 +1237,11 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
-
 TyphoonTrac.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(TyphoonTrac.name, TyphoonTrac);
 };
 
-
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()