@kq_npm/client3d_webgl_vue 3.0.6-beta → 3.0.8-beta

package/index.js

@@ -3854,173 +3854,32 @@ class BaseterrainGalleryViewModel {
   }
 
 }
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
-
-const HeaderTempvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq-control-header-temp"
-};
-const HeaderTempvue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "_title"
-};
-
-
-const HeaderTempvue_type_script_setup_true_lang_js_default_ = {
-  name: "Kq3dHeaderTemp"
-};
-/* harmony default export */ var HeaderTempvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(HeaderTempvue_type_script_setup_true_lang_js_default_, {
-  props: {
-    // 是否显示阴影效果
-    showShadow: {
-      type: Boolean,
-      default: true
-    },
-    // HeaderTemp标题
-    headerTempTitle: {
-      type: String,
-      default: ""
-    },
-    // HeaderTemp图标
-    headerTempIcon: {
-      type: Object
-    },
-    // HeaderTemp是否折叠
-    isCollapse: {
-      type: Boolean,
-      default: false
-    },
-    // HeaderTemp Title&Icon的位置
-    isRight: {
-      type: Boolean,
-      default: true
-    }
-  },
-
-  setup(__props, {
-    expose
-  }) {
-    const props = __props;
-    const proxy = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)(); // 获取组件传参
-    // 图标组件
-
-    let iconBtn = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
-    let isCollapse = props.isCollapse;
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
-      iconBtn.value = props.headerTempIcon;
-      let dom = proxy.parent.vnode.el;
-
-      if (!props.isRight) {
-        (0,util_namespaceObject.addClass)(dom, ["kq-is-show", "kq-is-left"]);
-      }
-
-      if (isCollapse) {
-        if (props.showShadow) {
-          (0,util_namespaceObject.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
-          (0,util_namespaceObject.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
-        } else {
-          (0,util_namespaceObject.addClass)(dom, "kq-is-hide");
-          (0,util_namespaceObject.removeClass)(dom, "kq-is-show");
-        }
-      } else {
-        if (props.showShadow) {
-          (0,util_namespaceObject.removeClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
-          (0,util_namespaceObject.addClass)(dom, ["kq-is-show", "kq-box-shadow"]);
-        } else {
-          (0,util_namespaceObject.removeClass)(dom, "kq-is-hide");
-          (0,util_namespaceObject.addClass)(dom, "kq-is-show");
-        }
-      }
-    }); // 图标按钮点击事件
-
-    function btnClick() {
-      isCollapse = !isCollapse;
-      let dom = proxy.parent.vnode.el;
-
-      if (isCollapse) {
-        // 折叠
-        if (props.showShadow) {
-          (0,util_namespaceObject.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
-          (0,util_namespaceObject.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
-        } else {
-          (0,util_namespaceObject.addClass)(dom, "kq-is-hide");
-          (0,util_namespaceObject.removeClass)(dom, "kq-is-show");
-        }
-      } else {
-        // 展开
-        if (props.showShadow) {
-          (0,util_namespaceObject.addClass)(dom, ["kq-is-show", "kq-box-shadow"]);
-          (0,util_namespaceObject.removeClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
-        } else {
-          (0,util_namespaceObject.addClass)(dom, "kq-is-show");
-          (0,util_namespaceObject.removeClass)(dom, "kq-is-hide");
-        }
-      }
-    }
-
-    expose({
-      btnClick
-    });
-    return (_ctx, _cache) => {
-      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
-
-      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)("div", HeaderTempvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("h4", HeaderTempvue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)(__props.headerTempTitle), 1
-      /* TEXT */
-      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
-        class: "_btn kq-control-header-temp_btn",
-        onClick: btnClick
-      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
-        size: 16
-      }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(iconBtn))))]),
-        _: 1
-        /* STABLE */
-
-      })])]);
-    };
-  }
-
-}));
-;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
- 
-;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue
-
-
-
-const HeaderTemp_exports_ = HeaderTempvue_type_script_setup_true_lang_js;
-
-/* harmony default export */ var HeaderTemp = (HeaderTemp_exports_);
-;// CONCATENATED MODULE: ./src/webgl/headertemp/index.js
-
-
-
-HeaderTemp.install = (Vue, opts) => {
-  init_js_default()(Vue, opts);
-  Vue.component(HeaderTemp.name, HeaderTemp);
-};
-
-
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/baseterraingallery/BaseterrainGallery.vue?vue&type=script&setup=true&lang=js
 
 const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "divSpan"
+  class: "kq3d-baseterrain-gallery-box"
 };
 const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "divSpan"
+};
+const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3 = {
   class: "divImg"
 };
-const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3 = ["src"];
-const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_4 = {
+const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_4 = ["src"];
+const _hoisted_5 = {
   class: "divText"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   class: "text"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   class: "divImg"
 };
-const _hoisted_7 = ["src"];
-const _hoisted_8 = {
+const _hoisted_8 = ["src"];
+const _hoisted_9 = {
   class: "divText"
 };
-const _hoisted_9 = {
+const _hoisted_10 = {
   class: "text"
 };
 
@@ -4042,6 +3901,11 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
       type: Boolean,
       default: true
     },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
     // 是否生成HeaderTemp
     showHeaderTemp: {
       type: Boolean,
@@ -4078,8 +3942,18 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
     let currentIndex = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(2);
     let currentTerrain = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); //逻辑类对象
 
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
       currentIndex.value = props.selectIndex;
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
@@ -4090,6 +3964,16 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
         }
       });
     });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef);
+      }
+    };
 
     function changSelectTerrain() {
       switch (currentIndex.value) {
@@ -4145,17 +4029,16 @@ const BaseterrainGalleryvue_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.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-baseterrain-gallery", {
           'kq-box-shadow': __props.showShadow
-        }])
-      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(HeaderTemp), {
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
         key: 0,
-        showShadow: __props.showShadow,
-        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).onlineTerrain,
-        headerTempIcon: __props.headerTempIcon,
-        isCollapse: __props.isCollapseHeaderTemp,
-        isRight: __props.isRight
-      }, null, 8
-      /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (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.createElementVNode)("div", 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",
           "height": "48px"
@@ -4164,7 +4047,7 @@ const BaseterrainGalleryvue_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_form_item, {
           label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).onlineTerrain
         }, {
-          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_1, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentTerrain)), 1
+          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_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)(currentTerrain)), 1
           /* TEXT */
           )]),
           _: 1
@@ -4181,16 +4064,16 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
           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_form, 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.createCommentVNode)(" <kq-row @click=\"clickHandler(0)\" :class=\"currentIndex == 0 ? 'active' : ''\">\r\n            <kq-col :span=\"5\">\r\n              <img :src=\"TDT_TERRAiIN_URL\" alt=\"\" />\r\n            </kq-col>\r\n            <kq-col :span=\"19\">{{ language.tiandituTerrain }} </kq-col>\r\n          </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row @click=\"clickHandler(0)\" :class=\"currentIndex == 0 ? 'active' : ''\">\r\n              <kq-col :span=\"5\">\r\n                <img :src=\"TDT_TERRAiIN_URL\" alt=\"\" />\r\n              </kq-col>\r\n              <kq-col :span=\"19\">{{ language.tiandituTerrain }} </kq-col>\r\n            </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
               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.createElementVNode)("div", BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
+              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_3)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", 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.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).cesiumTerrain), 1
+              , 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
@@ -4202,12 +4085,12 @@ 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.createElementVNode)("div", _hoisted_6, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
+              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_7)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _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.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).ellipsoidTerrain), 1
+              , _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
@@ -4227,7 +4110,7 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
         _: 1
         /* STABLE */
 
-      })], 2
+      })])], 2
       /* CLASS */
       );
     };
@@ -4376,6 +4259,150 @@ class MeasureViewModel {
   }
 
 }
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
+
+const HeaderTempvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq-control-header-temp"
+};
+const HeaderTempvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "_title"
+};
+
+
+const HeaderTempvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dHeaderTemp"
+};
+/* harmony default export */ var HeaderTempvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(HeaderTempvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String,
+      default: ""
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: Object
+    },
+    // HeaderTemp是否折叠
+    isCollapse: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const proxy = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)(); // 获取组件传参
+    // 图标组件
+
+    let iconBtn = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
+    let isCollapse = props.isCollapse;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      iconBtn.value = props.headerTempIcon;
+      let dom = proxy.parent.vnode.el;
+
+      if (!props.isRight) {
+        (0,util_namespaceObject.addClass)(dom, ["kq-is-show", "kq-is-left"]);
+      }
+
+      if (isCollapse) {
+        if (props.showShadow) {
+          (0,util_namespaceObject.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_namespaceObject.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_namespaceObject.addClass)(dom, "kq-is-hide");
+          (0,util_namespaceObject.removeClass)(dom, "kq-is-show");
+        }
+      } else {
+        if (props.showShadow) {
+          (0,util_namespaceObject.removeClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_namespaceObject.addClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_namespaceObject.removeClass)(dom, "kq-is-hide");
+          (0,util_namespaceObject.addClass)(dom, "kq-is-show");
+        }
+      }
+    }); // 图标按钮点击事件
+
+    function btnClick() {
+      isCollapse = !isCollapse;
+      let dom = proxy.parent.vnode.el;
+
+      if (isCollapse) {
+        // 折叠
+        if (props.showShadow) {
+          (0,util_namespaceObject.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_namespaceObject.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_namespaceObject.addClass)(dom, "kq-is-hide");
+          (0,util_namespaceObject.removeClass)(dom, "kq-is-show");
+        }
+      } else {
+        // 展开
+        if (props.showShadow) {
+          (0,util_namespaceObject.addClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+          (0,util_namespaceObject.removeClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+        } else {
+          (0,util_namespaceObject.addClass)(dom, "kq-is-show");
+          (0,util_namespaceObject.removeClass)(dom, "kq-is-hide");
+        }
+      }
+    }
+
+    expose({
+      btnClick
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
+
+      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)("div", HeaderTempvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("h4", HeaderTempvue_type_script_setup_true_lang_js_hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)(__props.headerTempTitle), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+        class: "_btn kq-control-header-temp_btn",
+        onClick: btnClick
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
+        size: 16
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(iconBtn))))]),
+        _: 1
+        /* STABLE */
+
+      })])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue
+
+
+
+const HeaderTemp_exports_ = HeaderTempvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var HeaderTemp = (HeaderTemp_exports_);
+;// CONCATENATED MODULE: ./src/webgl/headertemp/index.js
+
+
+
+HeaderTemp.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(HeaderTemp.name, HeaderTemp);
+};
+
+
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/measure/Measure.vue?vue&type=script&setup=true&lang=js
 
 const Measurevue_type_script_setup_true_lang_js_hoisted_1 = {
@@ -4410,7 +4437,7 @@ const Measurevue_type_script_setup_true_lang_js_hoisted_9 = {
   key: 1,
   class: "kq-measure3d-result"
 };
-const _hoisted_10 = {
+const Measurevue_type_script_setup_true_lang_js_hoisted_10 = {
   class: "kq-measure3d-result-panel"
 };
 const _hoisted_11 = {
@@ -4885,7 +4912,7 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
       /* 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", Measurevue_type_script_setup_true_lang_js_hoisted_8, (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", Measurevue_type_script_setup_true_lang_js_hoisted_9, [(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_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'distance' ? ((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_11, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_12, (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).unit), 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_9, [(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_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(measureType) === 'distance' ? ((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_11, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", _hoisted_12, (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).unit), 1
       /* TEXT */
       ), (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)(distanceUnit),
@@ -6272,6 +6299,9 @@ 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
 
 const GPUSpatialQueryvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-gpu-spatial-query-box"
+};
+const GPUSpatialQueryvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-gpu-spatial-query-footer"
 };
 
@@ -6482,7 +6512,7 @@ const GPUSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_form, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", 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"
       }, {
@@ -6841,7 +6871,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_1, [(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"
@@ -6866,7 +6896,7 @@ const GPUSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -6993,9 +7023,12 @@ class ModelSelectViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/modelselect/ModelSelect.vue?vue&type=script&setup=true&lang=js
 
 const ModelSelectvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "modelTree"
+  class: "kq3d-model-select-box"
 };
 const ModelSelectvue_type_script_setup_true_lang_js_hoisted_2 = {
+  class: "modelTree"
+};
+const ModelSelectvue_type_script_setup_true_lang_js_hoisted_3 = {
   class: "footer-buttons"
 };
 
@@ -7012,7 +7045,7 @@ const ModelSelectvue_type_script_setup_true_lang_js_default_ = {
     //指定组件绑定的viewer对象的div的id
     mapTarget: String,
     modeFiled: {
-      default: 'id',
+      default: "id",
       type: String
     },
     // 外部字段别名映射
@@ -7157,11 +7190,11 @@ const ModelSelectvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, null, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", ModelSelectvue_type_script_setup_true_lang_js_hoisted_1, [(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_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)("div", ModelSelectvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_scrollbar, {
+          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", ModelSelectvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_scrollbar, {
             class: "scrollbarClass"
           }, {
             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_KqTree, {
@@ -7223,7 +7256,7 @@ const ModelSelectvue_type_script_setup_true_lang_js_default_ = {
         _: 1
         /* STABLE */
 
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ModelSelectvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ModelSelectvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[0] || (_cache[0] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => pick(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pick,
         type: "primary"
@@ -7248,7 +7281,7 @@ const ModelSelectvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -7548,6 +7581,9 @@ class SightlineAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sightlineanalysis/SightlineAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const SightlineAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-sightline-analysis-box"
+};
+const SightlineAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-sightline-analysis-footer"
 };
 
@@ -7710,7 +7746,7 @@ const SightlineAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", SightlineAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-sightline-analysis-tip"
       }, {
         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)("p", null, (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).sightTips), 1
@@ -7824,7 +7860,7 @@ const SightlineAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", SightlineAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(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", SightlineAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)(addSeePoint, ["stop"]),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).seePoint,
         type: "primary"
@@ -7862,7 +7898,7 @@ const SightlineAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["onClick", "title"])])], 2
+      , ["onClick", "title"])])])], 2
       /* CLASS */
       );
     };
@@ -7989,6 +8025,9 @@ class ViewshedAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/viewshedanalysis/ViewshedAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const ViewshedAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-viewshed-analysis-box"
+};
+const ViewshedAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-viewshed-analysis-footer"
 };
 
@@ -8175,7 +8214,7 @@ const ViewshedAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", ViewshedAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-viewshed-analysis-tip"
       }, {
         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)("p", null, (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).viewshedTips), 1
@@ -8421,7 +8460,7 @@ const ViewshedAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ViewshedAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(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", ViewshedAnalysisvue_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[16] || (_cache[16] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -8446,7 +8485,7 @@ const ViewshedAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -8705,23 +8744,26 @@ class ShadowAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/shadowanalysis/ShadowAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-shadow-analysis-span"
+  class: "kq3d-shadow-analysis-box"
 };
 const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-shadow-analysis-span"
 };
+const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-shadow-analysis-span"
+};
 
-const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", null, "0.0", -1
+const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", null, "0.0", -1
 /* HOISTED */
 );
 
-const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = ["src"];
+const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = ["src"];
 
-const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", null, "1.0", -1
+const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", null, "1.0", -1
 /* HOISTED */
 );
 
-const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = {
+const ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_7 = {
   class: "kq3d-shadow-analysis-footer"
 };
 
@@ -9023,14 +9065,14 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         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,
           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_1, (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
+          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 */
           )]),
           _: 1
@@ -9064,7 +9106,7 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
           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_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).time), 1
+          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 */
           )]),
           _: 1
@@ -9094,7 +9136,7 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
         _: 1
         /* STABLE */
 
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row class=\"kq3d-shadow-analysis-datetime\">\r\n      <kq-col :span=\"6\">\r\n        <span class=\"kq3d-shadow-analysis-span\">{{ language.analysisYear }}</span>\r\n      </kq-col>\r\n      <kq-col :span=\"18\">\r\n        <kq-date-picker v-model=\"year\" align=\"right\" type=\"year\" format=\"YYYY年\"></kq-date-picker>\r\n        <kq-row :gutter=\"20\">\r\n          <kq-col :span=\"20\">\r\n            <kq-slider\r\n              v-model=\"month\"\r\n              :step=\"1\"\r\n              :min=\"formItem.1\"\r\n              :max=\"formItem.12\"\r\n              range\r\n              :show-tooltip=\"false\"\r\n              @change=\"changeMonth\"\r\n              :marks=\"monthMarks\"></kq-slider>\r\n          </kq-col>\r\n          <kq-col :span=\"4\" class=\"kq3d-shadow-analysis-timeline\">\r\n            <kq-icon @click=\"playOrPauseMonth\">\r\n              <IconVideoPlay v-if=\"!playMonth\" />\r\n              <IconVideoPause v-else />\r\n            </kq-icon>\r\n          </kq-col>\r\n        </kq-row>\r\n      </kq-col>\r\n    </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row class=\"kq3d-shadow-analysis-datetime\">\r\n        <kq-col :span=\"6\">\r\n          <span class=\"kq3d-shadow-analysis-span\">{{ language.analysisYear }}</span>\r\n        </kq-col>\r\n        <kq-col :span=\"18\">\r\n          <kq-date-picker v-model=\"year\" align=\"right\" type=\"year\" format=\"YYYY年\"></kq-date-picker>\r\n          <kq-row :gutter=\"20\">\r\n            <kq-col :span=\"20\">\r\n              <kq-slider\r\n                v-model=\"month\"\r\n                :step=\"1\"\r\n                :min=\"formItem.1\"\r\n                :max=\"formItem.12\"\r\n                range\r\n                :show-tooltip=\"false\"\r\n                @change=\"changeMonth\"\r\n                :marks=\"monthMarks\"></kq-slider>\r\n            </kq-col>\r\n            <kq-col :span=\"4\" class=\"kq3d-shadow-analysis-timeline\">\r\n              <kq-icon @click=\"playOrPauseMonth\">\r\n                <IconVideoPlay v-if=\"!playMonth\" />\r\n                <IconVideoPause v-else />\r\n              </kq-icon>\r\n            </kq-col>\r\n          </kq-row>\r\n        </kq-col>\r\n      </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-shadow-analysis-tip"
       }, {
         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)("p", null, (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).shadowTips), 1
@@ -9460,12 +9502,12 @@ const ShadowAnalysisvue_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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).shadowRateLegend
               }, {
-                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_4, (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.SHADOW_LEGEND_URL),
                   alt: ""
                 }, null, 8
                 /* PROPS */
-                , ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_4), ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_5]),
+                , ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_5), ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_6]),
                 _: 1
                 /* STABLE */
 
@@ -9475,7 +9517,7 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row :gutter=\"20\" style=\"display: flex\">\r\n            <kq-col :span=\"12\">\r\n              <kq-checkbox v-model=\"formItem.showBuilding\">{{ language.showBuilding }}</kq-checkbox>\r\n            </kq-col>\r\n            <kq-col :span=\"12\">\r\n              <kq-checkbox v-model=\"formItem.showVoxel\">{{ language.showVoxel }}</kq-checkbox>\r\n            </kq-col>\r\n          </kq-row> ")]),
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-row :gutter=\"20\" style=\"display: flex\">\r\n              <kq-col :span=\"12\">\r\n                <kq-checkbox v-model=\"formItem.showBuilding\">{{ language.showBuilding }}</kq-checkbox>\r\n              </kq-col>\r\n              <kq-col :span=\"12\">\r\n                <kq-checkbox v-model=\"formItem.showVoxel\">{{ language.showVoxel }}</kq-checkbox>\r\n              </kq-col>\r\n            </kq-row> ")]),
             _: 1
             /* STABLE */
 
@@ -9491,7 +9533,7 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_6, [(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", ShadowAnalysisvue_type_script_setup_true_lang_js_hoisted_7, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[33] || (_cache[33] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -9529,7 +9571,7 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -9812,12 +9854,15 @@ class ProfileAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/profileanalysis/ProfileAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-profile-analysis-footer"
+  class: "kq3d-profile-analysis-box"
 };
 const ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "kq3d-profile-analysis-result"
+  class: "kq3d-profile-analysis-footer"
 };
 const ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-profile-analysis-result"
+};
+const ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = {
   id: "resultCahrt",
   class: "resultCahrt"
 };
@@ -10009,7 +10054,7 @@ const ProfileAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-profile-analysis-tip"
       }, {
         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)("p", null, (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).profileTips), 1
@@ -10283,7 +10328,7 @@ const ProfileAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(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", ProfileAnalysisvue_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[9] || (_cache[9] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -10308,9 +10353,9 @@ const ProfileAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_3, null, 512
+      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ProfileAnalysisvue_type_script_setup_true_lang_js_hoisted_4, null, 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)(resultCahrtVis)]])])], 2
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(resultCahrtVis)]])])])], 2
       /* CLASS */
       );
     };
@@ -10610,12 +10655,15 @@ var external_echarts_namespaceObject = require("echarts");
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/skylineanalysis/SkylineAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-skyline-analysis-footer"
+  class: "kq3d-skyline-analysis-box"
 };
 const SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "kq3d-skyline-analysis-result"
+  class: "kq3d-skyline-analysis-footer"
 };
 const SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-skyline-analysis-result"
+};
+const SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = {
   key: 0,
   id: "resultEcahrt",
   class: "resultEcahrt"
@@ -10808,7 +10856,7 @@ const SkylineAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_collapse, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(collapseValue),
         class: "kq3d-skyline-analysis-collapse"
       }, {
@@ -10986,7 +11034,7 @@ 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_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+      , ["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,
         class: "btnClass"
       }, {
@@ -11079,7 +11127,7 @@ const SkylineAnalysisvue_type_script_setup_true_lang_js_default_ = {
         _: 1
         /* STABLE */
 
-      })]), (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.unref)(resultEcahrtVis) ? ((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", SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_3)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)])], 2
+      })]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(resultEcahrtVis) ? ((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", SkylineAnalysisvue_type_script_setup_true_lang_js_hoisted_4)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)])])], 2
       /* CLASS */
       );
     };
@@ -11315,12 +11363,15 @@ class TerrainOperationViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/terrainoperation/TerrainOperation.vue?vue&type=script&setup=true&lang=js
 
 const TerrainOperationvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-terrain-operation-analysis-span"
+  class: "kq3d-terrain-operation-analysis-box"
 };
 const TerrainOperationvue_type_script_setup_true_lang_js_hoisted_2 = {
-  key: 0
+  class: "kq3d-terrain-operation-analysis-span"
 };
 const TerrainOperationvue_type_script_setup_true_lang_js_hoisted_3 = {
+  key: 0
+};
+const TerrainOperationvue_type_script_setup_true_lang_js_hoisted_4 = {
   class: "kq3d-terrain-operation-analysis-footer"
 };
 
@@ -11467,8 +11518,8 @@ const TerrainOperationvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), __props.operationMode === 0 ? ((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: 1
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", TerrainOperationvue_type_script_setup_true_lang_js_hoisted_1, [__props.operationMode === 0 ? ((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: 0
       }, {
         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, {
           modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).terrainStyle,
@@ -11503,13 +11554,13 @@ const TerrainOperationvue_type_script_setup_true_lang_js_default_ = {
         /* STABLE */
 
       })) : (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)(formItem).terrainStyle === 1 ? ((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: 2,
+        key: 1,
         gutter: 10
       }, {
         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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? 7 : 10
         }, {
-          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", TerrainOperationvue_type_script_setup_true_lang_js_hoisted_1, (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).excavationDepth), 1
+          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", TerrainOperationvue_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).excavationDepth), 1
           /* TEXT */
           )]),
           _: 1
@@ -11565,13 +11616,13 @@ const TerrainOperationvue_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.createElementVNode)("p", null, (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).skylineTips), 1
         /* TEXT */
-        ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).terrainStyle === 2 ? ((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", TerrainOperationvue_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).reverseDrawPolygon + ")"), 1
+        ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).terrainStyle === 2 ? ((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", TerrainOperationvue_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).reverseDrawPolygon + ")"), 1
         /* TEXT */
         )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)]),
         _: 1
         /* STABLE */
 
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", TerrainOperationvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", TerrainOperationvue_type_script_setup_true_lang_js_hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[7] || (_cache[7] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startOperation(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startOperation,
         type: "primary"
@@ -11596,7 +11647,7 @@ const TerrainOperationvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -11742,19 +11793,22 @@ class ExcavateFillAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/excavatefillanalysis/ExcavateFillAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-excavate-fill-analysis-content"
+  class: "kq3d-excavate-fill-analysis-box"
 };
 const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "kq3d-excavate-fill-analysis-footer"
+  class: "kq3d-excavate-fill-analysis-content"
 };
 const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
-  key: 1,
-  class: "kq3d-excavate-fill-analysis-result"
+  class: "kq3d-excavate-fill-analysis-footer"
 };
 const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = {
-  class: "kq3d-excavate-fill-analysis-result-div"
+  key: 0,
+  class: "kq3d-excavate-fill-analysis-result"
 };
 const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = {
+  class: "kq3d-excavate-fill-analysis-result-div"
+};
+const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = {
   class: "title"
 };
 
@@ -11776,6 +11830,11 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
       type: Boolean,
       default: true
     },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
     // 是否生成HeaderTemp
     showHeaderTemp: {
       type: Boolean,
@@ -11830,8 +11889,21 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
       fillColor: props.settingParams && props.settingParams.fillColor || "#E6A23C" //  // 填方颜色
 
     });
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
 
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
@@ -11864,7 +11936,18 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
           });
         }
       });
-    }); //开始分析
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef);
+      }
+    }; //开始分析
+
 
     function startAnalysis() {
       // this.clearResult();
@@ -11931,6 +12014,8 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
       clearResult
     });
     return (_ctx, _cache) => {
+      const _component_HeaderTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("HeaderTemp");
+
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
 
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
@@ -11954,9 +12039,17 @@ const ExcavateFillAnalysisvue_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.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-excavate-fill-analysis", {
           'kq-box-shadow': __props.showShadow
-        }])
-      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(HeaderTemp), {
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
         key: 0,
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), __props.showHeaderTemp ? ((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_HeaderTemp, {
+        key: 1,
         showShadow: __props.showShadow,
         headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).excavateFillAnalysis,
         headerTempIcon: __props.headerTempIcon,
@@ -11964,7 +12057,7 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         style: {
           "display": "flex"
         }
@@ -11976,7 +12069,7 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
           })
         }, (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).altitudeHeight), 5
         /* TEXT, STYLE */
-        ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
           style: {
             "display": "flex"
           }
@@ -12114,7 +12207,7 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ExcavateFillAnalysisvue_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", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[8] || (_cache[8] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -12139,19 +12232,19 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showResult) ? ((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", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showResult) ? ((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", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-excavate-fill-analysis-result-title"
       }, {
         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: 18
         }, {
-          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", ExcavateFillAnalysisvue_type_script_setup_true_lang_js_hoisted_5, (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).analysisResult), 1
+          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", ExcavateFillAnalysisvue_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).analysisResult), 1
           /* TEXT */
           )]),
           _: 1
           /* STABLE */
 
-        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-col :span=\"6\" class=\"btn\">\r\n            <kq-icon @click=\"closeBtn()\">\r\n              <Close />\r\n            </kq-icon>\r\n          </kq-col> ")]),
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)(" <kq-col :span=\"6\" class=\"btn\">\r\n              <kq-icon @click=\"closeBtn()\">\r\n                <Close />\r\n              </kq-icon>\r\n            </kq-col> ")]),
         _: 1
         /* STABLE */
 
@@ -12169,7 +12262,7 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
         _: 1
         /* STABLE */
 
-      })])])])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)], 2
+      })])])])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)])], 2
       /* CLASS */
       );
     };
@@ -12402,8 +12495,11 @@ class FloodAnalysisViewModel {
 }
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/floodanalysis/FloodAnalysis.vue?vue&type=script&setup=true&lang=js
 
-const FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = ["src"];
-const FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
+const FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-flood-analysis-box"
+};
+const FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = ["src"];
+const FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
   class: "kq3d-flood-analysis-footer"
 };
 
@@ -12654,7 +12750,7 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-flood-analysis-tip"
       }, {
         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)("p", null, (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).floodTips), 1
@@ -12989,7 +13085,7 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
                         alt: ""
                       }, null, 8
                       /* PROPS */
-                      , FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_1)]),
+                      , FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_2)]),
                       _: 2
                       /* DYNAMIC */
 
@@ -13030,7 +13126,7 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", FloodAnalysisvue_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", FloodAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[22] || (_cache[22] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -13055,7 +13151,7 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -13342,34 +13438,37 @@ class SlopeAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/slopeanalysis/SlopeAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  key: 0
+  class: "kq3d-slope-analysis-box"
 };
 const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
-  class: "kq3d-slope-analysis-span"
+  key: 0
 };
 const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-slope-analysis-span"
+};
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = {
   key: 1
 };
 
-const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", null, "0°", -1
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", null, "0°", -1
 /* HOISTED */
 );
 
-const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
   class: "kq3d-slope-analysis-line"
 }, null, -1
 /* HOISTED */
 );
 
-const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", null, "90°", -1
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", null, "90°", -1
 /* HOISTED */
 );
 
-const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_7 = ["src"];
-const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_8 = {
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_8 = ["src"];
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_9 = {
   key: 2
 };
-const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_9 = {
+const SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_10 = {
   class: "kq3d-slope-analysis-footer"
 };
 
@@ -13628,8 +13727,8 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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)(formItem).fillStyle !== 'slopeFilter' ? ((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: 1,
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle !== 'slopeFilter' ? ((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: 0,
         class: "kq3d-slope-analysis-tip"
       }, {
         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)("p", null, (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).skylineTips), 1
@@ -13693,7 +13792,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 'tableColor' ? ((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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 'tableColor' ? ((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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
               style: {
                 "display": "flex"
               }
@@ -13752,7 +13851,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
                     "controls-position": "right"
                   }, null, 8
                   /* PROPS */
-                  , ["modelValue", "onUpdate:modelValue"])) : (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.createElementVNode)("span", SlopeAnalysisvue_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).to), 1
+                  , ["modelValue", "onUpdate:modelValue"])) : (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.createElementVNode)("span", SlopeAnalysisvue_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).to), 1
                   /* TEXT */
                   ), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).length - 1 ? ((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_input_number, {
                     key: 2,
@@ -13807,7 +13906,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
               );
             }), 128
             /* KEYED_FRAGMENT */
-            ))])) : (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)(formItem).fillStyle === 'colorImage' ? ((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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(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)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 'colorImage' ? ((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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_4, [(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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gradientColor
               }, {
@@ -13816,7 +13915,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
                     "display": "flex"
                   }
                 }, {
-                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_4, SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_5, SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_6]),
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_5, SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_6, SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_7]),
                   _: 1
                   /* STABLE */
 
@@ -13836,7 +13935,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
                         alt: ""
                       }, null, 8
                       /* PROPS */
-                      , SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_7)]),
+                      , SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_8)]),
                       _: 2
                       /* DYNAMIC */
 
@@ -13861,7 +13960,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            })])) : (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)(formItem).fillStyle === 'slopeFilter' ? ((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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_8, [(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)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 'slopeFilter' ? ((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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_9, [(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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).minSlope
               }, {
@@ -14071,7 +14170,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_9, [(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", SlopeAnalysisvue_type_script_setup_true_lang_js_hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[23] || (_cache[23] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -14096,7 +14195,7 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -14215,6 +14314,9 @@ class AspectAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/aspectanalysis/AspectAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-aspect-analysis-box"
+};
+const AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-aspect-analysis-footer"
 };
 
@@ -14236,6 +14338,11 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
       type: Boolean,
       default: true
     },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
     // 是否生成HeaderTemp
     showHeaderTemp: {
       type: Boolean,
@@ -14290,8 +14397,21 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
       // 箭头宽度最大值
       arrowColor: props.settingParams && props.settingParams.arrowColor || "#FFFF00" // 箭头颜色
 
-    });
+    }); // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
 
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
@@ -14307,7 +14427,18 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
           });
         }
       });
-    }); // 参数改变
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef);
+      }
+    }; // 参数改变
+
 
     function paramsChanged(key) {
       switch (key) {
@@ -14374,17 +14505,16 @@ const AspectAnalysisvue_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.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-aspect-analysis", {
           'kq-box-shadow': __props.showShadow
-        }])
-      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(HeaderTemp), {
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
         key: 0,
-        showShadow: __props.showShadow,
-        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).aspectAnalysis,
-        headerTempIcon: __props.headerTempIcon,
-        isCollapse: __props.isCollapseHeaderTemp,
-        isRight: __props.isRight
-      }, null, 8
-      /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (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.createElementVNode)("div", AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         class: "kq3d-aspect-analysis-tip"
       }, {
         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)("p", null, (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).skylineTips), 1
@@ -14554,7 +14684,7 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", AspectAnalysisvue_type_script_setup_true_lang_js_hoisted_1, [(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", AspectAnalysisvue_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[10] || (_cache[10] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -14579,7 +14709,7 @@ const AspectAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -14947,67 +15077,70 @@ class IsolineAnalysisViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/isolineanalysis/IsolineAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-isoline-analysis-span"
+  class: "kq3d-isoline-analysis-box"
 };
 const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_2 = {
-  key: 0
+  class: "kq3d-isoline-analysis-span"
 };
 const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_3 = {
-  class: "kq3d-isoline-analysis-heightspan"
+  key: 0
 };
 const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_4 = {
-  key: 1
+  class: "kq3d-isoline-analysis-heightspan"
 };
 const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_5 = {
+  key: 1
+};
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = {
   style: {
     "width": "15%",
     "text-align": "left"
   }
 };
 
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_6 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_7 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
   class: "kq3d-isoline-analysis-line"
 }, null, -1
 /* HOISTED */
 );
 
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_7 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_8 = {
   style: {
     "width": "15%",
     "text-align": "right"
   }
 };
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_8 = ["src"];
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_9 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_9 = ["src"];
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_10 = {
   key: 0
 };
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_10 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_11 = {
   class: "kq3d-isoline-analysis-heightspan"
 };
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_11 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_12 = {
   key: 1
 };
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_12 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_13 = {
   style: {
     "width": "15%",
     "text-align": "left"
   }
 };
 
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_13 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_14 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
   class: "kq3d-isoline-analysis-line"
 }, null, -1
 /* HOISTED */
 );
 
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_14 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_15 = {
   style: {
     "width": "15%",
     "text-align": "right"
   }
 };
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_15 = ["src"];
-const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_16 = {
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_16 = ["src"];
+const IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_17 = {
   class: "kq3d-isoline-analysis-footer"
 };
 
@@ -15396,13 +15529,13 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_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_row, {
         gutter: 20
       }, {
         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
         }, {
-          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", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_1, (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).fillType), 1
+          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", IsolineAnalysisvue_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).fillType), 1
           /* TEXT */
           )]),
           _: 1
@@ -16103,7 +16236,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
               style: {
                 "display": "flex"
               }
@@ -16161,7 +16294,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                     "controls-position": "right"
                   }, null, 8
                   /* PROPS */
-                  , ["modelValue", "onUpdate:modelValue"])) : (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.createElementVNode)("span", IsolineAnalysisvue_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).to), 1
+                  , ["modelValue", "onUpdate:modelValue"])) : (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.createElementVNode)("span", IsolineAnalysisvue_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).to), 1
                   /* TEXT */
                   ), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).length - 1 ? ((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_input_number, {
                     key: 2,
@@ -16216,7 +16349,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
               );
             }), 128
             /* KEYED_FRAGMENT */
-            ))])) : (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)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_4, [(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)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_5, [(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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gradientColor
               }, {
@@ -16225,9 +16358,9 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                     "display": "flex"
                   }
                 }, {
-                  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", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_5, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minHeight) + "m", 1
+                  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", IsolineAnalysisvue_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)(formItem).minHeight) + "m", 1
                   /* TEXT */
-                  ), IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", IsolineAnalysisvue_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)(formItem).maxHeight) + "m", 1
+                  ), IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_7, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_8, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxHeight) + "m", 1
                   /* TEXT */
                   )]),
                   _: 1
@@ -16249,7 +16382,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                         alt: "无"
                       }, null, 8
                       /* PROPS */
-                      , IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_8)]),
+                      , IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_9)]),
                       _: 2
                       /* DYNAMIC */
 
@@ -16931,7 +17064,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                   _: 1
                   /* STABLE */
 
-                }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_10, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
                   style: {
                     "display": "flex"
                   }
@@ -16989,7 +17122,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                         "controls-position": "right"
                       }, null, 8
                       /* PROPS */
-                      , ["modelValue", "onUpdate:modelValue"])) : (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.createElementVNode)("span", IsolineAnalysisvue_type_script_setup_true_lang_js_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).to), 1
+                      , ["modelValue", "onUpdate:modelValue"])) : (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.createElementVNode)("span", IsolineAnalysisvue_type_script_setup_true_lang_js_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).to), 1
                       /* TEXT */
                       ), index > 0 && index < (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).length - 1 ? ((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_input_number, {
                         key: 2,
@@ -17044,7 +17177,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                   );
                 }), 128
                 /* KEYED_FRAGMENT */
-                ))])) : (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)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_11, [(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)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).fillStyle === 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)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_12, [(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_form_item, {
                     label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gradientColor
                   }, {
@@ -17053,9 +17186,9 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                         "display": "flex"
                       }
                     }, {
-                      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", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_12, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minHeight) + "m", 1
+                      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", IsolineAnalysisvue_type_script_setup_true_lang_js_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)(formItem).minHeight) + "m", 1
                       /* TEXT */
-                      ), IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_13, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_14, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxHeight) + "m", 1
+                      ), IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_14, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_15, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxHeight) + "m", 1
                       /* TEXT */
                       )]),
                       _: 1
@@ -17077,7 +17210,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
                             alt: ""
                           }, null, 8
                           /* PROPS */
-                          , IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_15)]),
+                          , IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_16)]),
                           _: 2
                           /* DYNAMIC */
 
@@ -17130,7 +17263,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_16, [(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", IsolineAnalysisvue_type_script_setup_true_lang_js_hoisted_17, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[110] || (_cache[110] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startAnalysis,
         type: "primary"
@@ -17155,7 +17288,7 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -17378,12 +17511,15 @@ class BoxClipViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/boxclip/BoxClip.vue?vue&type=script&setup=true&lang=js
 
 const BoxClipvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-box-clip-span"
+  class: "kq3d-box-clip-box"
 };
 const BoxClipvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-box-clip-span"
 };
 const BoxClipvue_type_script_setup_true_lang_js_hoisted_3 = {
+  class: "kq3d-box-clip-span"
+};
+const BoxClipvue_type_script_setup_true_lang_js_hoisted_4 = {
   class: "kq3d-box-clip-footer"
 };
 
@@ -17405,6 +17541,11 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
       type: Boolean,
       default: true
     },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
     // 是否生成HeaderTemp
     showHeaderTemp: {
       type: Boolean,
@@ -17456,8 +17597,21 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
       clipHeight: props.settingParams && props.settingParams.clipHeight || 4.7,
       clipRotation: props.settingParams && props.settingParams.clipRotation || 90
     });
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
       //父组 件ScenceView初始化完成后执行
 
@@ -17490,7 +17644,18 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
           }
         }
       }, 1000);
-    }); // 参数改变
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef);
+      }
+    }; // 参数改变
+
 
     function paramsChanged(key) {
       switch (key) {
@@ -17592,17 +17757,16 @@ const BoxClipvue_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.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-box-clip", {
           'kq-box-shadow': __props.showShadow
-        }])
-      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(HeaderTemp), {
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
         key: 0,
-        showShadow: __props.showShadow,
-        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).boxClip,
-        headerTempIcon: __props.headerTempIcon,
-        isCollapse: __props.isCollapseHeaderTemp,
-        isRight: __props.isRight
-      }, null, 8
-      /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (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.createElementVNode)("div", 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,
         class: "rowClass"
       }, {
@@ -17610,7 +17774,7 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
           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_1, (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
+          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 */
           )]),
           _: 1
@@ -17663,7 +17827,7 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
           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).clipPattern), 1
+          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 */
           )]),
           _: 1
@@ -18192,7 +18356,7 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", BoxClipvue_type_script_setup_true_lang_js_hoisted_3, [(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", BoxClipvue_type_script_setup_true_lang_js_hoisted_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[38] || (_cache[38] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clip(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clip,
         type: "primary"
@@ -18217,7 +18381,7 @@ const BoxClipvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -18423,7 +18587,7 @@ class PlaneClipViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/planeclip/PlaneClip.vue?vue&type=script&setup=true&lang=js
 
 const PlaneClipvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-plane-clip-span"
+  class: "kq3d-plane-clip-box"
 };
 const PlaneClipvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-plane-clip-span"
@@ -18432,6 +18596,9 @@ const PlaneClipvue_type_script_setup_true_lang_js_hoisted_3 = {
   class: "kq3d-plane-clip-span"
 };
 const PlaneClipvue_type_script_setup_true_lang_js_hoisted_4 = {
+  class: "kq3d-plane-clip-span"
+};
+const PlaneClipvue_type_script_setup_true_lang_js_hoisted_5 = {
   class: "kq3d-plane-clip-footer"
 };
 
@@ -18618,7 +18785,7 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", 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,
         class: "rowClass"
       }, {
@@ -18626,7 +18793,7 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
           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_1, (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
+          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 */
           )]),
           _: 1
@@ -18680,7 +18847,7 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
           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).clipStyle), 1
+          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 */
           )]),
           _: 1
@@ -18732,7 +18899,7 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
           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).clipPattern), 1
+          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 */
           )]),
           _: 1
@@ -18915,7 +19082,7 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", PlaneClipvue_type_script_setup_true_lang_js_hoisted_4, [(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", PlaneClipvue_type_script_setup_true_lang_js_hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: _cache[14] || (_cache[14] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clip(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clip,
         type: "primary"
@@ -18940,7 +19107,7 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -19795,6 +19962,11 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
       type: Boolean,
       default: true
     },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
     // 当前展示的tab标签页
     activeName: {
       type: String,
@@ -19868,9 +20040,22 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
       }
 
       return flag;
-    });
+    }); // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)();
     let viewModel = null;
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_namespaceObject.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -19987,7 +20172,18 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
           viewModel = new AddDataViewModel(scenceView, options);
         }
       });
-    }); // 切换tab页
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_namespaceObject.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toRefs)(props), headerTempRef);
+      }
+    }; // 切换tab页
+
 
     function handleChange(pane) {} // 切换类型
 
@@ -20072,17 +20268,16 @@ const AddDatavue_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.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-add-data", {
           'kq-box-shadow': __props.showShadow
-        }])
-      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(HeaderTemp), {
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTemp)), {
         key: 0,
-        showShadow: __props.showShadow,
-        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).addData,
-        headerTempIcon: __props.headerTempIcon,
-        isCollapse: __props.isCollapseHeaderTemp,
-        isRight: __props.isRight
-      }, null, 8
-      /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_tabs, {
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (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.createVNode)(_component_kq_tabs, {
         modelValue: props.activeName,
         "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => props.activeName = $event),
         onTabChange: handleChange
@@ -20618,6 +20813,9 @@ class ParticleEffectViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/particleeffect/ParticleEffect.vue?vue&type=script&setup=true&lang=js
 
 const ParticleEffectvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-particle-effect-box"
+};
+const ParticleEffectvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-particle-effect-footer"
 };
 
@@ -20822,7 +21020,7 @@ const ParticleEffectvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", 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,
         class: "rowclass"
       }, {
@@ -21387,7 +21585,7 @@ const ParticleEffectvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", ParticleEffectvue_type_script_setup_true_lang_js_hoisted_1, [(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", ParticleEffectvue_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[38] || (_cache[38] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => add(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).add,
         type: "primary"
@@ -21412,7 +21610,7 @@ const ParticleEffectvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -21610,6 +21808,9 @@ class WeatherEffectViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/weathereffect/WeatherEffect.vue?vue&type=script&setup=true&lang=js
 
 const WeatherEffectvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-weather-effect-box"
+};
+const WeatherEffectvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-weather-effect-footer"
 };
 
@@ -21792,7 +21993,7 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
         isRight: __props.isRight
       }, null, 8
       /* PROPS */
-      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createVNode)(_component_kq_row, {
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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.createElementVNode)("div", 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,
         class: "rowclass"
       }, {
@@ -22009,7 +22210,7 @@ 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, {
+            }), (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, {
@@ -22201,7 +22402,7 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", WeatherEffectvue_type_script_setup_true_lang_js_hoisted_1, [(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", WeatherEffectvue_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[26] || (_cache[26] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => add(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).add,
         type: "primary"
@@ -22226,7 +22427,7 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -23527,7 +23728,7 @@ class RollerViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/roller/Roller.vue?vue&type=script&setup=true&lang=js
 
 const Rollervue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-roller-form"
+  class: "kq3d-roller-form kq3d-roller-box"
 };
 const Rollervue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-roller-span"