@kq_npm/client3d_webgl_vue 0.0.1-beta

package/modelselect/index.js

@@ -0,0 +1,375 @@
+/******/ (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__, {
+  "ModelSelectViewModel": function() { return /* reexport */ ModelSelectViewModel; },
+  "default": function() { return /* reexport */ ModelSelect; }
+});
+
+;// 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 "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_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/modelselect/ModelSelectViewModel.js
+
+//模型拾取逻辑类
+class ModelSelectViewModel {
+  constructor(scenceView, pickCallFunc) {
+    _defineProperty(this, "_viewer", null);
+
+    _defineProperty(this, "_handler", null);
+
+    _defineProperty(this, "_isPick", false);
+
+    _defineProperty(this, "_highlight", null);
+
+    this._viewer = scenceView._viewer;
+    this._drawManager = scenceView._drawManager;
+    this._handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
+    let that = this;
+
+    this._handler.setInputAction(function (movement) {
+      if (that._isPick) {
+        let pickedObject = that._viewer.scene.pick(movement.position); //console.log(pickedObject);
+
+
+        if (pickedObject) {
+          if (pickedObject instanceof Cesium.Cesium3DTileFeature) {
+            let properties = pickedObject.getPropertyNames() || [];
+
+            if (properties.indexOf("id") > -1) {
+              let id = pickedObject.getProperty("id");
+              that.clear();
+              that._highlight = new Cesium.Kq3dHighlight({
+                viewer: that._viewer,
+                tileset: pickedObject.tileset,
+                attrName: "id",
+                attrValue: [id],
+                color: [Cesium.Color.RED]
+              });
+              let attrs = {};
+              properties.forEach(prop => {
+                attrs[prop] = pickedObject.getProperty(prop);
+              });
+              pickCallFunc && pickCallFunc(pickedObject.tileset.name || "LayerName", attrs);
+            } else {
+              console.log("Feature has no id attribute!");
+            }
+          }
+        }
+      }
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+  }
+
+  setCursor(style) {
+    this._viewer.canvas.style.cursor = style;
+  } //拾取
+
+
+  pick() {
+    this.setCursor("crosshair");
+    this._isPick = true;
+  } //清除
+
+
+  clear() {
+    this._highlight && this._highlight.remove();
+    this._highlight = null;
+    this.setCursor("default");
+    this._isPick = false;
+  } //销毁
+
+
+  destroy() {
+    this.clear();
+    this._handler && this._handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/modelselect/ModelSelect.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-model-select"
+};
+const _hoisted_2 = {
+  class: "modelTree"
+};
+const _hoisted_3 = {
+  class: "footer-buttons"
+};
+
+
+ // 树绑定字段
+
+const __default__ = {
+  name: "Kq3dModelSelect"
+};
+/* harmony default export */ var ModelSelectvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    //指定组件绑定的viewer对象的div的id
+    mapTarget: String
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const defaultProps = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      children: "children",
+      label: "label"
+    }); // tree数据源
+
+    let treeData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)([]); // 属性值
+
+    let tableData = (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 viewModel = null; // 获取组件传参
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      //父组件ScenceView初始化完成后执行
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          viewModel = new ModelSelectViewModel(scenceView, pickCallFunc);
+        }
+      });
+    });
+
+    function pick() {
+      viewModel && viewModel.pick();
+    }
+
+    function pickCallFunc(layerName, properties) {
+      let newTreeData = [{
+        label: layerName,
+        children: [{
+          label: properties.id || "Model1"
+        }]
+      }];
+      treeData.value = newTreeData;
+      let propertiesData = [];
+
+      for (let key in properties) {
+        propertiesData.push({
+          field: key,
+          value: properties[key]
+        });
+      }
+
+      tableData.value = propertiesData;
+    }
+
+    function clear() {
+      treeData.value = [];
+      tableData.value = [];
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      clear
+    });
+    return (_ctx, _cache) => {
+      const _component_KqTree = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("KqTree");
+
+      const _component_kq_scrollbar = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-scrollbar");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_table_column = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-table-column");
+
+      const _component_kq_table = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-table");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+          span: 8
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_scrollbar, {
+            class: "scrollbarClass"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_KqTree, {
+              data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(treeData),
+              props: defaultProps,
+              "expand-on-click-node": false,
+              "default-expand-all": "",
+              "highlight-current": "",
+              "node-key": "id"
+            }, null, 8
+            /* PROPS */
+            , ["data", "props"])]),
+            _: 1
+            /* STABLE */
+
+          })])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+          span: 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.createVNode)(_component_kq_table, {
+            border: "",
+            stripe: "",
+            data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(tableData),
+            style: {
+              "width": "100%",
+              "height": "100%"
+            },
+            "cell-style": {
+              padding: '8px 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_table_column, {
+              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).fieldName,
+              prop: "field",
+              align: "center"
+            }, null, 8
+            /* PROPS */
+            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
+              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).fieldValue,
+              prop: "value",
+              align: "center"
+            }, null, 8
+            /* PROPS */
+            , ["label"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["data"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[0] || (_cache[0] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => pick(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pick,
+        type: "primary"
+      }, {
+        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).pick), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[1] || (_cache[1] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clear(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear
+      }, {
+        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).clear), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/modelselect/ModelSelect.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/modelselect/ModelSelect.vue
+
+
+
+const __exports__ = ModelSelectvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ModelSelect = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/modelselect/index.js
+
+
+
+
+ModelSelect.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ModelSelect.name, ModelSelect);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/modelselect/style/css.js

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

package/modelselect/style/index.js

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

package/modelselect/style/modelselect.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-model-select{z-index:999;width:400px;height:350px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-model-select .kq-row{height:calc(100% - 45px)}.kq3d-model-select .kq-col{height:100%}.kq3d-model-select .modelTree{width:calc(100% - var(--kq-border-width) - 12px);height:100%;border-radius:var(--kq-border-radius-base);border:var(--kq-border-width) var(--kq-border-style) var(--kq-border-color);background-color:var(--kq-bg-color);pointer-events:auto;margin-right:12px}.kq3d-model-select .modelTree .scrollbarClass{height:calc(100% - var(--kq-box-padding) - 28px)}.kq3d-model-select.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.kq3d-model-select .kq-row{margin-bottom:10px}.kq3d-model-select .footer-buttons{float:right;padding-top:5px}

package/package.json

@@ -0,0 +1 @@
+{"name":"@kq_npm/client3d_webgl_vue","description":"KQGIS Client3D for Vue.js","version":"0.0.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.7","xe-utils":"^3.5.4"}}