@kq_npm/client3d_webgl_vue 4.5.28-beta → 4.5.30

package/baseterraingallery/index.js

@@ -2,11 +2,11 @@
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/const-image", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/const-image"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/const-image", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/const-image"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__6277__, __WEBPACK_EXTERNAL_MODULE__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
@@ -18,7 +18,8 @@ return /******/ (function() { // webpackBootstrap
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": function() { return /* binding */ BaseterrainGalleryViewModel; }
 /* harmony export */ });
-/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5301);
+/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
+
 
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
@@ -29,13 +30,15 @@ class BaseterrainGalleryViewModel {
   //基本地形对象
   constructor(viewer) {
     (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_baseterrainGallery", {});
+
     this._baseterrainGallery.viewer = viewer;
     this._baseterrainGallery.viewer.scene.globe.depthTestAgainstTerrain = false;
-    this._baseterrainGallery.viewer.scene.postProcessStages.fxaa.enabled = false;
-    //this.terrainTDT();
+    this._baseterrainGallery.viewer.scene.postProcessStages.fxaa.enabled = false; //this.terrainTDT();
+
     this.terrainNo();
     this.terrainCesium();
   }
+
   setTerrainType(inx) {
     if (inx === 0) {
       this._baseterrainGallery.viewer.terrainProvider = this._baseterrainGallery.terrainTDT;
@@ -44,8 +47,9 @@ class BaseterrainGalleryViewModel {
     } else if (inx === 2) {
       this._baseterrainGallery.viewer.terrainProvider = this._baseterrainGallery.terrainNo;
     }
-  }
-  //天地图地形
+  } //天地图地形
+
+
   terrainTDT() {
     this._baseterrainGallery.terrainTDT = new window.Cesium.TiandituTerrainProvider({
       url: "https://t{s}.tianditu.gov.cn/DEM90M/DataServer?T=elv_c",
@@ -55,12 +59,16 @@ class BaseterrainGalleryViewModel {
   /**
    * 无地形
    */
+
+
   terrainNo() {
     this._baseterrainGallery.terrainNo = new window.Cesium.EllipsoidTerrainProvider();
   }
   /**
    * cesium全球地形
    */
+
+
   terrainCesium() {
     window.Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIwMTY2NmY5Yi05OTM4LTQzMDAtOWFiNS00NTFlZmVkYWE2OTMiLCJpZCI6Nzc1NDAsImlhdCI6MTY0MDMzNzc2MH0.V6JP-o1fF5PQZ6BQzo5vS1SATDid7sM0NjOtQuRULjU";
     this._baseterrainGallery.terrainCesium = new window.Cesium.createWorldTerrain({
@@ -71,15 +79,20 @@ class BaseterrainGalleryViewModel {
   /**
    * 清理地图
    */
+
+
   clear() {
     this.setTerrainType(2);
   }
   /**
    * 注销
    */
+
+
   destroy() {
     this.clear();
   }
+
 }
 
 /***/ }),
@@ -133,59 +146,27 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
 
 /***/ }),
 
-/***/ 5301:
+/***/ 8270:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": function() { return /* binding */ _defineProperty; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
-  return ("string" === r ? String : Number)(t);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
+  return obj;
 }
 
-
 /***/ })
 
 /******/ 	});
@@ -282,7 +263,7 @@ var client_icons_vue_ = __webpack_require__(348);
 var util_ = __webpack_require__(3458);
 // EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
 var vue_i18n_cjs_js_ = __webpack_require__(7080);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/baseterraingallery/BaseterrainGallery.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/baseterraingallery/BaseterrainGallery.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-baseterrain-gallery-box"
@@ -330,6 +311,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -359,30 +341,27 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
     const props = __props;
     const {
       proxy
-    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
-    //语言
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
-    //地形选中值
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)(); //语言
+
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]); //地形选中值
+
     let currentIndex = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(2);
-    let currentTerrain = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let currentTerrain = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(""); //逻辑类对象
 
-    //逻辑类对象
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
 
-    // 组件容器Ref
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
-    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
 
-    // 国际化
     let {
       locale,
       messages
@@ -403,63 +382,76 @@ const __default__ = {
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           changSelectTerrain();
-          viewModel = new BaseterrainGalleryViewModel/* default */.Z(scenceView._viewer);
-          // 初始化无地形时不需要设置地形, 如果将地形设置为无地形可能会影响其他功能添加的地形
+          viewModel = new BaseterrainGalleryViewModel/* default */.Z(scenceView._viewer); // 初始化无地形时不需要设置地形, 如果将地形设置为无地形可能会影响其他功能添加的地形
+
           if (currentIndex.value != 2) viewModel.setTerrainType(currentIndex.value);
         }
       });
     });
-
     /**
      * @description 监听header生成
      */
+
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
         headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
     };
+
     function changSelectTerrain() {
       switch (currentIndex.value) {
         case 0:
           currentTerrain.value = language.value["tiandituTerrain"];
           break;
+
         case 1:
           currentTerrain.value = language.value["cesiumTerrain"];
           break;
+
         case 2:
           currentTerrain.value = language.value["ellipsoidTerrain"];
           break;
       }
-    }
-    //地形选择事件
+    } //地形选择事件
+
+
     function clickHandler(inx) {
       currentIndex.value = inx;
       changSelectTerrain();
       viewModel.setTerrainType(currentIndex.value);
-    }
-    //清除结果
+    } //清除结果
+
+
     function clearResult() {
       viewModel && viewModel.clear();
     }
+
     function getSelectIndex() {
       return currentIndex.value;
-    }
-    // 销毁
+    } // 销毁
+
+
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       clearResult();
     });
+
     __expose({
       changSelectTerrain,
       clickHandler,
       getSelectIndex,
       clearResult
     });
+
     return (_ctx, _cache) => {
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
       const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-baseterrain-gallery", {
           'kq-box-shadow': __props.showShadow
@@ -470,7 +462,9 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         style: {
           "line-height": "48px",
           "height": "48px"
@@ -479,10 +473,18 @@ const __default__ = {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
           label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).onlineTerrain
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentTerrain)), 1 /* TEXT */)]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["label"])]),
-        _: 1 /* STABLE */
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentTerrain)), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["label"])]),
+        _: 1
+        /* STABLE */
+
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 24
@@ -495,26 +497,51 @@ const __default__ = {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
                 src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(const_image_.CESIUM_TERRAiIN_URL),
                 alt: ""
-              }, null, 8 /* PROPS */, _hoisted_4)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).cesiumTerrain), 1 /* TEXT */)])]),
-              _: 1 /* STABLE */
-            }, 8 /* PROPS */, ["class"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              }, null, 8
+              /* PROPS */
+              , _hoisted_4)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_5, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).cesiumTerrain), 1
+              /* TEXT */
+              )])]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["class"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               onClick: _cache[1] || (_cache[1] = $event => clickHandler(2)),
               class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentIndex) == 2 ? 'active' : '')
             }, {
               default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_7, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
                 src: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(const_image_.NO_TERRAiIN_URL),
                 alt: ""
-              }, null, 8 /* PROPS */, _hoisted_8)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_10, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).ellipsoidTerrain), 1 /* TEXT */)])]),
-              _: 1 /* STABLE */
-            }, 8 /* PROPS */, ["class"])]),
-            _: 1 /* STABLE */
+              }, null, 8
+              /* PROPS */
+              , _hoisted_8)]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_9, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_10, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).ellipsoidTerrain), 1
+              /* TEXT */
+              )])]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["class"])]),
+            _: 1
+            /* STABLE */
+
           })]),
-          _: 1 /* STABLE */
+          _: 1
+          /* STABLE */
+
         })]),
-        _: 1 /* STABLE */
-      })])], 2 /* CLASS */);
+        _: 1
+        /* STABLE */
+
+      })])], 2
+      /* CLASS */
+      );
     };
   }
+
 }));
 ;// CONCATENATED MODULE: ./src/webgl/baseterraingallery/BaseterrainGallery.vue?vue&type=script&setup=true&lang=js
  
@@ -536,11 +563,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 BaseterrainGallery.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(BaseterrainGallery.name, BaseterrainGallery);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()

package/baseterraingallery/style/baseterraingallery.css

@@ -1 +1 @@
-.kq3d-baseterrain-gallery{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-baseterrain-gallery .kq3d-baseterrain-gallery-box{width:372px;min-width:220px}.kq3d-baseterrain-gallery .kq-form-item__label{height:48px;line-height:48px}.kq3d-baseterrain-gallery .kq-form-item{margin-bottom:0;width:100%}.kq3d-baseterrain-gallery .kq-form-item__content{text-align:end;display:block}.kq3d-baseterrain-gallery .divSpan{width:calc(100% - 16px);height:24px;line-height:24px;border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-light);text-align:left;padding:12px 8px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:16px;color:var(--kq-text-color-primary);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-feature-settings:"tnum" on,"lnum" on;font-feature-settings:"tnum" on,"lnum" on}.kq3d-baseterrain-gallery .kq-col-24{padding:8px;margin-top:16px;border:1px solid var(--kq-border-color);border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-lighter)}.kq3d-baseterrain-gallery .kq-form .kq-row{margin-left:0!important;margin-right:0!important;cursor:pointer;position:relative}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg{height:72px;line-height:72px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:14px;padding-left:0!important;padding-right:0!important;color:var(--kq-text-color-primary)}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg img{width:64px;height:64px;margin:4px;border:1px solid #c0c4cc}.kq3d-baseterrain-gallery .kq-form .kq-row .divText{position:absolute;right:8px;top:4px;bottom:4px;left:76px}.kq3d-baseterrain-gallery .kq-form .kq-row .divText .text{display:inline-block;height:64px;line-height:64px}.kq3d-baseterrain-gallery .kq-form .kq-row.active{background-color:var(--kq-color-primary-light-8)}
+.kq3d-baseterrain-gallery{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-baseterrain-gallery .kq3d-baseterrain-gallery-box{width:250px}.kq3d-baseterrain-gallery .kq-form-item__label{height:48px;line-height:48px}.kq3d-baseterrain-gallery .kq-form-item{margin-bottom:0;width:100%}.kq3d-baseterrain-gallery .kq-form-item__content{text-align:end;display:block}.kq3d-baseterrain-gallery .divSpan{width:calc(100% - 16px);height:24px;line-height:24px;border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-light);text-align:left;padding:12px 8px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:14px;color:var(--kq-text-color-primary);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-feature-settings:"tnum" on,"lnum" on;font-feature-settings:"tnum" on,"lnum" on}.kq3d-baseterrain-gallery .kq-col-24{padding:8px;margin-top:16px;border:1px solid var(--kq-border-color);border-radius:var(--kq-border-radius-base);background-color:var(--kq-fill-color-lighter)}.kq3d-baseterrain-gallery .kq-form .kq-row{margin-left:0!important;margin-right:0!important;cursor:pointer;position:relative}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg{height:72px;line-height:72px;font-family:Noto Sans SC;font-style:normal;font-weight:400;font-size:14px;padding-left:0!important;padding-right:0!important;color:var(--kq-text-color-primary)}.kq3d-baseterrain-gallery .kq-form .kq-row .divImg img{width:64px;height:64px;margin:4px;border:1px solid #c0c4cc}.kq3d-baseterrain-gallery .kq-form .kq-row .divText{position:absolute;right:8px;top:4px;bottom:4px;left:76px}.kq3d-baseterrain-gallery .kq-form .kq-row .divText .text{display:inline-block;height:64px;line-height:64px;font-size:14px}.kq3d-baseterrain-gallery .kq-form .kq-row.active{background-color:var(--kq-color-primary-light-8)}