@kq_npm/client3d_webgl_vue 4.5.47 → 4.5.49

package/modelmaterialedit/index.js

@@ -0,0 +1,596 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	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/init.js"), require("@kq_npm/client_common_vue/_utils/util.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"));
+	else if(typeof define === 'function' && define.amd)
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/util.js", "@kq_npm/client_common_vue/configprovider/useGlobalConfig.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/init.js"), require("@kq_npm/client_common_vue/_utils/util.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig.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/init.js"], root["@kq_npm/client_common_vue/_utils/util.js"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__455__, __WEBPACK_EXTERNAL_MODULE__3684__, __WEBPACK_EXTERNAL_MODULE__5711__) {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 64:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__64__;
+
+/***/ }),
+
+/***/ 154:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__154__;
+
+/***/ }),
+
+/***/ 455:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__455__;
+
+/***/ }),
+
+/***/ 1092:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6363);
+/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_KqGIS__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8353);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(455);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_2__);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+
+
+
+
+element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
+  _init__WEBPACK_IMPORTED_MODULE_2___default()(Vue, opts);
+  Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
+};
+
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (KqMessage)));
+
+_common_KqGIS__WEBPACK_IMPORTED_MODULE_1__/* .kq_npm_client_common_vue */ .yR.KqMessage = element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage;
+
+
+/***/ }),
+
+/***/ 3684:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__3684__;
+
+/***/ }),
+
+/***/ 5698:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 5711:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__5711__;
+
+/***/ }),
+
+/***/ 6363:
+/***/ (function(module) {
+
+module.exports = require("element-plus/dist/index.full.js");
+
+/***/ }),
+
+/***/ 8353:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   yR: function() { return /* binding */ kq_npm_client_common_vue; }
+/* harmony export */ });
+/* unused harmony exports kq_npm_client_leaflet_vue, kq_npm_client3d_webgl_vue */
+let kq_npm_client_common_vue = (window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {});
+
+__webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
+
+let kq_npm_client_leaflet_vue = (window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {});
+
+__webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
+
+let kq_npm_client3d_webgl_vue = (window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {});
+
+__webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
+
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* 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/global */
+/******/ 	!function() {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	}();
+/******/ 	
+/******/ 	/* 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__, {
+  ModelMaterialEditViewModel: function() { return /* reexport */ BuildPolygonModelViewModel; },
+  "default": function() { return /* reexport */ ModelMaterialEdit; }
+});
+
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(5698);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
+var gis_utils_ = __webpack_require__(64);
+// EXTERNAL MODULE: ./src/common/_ui/message/index.js
+var message = __webpack_require__(1092);
+;// ./src/webgl/modelmaterialedit/ModelMaterialEditViewModel.js
+/*
+* Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+* All rights reserved.
+*/
+
+class BuildPolygonModelViewModel {
+  _options = {};
+  _scenceView = null;
+  constructor(scenceView, formItem) {
+    this._scenceView = scenceView;
+    this._options = formItem;
+
+  }
+  //清除
+  clear() {
+    
+  }
+  //销毁
+  destroy() {
+    this.clear();
+  }
+}
+
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util.js"
+var util_js_ = __webpack_require__(3684);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"
+var useGlobalConfig_js_ = __webpack_require__(5711);
+;// ./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/modelmaterialedit/ModelMaterialEdit.vue?vue&type=script&setup=true&lang=js
+
+
+const _hoisted_1 = { class: "kq3d-model-material-edit-box" }
+const _hoisted_2 = { class: "thumbnail-container" }
+const _hoisted_3 = { class: "thumbnails-grid" }
+const _hoisted_4 = { class: "thumbnail-name" }
+const _hoisted_5 = ["src", "alt"]
+const _hoisted_6 = { class: "thumbnail-name" }
+
+;
+
+
+
+
+
+
+
+const __default__ = {
+  name: "Kq3dModelMaterialEdit"
+};
+
+/* harmony default export */ var ModelMaterialEditvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
+  props: {
+  mapTarget: {
+    type: String
+  },
+  settingParams: {
+    type: String
+  },
+  // 是否显示阴影
+  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,
+    default: false
+  },
+  // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+  isCollapseHeaderTemp: {
+    type: Boolean,
+    default: false
+  },
+  // HeaderTemp标题
+  headerTempTitle: {
+    type: String
+  },
+  // HeaderTemp图标
+  headerTempIcon: {
+    type: [Object, String],
+    default: client_icons_vue_.IconModelMaterialEdit
+  },
+  // HeaderTemp Title&Icon的位置
+  isRight: {
+    type: Boolean,
+    default: true
+  }
+},
+  setup(__props, { expose: __expose }) {
+
+const { t, lang, locale } = (0,useGlobalConfig_js_.useLocale)();
+// 获取组件传参
+const props = __props;
+// 关联数据
+let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+  collapseValue: props?.settingParams?.collapseValue ?? "setting", // 默认展开属性设置
+  materialPart: props?.settingParams?.materialPart ?? "", // 材质部位
+  materialGroup: props?.settingParams?.materialGroup ?? "" // 材质分组
+});
+let materialParts = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([locale.value.webgl.roof, locale.value.webgl.facade]);
+let materialGroups = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([locale.value.webgl.wallTile, locale.value.webgl.road, locale.value.webgl.metal]);
+
+let materialImages = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([
+  { name: "自然风光", url: "https://picsum.photos/100/80?random=1" },
+  { name: "城市建筑", url: "https://picsum.photos/100/80?random=2" },
+  { name: "可爱动物", url: "https://picsum.photos/100/80?random=3" },
+  { name: "美食佳肴", url: "https://picsum.photos/100/80?random=4" },
+  { name: "科技产品", url: "https://picsum.photos/100/80?random=5" },
+  { name: "艺术设计", url: "https://picsum.photos/100/80?random=6" },
+  { name: "旅行记忆", url: "https://picsum.photos/100/80?random=7" },
+  { name: "人物肖像", url: "https://picsum.photos/100/80?random=8" },
+  { name: "艺术设计", url: "https://picsum.photos/100/80?random=6" },
+  { name: "旅行记忆", url: "https://picsum.photos/100/80?random=7" },
+  { name: "人物肖像", url: "https://picsum.photos/100/80?random=8" }
+]);
+let showNotification = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
+let notificationText = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+// 组件容器Ref
+let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+// 生成组件默认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 viewModel = null;
+
+(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+  (0,util_js_.updatePosition)(boxRef.value, props);
+  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(
+    () => props.position,
+    (newVal, oldVal) => {
+      (0,util_js_.updatePosition)(boxRef.value, props);
+    }
+  );
+  watchCreateHeaderTemp();
+  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(
+    () => props.showHeaderTemp,
+    (newVal, oldVal) => {
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.nextTick)(() => {
+        watchCreateHeaderTemp();
+      });
+    }
+  );
+
+  gis_utils_.utils.getWebMap(props.mapTarget, scenceView => {
+    if (scenceView) {
+      viewModel = new BuildPolygonModelViewModel(scenceView, formItem);
+    }
+  });
+});
+
+/**
+ * @description 监听header生成
+ */
+const watchCreateHeaderTemp = () => {
+  if (props.showHeaderTemp) {
+    // 生成headerTemp
+    headerTemp.value = (0,util_js_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, "webgl.modelMaterialEditTitle");
+  }
+};
+// 
+function paramsChanged(key) {}
+// 添加图片
+function addImage(){
+
+}
+function clear() {
+  viewModel?.clear();
+}
+// 销毁
+(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
+  clear();
+});
+
+__expose({});
+
+return (_ctx, _cache) => {
+  const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option")
+  const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select")
+  const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row")
+  const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item")
+  const _component_kq_radio_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-button")
+  const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-group")
+  const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form")
+
+  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-model-material-edit", { 'kq-box-shadow': __props.showShadow }]),
+    ref_key: "boxRef",
+    ref: boxRef
+  }, [
+    (__props.showHeaderTemp)
+      ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
+          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_form, {
+        "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(lang) === 'zh' ? '100px' : '120px',
+        "label-position": "left"
+      }, {
+        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_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_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(locale).webgl.materialPart
+              }, {
+                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_row, { style: {"display":"flex"} }, {
+                    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_select, {
+                        modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).materialPart,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).materialPart) = $event)),
+                        onChange: _cache[1] || (_cache[1] = $event => (paramsChanged('materialPart'))),
+                        style: {"width":"100%"}
+                      }, {
+                        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                          ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(materialParts), (item, index) => {
+                            return ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                              label: item,
+                              key: index,
+                              value: item
+                            }, null, 8 /* PROPS */, ["label", "value"]))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["modelValue"])
+                    ]),
+                    _: 1 /* STABLE */
+                  })
+                ]),
+                _: 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_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(locale).webgl.materialGroup
+              }, {
+                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_row, { style: {"display":"flex"} }, {
+                    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_select, {
+                        modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).materialGroup,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).materialGroup) = $event)),
+                        onChange: _cache[3] || (_cache[3] = $event => (paramsChanged('materialGroup'))),
+                        style: {"width":"100%"}
+                      }, {
+                        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                          ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(materialGroups), (item, index) => {
+                            return ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                              label: item,
+                              key: index,
+                              value: item
+                            }, null, 8 /* PROPS */, ["label", "value"]))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["modelValue"])
+                    ]),
+                    _: 1 /* STABLE */
+                  })
+                ]),
+                _: 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_.createElementVNode)("div", _hoisted_2, [
+                (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)("div", {
+                    class: "thumbnail-item",
+                    onClick: addImage
+                  }, [
+                    _cache[6] || (_cache[6] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", { class: "add-image" }, [
+                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", { class: "add-icon" }, "+")
+                    ], -1 /* CACHED */)),
+                    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_4, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(locale).webgl.newMaterial), 1 /* TEXT */)
+                  ]),
+                  ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(materialImages), (image, index) => {
+                    return ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", {
+                      class: "thumbnail-item",
+                      key: index
+                    }, [
+                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("img", {
+                        src: image.url,
+                        alt: image.name,
+                        class: "thumbnail-img"
+                      }, null, 8 /* PROPS */, _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)(image.name), 1 /* TEXT */)
+                    ]))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ])
+              ])
+            ]),
+            _: 1 /* STABLE */
+          }),
+          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, { style: {"margin-bootom":"0px"} }, {
+            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)(locale).webgl.materialType
+              }, {
+                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_row, { style: {"display":"flex"} }, {
+                    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_radio_group, {
+                        modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).materialType,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).materialType) = $event)),
+                        onChange: _cache[5] || (_cache[5] = $event => (paramsChanged('materialType')))
+                      }, {
+                        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_radio_button, { label: 1 }, {
+                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('webgl.commonMaterial')), 1 /* TEXT */)
+                            ]),
+                            _: 1 /* STABLE */
+                          }),
+                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio_button, { label: 2 }, {
+                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('webgl.pbrMaterial')), 1 /* TEXT */)
+                            ]),
+                            _: 1 /* STABLE */
+                          })
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["modelValue"])
+                    ]),
+                    _: 1 /* STABLE */
+                  })
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])
+            ]),
+            _: 1 /* STABLE */
+          })
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["label-width"])
+    ])
+  ], 2 /* CLASS */))
+}
+}
+
+}));
+;// ./src/webgl/modelmaterialedit/ModelMaterialEdit.vue?vue&type=script&setup=true&lang=js
+ 
+;// ./src/webgl/modelmaterialedit/ModelMaterialEdit.vue
+
+
+
+const __exports__ = ModelMaterialEditvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ModelMaterialEdit = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(455);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// ./src/webgl/modelmaterialedit/index.js
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+
+
+
+ModelMaterialEdit.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ModelMaterialEdit.name, ModelMaterialEdit);
+};
+
+
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/modelmaterialedit/style/index.js

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

package/modelmaterialedit/style/modelmaterialedit.css

@@ -0,0 +1 @@
+.kq3d-model-material-edit{z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-model-material-edit .kq3d-model-material-edit-box{width:350px}.kq3d-model-material-edit .kq3d-model-material-edit-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-model-material-edit .kq3d-model-material-edit-tip p{margin-top:0;margin-bottom:16px}.kq3d-model-material-edit .kq-select{width:100%}.kq3d-model-material-edit .kq-collapse{border:unset}.kq3d-model-material-edit .kq-collapse .kq-collapse-item{margin-bottom:8px}.kq3d-model-material-edit .kq-collapse .kq-collapse-item:last-child{margin-bottom:0}.kq3d-model-material-edit .kq-collapse .kq-collapse-item__header{border:unset;height:38px;background-color:var(--kq-fill-color-light);font-weight:700;padding:0 16px;font-size:16px}.kq3d-model-material-edit .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-model-material-edit .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:8px}.kq3d-model-material-edit .kq-form-item{margin-bottom:8px}.kq3d-model-material-edit .kq-form-item__content{text-align:end;display:block}.kq3d-model-material-edit .kq-row{display:block}.kq3d-model-material-edit .kq-slider{width:95%;padding-left:7px}.kq3d-model-material-edit .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-model-material-edit .kq-input-number.is-controls-right{width:65px}.kq3d-model-material-edit .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-model-material-edit .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-model-material-edit .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-model-material-edit .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-model-material-edit .kq-color-picker,.kq3d-model-material-edit .kq-color-picker .kq-color-picker__mask,.kq3d-model-material-edit .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-model-material-edit .kq3d-model-material-edit-legend{width:198px;height:24px}.kq3d-model-material-edit .kq-radio__input{display:inline;vertical-align:top}.kq3d-model-material-edit .kq3d-model-material-edit-footer{text-align:right;padding:16px 0 0}.kq3d-model-material-edit .kq3d-model-material-edit-btn{text-align:right;padding:8px 0}.kq3d-model-material-edit .thumbnail-container{height:337px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:8px}.kq3d-model-material-edit .thumbnails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 4px;overflow-y:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.kq3d-model-material-edit .thumbnails-grid::-webkit-scrollbar{width:6px}.kq3d-model-material-edit .thumbnails-grid::-webkit-scrollbar-thumb,.kq3d-model-material-edit .thumbnails-grid::-webkit-scrollbar-track{border-radius:10px}.kq3d-model-material-edit .thumbnail-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;padding:4px}.kq3d-model-material-edit .thumbnail-img{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:2px solid var(--kq-fill-color-light)}.kq3d-model-material-edit .add-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:80px;border-radius:6px;border:2px dashed var(--kq-text-color-regular);background-color:var(--kq-fill-color-light);color:var(--kq-text-color-regular);font-size:var(--kq-font-size-small)}.kq3d-model-material-edit .add-icon{font-size:64px;margin-bottom:8px}.kq3d-model-material-edit .thumbnail-name{margin-top:4px;font-size:var(--kq-font-size-extra-small);color:var(--kq-text-color-regular);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.kq3d-model-material-edit .container-title{text-align:center;margin-bottom:16px;color:#2c3e50;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #eee}.kq3d-model-material-edit .image-counter{text-align:center;margin-top:16px;font-size:12px;color:#888}.kq3d-model-material-edit .notification{position:fixed;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.kq3d-model-material-edit .notification.show{opacity:1}

package/modelprofileanalysis/index.js

@@ -57,7 +57,7 @@ element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install =
 
 /* harmony default export */ __webpack_exports__.A = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 
-_common_KqGIS__WEBPACK_IMPORTED_MODULE_1__/* .kq_npm_client_common_vue */ .y.KqMessage = element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage;
+_common_KqGIS__WEBPACK_IMPORTED_MODULE_1__/* .kq_npm_client_common_vue */ .yR.KqMessage = element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage;
 
 
 /***/ }),
@@ -94,9 +94,9 @@ module.exports = require("element-plus/dist/index.full.js");
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   y: function() { return /* binding */ kq_npm_client_common_vue; }
+/* harmony export */   yR: function() { return /* binding */ kq_npm_client_common_vue; }
 /* harmony export */ });
-/* unused harmony export kq_npm_client_leaflet_vue */
+/* unused harmony exports kq_npm_client_leaflet_vue, kq_npm_client3d_webgl_vue */
 let kq_npm_client_common_vue = (window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {});
 
 __webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
@@ -105,6 +105,11 @@ let kq_npm_client_leaflet_vue = (window.kq_npm_client_leaflet_vue = window.kq_np
 
 __webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
 
+let kq_npm_client3d_webgl_vue = (window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {});
+
+__webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
+
+
 
 /***/ })