@kq_npm/client3d_webgl_vue 3.0.8-beta → 3.1.0-beta

package/index.js

@@ -2186,18 +2186,19 @@ class LayerManager {
         }
       });
     }
-  } //获取基础图层Index
+  } //获取底图图层Index
 
 
   getBaseLayerIndex() {
-    // let baseIndex = 0;
-    // this._viewer.imageryLayers._layers.forEach(layer => {
-    //   if (layer._isBaseLayer) {
-    //     baseIndex++;
-    //   }
-    // });
-    // return baseIndex;
-    return 1;
+    let index = 1;
+
+    this._viewer.imageryLayers._layers.forEach(layer => {
+      if (layer.target === "online") {
+        index++;
+      }
+    });
+
+    return index;
   } //设置图层置顶或取消置顶
 
 
@@ -2782,11 +2783,30 @@ class ScenceViewViewModel extends (mitt_default()) {
         });
       }
     }
+  }
+  /**
+   * 获取在线底图index
+   */
+
+
+  _getOnlineBaseLayerIndex() {
+    let index = 1;
+
+    this._viewer.imageryLayers._layers.forEach(layer => {
+      if (layer.target === "online") {
+        index++;
+      }
+    });
+
+    return index;
   } //创建在线底图
 
 
   _createOnlineLayer(layerConfig) {
     let layer = null;
+
+    let index = this._getOnlineBaseLayerIndex();
+
     let layerType = layerConfig.renderType;
     if (layerType) layerType = layerType.toLowerCase();
 
@@ -2795,7 +2815,7 @@ class ScenceViewViewModel extends (mitt_default()) {
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dKQGISMapServerImageryProviderExt({
           url: layerConfig.url,
           ua_token: layerConfig.accessToken
-        }));
+        }), index);
         break;
 
       case "wmts":
@@ -2811,7 +2831,7 @@ class ScenceViewViewModel extends (mitt_default()) {
           subdomains: layerConfig.subdomains,
           tilingScheme: layerConfig.epsg === "4326" ? new Cesium.GeographicTilingScheme() : new Cesium.WebMercatorTilingScheme()
         };
-        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(options));
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider(options), index);
         break;
 
       case "wms":
@@ -2822,31 +2842,31 @@ class ScenceViewViewModel extends (mitt_default()) {
             transparent: "true",
             format: "image/png"
           }
-        }));
+        }), index);
         break;
 
       case "tianditu":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dTiandituImageryProvider({
           mapStyle: layerConfig.layerType + "_c"
-        }));
+        }), index);
         break;
 
       case "baidu":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dBaiduMapsImageryProvider({
           mapStyle: layerConfig.layerType
-        }));
+        }), index);
         break;
 
       case "gaode":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dAMapsImageryProvider({
           mapStyle: layerConfig.layerType
-        }));
+        }), index);
         break;
 
       case "tencent":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dQQMapsImageryProvider({
           mapStyle: layerConfig.layerType
-        }));
+        }), index);
         break;
 
       case "bing":
@@ -2854,26 +2874,26 @@ class ScenceViewViewModel extends (mitt_default()) {
           url: layerConfig.url || "https://dev.virtualearth.net",
           key: layerConfig.key || "AmXdbd8UeUJtaRSn7yVwyXgQlBBUqliLbHpgn2c76DfuHwAXfRrgS5qwfHU6Rhm8",
           mapStyle: layerConfig.layerType
-        }));
+        }), index);
         break;
 
       case "arcgisonline":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dArcGISMapServerImageryProvider({
           url: layerConfig.url
-        }));
+        }), index);
         break;
 
       case "mapbox":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.MapboxImageryProvider({
           mapId: "mapbox." + layerConfig.layerType,
           accessToken: layerConfig.key || "pk.eyJ1IjoiZXhhbXBsZXMiLCJhIjoiY2p1dHRybDR5MGJuZjQzcGhrZ2doeGgwNyJ9.a-vxW4UaxOoUMWUTGnEArw"
-        }));
+        }), index);
         break;
 
       case "osm":
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.createOpenStreetMapImageryProvider({
           url: layerConfig.url
-        }));
+        }), index);
         break;
     }
 
@@ -3918,7 +3938,8 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
     },
     // HeaderTemp标题
     headerTempTitle: {
-      type: String
+      type: String,
+      default: "在线地形"
     },
     // HeaderTemp图标
     headerTempIcon: {
@@ -4259,150 +4280,6 @@ 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 = {
@@ -4529,6 +4406,11 @@ const Measurevue_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,
@@ -4588,8 +4470,21 @@ const Measurevue_type_script_setup_true_lang_js_default_ = {
     }, {
       label: "km²",
       value: "km²"
-    }]);
+    }]); // 组件容器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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -4633,7 +4528,18 @@ const Measurevue_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 loadModeData() {
       modeList.push({
@@ -4783,17 +4689,16 @@ const Measurevue_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)(["kq-measure3d", {
           '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).measure,
-        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.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", Measurevue_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).mode), 1
+        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", Measurevue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Measurevue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", Measurevue_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).mode), 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)(mode),
@@ -5162,6 +5067,11 @@ const Flightvue_type_script_setup_true_lang_js_default_ = {
     deleteFlightPath: {
       type: Function
     },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
     // 是否生成HeaderTemp
     showHeaderTemp: {
       type: Boolean,
@@ -5212,9 +5122,22 @@ const Flightvue_type_script_setup_true_lang_js_default_ = {
         color: "var(--kq-color-info)",
         "font-size": "14px"
       };
-    };
+    }; // 组件容器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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -5243,7 +5166,18 @@ const Flightvue_type_script_setup_true_lang_js_default_ = {
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
       viewModel.stop();
       document.removeEventListener("click", hideDropDownMenu);
-    }); //新建路径
+    });
+    /**
+     * @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 addPath() {
       pathList.forEach(path => {
@@ -5564,17 +5498,16 @@ const Flightvue_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)(["kq-flight3d", {
           '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).flight,
-        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.createElementVNode)("div", Flightvue_type_script_setup_true_lang_js_hoisted_1, [!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isAdd) ? ((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", Flightvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Flightvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        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", Flightvue_type_script_setup_true_lang_js_hoisted_1, [!(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isAdd) ? ((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", Flightvue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Flightvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         onClick: addPath,
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).addPath
       }, {
@@ -6346,6 +6279,11 @@ const GPUSpatialQueryvue_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,
@@ -6409,8 +6347,21 @@ const GPUSpatialQueryvue_type_script_setup_true_lang_js_default_ = {
       maxZRotate: props.settingParams && props.settingParams.maxZRotate || 90 // 绕Z轴旋转最大值
 
     });
-    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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -6424,7 +6375,18 @@ const GPUSpatialQueryvue_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) {
@@ -6502,17 +6464,16 @@ const GPUSpatialQueryvue_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-gpu-spatial-query", {
           '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).spatialQuery,
-        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.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, {
+        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", 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"
       }, {
@@ -7057,6 +7018,11 @@ const ModelSelectvue_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,
@@ -7106,10 +7072,23 @@ const ModelSelectvue_type_script_setup_true_lang_js_default_ = {
         color: "var(--kq-color-info)",
         "font-size": "14px"
       };
-    };
+    }; // 组件容器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)(() => {
-      //父组件ScenceView初始化完成后执行
+      (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();
+      }); //父组件ScenceView初始化完成后执行
+
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -7117,6 +7096,16 @@ const ModelSelectvue_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 setModeFiled(val) {
       viewModel._modeFiled = val;
@@ -7180,17 +7169,16 @@ const ModelSelectvue_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-model-select", {
           '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).modelPick,
-        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.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, {
+        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", 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
         }, {
@@ -7605,6 +7593,11 @@ const SightlineAnalysisvue_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,
@@ -7647,9 +7640,22 @@ const SightlineAnalysisvue_type_script_setup_true_lang_js_default_ = {
       highlightObstacle: props.settingParams && props.settingParams.highlightObstacle !== undefined || false,
       isLabel: props.settingParams && props.settingParams.isLabel !== undefined || true
     });
-    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)(() => {
-      //父组件ScenceView初始化完成后执行
+      (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();
+      }); //父组件ScenceView初始化完成后执行
+
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -7664,6 +7670,16 @@ const SightlineAnalysisvue_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) {
@@ -7736,17 +7752,16 @@ const SightlineAnalysisvue_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-sightline-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).sightlineAnalysis,
-        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.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, {
+        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", 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
@@ -8049,6 +8064,11 @@ const ViewshedAnalysisvue_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,
@@ -8111,8 +8131,21 @@ const ViewshedAnalysisvue_type_script_setup_true_lang_js_default_ = {
       // 不可见颜色
       lineColor: props.settingParams && props.settingParams.lineColor || "#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 => {
@@ -8129,6 +8162,16 @@ const ViewshedAnalysisvue_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) {
@@ -8204,17 +8247,16 @@ const ViewshedAnalysisvue_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-viewshed-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).viewshedAnalysis,
-        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.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, {
+        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", 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
@@ -8786,6 +8828,11 @@ const ShadowAnalysisvue_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,
@@ -8899,8 +8946,21 @@ const ShadowAnalysisvue_type_script_setup_true_lang_js_default_ = {
       // 透明缩放范围最小值
       maxAlphaScale: props.settingParams && props.settingParams.alphaScale || 1 // 透明缩放范围最大值
 
-    });
+    }); // 组件容器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();
+      });
       time.value = [formItem.startTime, formItem.endTime];
       currentLang.value = proxy.$i18n.locale; // 获取当前语言类型
 
@@ -8932,7 +8992,18 @@ const ShadowAnalysisvue_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 GetDateStr() {
       var dd = new Date();
@@ -9055,17 +9126,16 @@ const ShadowAnalysisvue_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-shadow-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).shadowAnalysis,
-        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.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, {
+        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", 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, {
@@ -9885,6 +9955,11 @@ const ProfileAnalysisvue_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,
@@ -9950,8 +10025,21 @@ const ProfileAnalysisvue_type_script_setup_true_lang_js_default_ = {
       // 相机高度范围最大值
       enablePerspective: props.settingParams && props.settingParams.isLabel !== undefined || true // 是否透视
 
-    });
+    }); // 组件容器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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -9971,7 +10059,18 @@ const ProfileAnalysisvue_type_script_setup_true_lang_js_default_ = {
           resultCahrtVis.value = false;
         }
       });
-    }); // 开始分析
+    });
+    /**
+     * @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() {
       viewModel && viewModel.start();
@@ -10044,17 +10143,16 @@ const ProfileAnalysisvue_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-profile-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).profileAnalysis,
-        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.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, {
+        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", 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
@@ -10689,6 +10787,11 @@ const SkylineAnalysisvue_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,
@@ -10746,8 +10849,21 @@ const SkylineAnalysisvue_type_script_setup_true_lang_js_default_ = {
       // 限高体透明度范围最大值
       skylineWidth: 2 // 天际线宽度
 
-    });
+    }); // 组件容器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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -10761,7 +10877,18 @@ const SkylineAnalysisvue_type_script_setup_true_lang_js_default_ = {
           viewModel._skylineAnalysisChartTitle = language.value["skylineAnalysisChartTitle"];
         }
       });
-    }); // 提取天际线
+    });
+    /**
+     * @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 pickSkyLine() {
       resultEcahrtVis.value = true;
@@ -10846,17 +10973,16 @@ const SkylineAnalysisvue_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-skyline-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).skylineAnalysis,
-        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.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, {
+        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", 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"
       }, {
@@ -11398,6 +11524,11 @@ const TerrainOperationvue_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,
@@ -11444,8 +11575,21 @@ const TerrainOperationvue_type_script_setup_true_lang_js_default_ = {
       maxExcavationDepth: props.settingParams && props.settingParams.maxExcavationDepth || 5000 // 地形开挖深度范围最大值
 
     });
-    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 => {
@@ -11461,7 +11605,18 @@ const TerrainOperationvue_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 changeStyle() {
       viewModel && viewModel.setTerrainStyle(formItem.terrainStyle);
@@ -11508,17 +11663,16 @@ const TerrainOperationvue_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-terrain-operation-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).terrainOperation,
-        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.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, {
+        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", 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, {
@@ -12014,8 +12168,6 @@ 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");
@@ -12048,16 +12200,7 @@ const ExcavateFillAnalysisvue_type_script_setup_true_lang_js_default_ = {
         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,
-        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.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.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"
         }
@@ -12065,7 +12208,7 @@ const ExcavateFillAnalysisvue_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)("div", {
           class: "kq3d-excavate-fill-analysis-label",
           style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)({
-            width: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? '90px' : '130px'
+            width: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? '100px' : '130px'
           })
         }, (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 */
@@ -12529,6 +12672,11 @@ const FloodAnalysisvue_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,
@@ -12541,7 +12689,8 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
     },
     // HeaderTemp标题
     headerTempTitle: {
-      type: String
+      type: String,
+      default: "淹没分析"
     },
     // HeaderTemp图标
     headerTempIcon: {
@@ -12560,8 +12709,7 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
   }) {
     const props = __props;
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
-    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
-    let headerTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 淹没色调图片
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 淹没色调图片
 
     const colorImages = [{
       value: "0",
@@ -12608,8 +12756,21 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
       floodColorImage: props.settingParams && props.settingParams.floodColorImage || "0" // 淹没纹理色带值
 
     });
-    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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(props.target, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -12622,23 +12783,31 @@ const FloodAnalysisvue_type_script_setup_true_lang_js_default_ = {
             maxHeight: formItem.floodMaxHeight,
             colorImage: formItem.floodColorImage
           }); //设置HeaderTemp标题
-
-          if (props.headerTempTitle) {
-            headerTitle.value = props.headerTempTitle;
-          } else {
-            if (props.isShowMode) {
-              headerTitle.value = scenceView._language.floodAnalysis;
-            } else {
-              if (formItem.floodMode === 0) {
-                headerTitle.value = scenceView._language.floodTerrain + scenceView._language.floodAnalysis1;
-              } else if (formItem.floodMode === 1) {
-                headerTitle.value = scenceView._language.floodModel + scenceView._language.floodAnalysis1;
-              }
-            }
-          }
+          // if (!props.headerTempTitle) {
+          //   if (props.isShowMode) {
+          //     props.headerTempTitle = scenceView._language.floodAnalysis;
+          //   } else {
+          //     if (formItem.floodMode === 0) {
+          //       props.headerTempTitle = scenceView._language.floodTerrain + scenceView._language.floodAnalysis1;
+          //     } else if (formItem.floodMode === 1) {
+          //       props.headerTempTitle = scenceView._language.floodModel + scenceView._language.floodAnalysis1;
+          //     }
+          //   }
+          // }
         }
       });
-    }); //获取图片路径
+    });
+    /**
+     * @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 getImagePath(value) {
       var imagePath = "";
@@ -12740,17 +12909,16 @@ const FloodAnalysisvue_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-flood-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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headerTitle),
-        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.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, {
+        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", 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
@@ -13491,6 +13659,11 @@ const SlopeAnalysisvue_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,
@@ -13570,8 +13743,21 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
       maxSlope: props.settingParams && props.settingParams.maxSlope || 60,
       slopeColorAlpha: props.settingParams && props.settingParams.slopeColorAlpha || 0.3,
       slopeColorText: props.settingParams && props.settingParams.slopeColorText || "#FF0000"
-    });
+    }); // 组件容器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 => {
@@ -13582,7 +13768,18 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
           // viewModel.setColorImage(imageUrl);
         }
       });
-    }); // 刷新自定义样式数组
+    });
+    /**
+     * @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 refactorArr(type) {
       if (!dataList || !dataList.length) return;
@@ -13717,17 +13914,16 @@ const SlopeAnalysisvue_type_script_setup_true_lang_js_default_ = {
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-slope-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).slopeAnalysis,
-        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.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, {
+        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", 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"
       }, {
@@ -15163,6 +15359,11 @@ const IsolineAnalysisvue_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,
@@ -15286,8 +15487,21 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
       surfaceAlpha: props.settingParams && props.settingParams.surfaceAlpha || 0.6 // 面透明度
 
     });
-    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 => {
@@ -15328,7 +15542,18 @@ const IsolineAnalysisvue_type_script_setup_true_lang_js_default_ = {
           viewModel = new IsolineAnalysisViewModel(scenceView, options);
         }
       });
-    }); // 刷新自定义样式数组
+    });
+    /**
+     * @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 refactorArr(type) {
       if (!dataList || !dataList.length) return;
@@ -15519,17 +15744,16 @@ const IsolineAnalysisvue_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-isoline-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).isolineAnalysis,
-        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.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, {
+        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", 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, {
@@ -18620,6 +18844,11 @@ const PlaneClipvue_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,
@@ -18666,8 +18895,21 @@ const PlaneClipvue_type_script_setup_true_lang_js_default_ = {
       boxEnable: props.settingParams && props.settingParams.boxEnable !== undefined || false,
       clipDistance: props.settingParams && props.settingParams.clipDistance || 0
     });
-    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初始化完成后执行
 
@@ -18695,7 +18937,18 @@ const PlaneClipvue_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) {
@@ -18775,17 +19028,16 @@ const PlaneClipvue_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-plane-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).planeClip,
-        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.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, {
+        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", 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"
       }, {
@@ -19187,183 +19439,271 @@ class AddDataViewModel {
     this._layerManager = scenceView._layerManager;
     this._geojsonStyle.billboard.image = options.billboardImage;
     this._language = scenceView._language;
+    this._geometryServerUrl = options.geometryServerUrl;
+    this._geometryServerToken = options.geometryServerToken;
   } //解析文件
 
 
-  parseFile(file, removeFile, cb) {
-    var reader = new FileReader();
-    reader.readAsText(file); //文本
-    //readAsDataURL(file);  //base64 图片
-    //readAsArrayBuffer(file); //原始二进制数据
-    //readAsBinaryString(file);//二进制字符串
-    //reader.readAsBinaryString(file);
-
+  parseFile(file, cb) {
     var that = this;
-
-    reader.onload = function (event) {
-      var ret = event.target.result;
+    return new Promise((resolve, reject) => {
       var ext = file.name.replace(/.+\./, "").toLowerCase(); //文件扩展名
 
       var name = file.name.replace(/(.*\/)*([^.]+).*/gi, "$2"); //文件名
 
-      switch (ext) {
-        case "json":
-        case "geojson":
-        case "topojson":
-          ret = ret.replace(/(^\s*)|(\s*$)/, "");
-          ret = ret.substring(ret.indexOf("{"));
+      if (ext === "zip") {
+        (0,util_namespaceObject.uploadSHP)(that._geometryServerUrl, file, that._geometryServerToken, null, function (res) {
+          if (res) {
+            if (res.srs) {
+              //返回的geojson数据已经做了处理,返回数据坐标系为4326
+              delete res.srs;
+            }
 
-          try {
-            var data = JSON.parse(ret);
+            var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+            ds.load(res, that._geojsonStyle).then(ds => {
+              ds.entities.values.forEach(entity => {
+                if (entity.polygon) {
+                  entity.polyline = {
+                    positions: entity.polygon.hierarchy._value.positions,
+                    width: that._geojsonStyle.polygon.outlineWidth,
+                    material: that._geojsonStyle.polygon.outlineColor
+                  };
+                }
+              });
 
-            if (typeof data == "object" && data) {
-              ret = data;
-            }
-          } catch (e) {}
+              that._viewer.dataSources.add(ds);
 
-          var ds = new Cesium.Kq3dGeoJsonDataSource(name);
-          ds.load(ret, that._geojsonStyle).then(ds => {
-            ds.entities.values.forEach(entity => {
-              if (entity.polygon) {
-                entity.polyline = {
-                  positions: entity.polygon.hierarchy._value.positions,
-                  width: that._geojsonStyle.polygon.outlineWidth,
-                  material: that._geojsonStyle.polygon.outlineColor
-                };
-              }
+              ds.autoAvoid(that._viewer);
+
+              that._viewer.flyTo(ds);
+
+              resolve("success");
+              var layer = {
+                guid: ds.guid,
+                name: name,
+                visible: true,
+                serverType: "datasource",
+                lsType: "ls"
+              };
+
+              that._layerManager.addTempLayerNode(layer);
+
+              cb && cb(layer);
             });
+          } else {
+            reject(file.name + " service parse error.");
+            cb && cb("error");
+          }
+        });
+      } else if (ext === "txt") {
+        let dataUrl = that._geometryServerUrl + (that._geometryServerToken ? "?ua_token=" + that._geometryServerToken : "");
+        (0,util_namespaceObject.readTxT)(file, dataUrl, "4326", res => {
+          if (res) {
+            var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+            ds.load(res, that._geojsonStyle).then(ds => {
+              ds.entities.values.forEach(entity => {
+                if (entity.polygon) {
+                  entity.polyline = {
+                    positions: entity.polygon.hierarchy._value.positions,
+                    width: that._geojsonStyle.polygon.outlineWidth,
+                    material: that._geojsonStyle.polygon.outlineColor
+                  };
+                }
+              });
 
-            that._viewer.dataSources.add(ds);
+              that._viewer.dataSources.add(ds);
 
-            ds.autoAvoid(that._viewer);
+              ds.autoAvoid(that._viewer);
 
-            that._viewer.flyTo(ds);
+              that._viewer.flyTo(ds);
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+              resolve("success");
+              var layer = {
+                guid: ds.guid,
+                name: name,
+                visible: true,
+                serverType: "datasource",
+                lsType: "ls"
+              };
 
-            that._layerManager.addTempLayerNode(layer);
+              that._layerManager.addTempLayerNode(layer);
 
-            cb && cb(layer);
-          });
-          break;
+              cb && cb(layer);
+            });
+          } else {
+            reject(file.name + " service parse error.");
+          }
+        });
+      } else {
+        var reader = new FileReader();
+        reader.readAsText(file); //文本
+        //readAsDataURL(file);  //base64 图片
+        //readAsArrayBuffer(file); //原始二进制数据
+        //readAsBinaryString(file);//二进制字符串
+        //reader.readAsBinaryString(file);
+
+        reader.onload = function (event) {
+          var ret = event.target.result;
+
+          switch (ext) {
+            case "json":
+            case "geojson":
+            case "topojson":
+              ret = ret.replace(/(^\s*)|(\s*$)/, "");
+              ret = ret.substring(ret.indexOf("{"));
+
+              try {
+                var data = JSON.parse(ret);
+
+                if (typeof data == "object" && data) {
+                  ret = data;
+                }
+              } catch (e) {}
+
+              var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+              ds.load(ret, that._geojsonStyle).then(ds => {
+                ds.entities.values.forEach(entity => {
+                  if (entity.polygon) {
+                    entity.polyline = {
+                      positions: entity.polygon.hierarchy._value.positions,
+                      width: that._geojsonStyle.polygon.outlineWidth,
+                      material: that._geojsonStyle.polygon.outlineColor
+                    };
+                  }
+                });
 
-        case "kml":
-          ret = ret.replace(/(^\s*)|(\s*$)/, "");
-          var options = {
-            name: name,
-            camera: that._viewer.scene.camera,
-            canvas: that._viewer.scene.canvas
-          };
-          var ds = new Cesium.KmlDataSource(options);
-          var data = new Blob([ret], {
-            type: "text/xml"
-          });
-          ds.load(data).then(ds => {
-            that._viewer.dataSources.add(ds);
+                that._viewer.dataSources.add(ds);
 
-            that._viewer.flyTo(ds);
+                ds.autoAvoid(that._viewer);
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+                that._viewer.flyTo(ds);
 
-            that._layerManager.addTempLayerNode(layer);
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-            cb && cb(layer);
-          });
-          break;
+                that._layerManager.addTempLayerNode(layer);
 
-        case "kmz":
-          var options = {
-            name: name,
-            camera: that._viewer.scene.camera,
-            canvas: that._viewer.scene.canvas
-          };
-          var ds = new Cesium.KmlDataSource(options);
-          ds.load(file).then(ds => {
-            that._viewer.dataSources.add(ds);
+                cb && cb(layer);
+              });
+              break;
 
-            that._viewer.flyTo(ds);
+            case "kml":
+              ret = ret.replace(/(^\s*)|(\s*$)/, "");
+              var options = {
+                name: name,
+                camera: that._viewer.scene.camera,
+                canvas: that._viewer.scene.canvas
+              };
+              var ds = new Cesium.KmlDataSource(options);
+              var data = new Blob([ret], {
+                type: "text/xml"
+              });
+              ds.load(data).then(ds => {
+                that._viewer.dataSources.add(ds);
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+                that._viewer.flyTo(ds);
+
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
+
+                that._layerManager.addTempLayerNode(layer);
+
+                cb && cb(layer);
+              });
+              break;
 
-            that._layerManager.addTempLayerNode(layer);
+            case "kmz":
+              var options = {
+                name: name,
+                camera: that._viewer.scene.camera,
+                canvas: that._viewer.scene.canvas
+              };
+              var ds = new Cesium.KmlDataSource(options);
+              ds.load(file).then(ds => {
+                that._viewer.dataSources.add(ds);
 
-            cb && cb(layer);
-          });
-          break;
+                that._viewer.flyTo(ds);
 
-        case "czml":
-          ret = ret.replace(/(^\s*)|(\s*$)/, "");
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-          try {
-            var data = JSON.parse(ret);
+                that._layerManager.addTempLayerNode(layer);
 
-            if (typeof data == "object" && data) {
-              ret = data;
-            }
-          } catch (e) {}
+                cb && cb(layer);
+              });
+              break;
 
-          that._viewer.dataSources.add(Cesium.CzmlDataSource.load(ret, {
-            name: name
-          })).then(ds => {
-            that._viewer.flyTo(ds);
+            case "czml":
+              ret = ret.replace(/(^\s*)|(\s*$)/, "");
 
-            var layer = {
-              guid: ds.guid,
-              name: name,
-              visible: true,
-              serverType: "datasource",
-              lsType: "ls"
-            };
+              try {
+                var data = JSON.parse(ret);
 
-            that._layerManager.addTempLayerNode(layer);
+                if (typeof data == "object" && data) {
+                  ret = data;
+                }
+              } catch (e) {}
 
-            cb && cb(layer);
-          });
+              that._viewer.dataSources.add(Cesium.CzmlDataSource.load(ret, {
+                name: name
+              })).then(ds => {
+                that._viewer.flyTo(ds);
 
-          break;
+                resolve("success");
+                var layer = {
+                  guid: ds.guid,
+                  name: name,
+                  visible: true,
+                  serverType: "datasource",
+                  lsType: "ls"
+                };
 
-        case "zip":
-          break;
+                that._layerManager.addTempLayerNode(layer);
 
-        case "txt":
-          break;
+                cb && cb(layer);
+              });
 
-        case "csv":
-          break;
+              break;
 
-        case "xls":
-        case "xlsx":
-          break;
+            case "txt":
+              break;
 
-        default:
-          break;
-      }
+            case "csv":
+              break;
 
-      removeFile && removeFile(file);
-    };
+            case "xls":
+            case "xlsx":
+              break;
 
-    reader.onerror = function () {
-      console.log(file.name + "read error.");
-      removeFile && removeFile(file);
-    };
+            default:
+              break;
+          }
+        };
+
+        reader.onerror = function () {
+          console.log(file.name + " read error.");
+          reject(file.name + " read error.");
+        };
+      }
+    });
   } //解析数据源
 
 
@@ -19807,6 +20147,16 @@ class AddDataViewModel {
       case "geojson":
         var ds = new Cesium.Kq3dGeoJsonDataSource(name);
         ds.load(url, this._geojsonStyle).then(ds => {
+          ds.entities.values.forEach(entity => {
+            if (entity.polygon) {
+              entity.polyline = {
+                positions: entity.polygon.hierarchy._value.positions,
+                width: this._geojsonStyle.polygon.outlineWidth,
+                material: this._geojsonStyle.polygon.outlineColor
+              };
+            }
+          }, this);
+
           this._viewer.dataSources.add(ds);
 
           ds.autoAvoid(this._viewer);
@@ -19967,6 +20317,16 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
     position: [String, Object],
+    // 几何服务地址前缀，例：http://support.kqgeo.com:29800/geometry-proxy/kqgis/rest/services/geometry
+    geometryServerUrl: {
+      type: String,
+      required: true
+    },
+    // 几何服务token，例：eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJob3N0IiwiY3JlYXRlZCI6MTY1NTk2MzU1NzUyMywiZXhwIjoxNzY3MTEwNDAwfQ.BiNOr6vL6liHzlMK89XSvqmFY9fuWiYqDEwYmWxk-6vFKBgLeMC8FloBXyKcxOCl9Rd28y_pX4PhVRYP5cZTwA
+    geometryServerToken: {
+      type: String,
+      required: true
+    },
     // 当前展示的tab标签页
     activeName: {
       type: String,
@@ -20019,7 +20379,8 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
     });
     let upload_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
     let upload_btn_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
-    let fileList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)([]); // 获取组件传参
+    let fileList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)([]);
+    let loadingFile = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false); // 获取组件传参
 
     let operatorArray = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.computed)(() => {
       let array = [];
@@ -20167,7 +20528,9 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
           ];
           dataSourceType.value = dataSourceTypeList.value[0];
           let options = {
-            billboardImage: const_image_namespaceObject.BILLBOARD_IMAGE_URL
+            billboardImage: const_image_namespaceObject.BILLBOARD_IMAGE_URL,
+            geometryServerUrl: props.geometryServerUrl,
+            geometryServerToken: props.geometryServerToken
           };
           viewModel = new AddDataViewModel(scenceView, options);
         }
@@ -20217,8 +20580,14 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
 
 
     function loadFiles() {
+      loadingFile.value = true;
+      let promiseList = [];
       fileList.value.forEach(file => {
-        viewModel.parseFile(file.raw, removeFile, props.loadCallback);
+        promiseList.push(viewModel.parseFile(file.raw, props.loadCallback));
+      });
+      Promise.all(promiseList).then(() => {
+        removeFiles();
+        loadingFile.value = false;
       });
     } //加载URL
 
@@ -20287,7 +20656,7 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
           name: "upload"
         }, {
           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", AddDatavue_type_script_setup_true_lang_js_hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
-            class: ""
+            class: "kq3d-add-data-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.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).fileFormatDescription), 1
             /* TEXT */
@@ -20311,7 +20680,7 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
             "auto-upload": false,
             "file-list": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(fileList),
             "onUpdate:file-list": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.isRef)(fileList) ? fileList.value = $event : fileList = $event),
-            accept: ".geojson,.topojson,.json,.kml,.kmz,.czml",
+            accept: ".zip,.geojson,.topojson,.json,.kml,.kmz,.czml,.txt",
             "on-change": changeFile,
             ref_key: "upload_ref",
             ref: upload_ref
@@ -20379,7 +20748,7 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
             action: "",
             "show-file-list": false,
             "auto-upload": false,
-            accept: ".geojson,.topojson,.json,.kml,.kmz,.czml",
+            accept: ".zip,.geojson,.topojson,.json,.kml,.kmz,.czml,.txt",
             ref_key: "upload_btn_ref",
             ref: upload_btn_ref,
             class: "kq3d-add-data-footer-upload",
@@ -20420,7 +20789,8 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
             onClick: _cache[2] || (_cache[2] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => loadFiles(), ["stop"])),
             title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).loadFiles,
             type: "primary",
-            disabled: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(disabled)
+            disabled: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(disabled),
+            loading: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(loadingFile)
           }, {
             default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).loadFiles), 1
             /* TEXT */
@@ -20430,7 +20800,7 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
 
           }, 8
           /* PROPS */
-          , ["title", "disabled"])])])]),
+          , ["title", "disabled", "loading"])])])]),
           _: 3
           /* FORWARDED */
 
@@ -20837,6 +21207,11 @@ const ParticleEffectvue_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,
@@ -20886,8 +21261,21 @@ const ParticleEffectvue_type_script_setup_true_lang_js_default_ = {
       endScale: props.settingParams && props.settingParams.endScale || 1.0,
       gravity: props.settingParams && props.settingParams.gravity || 0.0
     });
-    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 => {
@@ -20897,6 +21285,16 @@ const ParticleEffectvue_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 changeMode(mode) {
       if (formItem.mode !== mode) {
@@ -21010,17 +21408,16 @@ const ParticleEffectvue_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-particle-effect", {
           '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).particleEffect,
-        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.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, {
+        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", 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"
       }, {
@@ -21832,6 +22229,11 @@ const WeatherEffectvue_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,
@@ -21879,8 +22281,21 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
       endScale: props.settingParams && props.settingParams.endScale || 1.3,
       gravity: props.settingParams && props.settingParams.gravity || 1
     });
-    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 => {
@@ -21889,7 +22304,18 @@ const WeatherEffectvue_type_script_setup_true_lang_js_default_ = {
           viewModel = new WeatherEffectViewModel(scenceView);
         }
       });
-    }); //切换雨雪天气特效
+    });
+    /**
+     * @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 changeMode(mode) {
       if (formItem.mode !== mode) {
@@ -21983,17 +22409,16 @@ const WeatherEffectvue_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-weather-effect", {
           '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).weatherEffect,
-        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.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, {
+        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", 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"
       }, {
@@ -23003,6 +23428,9 @@ class ScreenshotViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/screenshot/Screenshot.vue?vue&type=script&setup=true&lang=js
 
 const Screenshotvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-screenshot-box"
+};
+const Screenshotvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "kq3d-screenshot-footer"
 };
 
@@ -23024,6 +23452,11 @@ const Screenshotvue_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,
@@ -23080,8 +23513,21 @@ const Screenshotvue_type_script_setup_true_lang_js_default_ = {
       //倾斜摄影名称
       tilesetStyle: props.settingParams && props.settingParams.tilesetStyle || style // 倾斜摄影样式
 
-    });
+    }); // 组件容器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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -23093,7 +23539,18 @@ const Screenshotvue_type_script_setup_true_lang_js_default_ = {
           viewModel = new ScreenshotViewModel(scenceView._viewer, formItem);
         }
       });
-    }); // 场景出图
+    });
+    /**
+     * @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 sceneFigure() {
       viewModel && viewModel.sceneFigure();
@@ -23159,17 +23616,16 @@ const Screenshotvue_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-screenshot", {
           '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).screenshot,
-        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_form, {
+        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", Screenshotvue_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": "120px",
         "label-position": "left"
       }, {
@@ -23324,7 +23780,7 @@ const Screenshotvue_type_script_setup_true_lang_js_default_ = {
         _: 1
         /* STABLE */
 
-      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", Screenshotvue_type_script_setup_true_lang_js_hoisted_1, [(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", Screenshotvue_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[8] || (_cache[8] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => sceneFigure(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).screenshotTips,
         type: "primary"
@@ -23337,7 +23793,7 @@ const Screenshotvue_type_script_setup_true_lang_js_default_ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])], 2
+      , ["title"])])])], 2
       /* CLASS */
       );
     };
@@ -23743,19 +24199,15 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
 };
 /* harmony default export */ var Rollervue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Rollervue_type_script_setup_true_lang_js_default_, {
   props: {
-    //设置参数
-    top: {
-      type: Number,
-      default: 16
-    },
-    right: {
-      type: Number,
-      default: 16
-    },
     showShadow: {
       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,
@@ -23801,8 +24253,21 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
       mode: props.settingParams && props.settingParams.mode || null
     });
     let layers = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)([]);
-    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();
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
@@ -23812,7 +24277,18 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
           viewModel = new RollerViewModel(scenceView, options);
         }
       });
-    }); // 切换模式
+    });
+    /**
+     * @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 changeMode() {
       let mode = formItem.mode;
@@ -23860,17 +24336,15 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(["kq3d-roller", {
           'kq-box-shadow': __props.showShadow
         }]),
-        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('top: ' + props.top + 'px; right: ' + props.right + 'px;')
-      }, [__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).roller,
-        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.createElementVNode)("div", Rollervue_type_script_setup_true_lang_js_hoisted_1, [(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", Rollervue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
         style: {
           "margin-bottom": "8px"
         }
@@ -24043,8 +24517,8 @@ const Rollervue_type_script_setup_true_lang_js_default_ = {
 
       }, 512
       /* NEED_PATCH */
-      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode !== null]])])], 6
-      /* CLASS, STYLE */
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode !== null]])])], 2
+      /* CLASS */
       );
     };
   }
@@ -24129,25 +24603,21 @@ class UndergroundViewModel {
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
 
 const Undergroundvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "kq3d-underground"
+  class: "kq3d-underground-switch"
 };
 
 
 
+
 const Undergroundvue_type_script_setup_true_lang_js_default_ = {
   name: "kq3dUnderground"
 };
 /* harmony default export */ var Undergroundvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Undergroundvue_type_script_setup_true_lang_js_default_, {
   props: {
-    //设置参数
-    top: {
-      type: Number,
-      default: 20
-    },
-    right: {
-      type: Number,
-      default: 20
-    }
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object]
   },
   emits: ["undergroundChange"],
 
@@ -24163,8 +24633,14 @@ const Undergroundvue_type_script_setup_true_lang_js_default_ = {
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
     let isUndergroundMode = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
     let viewer = null;
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(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);
+      });
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           viewer = scenceView._viewer;
@@ -24196,14 +24672,15 @@ const Undergroundvue_type_script_setup_true_lang_js_default_ = {
 
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
 
-      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", Undergroundvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", {
+        class: "kq3d-underground",
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
         "label-width": "120px",
         "label-position": "left"
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
-          class: "kq3d-underground-switch",
-          style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('top: ' + props.top + 'px; right: ' + props.right + 'px;')
-        }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_switch, {
+        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", Undergroundvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_switch, {
           modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isUndergroundMode),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.isRef)(isUndergroundMode) ? isUndergroundMode.value = $event : isUndergroundMode = $event),
           onChange: undergroundChange,
@@ -24216,13 +24693,13 @@ const Undergroundvue_type_script_setup_true_lang_js_default_ = {
           }
         }, null, 8
         /* PROPS */
-        , ["modelValue", "active-text"])], 4
-        /* STYLE */
-        )]),
+        , ["modelValue", "active-text"])])]),
         _: 1
         /* STABLE */
 
-      })]);
+      })], 512
+      /* NEED_PATCH */
+      );
     };
   }