@kq_npm/client3d_webgl_vue 4.5.48 → 4.5.49

package/sceneapp/index.js

@@ -8275,8 +8275,6 @@ return (_ctx, _cache) => {
 const __exports__ = SceneViewvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var SceneView = (__exports__);
-// EXTERNAL MODULE: ./src/common/KqGIS.js
-var KqGIS = __webpack_require__(8353);
 // 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_);
@@ -8289,7 +8287,6 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
-
 SceneView.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(SceneView.name, SceneView);
@@ -8297,7 +8294,7 @@ SceneView.install = (Vue, opts) => {
 
 
 
-KqGIS/* kq_npm_client3d_webgl_vue */.Z.KqSceneView = SceneView
+kq_npm_client3d_webgl_vue.KqSceneView = SceneView;
 
 
 /***/ }),
@@ -19836,10 +19833,10 @@ const __exports__ = FixedZoomoutvue_type_script_setup_true_lang_js;
 var init_js_ = __webpack_require__(455);
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// ./src/webgl/fixedzoomout/index.js
-/*
- * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
- * All rights reserved.
- */
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -19849,7 +19846,9 @@ FixedZoomout.install = (Vue, opts) => {
   Vue.component(FixedZoomout.name, FixedZoomout);
 };
 
-
+
+
+kq_npm_client3d_webgl_vue.Kq3dFixedZoomout = FixedZoomout;
 
 /***/ }),
 
@@ -27129,10 +27128,10 @@ const __exports__ = FixedZoominvue_type_script_setup_true_lang_js;
 var init_js_ = __webpack_require__(455);
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// ./src/webgl/fixedzoomin/index.js
-/*
- * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
- * All rights reserved.
- */
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -27142,7 +27141,9 @@ FixedZoomin.install = (Vue, opts) => {
   Vue.component(FixedZoomin.name, FixedZoomin);
 };
 
-
+
+
+kq_npm_client3d_webgl_vue.Kq3dFixedZoomin = FixedZoomin;
 
 /***/ }),
 
@@ -46316,7 +46317,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tool-bar-wrapper-3d-component .tool-b
 /* harmony import */ var _webgl_buildpolygonmodel__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(440);
 /* harmony import */ var _webgl_buildpointmodel__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(8321);
 /* harmony import */ var _webgl_buildpolylinemodel__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(9493);
-/* harmony import */ var _webgl_sceneapp__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(6441);
+/* harmony import */ var _webgl_modelmaterialedit__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(8614);
+/* harmony import */ var _webgl_sceneapp__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(6441);
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
@@ -46502,6 +46504,9 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tool-bar-wrapper-3d-component .tool-b
 // 三维地理设计-构建点模型
 
 
+// 三维地理设计-构建点模型
+
+
 
 
 
@@ -46555,14 +46560,15 @@ const webglComponents = {
   Kq3dSlopeAspectAnalysis: _webgl_slopeaspectanalysis__WEBPACK_IMPORTED_MODULE_35__["default"],
   Kq3dSceneToHDImage: _webgl_scenetohdimage__WEBPACK_IMPORTED_MODULE_15__["default"],
   Kq3dHeatmap: _webgl_heatmap3d__WEBPACK_IMPORTED_MODULE_19__["default"],
-  KqSceneApp: _webgl_sceneapp__WEBPACK_IMPORTED_MODULE_56__["default"],
+  KqSceneApp: _webgl_sceneapp__WEBPACK_IMPORTED_MODULE_57__["default"],
   Kq3dSceneAdvancedToImage: _webgl_sceneadvancedtoimage__WEBPACK_IMPORTED_MODULE_16__["default"],
   Kq3dTyphoonTrac: _webgl_typhoontrac__WEBPACK_IMPORTED_MODULE_24__["default"],
   Kq3dWindySlicing: _webgl_windyslicing__WEBPACK_IMPORTED_MODULE_23__["default"],
   Kq3dModelEdit: _webgl_modeledit__WEBPACK_IMPORTED_MODULE_22__["default"],
   Kq3dBuildPolygonModel: _webgl_buildpolygonmodel__WEBPACK_IMPORTED_MODULE_53__["default"],
   Kq3dBuildPointModel: _webgl_buildpointmodel__WEBPACK_IMPORTED_MODULE_54__["default"],
-  Kq3dBuildPolylineModel: _webgl_buildpolylinemodel__WEBPACK_IMPORTED_MODULE_55__["default"]
+  Kq3dBuildPolylineModel: _webgl_buildpolylinemodel__WEBPACK_IMPORTED_MODULE_55__["default"],
+  Kq3dModelMaterialEdit: _webgl_modelmaterialedit__WEBPACK_IMPORTED_MODULE_56__["default"]
 };
 
 // 全局引入
@@ -50547,10 +50553,9 @@ BuildPointModel.install = (Vue, opts) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Z: function() { return /* binding */ kq_npm_client3d_webgl_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;
@@ -50565,6 +50570,408 @@ __webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
 
 
 
+/***/ }),
+
+/***/ 8614:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* reexport */ ModelMaterialEdit; }
+});
+
+// UNUSED EXPORTS: ModelMaterialEditViewModel
+
+// 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);
+};
+
+
+
+
 /***/ }),
 
 /***/ 8974:
@@ -58111,10 +58518,10 @@ const __exports__ = AddDatavue_type_script_setup_true_lang_js;
 var init_js_ = __webpack_require__(455);
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// ./src/webgl/adddata/index.js
-/*
- * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
- * All rights reserved.
- */
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -58125,7 +58532,8 @@ AddData.install = (Vue, opts) => {
 };
 
 
-
+
+kq_npm_client3d_webgl_vue.Kq3dAddData = AddData;
 
 /***/ }),