@kq_npm/client3d_webgl_vue 0.4.0-beta → 0.4.1-beta

package/index.js

@@ -496,6 +496,8 @@ __webpack_require__.d(__webpack_exports__, {
   "KqScenceView": function() { return /* reexport */ ScenceView; },
   "KqScenceViewViewModel": function() { return /* reexport */ ScenceViewViewModel; },
   "default": function() { return /* binding */ webgl; },
+  "kq3dUnderground": function() { return /* reexport */ Underground; },
+  "kq3dUndergroundViewModel": function() { return /* reexport */ UndergroundViewModel; },
   "kqAddData": function() { return /* reexport */ AddData; },
   "webglComponents": function() { return /* reexport */ webglComponents; }
 });
@@ -20537,6 +20539,176 @@ Roller.install = (Vue, opts) => {
 };
 
 
+;// CONCATENATED MODULE: ./src/webgl/underground/UndergroundViewModel.js
+
+class UndergroundViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_viewer", null);
+
+    _defineProperty(this, "_undergroundManager", null);
+
+    this._viewer = viewer;
+    this._undergroundManager = new Cesium.Kq3dUndergroundManager(this._viewer.scene);
+  }
+
+  open() {
+    this._viewer.scene.skyAtmosphere.show = false; // 关闭碰撞检测
+
+    this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = false; // false;
+    // 关闭深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = false; // false;
+
+    window.Cesium.Kq3dUndergroundMixin(this._viewer.scene); // 开启地下模式
+
+    this._undergroundManager.undergroundEnabled = true; // true;
+    // 开启地形透明
+
+    this._undergroundManager.transparentEnabled = true; // true;
+    // 设置地形透明度，透明度在0-1之间
+
+    this._undergroundManager.transparent = 0.5;
+  }
+
+  close() {
+    this._viewer.scene.skyAtmosphere.show = true; // 开启碰撞检测
+
+    this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = true; // true;
+    // 开启深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; // true;
+    // 关闭地下模式
+
+    this._undergroundManager.undergroundEnabled = false; // false;
+    // 关闭地形透明
+
+    this._undergroundManager.transparentEnabled = false; // false;
+    // 设置地形透明度，透明度在0-1之间
+
+    this._undergroundManager.transparent = 0;
+  }
+
+  destroy() {
+    this.close();
+  }
+
+}
+;// 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"
+};
+
+
+
+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
+    }
+  },
+
+  setup(__props) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)(); //获取组件传参
+
+    let value = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true);
+    const value1 = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true);
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
+    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;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      // currentLang.value = proxy.$i18n.locale; // 获取当前语言
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          viewer = scenceView._viewer;
+          language.value = scenceView._language;
+          viewModel = new UndergroundViewModel(viewer);
+        }
+      });
+    });
+
+    function undergroundChange() {
+      if (isUndergroundMode.value) {
+        viewModel.open();
+      } else {
+        viewModel.close();
+      }
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-switch");
+
+      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, {
+        "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, {
+          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,
+          "active-color": "#409EFF",
+          "inactive-color": "#C0CCDA",
+          width: 30,
+          "active-text": "地下",
+          style: {
+            "margin-right": "'5px'"
+          }
+        }, null, 8
+        /* PROPS */
+        , ["modelValue"])], 4
+        /* STYLE */
+        )]),
+        _: 1
+        /* STABLE */
+
+      })]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/underground/Underground.vue
+
+
+
+const Underground_exports_ = Undergroundvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var Underground = (Underground_exports_);
+;// CONCATENATED MODULE: ./src/webgl/underground/index.js
+
+
+
+
+Underground.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Underground.name, Underground);
+};
+
+
 ;// CONCATENATED MODULE: ./src/webgl/components.js
 /**
  * Author: 朱鹏超
@@ -20592,6 +20764,8 @@ Roller.install = (Vue, opts) => {
 
 
 
+
+
 
 
 
@@ -20620,7 +20794,8 @@ const webglComponents = {
   Kq3dCompareMap: CompareMap,
   Kq3dHawkeye: Hawkeye,
   Kq3dRoller: Roller,
-  Kq3dScreenShot: Screenshot
+  Kq3dScreenShot: Screenshot,
+  kq3dUnderground: Underground
 }; // 全局引入
 
 const install = function (Vue, opts = {}) {

package/package.json

@@ -1 +1 @@
-{"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"0.4.0-beta","homepage":"","keywords":["KQGIS","webGL","Vue"],"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"author":"KQWEB GROUP","license":"Apache-2.0","dependencies":{"colorcolor":"^1.1.1","echarts":"^5.3.3","js-cookie":"^3.0.1","omit.js":"^2.0.2","save":"^2.5.0","tinycolor2":"^1.4.2","vue-i18n":"^9.2.0-beta.36","xlsx":"^0.18.5","@turf/turf":"^6.5.0","css-vars-ponyfill":"^2.4.8","xe-utils":"^3.5.4"}}
+{"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"0.4.1-beta","homepage":"","keywords":["KQGIS","webGL","Vue"],"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"author":"KQWEB GROUP","license":"Apache-2.0","dependencies":{"colorcolor":"^1.1.1","echarts":"^5.3.3","js-cookie":"^3.0.1","omit.js":"^2.0.2","save":"^2.5.0","tinycolor2":"^1.4.2","vue-i18n":"^9.2.0-beta.36","xlsx":"^0.18.5","@turf/turf":"^6.5.0","css-vars-ponyfill":"^2.4.8","xe-utils":"^3.5.4"}}

package/underground/index.js

@@ -0,0 +1,252 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "UndergroundViewModel": function() { return /* reexport */ UndergroundViewModel; },
+  "default": function() { return /* reexport */ Underground; }
+});
+
+;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+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 obj;
+}
+;// CONCATENATED MODULE: ./src/webgl/underground/UndergroundViewModel.js
+
+class UndergroundViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_viewer", null);
+
+    _defineProperty(this, "_undergroundManager", null);
+
+    this._viewer = viewer;
+    this._undergroundManager = new Cesium.Kq3dUndergroundManager(this._viewer.scene);
+  }
+
+  open() {
+    this._viewer.scene.skyAtmosphere.show = false; // 关闭碰撞检测
+
+    this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = false; // false;
+    // 关闭深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = false; // false;
+
+    window.Cesium.Kq3dUndergroundMixin(this._viewer.scene); // 开启地下模式
+
+    this._undergroundManager.undergroundEnabled = true; // true;
+    // 开启地形透明
+
+    this._undergroundManager.transparentEnabled = true; // true;
+    // 设置地形透明度，透明度在0-1之间
+
+    this._undergroundManager.transparent = 0.5;
+  }
+
+  close() {
+    this._viewer.scene.skyAtmosphere.show = true; // 开启碰撞检测
+
+    this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = true; // true;
+    // 开启深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; // true;
+    // 关闭地下模式
+
+    this._undergroundManager.undergroundEnabled = false; // false;
+    // 关闭地形透明
+
+    this._undergroundManager.transparentEnabled = false; // false;
+    // 设置地形透明度，透明度在0-1之间
+
+    this._undergroundManager.transparent = 0;
+  }
+
+  destroy() {
+    this.close();
+  }
+
+}
+;// 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 _hoisted_1 = {
+  class: "kq3d-underground"
+};
+
+
+
+const __default__ = {
+  name: "kq3dUnderground"
+};
+/* harmony default export */ var Undergroundvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    //设置参数
+    top: {
+      type: Number,
+      default: 20
+    },
+    right: {
+      type: Number,
+      default: 20
+    }
+  },
+
+  setup(__props) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)(); //获取组件传参
+
+    let value = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true);
+    const value1 = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true);
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
+    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;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      // currentLang.value = proxy.$i18n.locale; // 获取当前语言
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          viewer = scenceView._viewer;
+          language.value = scenceView._language;
+          viewModel = new UndergroundViewModel(viewer);
+        }
+      });
+    });
+
+    function undergroundChange() {
+      if (isUndergroundMode.value) {
+        viewModel.open();
+      } else {
+        viewModel.close();
+      }
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-switch");
+
+      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", _hoisted_1, [(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, {
+          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,
+          "active-color": "#409EFF",
+          "inactive-color": "#C0CCDA",
+          width: 30,
+          "active-text": "地下",
+          style: {
+            "margin-right": "'5px'"
+          }
+        }, null, 8
+        /* PROPS */
+        , ["modelValue"])], 4
+        /* STYLE */
+        )]),
+        _: 1
+        /* STABLE */
+
+      })]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/underground/Underground.vue
+
+
+
+const __exports__ = Undergroundvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var Underground = (__exports__);
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/underground/index.js
+
+
+
+
+Underground.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Underground.name, Underground);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/underground/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./underground.css");

package/underground/style/underground.css

@@ -0,0 +1 @@
+:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq3d-underground .kq3d-underground-switch{z-index:999;width:350px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}