@kq_npm/client3d_webgl_vue 1.5.3-beta → 1.5.5-beta

package/index.js

@@ -88,6 +88,22 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".coord{background:rgba(42,42,42,.8);bo
 /* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 181:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".cesium-viewer-bottom{right:0px !important;display:flex;justify-content:center}.cesium-viewer-bottom .cesium-viewer-statusContainer{bottom:16px !important;font-size:16px;right:unset}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 379:
@@ -468,8 +484,8 @@ __webpack_require__.d(__webpack_exports__, {
   "Kq3dFlightViewModel": function() { return /* reexport */ FlightViewModel; },
   "Kq3dFloodAnalysis": function() { return /* reexport */ FloodAnalysis; },
   "Kq3dFloodAnalysisViewModel": function() { return /* reexport */ FloodAnalysisViewModel; },
-  "Kq3dGpuSpatialQuery": function() { return /* reexport */ GpuSpatialQuery; },
-  "Kq3dGpuSpatialQueryViewModel": function() { return /* reexport */ GpuSpatialQueryViewModel; },
+  "Kq3dGPUSpatialQuery": function() { return /* reexport */ GPUSpatialQuery; },
+  "Kq3dGPUSpatialQueryViewModel": function() { return /* reexport */ GPUSpatialQueryViewModel; },
   "Kq3dHawkeye": function() { return /* reexport */ Hawkeye; },
   "Kq3dHawkeyeViewModel": function() { return /* reexport */ HawkeyeViewModel; },
   "Kq3dIsolineAnalysis": function() { return /* reexport */ IsolineAnalysis; },
@@ -3643,8 +3659,26 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_1 = {
 const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "divSpan"
 };
-const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3 = ["src"];
+const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "divImg"
+};
 const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_4 = ["src"];
+const _hoisted_5 = {
+  class: "divText"
+};
+const _hoisted_6 = {
+  class: "text"
+};
+const _hoisted_7 = {
+  class: "divImg"
+};
+const _hoisted_8 = ["src"];
+const _hoisted_9 = {
+  class: "divText"
+};
+const _hoisted_10 = {
+  class: "text"
+};
 
 
 
@@ -3716,10 +3750,10 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
 
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
 
-      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
-
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
 
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         style: {
           "line-height": "48px",
@@ -3750,28 +3784,14 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
               onClick: _cache[0] || (_cache[0] = $event => clickHandler(1)),
               class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentIndex) == 1 ? 'active' : '')
             }, {
-              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-                span: 5
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
-                  src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(const_image_namespaceObject.CESIUM_TERRAiIN_URL),
-                  alt: ""
-                }, null, 8
-                /* PROPS */
-                , BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3)]),
-                _: 1
-                /* STABLE */
-
-              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-                span: 19
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cesiumTerrain), 1
-                /* TEXT */
-                )]),
-                _: 1
-                /* STABLE */
-
-              })]),
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
+                src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(const_image_namespaceObject.CESIUM_TERRAiIN_URL),
+                alt: ""
+              }, null, 8
+              /* PROPS */
+              , BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_4)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cesiumTerrain), 1
+              /* TEXT */
+              )])]),
               _: 1
               /* STABLE */
 
@@ -3781,28 +3801,14 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
               onClick: _cache[1] || (_cache[1] = $event => clickHandler(2)),
               class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentIndex) == 2 ? 'active' : '')
             }, {
-              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-                span: 5
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
-                  src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(const_image_namespaceObject.NO_TERRAiIN_URL),
-                  alt: ""
-                }, null, 8
-                /* PROPS */
-                , BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_4)]),
-                _: 1
-                /* STABLE */
-
-              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-                span: 19
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).ellipsoidTerrain), 1
-                /* TEXT */
-                )]),
-                _: 1
-                /* STABLE */
-
-              })]),
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_7, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
+                src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(const_image_namespaceObject.NO_TERRAiIN_URL),
+                alt: ""
+              }, null, 8
+              /* PROPS */
+              , _hoisted_8)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_10, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).ellipsoidTerrain), 1
+              /* TEXT */
+              )])]),
               _: 1
               /* STABLE */
 
@@ -3924,24 +3930,24 @@ const Measurevue_type_script_setup_true_lang_js_hoisted_3 = {
 const Measurevue_type_script_setup_true_lang_js_hoisted_4 = {
   class: "kq-measure3d-btns"
 };
-const _hoisted_5 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_5 = {
   key: 0,
   class: "kq-measure3d-tip"
 };
-const _hoisted_6 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_6 = {
   key: 0
 };
-const _hoisted_7 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_7 = {
   key: 1
 };
-const _hoisted_8 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_8 = {
   key: 1,
   class: "kq-measure3d-result"
 };
-const _hoisted_9 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_9 = {
   class: "kq-measure3d-result-panel"
 };
-const _hoisted_10 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_10 = {
   class: "panel"
 };
 const _hoisted_11 = {
@@ -4257,11 +4263,11 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["onClick", "title"])]), !!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'height' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("p", _hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).measureTips1), 1
+      , ["onClick", "title"])]), !!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isActive) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", Measurevue_type_script_setup_true_lang_js_hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'height' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("p", Measurevue_type_script_setup_true_lang_js_hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).measureTips1), 1
       /* TEXT */
-      )) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("p", _hoisted_7, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).measureTips), 1
+      )) : ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("p", Measurevue_type_script_setup_true_lang_js_hoisted_7, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).measureTips), 1
       /* TEXT */
-      ))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isResult) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_8, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_11, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).measureResult), 1
+      ))])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isResult) ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", Measurevue_type_script_setup_true_lang_js_hoisted_8, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_divider), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_11, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).measureResult), 1
       /* TEXT */
       ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'height' ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_12, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_13, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).spaceDistance), 1
       /* TEXT */
@@ -5229,10 +5235,10 @@ Flight.install = (Vue, opts) => {
 ;// CONCATENATED MODULE: external "xe-utils"
 var external_xe_utils_namespaceObject = require("xe-utils");
 var external_xe_utils_default = /*#__PURE__*/__webpack_require__.n(external_xe_utils_namespaceObject);
-;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GpuSpatialQueryViewModel.js
+;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GPUSpatialQueryViewModel.js
 
 //GPU空间查询逻辑类
-class GpuSpatialQueryViewModel {
+class GPUSpatialQueryViewModel {
   //GPU查询三维对象
   //绘制管理对象
   //绘制的图形
@@ -5518,22 +5524,22 @@ class GpuSpatialQueryViewModel {
   }
 
 }
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/gpuspatialquery/GpuSpatialQuery.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/gpuspatialquery/GPUSpatialQuery.vue?vue&type=script&setup=true&lang=js
 
-const GpuSpatialQueryvue_type_script_setup_true_lang_js_hoisted_1 = {
+const GPUSpatialQueryvue_type_script_setup_true_lang_js_hoisted_1 = {
   class: "kq3d-gpu-spatial-query"
 };
-const GpuSpatialQueryvue_type_script_setup_true_lang_js_hoisted_2 = {
+const GPUSpatialQueryvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-gpu-spatial-query-footer"
 };
 
 
 
 
-const GpuSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
-  name: "Kq3dGpuSpatialQuery"
+const GPUSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dGPUSpatialQuery"
 };
-/* harmony default export */ var GpuSpatialQueryvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(GpuSpatialQueryvue_type_script_setup_true_lang_js_default_, {
+/* harmony default export */ var GPUSpatialQueryvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(GPUSpatialQueryvue_type_script_setup_true_lang_js_default_, {
   props: {
     //图形
     volumeType: {
@@ -5591,7 +5597,7 @@ const GpuSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
             yAngle: formItem.yRotate,
             zAngle: formItem.zRotate
           };
-          viewModel = new GpuSpatialQueryViewModel(scenceView, options);
+          viewModel = new GPUSpatialQueryViewModel(scenceView, options);
         }
       });
     });
@@ -5667,7 +5673,7 @@ const GpuSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
 
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
 
-      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", GpuSpatialQueryvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", GPUSpatialQueryvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
         "label-width": "100px",
         "label-position": "left"
       }, {
@@ -6026,7 +6032,7 @@ const GpuSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", GpuSpatialQueryvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", GPUSpatialQueryvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[20] || (_cache[20] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => query(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gpuQuery,
         type: "primary"
@@ -6056,23 +6062,23 @@ const GpuSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
   }
 
 }));
-;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GpuSpatialQuery.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GPUSpatialQuery.vue?vue&type=script&setup=true&lang=js
  
-;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GpuSpatialQuery.vue
+;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/GPUSpatialQuery.vue
 
 
 
-const GpuSpatialQuery_exports_ = GpuSpatialQueryvue_type_script_setup_true_lang_js;
+const GPUSpatialQuery_exports_ = GPUSpatialQueryvue_type_script_setup_true_lang_js;
 
-/* harmony default export */ var GpuSpatialQuery = (GpuSpatialQuery_exports_);
+/* harmony default export */ var GPUSpatialQuery = (GPUSpatialQuery_exports_);
 ;// CONCATENATED MODULE: ./src/webgl/gpuspatialquery/index.js
 
 
 
 
-GpuSpatialQuery.install = (Vue, opts) => {
+GPUSpatialQuery.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
-  Vue.component(GpuSpatialQuery.name, GpuSpatialQuery);
+  Vue.component(GPUSpatialQuery.name, GPUSpatialQuery);
 };
 
 
@@ -7952,7 +7958,8 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
         class: "kq3d-shadow-analysis-datetime"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 4
+          span: 4,
+          class: "colDate"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).analyseDate), 1
           /* TEXT */
@@ -7985,7 +7992,8 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
         class: "kq3d-shadow-analysis-datetime"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 4
+          span: 4,
+          class: "colTime"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).time), 1
           /* TEXT */
@@ -9782,7 +9790,8 @@ const SkylineAnalysisvue_type_script_setup_true_lang_js_default_ = {
       }, 8
       /* PROPS */
       , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "btnClass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
           span: 12
@@ -12294,7 +12303,8 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
               return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_row, {
                 key: index,
                 style: {
-                  "display": "flex"
+                  "display": "flex",
+                  "padding-bottom": "8px"
                 }
               }, {
                 default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [index > 0 ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, {
@@ -12598,7 +12608,11 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              style: {
+                "padding-bottom": "8px"
+              }
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).color
               }, {
@@ -15982,10 +15996,12 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
 
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", BoxClipvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowClass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 6
+          span: 6,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", BoxClipvue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clipObj), 1
           /* TEXT */
@@ -16033,10 +16049,12 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
         /* STABLE */
 
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowClass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 6
+          span: 6,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", BoxClipvue_type_script_setup_true_lang_js_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clipPattern), 1
           /* TEXT */
@@ -16489,7 +16507,11 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              style: {
+                "margin-bottom": "8px"
+              }
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clipRotation
               }, {
@@ -16947,10 +16969,12 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
 
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", PlaneClipvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowClass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 6
+          span: 6,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", PlaneClipvue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clipObj), 1
           /* TEXT */
@@ -16959,7 +16983,8 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
           /* STABLE */
 
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 18
+          span: 18,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
             modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).tileset,
@@ -16998,10 +17023,12 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
         /* STABLE */
 
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowClass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 6
+          span: 6,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", PlaneClipvue_type_script_setup_true_lang_js_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clipStyle), 1
           /* TEXT */
@@ -17010,7 +17037,8 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
           /* STABLE */
 
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 18
+          span: 18,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
             modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).clipDirection,
@@ -17047,10 +17075,12 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
         /* STABLE */
 
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowClass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 6
+          span: 6,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", PlaneClipvue_type_script_setup_true_lang_js_hoisted_4, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clipPattern), 1
           /* TEXT */
@@ -17059,7 +17089,8 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
           /* STABLE */
 
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 18
+          span: 18,
+          class: "colClass"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
             modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).reverseClip,
@@ -19011,7 +19042,8 @@ const ParticleEffectvue_type_script_setup_true_lang_js_default_ = {
       const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
 
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", ParticleEffectvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowclass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
           icon: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(client_icons_vue_namespaceObject.IconFlame),
@@ -19952,7 +19984,8 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
       const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
 
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", WeatherEffectvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-        gutter: 20
+        gutter: 20,
+        class: "rowclass"
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
           icon: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(client_icons_vue_namespaceObject.IconRain),
@@ -19993,7 +20026,9 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
             "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? '110px' : '160px',
             "label-position": "left"
           }, {
-            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              class: "rowclass"
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).rangeRadius
               }, {
@@ -20049,7 +20084,9 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              class: "rowclass"
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).particleNum
               }, {
@@ -20105,7 +20142,9 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              class: "rowclass"
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).particleSize
               }, {
@@ -20161,7 +20200,9 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row>\r\n            <kq-form-item :label=\"language.lifeCycle\">\r\n              <kq-row style=\"display: flex\">\r\n                <kq-col :span=\"16\">\r\n                  <kq-slider v-model=\"formItem.lifeCycle\" :step=\"1\" :min=\"1\" :max=\"50\" @input=\"paramsChanged('lifeCycle')\"></kq-slider>\r\n                </kq-col>\r\n                <kq-col :span=\"8\">\r\n                  <kq-input-number\r\n                    v-model=\"formItem.lifeCycle\"\r\n                    :step=\"1\"\r\n                    :min=\"1\"\r\n                    :max=\"50\"\r\n                    controls-position=\"right\"\r\n                    @input=\"paramsChanged('lifeCycle')\">\r\n                  </kq-input-number>\r\n                </kq-col>\r\n              </kq-row>\r\n            </kq-form-item>\r\n          </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row>\r\n            <kq-form-item :label=\"language.lifeCycle\">\r\n              <kq-row style=\"display: flex\">\r\n                <kq-col :span=\"16\">\r\n                  <kq-slider v-model=\"formItem.lifeCycle\" :step=\"1\" :min=\"1\" :max=\"50\" @input=\"paramsChanged('lifeCycle')\"></kq-slider>\r\n                </kq-col>\r\n                <kq-col :span=\"8\">\r\n                  <kq-input-number\r\n                    v-model=\"formItem.lifeCycle\"\r\n                    :step=\"1\"\r\n                    :min=\"1\"\r\n                    :max=\"50\"\r\n                    controls-position=\"right\"\r\n                    @input=\"paramsChanged('lifeCycle')\">\r\n                  </kq-input-number>\r\n                </kq-col>\r\n              </kq-row>\r\n            </kq-form-item>\r\n          </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              class: "rowclass"
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startScale
               }, {
@@ -20217,7 +20258,9 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              class: "rowclass"
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).endScale
               }, {
@@ -20273,7 +20316,9 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+              class: "rowclass"
+            }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gravity
               }, {
@@ -21338,11 +21383,11 @@ const Hawkeyevue_type_script_setup_true_lang_js_default_ = {
     left: Number,
     bottom: {
       type: Number,
-      default: 15
+      default: 16
     },
     right: {
       type: Number,
-      default: 15
+      default: 16
     },
     centerColor: {
       type: String,
@@ -21622,18 +21667,15 @@ const Rollervue_type_script_setup_true_lang_js_hoisted_1 = {
 const Rollervue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-roller-span"
 };
-const Rollervue_type_script_setup_true_lang_js_hoisted_3 = {
-  class: "kq3d-roller-span1"
-};
 
-const Rollervue_type_script_setup_true_lang_js_hoisted_4 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+const Rollervue_type_script_setup_true_lang_js_hoisted_3 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
   id: "lrSlider",
   class: "shutter-slider lrSlider"
 }, null, -1
 /* HOISTED */
 );
 
-const Rollervue_type_script_setup_true_lang_js_hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+const Rollervue_type_script_setup_true_lang_js_hoisted_4 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
   id: "tbSlider",
   class: "shutter-slider tbSlider"
 }, null, -1
@@ -21651,11 +21693,11 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
     //设置参数
     top: {
       type: Number,
-      default: 20
+      default: 16
     },
     right: {
       type: Number,
-      default: 20
+      default: 16
     }
   },
 
@@ -21664,9 +21706,18 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
   }) {
     const props = __props;
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({}); //获取组件传参
+    // 表格头样式
+
+    let headClass = args => {
+      return {
+        "background-color": "var(--kq-fill-color-light)",
+        color: "var(--kq-color-info)",
+        "font-size": "14px"
+      };
+    };
 
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
-      mode: props.settingParams && props.settingParams.mode || 0
+      mode: props.settingParams && props.settingParams.mode || null
     });
     let layers = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)([]);
     let viewModel = null;
@@ -21718,16 +21769,27 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
 
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
 
+      const _component_kq_table_column = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-table-column");
+
       const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-radio");
 
       const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-radio-group");
 
+      const _component_kq_table = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-table");
+
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", Rollervue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
         class: "kq3d-roller-form",
         style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('top: ' + props.top + 'px; right: ' + props.right + 'px;')
-      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        style: {
+          "margin-bottom": "8px"
+        }
+      }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-          span: 8
+          span: 8,
+          style: {
+            "line-height": "32px"
+          }
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", Rollervue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).rollerMode), 1
           /* TEXT */
@@ -21741,14 +21803,10 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
             modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode = $event),
-            onChange: changeMode
+            onChange: changeMode,
+            placeholder: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).noRoller + '...'
           }, {
             default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
-              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).noRoller,
-              value: 0
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).lrRoller,
               value: 1
             }, null, 8
@@ -21764,7 +21822,7 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
 
           }, 8
           /* PROPS */
-          , ["modelValue"])]),
+          , ["modelValue", "placeholder"])]),
           _: 1
           /* STABLE */
 
@@ -21775,79 +21833,116 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
       }), ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(layers), (layer, index) => {
         return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)(((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_row, null, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-            span: 8
-          }, {
-            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", Rollervue_type_script_setup_true_lang_js_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)(layer.name), 1
-            /* TEXT */
-            )]),
-            _: 2
-            /* DYNAMIC */
-
-          }, 1024
-          /* DYNAMIC_SLOTS */
-          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
-            span: 16
+            span: 24
           }, {
-            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio_group, {
-              modelValue: layer.direction,
-              "onUpdate:modelValue": $event => layer.direction = $event,
-              onChange: $event => changeDirection(index)
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table, {
+              border: "",
+              stripe: "",
+              data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(layers),
+              style: {
+                "width": "100%",
+                "height": "100%"
+              },
+              "cell-style": {
+                padding: '8px 0'
+              },
+              "header-cell-style": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headClass)
             }, {
-              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
-                label: 1,
-                size: "large"
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).layer,
+                prop: "name",
+                align: "center"
+              }, null, 8
+              /* PROPS */
+              , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).position,
+                prop: "direction",
+                align: "center"
               }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).leftRoller), 1
-                /* TEXT */
-                )]),
-                _: 1
-                /* STABLE */
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(scope => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio_group, {
+                  modelValue: scope.row.direction,
+                  "onUpdate:modelValue": $event => scope.row.direction = $event,
+                  onChange: $event => changeDirection(scope.$index)
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                    label: 1,
+                    size: "large",
+                    style: {
+                      "margin-right": "12px"
+                    }
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).leftRoller), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
 
-              }, 512
-              /* NEED_PATCH */
-              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
-                label: 2,
-                size: "large"
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).rightRoller), 1
-                /* TEXT */
-                )]),
-                _: 1
-                /* STABLE */
+                  }, 512
+                  /* NEED_PATCH */
+                  ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                    label: 2,
+                    size: "large",
+                    style: {
+                      "margin-right": "0px"
+                    }
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).rightRoller), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
 
-              }, 512
-              /* NEED_PATCH */
-              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
-                label: 3,
-                size: "large"
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).topRoller), 1
-                /* TEXT */
-                )]),
-                _: 1
-                /* STABLE */
+                  }, 512
+                  /* NEED_PATCH */
+                  ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                    label: 3,
+                    size: "large",
+                    style: {
+                      "margin-right": "12px"
+                    }
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).topRoller), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
 
-              }, 512
-              /* NEED_PATCH */
-              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 2]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
-                label: 4,
-                size: "large"
-              }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).bottomRoller), 1
-                /* TEXT */
-                )]),
+                  }, 512
+                  /* NEED_PATCH */
+                  ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 2]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                    label: 4,
+                    size: "large",
+                    style: {
+                      "margin-right": "0px"
+                    }
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).bottomRoller), 1
+                    /* TEXT */
+                    )]),
+                    _: 1
+                    /* STABLE */
+
+                  }, 512
+                  /* NEED_PATCH */
+                  ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 2]])]),
+                  _: 2
+                  /* DYNAMIC */
+
+                }, 1032
+                /* PROPS, DYNAMIC_SLOTS */
+                , ["modelValue", "onUpdate:modelValue", "onChange"])]),
                 _: 1
                 /* STABLE */
 
-              }, 512
-              /* NEED_PATCH */
-              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 2]])]),
+              }, 8
+              /* PROPS */
+              , ["label"])]),
               _: 2
               /* DYNAMIC */
 
             }, 1032
             /* PROPS, DYNAMIC_SLOTS */
-            , ["modelValue", "onUpdate:modelValue", "onChange"])]),
+            , ["data", "header-cell-style"])]),
             _: 2
             /* DYNAMIC */
 
@@ -21859,12 +21954,12 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
 
         }, 1536
         /* NEED_PATCH, DYNAMIC_SLOTS */
-        )), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode !== 0]]);
+        )), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode !== null]]);
       }), 256
       /* UNKEYED_FRAGMENT */
       ))], 4
       /* STYLE */
-      ), Rollervue_type_script_setup_true_lang_js_hoisted_4, Rollervue_type_script_setup_true_lang_js_hoisted_5]);
+      ), Rollervue_type_script_setup_true_lang_js_hoisted_3, Rollervue_type_script_setup_true_lang_js_hoisted_4]);
     };
   }
 
@@ -22072,6 +22167,9 @@ class StatusBarViewModel {
   constructor(viewer, options) {
     viewer.statusBar.show = true;
     viewer.statusBar.readyPromise.then(() => {
+      // viewer.statusBar.container.style.bottom = "16px";
+      //viewer.statusBar.container.parentElement.style.right = "0px!important";
+      // console.log(viewer.statusBar.container.parentElement.style.right);
       if (options.hideResolution) {
         viewer.statusBar.hideResolution();
       }
@@ -22150,10 +22248,30 @@ const StatusBarvue_type_script_setup_true_lang_js_default_ = {
 }));
 ;// CONCATENATED MODULE: ./src/webgl/statusbar/StatusBar.vue?vue&type=script&setup=true&lang=js
  
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=de7c351a&lang=scss
+var StatusBarvue_type_style_index_0_id_de7c351a_lang_scss = __webpack_require__(181);
+;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=de7c351a&lang=scss
+
+            
+
+var StatusBarvue_type_style_index_0_id_de7c351a_lang_scss_options = {};
+
+StatusBarvue_type_style_index_0_id_de7c351a_lang_scss_options.insert = "head";
+StatusBarvue_type_style_index_0_id_de7c351a_lang_scss_options.singleton = false;
+
+var StatusBarvue_type_style_index_0_id_de7c351a_lang_scss_update = injectStylesIntoStyleTag_default()(StatusBarvue_type_style_index_0_id_de7c351a_lang_scss/* default */.Z, StatusBarvue_type_style_index_0_id_de7c351a_lang_scss_options);
+
+
+
+/* harmony default export */ var statusbar_StatusBarvue_type_style_index_0_id_de7c351a_lang_scss = (StatusBarvue_type_style_index_0_id_de7c351a_lang_scss/* default.locals */.Z.locals || {});
+;// CONCATENATED MODULE: ./src/webgl/statusbar/StatusBar.vue?vue&type=style&index=0&id=de7c351a&lang=scss
+
 ;// CONCATENATED MODULE: ./src/webgl/statusbar/StatusBar.vue
 
 
 
+;
+
 const StatusBar_exports_ = StatusBarvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var StatusBar = (StatusBar_exports_);
@@ -22245,7 +22363,7 @@ const webglComponents = {
   KqScenceView: ScenceView,
   Kq3dMeasure: Measure,
   Kq3dFlight: Flight,
-  Kq3dGpuSpatialQuery: GpuSpatialQuery,
+  Kq3dGPUSpatialQuery: GPUSpatialQuery,
   Kq3dModelSelect: ModelSelect,
   Kq3dSightlineAnalysis: SightlineAnalysis,
   Kq3dViewshedAnalysis: ViewshedAnalysis,