@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.57

package/buildpointmodel/index.js

@@ -12,6 +12,22 @@ return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 1006:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "\n.simple-filter-select[data-v-011f2cca] {\r\n  width: 100%;\n}\n.option-content[data-v-011f2cca] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 0 4px;\n}\n.option-text[data-v-011f2cca] {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\n.icon-class[data-v-011f2cca] {\r\n  font-size: 14px;\r\n  padding: 4px;\n}\n.icon-class[data-v-011f2cca]:hover {\r\n  color: var(--kq-color-danger);\n}\n[data-v-011f2cca] .kq-option:hover .delete-btn {\r\n  opacity: 1;\n}\n[data-v-011f2cca] .custom-select-popper {\r\n  --kq-select-dropdown-item-padding: 4px 8px;\n}\n[data-v-011f2cca] .kq-option {\r\n  padding: 0 !important;\n}\r\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
 /***/ 4822:
 /***/ (function(module) {
 
@@ -58,13 +74,13 @@ var _default = exports.A = {
       t,
       lang,
       locale
-    } = (0, _useGlobalConfig.useLocale)();
-    const selectRef = (0, _vue.ref)(null);
+    } = (0, _useGlobalConfig.useLocale)(); // 国际化相关方法
+    const selectRef = (0, _vue.ref)(null); // 下拉选择组件引用
     const props = __props;
-    const selectedCondition = (0, _vue.ref)("");
-    const filterConditions = (0, _vue.ref)([...props.initialConditions]);
-    const selectKey = (0, _vue.ref)(0);
-    const emit = __emit;
+    const selectedCondition = (0, _vue.ref)(""); // 当前选中的过滤条件
+    const filterConditions = (0, _vue.ref)([...props.initialConditions]); // 可选过滤条件列表
+    const selectKey = (0, _vue.ref)(0); // 下拉组件 key，用于强制刷新
+    const emit = __emit; // 对外事件定义
 
     // 监听初始条件变化
     (0, _vue.watch)(() => props.initialConditions, async newVal => {
@@ -76,7 +92,11 @@ var _default = exports.A = {
       immediate: true
     });
 
-    // 处理选中/新增逻辑
+    /**
+     * @description 处理选中/新增逻辑
+     * @param {string} value 选中的条件字符串
+     * @returns {Promise<void>}
+     */
     const handleConditionChange = async value => {
       if (!value) return;
       const isExist = filterConditions.value.includes(value);
@@ -86,12 +106,22 @@ var _default = exports.A = {
       }
       emit("condition-change", value);
     };
+
+    /**
+     * @description 处理新增自定义条件
+     * @param {string} item 新创建的条件字符串
+     * @returns {Promise<void>}
+     */
     const handleCreateCondition = async item => {
       if (!item) return;
       await handleConditionChange(item);
       selectedCondition.value = item;
     };
-    // 
+    /**
+     * @description 删除指定条件选项
+     * @param {string} condition 待删除的条件字符串
+     * @returns {Promise<void>}
+     */
     const handleDeleteOption = async condition => {
       filterConditions.value = filterConditions.value.filter(item => item !== condition);
       if (selectedCondition.value === condition) {
@@ -103,7 +133,10 @@ var _default = exports.A = {
       emit("option-delete", condition);
     };
 
-    // 实时输入监听
+    /**
+     * @description 实时输入监听
+     * @param {string} val 当前输入值
+     */
     const handleInput = val => {};
 
     // 清空选中
@@ -113,11 +146,17 @@ var _default = exports.A = {
 
     // 供父组件调用
     __expose({
+      // 刷新下拉组件
       refreshConditions: () => {
         selectKey.value++;
       },
       clearSelection,
+      // 获取当前条件列表副本
       getConditions: () => [...filterConditions.value],
+      /**
+       * @description 添加条件
+       * @param {string} condition 待添加的条件字符串
+       */
       addCondition: condition => {
         if (condition && !filterConditions.value.includes(condition)) {
           filterConditions.value.push(condition);
@@ -172,6 +211,504 @@ var _default = exports.A = {
 
 /***/ }),
 
+/***/ 11790:
+/***/ (function(__unused_webpack_module, exports) {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+/**
+ * BuildPointModel 内部 API 工具类
+ * 用于复杂几何符号模板的服务器交互（上传/下载/删除）
+ * 通过组件的 props（geometryServerUrl, geometryServerToken）配置，不依赖全局 store
+ */
+class BuildPointModelApi {
+  /**
+   * @param {string} serverUrl - 服务器地址（如 http://xxx.com）
+   * @param {string} token - 认证 token
+   */
+  constructor(serverUrl, token) {
+    this._serverUrl = serverUrl || '';
+    this._token = token || '';
+    this._resourceDirectory = null;
+  }
+
+  /**
+   * @description 统一的请求方法（基于原生 fetch）
+   * @param {string} method HTTP 请求方法（GET/POST/DELETE 等）
+   * @param {string} path 接口路径（拼接到 /server-manager/network/disk 之后）
+   * @param {Object} [data={}] 请求参数或请求体
+   * @param {Object} [config={}] 额外配置（headers、timeout 等）
+   * @returns {Promise<Object|null>} 接口返回的数据体，失败返回 null
+   */
+  async _request(method, path, data = {}, config = {}) {
+    const baseUrl = this._serverUrl.replace(/\/+$/, '');
+    let url = `${baseUrl}/server-manager/network/disk${path}`;
+    const headers = {
+      ...config.headers
+    };
+    const isFormData = data instanceof FormData;
+
+    // 超时控制
+    const controller = new AbortController();
+    const timeout = config.timeout || 30000;
+    const timeoutId = setTimeout(() => controller.abort(), timeout);
+    const fetchOptions = {
+      method: method.toUpperCase(),
+      headers,
+      signal: controller.signal,
+      redirect: "follow"
+    };
+    if (method.toLowerCase() === 'get') {
+      // GET 请求：将 data 拼接为 query string
+      const params = new URLSearchParams(data);
+      if (this._token) {
+        params.append('ua_token', this._token);
+      }
+      if (params.toString()) {
+        url += (url.includes('?') ? '&' : '?') + params.toString();
+      }
+    } else {
+      // 非 GET 请求：token 拼接到 URL
+      if (this._token) {
+        url += (url.includes('?') ? '&' : '?') + 'ua_token=' + encodeURIComponent(this._token);
+      }
+      if (isFormData) {
+        // FormData：移除 Content-Type 让浏览器自动设置 boundary
+        delete headers['Content-Type'];
+        fetchOptions.body = data;
+      } else {
+        // 其他请求：JSON body
+        headers['Content-Type'] = 'application/json';
+        fetchOptions.body = JSON.stringify(data);
+      }
+    }
+    try {
+      const response = await fetch(url, fetchOptions);
+      clearTimeout(timeoutId);
+      const resData = await response.json();
+      if (resData && resData.data && resData.data.code === 200) {
+        return resData.data;
+      } else if (resData && resData.code === 200) {
+        return resData;
+      }
+      return null;
+    } catch (error) {
+      clearTimeout(timeoutId);
+      if (error.name === 'AbortError') {
+        throw new Error('请求超时');
+      }
+      throw new Error(error.message || '请求失败');
+    }
+  }
+
+  // ============ 目录内容相关接口 ============
+
+  /**
+   * 获取当前层级目录状态（不递归）
+   * @param {string} [filePath] - 目录路径，不传则返回根目录
+   */
+  async getDirContents(filePath) {
+    const query = filePath ? `?filePath=${encodeURIComponent(filePath)}&includeSuffix=&filterFile=false` : '?includeSuffix=&filterFile=false';
+    const response = await this._request('GET', `/directoryByRoot${query}`);
+    return response ? response.data : {
+      fileList: [],
+      filePath: filePath || ''
+    };
+  }
+
+  /**
+   * 初始化：通过 getDirContents 遍历磁盘，发现 mapRoot 目录并存储为 _resourceDirectory
+   * 后续 getAllContents(isFirst=true) 会自动拼接 _resourceDirectory 作为根路径
+   * @returns {Promise<string|null>} 发现的 mapRoot 路径，未找到返回 null
+   */
+  async init() {
+    if (this._resourceDirectory) return this._resourceDirectory;
+
+    // 1. 获取根目录（返回各磁盘）
+    const rootData = await this.getDirContents();
+    if (!rootData?.fileList?.length) {
+      console.error('[BuildPointModelApi] 获取根目录失败，无法初始化 resourceDirectory');
+      return null;
+    }
+
+    // 2. 遍历每个磁盘，查找 mapRoot 目录
+    for (const disk of rootData.fileList) {
+      if (disk.fileType !== "File Folder") continue;
+      const diskContents = await this.getDirContents(disk.dirPath);
+      if (!diskContents?.fileList?.length) continue;
+      const mapRootDir = diskContents.fileList.find(item => item.dirName === 'mapRoot' && item.fileType === "File Folder");
+      if (mapRootDir) {
+        this._resourceDirectory = mapRootDir.dirPath;
+        return this._resourceDirectory;
+      }
+    }
+    console.error('[BuildPointModelApi] 未找到 mapRoot 目录');
+    return null;
+  }
+
+  /**
+   * 递归获取目录树结构
+   * @param {string} filePath - 目标路径
+   * @param {boolean} [isFirst=false] - 是否首次调用，首次调用时需拼接 resourceDirectory 根路径
+   */
+  async getAllContents(filePath, isFirst = false) {
+    if (isFirst) {
+      filePath = this._resourceDirectory + (filePath.startsWith('/') ? filePath : '/' + filePath);
+    }
+    const response = await this.getDirContents(filePath);
+    if (!response || !response.fileList || !Array.isArray(response.fileList)) return [];
+    let result = [...response.fileList];
+    for (let i = 0; i < result.length; i++) {
+      const item = result[i];
+      if (item.fileType === "File Folder" && item.dirPath) {
+        const subContents = await this.getAllContents(item.dirPath);
+        item.children = subContents;
+      }
+    }
+    return result;
+  }
+
+  // ============ 文件操作接口 ============
+
+  /**
+   * @description 检查文件/目录是否存在
+   * @param {string} filePath 文件或目录的绝对路径
+   * @returns {Promise<boolean>} 存在返回 true，否则返回 false
+   */
+  async checkFilePath(filePath) {
+    const response = await this._request('GET', `/checkFilePath?filePath=${encodeURIComponent(filePath)}`);
+    return response?.data?.resultBool === true;
+  }
+
+  /**
+   * @description 删除文件或目录
+   * @param {string} filePath 文件或目录的绝对路径
+   * @returns {Promise<boolean>} 删除成功返回 true，否则返回 false
+   */
+  async deleteFile(filePath) {
+    const response = await this._request('DELETE', `/delete?filePath=${encodeURIComponent(filePath)}`);
+    return response?.data === true;
+  }
+
+  /**
+   * @description 创建目录
+   * @param {string} filePath 父级目录路径
+   * @param {string} folderName 新建目录名称
+   * @returns {Promise<Object|null>} 创建结果，失败返回 null
+   */
+  async createDirectory(filePath, folderName) {
+    const response = await this._request('POST', `/mkdirs?filePath=${encodeURIComponent(filePath)}&folderName=${folderName}`);
+    return response?.data || null;
+  }
+
+  /**
+   * @description 上传单个文件
+   * @param {Object} fileData 文件数据对象（含 file、filePath、name 等字段）
+   * @returns {Promise<Object|null>} 上传结果，失败返回 null
+   */
+  async uploadFile(fileData) {
+    try {
+      const formData = new FormData();
+      formData.append('file', fileData.file);
+      const params = {
+        filePath: fileData.filePath,
+        name: fileData.name,
+        origSize: fileData.origSize || fileData.file.size,
+        chunkSize: fileData.chunkSize || fileData.file.size,
+        chunks: fileData.chunks || 1,
+        chunk: fileData.chunk || 0
+      };
+      Object.keys(params).forEach(key => {
+        formData.append(key, params[key]);
+      });
+      const response = await this._request('POST', '/uploadFile', formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data'
+        }
+      });
+      return response?.data || null;
+    } catch (error) {
+      throw new Error(error);
+    }
+  }
+
+  // ============ 业务接口 ============
+
+  /**
+   * @description 上传点符号素材（创建目录 + 上传图片 + 上传模型）
+   * @param {Object} params 上传参数（含 filePath、name、img、path）
+   * @returns {Promise<Object|null>} 上传成功返回 { success, dirPath }，失败返回 null
+   */
+  async uploadPointMaterial(params) {
+    const {
+      filePath,
+      name,
+      img,
+      path
+    } = params;
+    if (!filePath || !name) return null;
+
+    // 拼接 _resourceDirectory 得到绝对路径（相对路径兜底时）
+    const fullPath = this._resourceDirectory && !/^[A-Za-z]:/.test(filePath) ? this._resourceDirectory + (filePath.startsWith('/') ? filePath : '/' + filePath) : filePath;
+    const targetDirPath = `${fullPath}/${name}`;
+    try {
+      // 检查并删除已存在目录（删除失败不阻断流程，继续尝试创建）
+      const exists = await this.checkFilePath(targetDirPath);
+      if (exists) {
+        try {
+          await this.deleteFile(targetDirPath);
+        } catch (delErr) {
+          console.warn('[BuildPointModelApi] 删除已存在目录失败，继续尝试创建:', delErr);
+        }
+      }
+
+      // 创建目录
+      const createdPath = await this.createDirectory(fullPath, name);
+      if (!createdPath) return null;
+
+      // 上传图片
+      if (img) {
+        const actualImg = img.raw || img;
+        await this.uploadFile({
+          file: actualImg,
+          filePath: targetDirPath,
+          name: actualImg.name
+        });
+      }
+
+      // 上传模型
+      if (path) {
+        const actualPath = path.raw || path;
+        await this.uploadFile({
+          file: actualPath,
+          filePath: targetDirPath,
+          name: actualPath.name
+        });
+      }
+      return {
+        success: true,
+        dirPath: createdPath
+      };
+    } catch (error) {
+      return null;
+    }
+  }
+
+  /**
+   * @description 上传JSON数据到服务器（用于复杂几何模板保存）；方案2：按模板名称分别存储为独立 JSON 文件
+   * @param {Object} params 上传参数（含 filePath、fileName、jsonData）
+   * @returns {Promise<Object|null>} 上传结果，失败返回 null
+   */
+  async uploadJsonData(params) {
+    try {
+      const {
+        filePath,
+        fileName,
+        jsonData
+      } = params;
+
+      // 拼接 _resourceDirectory 得到绝对路径
+      const fullPath = this._resourceDirectory ? this._resourceDirectory + (filePath.startsWith('/') ? filePath : '/' + filePath) : filePath;
+      const formattedFileName = fileName.endsWith('.json') ? fileName : `${fileName}.json`;
+
+      // 将JSON对象转换为Blob
+      const jsonBlob = new Blob([JSON.stringify(jsonData, null, 2)], {
+        type: 'application/json'
+      });
+      const jsonFile = new File([jsonBlob], formattedFileName, {
+        type: 'application/json'
+      });
+
+      // 检查目标目录是否存在
+      const dirExists = await this.checkFilePath(fullPath);
+      if (!dirExists) {
+        console.error(`[BuildPointModelApi] 目标目录不存在: ${fullPath}`);
+        throw new Error(`目标目录 "${fullPath}" 不存在，无法上传`);
+      }
+      const targetFile = `${fullPath}/${formattedFileName}`;
+      const fileExists = await this.checkFilePath(targetFile);
+      if (fileExists) {
+        await this.deleteFile(targetFile);
+      }
+      const result = await this.uploadFile({
+        file: jsonFile,
+        filePath: fullPath,
+        name: formattedFileName
+      });
+      return result?.uploaded ? result : null;
+    } catch (error) {
+      console.error('[BuildPointModelApi] uploadJsonData 失败:', error);
+      return null;
+    }
+  }
+
+  // ============ 辅助方法 ============
+
+  /**
+   * 从目录树数据构建分类列表（仅名称，不加载 base64）
+   * 保留原始文件列表在 _children 中，供 loadCategorySymbols 按需加载
+   * @param {Array} data - 目录树数据
+   * @returns {Array} 分类列表 [{ name, _dirPath, _children, children: [] }]
+   */
+  buildCategoryList(data) {
+    const result = [];
+    for (const parentDir of data) {
+      if (parentDir.fileType !== "File Folder") continue;
+      result.push({
+        name: parentDir.dirName,
+        _dirPath: parentDir.dirPath,
+        _children: parentDir.children || [],
+        children: [] // 选中分类后按需加载
+      });
+    }
+    return result;
+  }
+
+  /**
+   * 按需加载指定分类的符号数据（获取 base64）
+   * 按文件基础名分组，每组对应一个符号
+   * @param {Object} categoryItem - buildCategoryList 返回的分类项（含 _children）
+   * @returns {Promise<Array>} 加载完成的 children 数组
+   */
+  async loadCategorySymbols(categoryItem) {
+    if (!categoryItem._children?.length) return categoryItem.children;
+
+    // 已加载过则直接返回
+    if (categoryItem.children?.length) return categoryItem.children;
+    const fileGroups = new Map();
+    for (const file of categoryItem._children) {
+      if (file.fileType === "File Folder") continue;
+      const baseName = file.dirName.replace(/\.[^.]+$/, '');
+      if (!fileGroups.has(baseName)) {
+        fileGroups.set(baseName, {});
+      }
+      const group = fileGroups.get(baseName);
+      if (file.dirName.endsWith('.glb')) {
+        group.glb = file;
+      } else if (file.dirName.endsWith('.png')) {
+        group.png = file;
+      }
+    }
+
+    // 并行请求所有文件的 base64
+    const childrenData = [];
+    for (const [baseName, files] of fileGroups) {
+      if (files.glb) {
+        try {
+          const [glbBase64, pngBase64] = await Promise.all([this.getFileBase64(files.glb.dirPath), files.png ? this.getFileBase64(files.png.dirPath) : Promise.resolve(null)]);
+          childrenData.push({
+            name: baseName,
+            img: pngBase64 ? `data:image/png;base64,${pngBase64}` : '',
+            path: glbBase64 ? `data:model/gltf-binary;base64,${glbBase64}` : ''
+          });
+        } catch (err) {
+          console.error(`[BuildPointModelApi] 加载符号 "${baseName}" 失败:`, err);
+        }
+      }
+    }
+
+    // 直接修改 categoryItem.children（Vue 响应式会追踪）
+    categoryItem.children.splice(0, categoryItem.children.length, ...childrenData);
+    return categoryItem.children;
+  }
+
+  /**
+   * 获取文件的 base64 内容
+   * 通过 downloadFile 接口获取原始二进制数据，客户端侧转为 base64
+   * 避免 /base64 接口将二进制文件当文本读取导致数据损坏的问题
+   * @param {string} filePath - 文件路径
+   * @returns {Promise<string|null>} base64 字符串
+   */
+  async getFileBase64(filePath) {
+    try {
+      const baseUrl = this._serverUrl.replace(/\/+$/, '');
+      const params = new URLSearchParams({
+        filePath
+      });
+      if (this._token) {
+        params.append('ua_token', this._token);
+      }
+      const url = `${baseUrl}/server-manager/network/disk/downloadFile?${params.toString()}`;
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), 30000);
+      const response = await fetch(url, {
+        method: 'GET',
+        signal: controller.signal
+      });
+      clearTimeout(timeoutId);
+      if (!response.ok) {
+        throw new Error(`下载文件失败: ${response.status}`);
+      }
+
+      // 获取二进制数据，客户端侧转为 base64（分块处理避免大文件栈溢出）
+      const arrayBuffer = await response.arrayBuffer();
+      const bytes = new Uint8Array(arrayBuffer);
+      const chunkSize = 8192;
+      let base64 = '';
+      for (let i = 0; i < bytes.length; i += chunkSize) {
+        const chunk = bytes.slice(i, i + chunkSize);
+        base64 += String.fromCharCode.apply(null, chunk);
+      }
+      return btoa(base64);
+    } catch (error) {
+      console.error(`[BuildPointModelApi] getFileBase64 失败:`, error);
+      return null;
+    }
+  }
+
+  /**
+   * 获取文件的文本内容（通过 base64 接口获取文件二进制数据，解码为文本）
+   * 用于读取 JSON 等文本文件
+   * 相比 downloadFile 接口，base64 接口走统一 _request 方法，鉴权/超时/错误处理一致
+   * @param {string} filePath - 文件绝对路径
+   * @returns {Promise<string|null>} 文件文本内容
+   */
+  async getFileText(filePath) {
+    try {
+      const response = await this._request('GET', `/base64?filePath=${encodeURIComponent(filePath)}`);
+      if (!response?.data) return null;
+      // base64 解码还原为原始文本
+      return atob(response.data);
+    } catch (error) {
+      console.error(`[BuildPointModelApi] getFileText 失败:`, error);
+      return null;
+    }
+  }
+
+  /**
+   * 通过 fetch 读取 JSON 文件（用于读取服务器上的模板 JSON）
+   * @deprecated 请使用 getFileText 替代，此方法依赖静态文件服务，可能不可用
+   */
+  async readJsonByFetch(jsonPath) {
+    try {
+      const baseUrl = this._serverUrl.replace(/\/+$/, '');
+      let url = `${baseUrl}${jsonPath}`;
+      if (this._token) {
+        url += (url.includes('?') ? '&' : '?') + 'ua_token=' + encodeURIComponent(this._token);
+      }
+      const response = await fetch(url, {
+        headers: {
+          Accept: 'application/json'
+        },
+        method: 'GET'
+      });
+      if (!response.ok) {
+        return null;
+      }
+      return await response.json();
+    } catch (err) {
+      return null;
+    }
+  }
+}
+exports["default"] = BuildPointModelApi;
+
+/***/ }),
+
 /***/ 20064:
 /***/ (function(module) {
 
@@ -214,6 +751,92 @@ module.exports = require("@babel/runtime/helpers/interopRequireDefault");
 
 /***/ }),
 
+/***/ 39745:
+/***/ (function(__unused_webpack_module, exports) {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+/**
+ * BSP 操作工具类
+ * 提取 _operationModels 和 _buildComplexModel 中共用的 BSP 操作逻辑
+ */
+class BSPOperationUtil {
+  /**
+   * 将简单几何模型转换为 BSP 模型
+   * @param {Object} model - 简单几何模型实例（PMCube/PMSphere等）
+   * @param {Cesium.PMKq3dBSPUtility} bspUtility - BSP 工具实例
+   * @returns {Object|null} BSP 模型，失败返回 null
+   */
+  static convertModelToBSP(model, bspUtility) {
+    if (!model || !bspUtility) return null;
+    const bspes = [];
+    bspUtility.getBSPes(model, model, bspes);
+    return bspes[0] || null;
+  }
+
+  /**
+   * 安全保存 BSP 结果并解析为对象
+   * @param {Cesium.PMKq3dBSPUtility} bspUtility - BSP 工具实例
+   * @param {Object} bspResult - BSP 运算结果
+   * @returns {Object|null} 解析后的 bspGeometry 对象
+   */
+  static saveBSPResult(bspUtility, bspResult) {
+    if (!bspUtility || !bspResult) return null;
+    let savedBsp = bspUtility.save(bspResult);
+    if (!savedBsp) return null;
+    console.log('[Z-OFFSET-DEBUG] saveBSPResult - BSP保存结果:', {
+      savedBspType: typeof savedBsp,
+      savedBspPreview: typeof savedBsp === 'string' ? savedBsp.substring(0, 200) : JSON.stringify(savedBsp).substring(0, 200),
+      bspUtilityCenter: bspUtility._center ? {
+        x: bspUtility._center.x,
+        y: bspUtility._center.y,
+        z: bspUtility._center.z
+      } : bspUtility.center ? {
+        x: bspUtility.center.x,
+        y: bspUtility.center.y,
+        z: bspUtility.center.z
+      } : 'unknown'
+    });
+    let bspGeometry;
+    if (typeof savedBsp === 'string') {
+      try {
+        bspGeometry = JSON.parse(savedBsp);
+      } catch (e) {
+        console.error('解析 bspGeometry 失败:', e);
+        return null;
+      }
+    } else {
+      bspGeometry = savedBsp;
+    }
+    if (!bspGeometry || typeof bspGeometry === 'object' && !bspGeometry.polygons) {
+      console.warn('bspGeometry 结构无效:', bspGeometry);
+      return null;
+    }
+    return bspGeometry;
+  }
+
+  /**
+   * 获取 BSP 模型（无论是简单模型还是已确认 BSP 组合）
+   * @param {Object} modelData - { pointModels, isBsp, bspItems }
+   * @param {Object} rawModel - 原始模型实例
+   * @param {Cesium.PMKq3dBSPUtility} bspUtility - BSP 工具实例
+   * @returns {Object|null} BSP 模型
+   */
+  static getBSPModel(modelData, rawModel, bspUtility) {
+    if (modelData.isBsp) {
+      return rawModel.bspResult || rawModel;
+    }
+    return BSPOperationUtil.convertModelToBSP(rawModel, bspUtility);
+  }
+}
+exports["default"] = BSPOperationUtil;
+
+/***/ }),
+
 /***/ 42975:
 /***/ (function(module) {
 
@@ -234,7 +857,8 @@ exports["default"] = exports.MODEL_TYPES = exports.GEOMETRY_DEFAULT_CONFIG = exp
 const MODEL_TYPES = exports.MODEL_TYPES = Object.freeze({
   DYNAMIC: "dynamicSymbol",
   GEOMETRY: "geometrySymbol",
-  CUSTOM_POINT: "customPointSymbol"
+  CUSTOM_POINT: "customPointSymbol",
+  COMPLEX_GEOMETRY: "complexGeometrySymbol"
 });
 const EXCLUDED_PROPERTY_FIELDS = exports.EXCLUDED_PROPERTY_FIELDS = Object.freeze(["oid", "kid", "id", "fid", "objectid", "smid", "sid"]);
 const GEOMETRY_DEFAULT_CONFIG = exports.GEOMETRY_DEFAULT_CONFIG = Object.freeze({
@@ -449,69 +1073,17 @@ module.exports = require("element-plus/dist/index.full.js");
 
 /***/ }),
 
-/***/ 64546:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+/***/ 65698:
+/***/ (function(module) {
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  __esModule: function() { return /* reexport */ filterConditionSelectvue_type_script_setup_true_lang_js/* __esModule */.B; },
-  "default": function() { return /* binding */ filterConditionSelect; }
-});
+module.exports = require("@kq_npm/client_icons_vue");
 
-// EXTERNAL MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=script&setup=true&lang=js
-var filterConditionSelectvue_type_script_setup_true_lang_js = __webpack_require__(10993);
-;// ./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=script&setup=true&lang=js
- 
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(85072);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=style&index=0&id=7e7a85c7&scoped=true&lang=css
-var filterConditionSelectvue_type_style_index_0_id_7e7a85c7_scoped_true_lang_css = __webpack_require__(66328);
-;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=style&index=0&id=7e7a85c7&scoped=true&lang=css
+/***/ }),
 
-            
+/***/ 66262:
+/***/ (function(__unused_webpack_module, exports) {
 
-var options = {};
-
-options.insert = "head";
-options.singleton = false;
-
-var update = injectStylesIntoStyleTag_default()(filterConditionSelectvue_type_style_index_0_id_7e7a85c7_scoped_true_lang_css/* default */.A, options);
-
-
-
-/* harmony default export */ var buildpointmodel_filterConditionSelectvue_type_style_index_0_id_7e7a85c7_scoped_true_lang_css = (filterConditionSelectvue_type_style_index_0_id_7e7a85c7_scoped_true_lang_css/* default */.A.locals || {});
-;// ./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=style&index=0&id=7e7a85c7&scoped=true&lang=css
-
-// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
-var exportHelper = __webpack_require__(66262);
-;// ./src/webgl/buildpointmodel/filterConditionSelect.vue
-
-
-
-;
-
-
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(filterConditionSelectvue_type_script_setup_true_lang_js/* default */.A, [['__scopeId',"data-v-7e7a85c7"]])
-
-/* harmony default export */ var filterConditionSelect = (__exports__);
-
-/***/ }),
-
-/***/ 65698:
-/***/ (function(module) {
-
-module.exports = require("@kq_npm/client_icons_vue");
-
-/***/ }),
-
-/***/ 66262:
-/***/ (function(__unused_webpack_module, exports) {
-
-var __webpack_unused_export__;
+var __webpack_unused_export__;
 
 __webpack_unused_export__ = ({ value: true });
 // runtime helper for setting properties on components
@@ -525,22 +1097,6 @@ exports.A = (sfc, props) => {
 };
 
 
-/***/ }),
-
-/***/ 66328:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, "\n.simple-filter-select[data-v-7e7a85c7] {\r\n  width: 100%;\n}\n.option-content[data-v-7e7a85c7] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 0 4px;\n}\n.option-text[data-v-7e7a85c7] {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\n.icon-class[data-v-7e7a85c7] {\r\n  font-size: 14px;\r\n  padding: 4px;\n}\n.icon-class[data-v-7e7a85c7]:hover {\r\n  color: var(--kq-color-danger);\n}\n[data-v-7e7a85c7] .kq-option:hover .delete-btn {\r\n  opacity: 1;\n}\n[data-v-7e7a85c7] .custom-select-popper {\r\n  --kq-select-dropdown-item-padding: 4px 8px;\n}\n[data-v-7e7a85c7] .kq-option {\r\n  padding: 0 !important;\n}\r\n", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 67434:
@@ -596,6 +1152,58 @@ _KqGIS.kq_npm_client_common_vue.KqMessage = _indexFull.ElMessage;
 
 /***/ }),
 
+/***/ 74317:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  __esModule: function() { return /* reexport */ filterConditionSelectvue_type_script_setup_true_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ filterConditionSelect; }
+});
+
+// EXTERNAL MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=script&setup=true&lang=js
+var filterConditionSelectvue_type_script_setup_true_lang_js = __webpack_require__(10993);
+;// ./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(85072);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=style&index=0&id=011f2cca&scoped=true&lang=css
+var filterConditionSelectvue_type_style_index_0_id_011f2cca_scoped_true_lang_css = __webpack_require__(1006);
+;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=style&index=0&id=011f2cca&scoped=true&lang=css
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(filterConditionSelectvue_type_style_index_0_id_011f2cca_scoped_true_lang_css/* default */.A, options);
+
+
+
+/* harmony default export */ var buildpointmodel_filterConditionSelectvue_type_style_index_0_id_011f2cca_scoped_true_lang_css = (filterConditionSelectvue_type_style_index_0_id_011f2cca_scoped_true_lang_css/* default */.A.locals || {});
+;// ./src/webgl/buildpointmodel/filterConditionSelect.vue?vue&type=style&index=0&id=011f2cca&scoped=true&lang=css
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(66262);
+;// ./src/webgl/buildpointmodel/filterConditionSelect.vue
+
+
+
+;
+
+
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(filterConditionSelectvue_type_script_setup_true_lang_js/* default */.A, [['__scopeId',"data-v-011f2cca"]])
+
+/* harmony default export */ var filterConditionSelect = (__exports__);
+
+/***/ }),
+
 /***/ 74844:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
@@ -610,8 +1218,11 @@ var _util = __webpack_require__(42975);
 var _message = _interopRequireDefault(__webpack_require__(71323));
 var _useGlobalConfig = __webpack_require__(22686);
 var _BuildPointModelUtil = _interopRequireWildcard(__webpack_require__(46312));
+var _BSPOperationUtil = _interopRequireDefault(__webpack_require__(39745));
+var _vue = __webpack_require__(50154);
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 class BuildPointModelViewModel {
+  // { templateIndex: [PMBSPPrimitive] }
   /**
    * 构造函数
    * @param {Cesium.SceneView} sceneView - Cesium 场景视图实例
@@ -620,17 +1231,39 @@ class BuildPointModelViewModel {
   constructor(sceneView, formItem) {
     // 私有属性：恢复_前缀命名规范
     this._options = {};
+    // 表单配置项（与视图层 formItem 双向同步）
     this._sceneView = null;
+    // Cesium 场景视图实例
     this._layerData = null;
+    // 当前图层 GeoJSON 数据
     this._pointModel = null;
+    // 当前编辑中的点模型实例
     this._pointModels = [];
+    // 生成的点模型 JSON 列表
     this._currentItem = null;
+    // 当前选中的动态符号项
     this._currentItemGeometry = {
       value: "PMCube",
       name: "立方体"
     };
+    // 当前选中的几何符号项
     this._language = null;
+    // 国际化语言资源
     this._customAxis = null;
+    // 自定义坐标轴实例（编辑模式）
+    this._groupShapes = [];
+    // 简单几何与模板模型列表（组合基础/运算对象来源）
+    this._previewBspResults = [];
+    // 预览态 BSP 结果（临时）
+    this._confirmedBspResults = {};
+    // 已确认 BSP 结果（keyed by id）
+    this._previewComplexModels = [];
+    // 最终复杂模型预览（PMBSPPrimitive 实例）
+    this._drawManager = null;
+    // 绘制管理器实例
+    this._selectedTemplateIndices = new Set();
+    // 当前选中的模板索引集合（支持多选）
+    this._selectedTemplateModelsMap = new Map();
     this._sceneView = sceneView;
     this._options = formItem;
     this._sceneView._viewer.scene.globe.depthTestAgainstTerrain = true;
@@ -638,6 +1271,65 @@ class BuildPointModelViewModel {
       locale
     } = (0, _useGlobalConfig.useLocale)();
     this._language = locale;
+    this._drawManager = sceneView._drawManager;
+    // let that = this;
+    // this._drawManager.startDraw("marker", { image: null }, (feature, { shape }) => {
+    //   if (!shape.groupName || shape.groupName !== "BuildPointModelDraw") return;
+    //   that._drawManager.clearDrawGroup("BuildPointModelDraw");
+    //   const screenPosition = that._sceneView._viewer.scene.cartesianToCanvasCoordinates(shape._position);
+    //   if (Cesium.defined(screenPosition)) {
+    //     let pickedObject = that._sceneView._viewer.scene.pick(screenPosition);
+    //     console.log(pickedObject);
+    //   }
+    // },"BuildPointModelDraw")
+  }
+
+  /**
+   * 获取校验后的 features（聚合数据校验/过滤/处理逻辑）
+   * @returns {Array|null} features 数组，校验失败返回 null
+   */
+  _getValidatedFeatures() {
+    if (!this._layerData) {
+      (0, _message.default)({
+        message: this._language.value.webgl.noGeoJSONData,
+        type: "warning"
+      });
+      return null;
+    }
+    const filteredData = _BuildPointModelUtil.default.filterGeoJSONData(this._layerData, this._options.selectModelId);
+    const features = _BuildPointModelUtil.default.processGeoJSON(filteredData);
+    if (!features?.length) {
+      (0, _message.default)({
+        message: this._language.value.webgl.noGeoJSONData,
+        type: "warning"
+      });
+      return null;
+    }
+    return features;
+  }
+
+  /**
+   * @description 安全回调调用
+   * @param {Function} cb 回调函数
+   * @param {...*} args 透传给回调的参数
+   */
+  _safeCallback(cb, ...args) {
+    typeof cb === "function" && cb(...args);
+  }
+
+  /**
+   * 获取简化后的 groupShapes 数据（仅含 value/name/icon）
+   * @returns {Array}
+   */
+  _getSimplifiedGroupShapes() {
+    return this._groupShapes.map(item => ({
+      value: item.value,
+      name: item.name,
+      // 模板加载的运算模型在下拉列表中只显示名称，不显示图标
+      icon: item._isTemplate ? null : item.icon,
+      // 标记来源：模板加载的项用于保存按钮禁用判断
+      _isTemplate: !!item._isTemplate
+    }));
   }
 
   /**
@@ -663,24 +1355,9 @@ class BuildPointModelViewModel {
    */
   generated(type, cb) {
     this._pointModels = [];
-    if (!this._layerData) {
-      (0, _message.default)({
-        message: this._language.value.webgl.noGeoJSONData,
-        type: "warning"
-      });
-      return;
-    }
+    const features = this._getValidatedFeatures();
+    if (!features) return;
     try {
-      // 复用工具类方法，简化主逻辑
-      const filteredData = _BuildPointModelUtil.default.filterGeoJSONData(this._layerData, this._options.selectModelId);
-      const features = _BuildPointModelUtil.default.processGeoJSON(filteredData);
-      if (!features?.length) {
-        (0, _message.default)({
-          message: this._language.value.webgl.noGeoJSONData,
-          type: "warning"
-        });
-        return;
-      }
       features.forEach((feature, index) => {
         const {
           geometry,
@@ -695,12 +1372,454 @@ class BuildPointModelViewModel {
           this._pointModels.push(point3D.toJSON());
         }
       });
-      typeof cb === "function" && cb(this._pointModels);
+      this._safeCallback(cb, this._pointModels);
+    } catch (error) {
+      console.error("处理GeoJSON数据生成模型失败:", error);
+      this._safeCallback(cb, null, error);
+    }
+  }
+  /**
+      * 生成3D点模型（加载文件）
+      * @param {Function} [cb] - 回调函数，返回生成的模型列表或错误信息
+      */
+  generated_loadFiles(cb) {
+    const features = this._getValidatedFeatures();
+    if (!features) return;
+    try {
+      const pointModels = [];
+      const featurePositions = [];
+      const pointModelConfigs = [];
+      features.forEach((feature, index) => {
+        const {
+          geometry,
+          properties
+        } = feature;
+        if (!geometry?.coordinates) return;
+        const position = _BuildPointModelUtil.default.extractPosition(geometry.coordinates);
+        featurePositions.push({
+          ...position
+        });
+        const modelConfig = this._generateModelConfig(_BuildPointModelUtil.MODEL_TYPES.GEOMETRY, feature, position, index);
+        if (modelConfig) {
+          const point3D = this._createModelInstance(_BuildPointModelUtil.MODEL_TYPES.GEOMETRY, modelConfig);
+          this._sceneView._viewer.scene.primitives.add(point3D);
+          point3D.show = this._options?.showOperationModel ?? true;
+          pointModels.push(point3D);
+          // 存储原始 config，用于后续组合列表创建独立模型（保持与模板逻辑一致）
+          pointModelConfigs.push(modelConfig);
+        }
+      });
+      this._groupShapes.push({
+        ...this._currentItemGeometry,
+        pointModels: pointModels,
+        _featurePositions: featurePositions,
+        _pointModelConfigs: pointModelConfigs
+      });
+      this._safeCallback(cb, this._getSimplifiedGroupShapes());
     } catch (error) {
       console.error("处理GeoJSON数据生成模型失败:", error);
-      typeof cb === "function" && cb(null, error);
+      this._safeCallback(cb, null, error);
+    }
+  }
+
+  /**
+   * 相机定位到数据点坐标（高度 500m，使用 setView 瞬间定位）
+   */
+  _zoomToDataPoint() {
+    const features = this._getValidatedFeatures();
+    if (!features?.length) return;
+    const firstFeature = features[0];
+    if (!firstFeature?.geometry?.coordinates) return;
+    const position = _BuildPointModelUtil.default.extractPosition(firstFeature.geometry.coordinates);
+    const viewer = this._sceneView?._viewer;
+    if (!viewer) return;
+    viewer.scene.camera.setView({
+      destination: Cesium.Cartesian3.fromDegrees(position.x, position.y, 500),
+      orientation: {
+        heading: Cesium.Math.toRadians(0.0),
+        roll: Cesium.Math.toRadians(0.0)
+      }
+    });
+  }
+
+  /**
+   * 通过 key（value）查找模型数据
+   * @param {string} key - 模型标识（_groupShapes 的 value 或 _confirmedBspResults 的 id）
+   * @returns {{ pointModels: Array, isBsp: boolean, bspItems: Array }|null}
+   */
+  _getModelsByKey(key) {
+    // 先查 _groupShapes（简单几何模型）
+    const shape = this._groupShapes.find(item => item.value === key);
+    if (shape) {
+      return {
+        pointModels: shape.pointModels,
+        isBsp: false,
+        bspItems: null,
+        featurePositions: shape._featurePositions,
+        pointModelConfigs: shape._pointModelConfigs
+      };
+    }
+    // 再查 _confirmedBspResults（已确认 BSP 组合）
+    const bspItems = this._confirmedBspResults[key];
+    if (bspItems?.length) {
+      return {
+        pointModels: null,
+        isBsp: true,
+        bspItems
+      };
+    }
+    return null;
+  }
+
+  /**
+   * 生成/预览 BSP 运算模型
+   * @param {Object} operationObj - { baseModel, operationModel, operationMethod }
+   * @param {boolean} isPreview - 是否预览模式（true 存入 _previewBspResults，false 存入 _confirmedBspResults）
+   * @param {string} [confirmId] - 确认时传入的组合 ID
+   * @returns {Array} 生成的 BSP 结果列表
+   */
+  _operationModels(operationObj, isPreview = true, confirmId = null) {
+    // 先清除之前的预览
+    if (isPreview) {
+      this._clearPreviewBsp();
+    }
+    if (!operationObj?.baseModel) return [];
+    const {
+      baseModel,
+      operationModel,
+      operationMethod = 0
+    } = operationObj;
+
+    // 通过 key 查找基础模型数据
+    const baseModelData = this._getModelsByKey(baseModel.value);
+    const baseModels = baseModelData?.pointModels || baseModelData?.bspItems;
+    if (!baseModels?.length) return [];
+    const results = [];
+    if (operationModel) {
+      // 复杂组合：BSP 布尔运算
+      const operationModelData = this._getModelsByKey(operationModel.value);
+      const operationModels = operationModelData?.pointModels || operationModelData?.bspItems;
+      if (!operationModels?.length) return [];
+      const loopLength = Math.min(baseModels.length, operationModels.length);
+      if (loopLength === 0) return [];
+      const ZERO_CARTESIAN = Cesium.Cartesian3.ZERO;
+      const BLUE_COLOR = Cesium.Color.BLUE;
+      for (let i = 0; i < loopLength; i++) {
+        const rawBase = baseModels[i];
+        const rawOperate = operationModels[i];
+        if (!rawBase || !rawOperate) continue;
+
+        // 获取基础模型的位置信息（优先使用 feature 原始坐标）
+        let x, y, z;
+        if (baseModelData?.featurePositions?.[i]) {
+          // 来自 _groupShapes：使用 feature 原始坐标
+          ({
+            x,
+            y,
+            z
+          } = baseModelData.featurePositions[i]);
+        } else if (rawBase._centerDegrees) {
+          // 来自 _confirmedBspResults：使用已存储的 _centerDegrees
+          ({
+            x,
+            y,
+            z
+          } = rawBase._centerDegrees);
+        } else {
+          // 回退：使用模型 toJSON 位置
+          const rawBaseJson = rawBase?.toJSON?.();
+          ({
+            x,
+            y,
+            z
+          } = rawBaseJson?.geometry?.position ?? {
+            x: 0,
+            y: 0,
+            z: 0
+          });
+        }
+        const centerPos = Cesium.Cartesian3.fromDegrees(x, y, z);
+        console.log('[Z-OFFSET-DEBUG] _operationModels 复杂组合 - BSPUtility中心:', {
+          degrees: {
+            x,
+            y,
+            z
+          },
+          ecef: {
+            x: centerPos.x,
+            y: centerPos.y,
+            z: centerPos.z
+          },
+          source: baseModelData?.featurePositions?.[i] ? 'featurePositions' : rawBase._centerDegrees ? '_centerDegrees' : 'modelToJSON',
+          modelKey: rawBase?.toJSON?.()?.key || rawBase?.key
+        });
+        const bspUtility = new Cesium.PMKq3dBSPUtility(this._sceneView._viewer, centerPos);
+
+        // 将基础模型转换为 BSP
+        const bspA = _BSPOperationUtil.default.convertModelToBSP(rawBase, bspUtility);
+        if (!bspA) continue;
+
+        // 获取运算模型的 BSP
+        const bspB = _BSPOperationUtil.default.getBSPModel(operationModelData, rawOperate, bspUtility);
+        if (!bspB) continue;
+        const bspResult = bspUtility.computeBSP(bspA, bspB, operationMethod);
+        const distForMove = Cesium.Cartesian3.multiplyByScalar(ZERO_CARTESIAN, 4.0, new Cesium.Cartesian3());
+
+        // 记录 addToScene 前的 primitives 数量，以便追踪新添加的 primitive
+        const primitivesBefore = this._sceneView._viewer.scene.primitives.length;
+        bspUtility.addToScene(bspResult, distForMove, BLUE_COLOR);
+        const primitivesAfter = this._sceneView._viewer.scene.primitives.length;
+        const addedPrimitives = [];
+        for (let p = primitivesBefore; p < primitivesAfter; p++) {
+          addedPrimitives.push(this._sceneView._viewer.scene.primitives.get(p));
+        }
+        const resultItem = {
+          key: rawBase?.toJSON?.()?.key || rawBase?.key || (0, _util.guid)(),
+          base: rawBase,
+          operate: rawOperate,
+          bspResult,
+          bspUtility,
+          bspA,
+          bspB,
+          operationMethod,
+          isSimple: false,
+          _centerDegrees: {
+            x,
+            y,
+            z
+          },
+          _addedPrimitives: addedPrimitives,
+          _visible: true
+        };
+        if (isPreview) {
+          this._previewBspResults.push(resultItem);
+        } else if (confirmId) {
+          if (!this._confirmedBspResults[confirmId]) {
+            this._confirmedBspResults[confirmId] = [];
+          }
+          this._confirmedBspResults[confirmId].push(resultItem);
+        }
+        results.push(resultItem);
+      }
+    } else {
+      // 简单组合：仅基础模型，不进行 BSP 运算
+      // 关键修复：基于原始 config 创建独立模型，避免直接引用模板/简单几何原模型
+      // 不能用 toJSON 克隆：PMBSPPrimitive 的 toJSON 不含 bspGeometry，会导致 getBSPes/save 失败
+      const featurePositions = baseModelData?.featurePositions;
+      const baseConfigs = baseModelData?.pointModelConfigs;
+      baseModels.forEach((model, i) => {
+        // 使用 feature 原始坐标（featurePositions），回退到模型 toJSON 位置
+        const modelJson = model?.toJSON?.();
+        const pos = featurePositions?.[i] || modelJson?.geometry?.position;
+        const {
+          x,
+          y,
+          z
+        } = pos ?? {
+          x: 0,
+          y: 0,
+          z: 0
+        };
+        const centerPos = Cesium.Cartesian3.fromDegrees(x, y, z);
+        console.log('[Z-OFFSET-DEBUG] _operationModels 简单组合 - BSPUtility中心:', {
+          degrees: {
+            x,
+            y,
+            z
+          },
+          ecef: {
+            x: centerPos.x,
+            y: centerPos.y,
+            z: centerPos.z
+          },
+          source: featurePositions?.[i] ? 'featurePositions' : 'modelToJSON',
+          modelKey: modelJson?.key,
+          featureIndex: i
+        });
+        const bspUtility = new Cesium.PMKq3dBSPUtility(this._sceneView._viewer, centerPos);
+
+        // 基于原始 config 深拷贝创建独立模型，保留完整的 bspGeometry 等数据
+        let independentModel = null;
+        const addedPrimitives = [];
+        // 预存 bspGeometry：PMBSPPrimitive 的 config 中包含 bspGeometry，
+        // 单个简单组合预览/生成时可直接使用，跳过 getBSPes+save（save 不接受 getBSPes 的原始结果）
+        let savedBspGeometry = null;
+        if (baseConfigs?.[i]) {
+          try {
+            const config = JSON.parse(JSON.stringify(baseConfigs[i]));
+            const newKey = (0, _util.guid)();
+            config.key = newKey;
+            if (config.featureID !== undefined) config.featureID = newKey;
+            // 提取预存 bspGeometry（PMBSPPrimitive 才有）
+            savedBspGeometry = config.geometry?.bspGeometry || null;
+            // 用原模型的 constructor 创建同类型实例（PMBSPPrimitive/PMCube 等）
+            const Constructor = model.constructor;
+            if (Constructor) {
+              independentModel = new Constructor(config);
+              this._sceneView._viewer.scene.primitives.add(independentModel);
+              addedPrimitives.push(independentModel);
+            }
+          } catch (e) {
+            console.error('[BuildPointModelViewModel] 基于config创建独立模型失败:', e);
+          }
+        }
+        const resultItem = {
+          key: independentModel?._key || modelJson?.key || (0, _util.guid)(),
+          base: independentModel || model,
+          // 创建失败时回退到原模型引用
+          operate: null,
+          bspResult: null,
+          bspUtility: bspUtility,
+          bspA: null,
+          bspB: null,
+          operationMethod: 0,
+          isSimple: true,
+          _centerDegrees: {
+            x,
+            y,
+            z
+          },
+          _addedPrimitives: addedPrimitives,
+          _visible: true,
+          savedBspGeometry: savedBspGeometry
+        };
+        if (isPreview) {
+          this._previewBspResults.push(resultItem);
+        } else if (confirmId) {
+          if (!this._confirmedBspResults[confirmId]) {
+            this._confirmedBspResults[confirmId] = [];
+          }
+          this._confirmedBspResults[confirmId].push(resultItem);
+        }
+        results.push(resultItem);
+      });
+    }
+    return results;
+  }
+
+  /**
+   * 确认组合：将预览结果转为已确认（若无预览则重新生成）
+   * @param {Object} operationObj - 组合操作对象
+   * @param {string} confirmId - 组合唯一 ID
+   */
+  _confirmOperationModel(operationObj, confirmId) {
+    if (this._previewBspResults.length) {
+      // 已有预览，直接移入已确认
+      if (!this._confirmedBspResults[confirmId]) {
+        this._confirmedBspResults[confirmId] = [];
+      }
+      this._confirmedBspResults[confirmId].push(...this._previewBspResults);
+      this._previewBspResults = [];
+    } else {
+      // 无预览，重新生成
+      this._operationModels(operationObj, false, confirmId);
+    }
+  }
+
+  /**
+   * 清除预览 BSP 模型（从场景中移除）
+   */
+  _clearPreviewBsp() {
+    const primitives = this._sceneView?._viewer?.scene?.primitives;
+    this._previewBspResults.forEach(item => {
+      // 移除新增的 primitive（简单组合的克隆模型、复杂组合的 BSP 结果）
+      item._addedPrimitives?.forEach(p => primitives?.remove(p));
+      if (item.bspUtility) {
+        item.bspUtility?.destroy?.();
+      }
+    });
+    this._previewBspResults = [];
+  }
+
+  /**
+   * 删除指定组合的已确认 BSP 模型
+   * @param {string} confirmId - 组合 ID
+   */
+  _removeConfirmedBsp(confirmId) {
+    const items = this._confirmedBspResults[confirmId];
+    if (items?.length) {
+      const primitives = this._sceneView?._viewer?.scene?.primitives;
+      items.forEach(item => {
+        // 移除该组合新增的 primitive（简单组合的克隆模型等）
+        item._addedPrimitives?.forEach(p => primitives?.remove(p));
+        item.bspUtility?.destroy?.();
+      });
+      delete this._confirmedBspResults[confirmId];
     }
   }
+  /**
+   * @description 通用：处理组内模型（移除 / 显隐）
+   * @param {string} action 操作类型（'remove' 移除 / 'show' 显隐）
+   * @param {boolean} [val=false] 显隐值（action='show' 时生效）
+   */
+  _handleGroupShapes(action, val = false) {
+    if (!this._groupShapes?.length) return;
+    const primitives = this._sceneView?._viewer?.scene?.primitives;
+    this._groupShapes.forEach(el => {
+      el.pointModels?.forEach(item => {
+        // 根据动作执行不同逻辑
+        action === 'remove' ? primitives?.remove(item) : item.show = val;
+      });
+    });
+
+    // 清空逻辑只在移除时执行
+    if (action === 'remove') this._groupShapes = [];
+  }
+
+  /**
+   * @description 清空简单几何模型（仅清除 _groupShapes，不影响组合列表和已确认 BSP）
+   * @param {Function} cb 回调函数，返回简化后的组合列表
+   */
+  clearSimpleGeometryModels(cb) {
+    this._handleGroupShapes('remove');
+    this._safeCallback(cb, this._getSimplifiedGroupShapes());
+  }
+
+  /**
+   * @description 清空组图形（包括简单几何模型和已确认 BSP 组合）
+   * @param {Function} cb 回调函数，返回简化后的组合列表
+   */
+  clearGroupShapes(cb) {
+    this._handleGroupShapes('remove');
+    this._clearAllConfirmedBsp();
+    this._safeCallback(cb, this._getSimplifiedGroupShapes());
+  }
+
+  /**
+   * @description 显示/隐藏组图形
+   * @param {boolean} val 是否可见
+   * @param {Function} cb 回调函数，返回简化后的组合列表
+   */
+  showGroupShapes(val, cb) {
+    this._options.showOperationModel = val;
+    this._handleGroupShapes('show', val);
+    this._safeCallback(cb, this._getSimplifiedGroupShapes());
+  }
+  /**
+   * @description 设置编辑模型显隐状态
+   * @param {boolean} val 是否显示编辑模型
+   */
+  showEditModel(val) {
+    this._options.showEditModel = val;
+  }
+
+  /**
+   * 控制所有已确认 BSP 组合模型的显隐（预览/生成时隐藏，避免与最终模型重叠）
+   * @param {boolean} visible - 是否可见
+   */
+  _setConfirmedBspVisible(visible) {
+    Object.values(this._confirmedBspResults).forEach(items => {
+      items?.forEach(item => {
+        if (item.isSimple) {
+          if (item.base) item.base.show = visible;
+        } else {
+          item._addedPrimitives?.forEach(p => {
+            if (p && p.show !== undefined) p.show = visible;
+          });
+        }
+      });
+    });
+  }
 
   /**
    * 生成模型配置项
@@ -723,7 +1842,7 @@ class BuildPointModelViewModel {
       params = this._generateDynamicModelParams(properties, position);
     } else if (type === _BuildPointModelUtil.MODEL_TYPES.GEOMETRY) {
       selectItem = this._currentItemGeometry;
-      params = this._generateGeometryModelParams(properties, position);
+      params = this._generateGeometryModelParams(selectItem.value, properties, position);
     } else if (type === _BuildPointModelUtil.MODEL_TYPES.CUSTOM_POINT) {
       selectItem = {
         name: "自定义点符号"
@@ -734,10 +1853,12 @@ class BuildPointModelViewModel {
       return null;
     }
     return {
+      fieldNames: properties ? Object.keys(properties) : [],
+      fieldValues: properties ? Object.values(properties) : [],
       label: _BuildPointModelUtil.default.getStringValue(properties, this._options, "ofModelNameFields", "ofModelName", selectItem?.name || `point_label${index + 1}`),
       rename: selectItem?.name || `point_label${index + 1}`,
       key,
-      type: "model",
+      type: selectItem?.value || "model",
       modelingType: type,
       show: true,
       featureID: key,
@@ -791,7 +1912,7 @@ class BuildPointModelViewModel {
     return {
       geometry: {
         clampToGround: this._options.clampToGround ?? false,
-        type: "CUSTOM_POINT3D",
+        type: "POINT3D",
         position,
         rotate: this._options.rotate ?? false,
         offset: {
@@ -812,15 +1933,16 @@ class BuildPointModelViewModel {
     };
   }
   /**
-   * 生成几何模型参数
+   * @description 生成几何模型参数
    * @private
-   * @param {Object} properties - 要素属性
-   * @param {Object} position - 位置坐标
+   * @param {string} val 几何类型（PMCube/PMCylinder 等）
+   * @param {Object} properties 要素属性
+   * @param {Object} position 位置坐标
    * @returns {Object} 几何模型参数
    */
-  _generateGeometryModelParams(properties, position) {
+  _generateGeometryModelParams(val, properties, position) {
     return {
-      geometry: this.getGeometry(this._currentItemGeometry.value, position, properties),
+      geometry: this.getGeometry(val, position, properties),
       style: {
         color: _BuildPointModelUtil.default.getStringValue(properties, this._options, "colorFields", "color", "#FFFFFF")
       }
@@ -839,7 +1961,7 @@ class BuildPointModelViewModel {
     const util = _BuildPointModelUtil.default;
     const baseConfig = {
       clampToGround: this._options.clampToGround ?? false,
-      type: this._currentItemGeometry.value ?? "POINT3D",
+      type: "POINT3D",
       position,
       rotate: this._options.rotate ?? false,
       offset: {
@@ -980,45 +2102,310 @@ class BuildPointModelViewModel {
   }
 
   /**
-   * 模型参数变更处理
-   * @param {string} key - 变更的参数键
-   * @param {Object} mode - 操作模式（add/edit）
+   * @description 构建复杂几何模型（共享方法：预览和最终生成共用）
+   * @param {Array} features GeoJSON Feature 数组
+   * @param {Array} groupShapes 组合列表 [{ id, operationMethod, ... }]
+   * @param {string} type 模型类型
+   * @param {boolean} isPreview 是否预览模式
+   * @param {boolean} [addToScene=true] 是否将结果添加到场景
+   * @returns {Array} 生成的 PMBSPPrimitive 配置数组
    */
-  paramsChanged(key, mode) {
-    if (mode.value === "add") return;
-    if (!this._pointModel) {
-      (0, _message.default)({
-        message: this._language.value.webgl.noEditModelData,
-        type: "warning"
+  _buildComplexModel(features, groupShapes, type, isPreview, addToScene = true) {
+    const results = [];
+
+    // 按 feature 维度收集所有 BSP 结果和简单模型
+    const featureModelMap = {}; // { featureIndex: [{ bspResult, isSimple, bspUtility }] }
+    const featureUtilityMap = {};
+    groupShapes.forEach(shape => {
+      const items = this._confirmedBspResults[shape.id];
+      if (items?.length) {
+        items.forEach((item, featureIndex) => {
+          if (!featureModelMap[featureIndex]) {
+            featureModelMap[featureIndex] = [];
+          }
+          if (item.bspResult) {
+            featureModelMap[featureIndex].push({
+              model: item.bspResult,
+              isSimple: false,
+              bspUtility: item.bspUtility
+            });
+            featureUtilityMap[featureIndex] = item.bspUtility;
+          } else if (item.isSimple && item.base) {
+            featureModelMap[featureIndex].push({
+              model: item.base,
+              isSimple: true,
+              bspUtility: item.bspUtility,
+              savedBspGeometry: item.savedBspGeometry
+            });
+            if (!featureUtilityMap[featureIndex]) {
+              featureUtilityMap[featureIndex] = item.bspUtility;
+            }
+          }
+        });
+      }
+    });
+    if (!Object.keys(featureModelMap).length) return results;
+
+    // 每个 feature 独立计算自己的 bspGeometry
+    const featureIndices = Object.keys(featureModelMap).map(Number);
+    const featureCount = Math.min(features.length, Math.max(...featureIndices) + 1);
+    for (let fi = 0; fi < featureCount; fi++) {
+      const feature = features[fi];
+      if (!feature) continue;
+      const models = featureModelMap[fi];
+      const bspUtility = featureUtilityMap[fi];
+      if (!models?.length || !bspUtility) continue;
+      console.log('[Z-OFFSET-DEBUG] _buildComplexModel - featureIndex:', fi, {
+        bspUtilityCenter: bspUtility._center ? {
+          x: bspUtility._center.x,
+          y: bspUtility._center.y,
+          z: bspUtility._center.z
+        } : bspUtility.center ? {
+          x: bspUtility.center.x,
+          y: bspUtility.center.y,
+          z: bspUtility.center.z
+        } : 'unknown',
+        featurePosition: feature?.geometry?.coordinates,
+        modelsCount: models.length,
+        modelsDetail: models.map(m => ({
+          isSimple: m.isSimple,
+          hasBspResult: !!m.bspResult
+        }))
       });
-      return;
+      let finalResult = null;
+      // 单个简单组合且有预存 bspGeometry 时，直接使用，跳过 getBSPes+save
+      // 原因：bspUtility.save 不接受 getBSPes 的原始结果（缺少运算后的内部状态）
+      let directBspGeometry = null;
+      for (let i = 0; i < models.length; i++) {
+        const {
+          model,
+          isSimple,
+          savedBspGeometry
+        } = models[i];
+        // 单个简单组合 + 预存 bspGeometry：直接使用，不走 getBSPes+save
+        if (isSimple && savedBspGeometry && models.length === 1) {
+          directBspGeometry = savedBspGeometry;
+          break;
+        }
+        let currentBsp = isSimple ? _BSPOperationUtil.default.convertModelToBSP(model, bspUtility) : model;
+        if (!currentBsp) continue;
+        finalResult = !finalResult ? currentBsp : bspUtility.computeBSP(finalResult, currentBsp, 1);
+      }
+
+      // 优先使用直接提取的 bspGeometry（单个简单组合），否则通过 save 序列化运算结果
+      let bspGeometry;
+      if (directBspGeometry) {
+        bspGeometry = directBspGeometry;
+      } else {
+        if (!finalResult) continue;
+        bspGeometry = _BSPOperationUtil.default.saveBSPResult(bspUtility, finalResult);
+      }
+      if (!bspGeometry) continue;
+      const config = this._buildPMBSPConfig(feature, bspGeometry, type);
+      if (!config) continue;
+      if (addToScene) {
+        const bspPrimitive = new Cesium.PMBSPPrimitive(config);
+        this._sceneView._viewer.scene.primitives.add(bspPrimitive);
+        if (isPreview) {
+          this._previewComplexModels.push(bspPrimitive);
+        }
+      }
+      results.push(config);
     }
-    const paramUpdater = {
+    return results;
+  }
+
+  /**
+   * 构建 PMBSPPrimitive 配置对象
+   * @param {Object} feature - GeoJSON Feature
+   * @param {Object} bspGeometry - BSP 几何数据
+   * @param {string} type - 模型类型
+   * @returns {Object} PMBSPPrimitive 配置
+   */
+  _buildPMBSPConfig(feature, bspGeometry, type) {
+    const {
+      geometry,
+      properties
+    } = feature;
+    if (!geometry?.coordinates) return null;
+    const position = _BuildPointModelUtil.default.extractPosition(geometry.coordinates);
+    const key = properties?.key || (0, _util.guid)();
+    const fieldNames = properties ? Object.keys(properties) : [];
+    const fieldValues = properties ? Object.values(properties) : [];
+    console.log('[Z-OFFSET-DEBUG] _buildPMBSPConfig - PMBSPPrimitive配置:', {
+      position: {
+        x: position.x,
+        y: position.y,
+        z: position.z
+      },
+      featureCoordinates: geometry?.coordinates,
+      bspGeometryType: typeof bspGeometry,
+      bspGeometryHasPolygons: !!bspGeometry?.polygons
+    });
+    return {
+      fieldNames,
+      fieldValues,
+      label: _BuildPointModelUtil.default.getStringValue(properties, this._options, "ofModelNameFields", "ofModelName", `PMBSPPrimitive_label`),
+      rename: properties?.name || `PMBSPPrimitive_label`,
+      key,
+      type: "PMBSPPrimitive",
+      modelingType: type,
+      show: true,
+      featureID: key,
+      geometry: {
+        clampToGround: this._options.clampToGround ?? false,
+        type: "POINT3D",
+        position: {
+          x: position.x,
+          y: position.y,
+          z: position.z
+        },
+        offset: {
+          x: this._options.offsetX ?? 0,
+          y: this._options.offsetY ?? 0,
+          z: this._options.offsetZ ?? 0
+        },
+        heading: this._options.heading ?? 0,
+        pitch: this._options.pitch ?? 0,
+        roll: this._options.roll ?? 0,
+        bspGeometry: bspGeometry
+      },
+      style: {
+        color: this._options.color || "rgb(255,255,255)"
+      }
+    };
+  }
+
+  /**
+   * 预览最终复杂几何模型（将组合列表融合生成预览到场景）
+   * @param {Array} groupShapes - 组合列表
+   * @param {string} type - 模型类型
+   */
+  _previewComplexModel(groupShapes, type) {
+    this._clearComplexPreview();
+    const allFeatures = this._getValidatedFeatures();
+    if (!allFeatures) return;
+    try {
+      this._buildComplexModel(allFeatures, groupShapes, type, true);
+    } catch (error) {
+      console.error("预览复杂几何模型失败:", error);
+    }
+  }
+
+  /**
+   * 清除预览的最终复杂模型
+   */
+  _clearComplexPreview() {
+    const primitives = this._sceneView?._viewer?.scene?.primitives;
+    this._previewComplexModels.forEach(model => {
+      primitives?.remove(model);
+    });
+    this._previewComplexModels = [];
+  }
+
+  /**
+   * 生成复杂几何符号最终结果
+   * 若已预览则直接获取预览结果，否则先构建复杂模型
+   * @param {Array} groupShapes - 组合列表 [{ id, operationMethod, ... }]
+   * @param {string} type - 模型类型
+   * @param {Function} [cb] - 回调函数
+   */
+  _generateComplexGeometry(groupShapes, type, cb) {
+    this._pointModels = [];
+    const features = this._getValidatedFeatures();
+    if (!features) return;
+    try {
+      // 清除预览（预览只有 1 个模型，不能复用；生成时需处理所有 feature）
+      this._clearComplexPreview();
+      const results = this._buildComplexModel(features, groupShapes, type, false);
+      if (results?.length) {
+        this._pointModels.push(...results);
+      }
+      this._safeCallback(cb, this._pointModels);
+    } catch (error) {
+      console.error("处理复杂几何生成失败:", error);
+      this._safeCallback(cb, null, error);
+    }
+  }
+
+  /**
+   * 模型参数变更处理
+   * @param {string} key - 变更的参数键
+   * @param {Object} mode - 操作模式（add/edit）
+   */
+  paramsChanged(key, mode) {
+    // 编辑模式下允许更新 _groupShapes 中的模型，不受 mode 限制
+    if (mode.value === "add" && !this._options.showEditModel) return;
+
+    // mode=add 下，朝向角/俯仰角/翻转角仅更新表单数据，不进入编辑模型属性更新逻辑
+    if (mode.value === "add" && ['heading', 'pitch', 'roll'].includes(key)) return;
+    const isEditMode = this._options.showEditModel;
+
+    // 编辑模式下允许无 _pointModel（通过 _groupShapes 更新）
+    if (!isEditMode && !this._pointModel) {
+      (0, _message.default)({
+        message: this._language.value.webgl.noEditModelData,
+        type: "warning"
+      });
+      return;
+    }
+
+    // 参数更新器工厂：生成针对特定模型的更新函数
+    const createUpdater = model => ({
       scale: () => {
-        this._pointModel.scale = {
+        model.scale = {
           x: this._options.scaleX,
           y: this._options.scaleY,
           z: this._options.scaleZ
         };
       },
       offset: () => {
-        this._pointModel.offset = {
+        model.offset = {
           x: this._options.offsetX,
           y: this._options.offsetY,
           z: this._options.offsetZ
         };
       },
       setImage: () => {
-        this._pointModel.url = this._currentItem?.path || "";
+        model.url = this._currentItem?.path || "";
       },
       ofModelName: () => {
-        this._pointModel.label = this._options.ofModelName || this._pointModel.label;
+        model.label = this._options.ofModelName || model.label;
       },
       default: () => {
-        this._pointModel[key] = this._options[key];
+        model[key] = this._options[key];
       }
+    });
+    const applyUpdate = model => {
+      const updater = createUpdater(model);
+      (updater[key] || updater.default)();
     };
-    (paramUpdater[key] || paramUpdater.default)();
+
+    // 更新当前选中模型
+    if (this._pointModel) {
+      applyUpdate(this._pointModel);
+    }
+
+    // 编辑模式：同步更新 _groupShapes 中与当前选中几何类型匹配的模型
+    if (isEditMode) {
+      const targetValue = this._currentItemGeometry?.value;
+      this._groupShapes.forEach(shape => {
+        if (shape.value === targetValue) {
+          shape.pointModels?.forEach(model => {
+            applyUpdate(model);
+          });
+        }
+      });
+    }
+
+    // 编辑模式：heading/pitch/roll 同步更新预览的复杂模型（仅 mode=edit 时生效）
+    if (mode.value === "edit" && ['heading', 'pitch', 'roll'].includes(key)) {
+      this._previewComplexModels.forEach(model => {
+        if (model[key] !== undefined) {
+          model[key] = this._options[key];
+        }
+      });
+    }
   }
 
   /**
@@ -1053,25 +2440,208 @@ class BuildPointModelViewModel {
   hide() {
     this._customAxis?.showOff?.();
   }
+
+  // 启用缩放轴
   zoomBtn() {
     this._customAxis?.addZoomAxis?.();
   }
+
+  // 启用旋转轴
   rotate() {
     this._customAxis?.addRotateAxis?.();
   }
+
+  // 启用平移轴
   pan() {
     this._customAxis?.addTranslationAxis?.();
   }
+
+  /**
+   * 保存模板数据：生成最终复杂模型配置的 JSON 字符串
+   * @param {string} templateName - 模板名称
+   * @param {Array} groupShapes - 组合列表
+   * @returns {string|null} 模板 groupJson 字符串
+   */
+  saveTemplateData(templateName, groupShapes) {
+    const features = this._getValidatedFeatures();
+    if (!features) return null;
+    const results = this._buildComplexModel(features, groupShapes, 'complexGeometrySymbol', false, false);
+    if (results?.length) {
+      return JSON.stringify(results[0]);
+    }
+    return null;
+  }
+
+  /**
+   * 模板加载/卸载 toggle（支持多个模板同时显示）
+   * 选中已加载的模板 → 卸载该模板；选中未加载的模板 → 加载（不影响其他已加载模板）
+   * @param {number} templateIndex - 模板索引
+   * @param {Object} templateItem - 模板数据 { name, icon, groupJson }
+   * @returns {{ action: string, simplified?: Array }}
+   */
+  loadTemplateSymbol(templateIndex, templateItem) {
+    // 已选中该模板 → 卸载
+    if (this._selectedTemplateIndices.has(templateIndex)) {
+      this._unloadTemplateSymbol(templateIndex);
+      return {
+        action: 'unloaded',
+        simplified: this._getSimplifiedGroupShapes()
+      };
+    }
+    const features = this._getValidatedFeatures();
+    if (!features) return {
+      action: 'unloaded'
+    };
+    try {
+      // 解析模板 groupJson（兼容字符串和对象）
+      let templateConfig;
+      if (typeof templateItem.groupJson === 'string') {
+        try {
+          templateConfig = JSON.parse(templateItem.groupJson);
+        } catch (e) {
+          console.error('解析模板 groupJson 失败:', e);
+          return {
+            action: 'unloaded'
+          };
+        }
+      } else {
+        templateConfig = templateItem.groupJson;
+      }
+      if (!templateConfig) return {
+        action: 'unloaded'
+      };
+      const pointModels = [];
+      const featurePositions = [];
+      const pointModelConfigs = [];
+
+      // 处理所有 feature（与 generated_loadFiles 逻辑保持一致）
+      // 确保多 feature 场景下，模板作为 base 时能为每个 feature 生成独立的克隆模型
+      features.forEach((feature, index) => {
+        const {
+          geometry,
+          properties
+        } = feature;
+        if (!geometry?.coordinates) return;
+        const position = _BuildPointModelUtil.default.extractPosition(geometry.coordinates);
+        featurePositions.push({
+          ...position
+        });
+        const newKey = (0, _util.guid)();
+
+        // 深拷贝模板配置，替换坐标、guid、属性
+        const config = JSON.parse(JSON.stringify(templateConfig));
+
+        // 替换 position
+        if (config.geometry) {
+          config.geometry.position = {
+            x: position.x,
+            y: position.y,
+            z: position.z
+          };
+        }
+
+        // 替换 key / featureID
+        config.key = newKey;
+        config.featureID = newKey;
+
+        // 替换 fieldNames / fieldValues
+        if (properties) {
+          config.fieldNames = Object.keys(properties);
+          config.fieldValues = Object.values(properties);
+        }
+
+        // 替换 label
+        config.label = _BuildPointModelUtil.default.getStringValue(properties, this._options, "ofModelNameFields", "ofModelName", `${templateItem.name}_label${index + 1}`);
+        const bspPrimitive = new Cesium.PMBSPPrimitive(config);
+        this._sceneView._viewer.scene.primitives.add(bspPrimitive);
+        pointModels.push(bspPrimitive);
+        // 存储原始 config，用于后续组合列表创建独立模型（避免 toJSON 丢失 bspGeometry）
+        pointModelConfigs.push(config);
+      });
+
+      // 添加到 _groupShapes
+      this._groupShapes.push({
+        value: `template_${templateIndex}`,
+        name: templateItem.name,
+        icon: templateItem.icon,
+        pointModels: pointModels,
+        _featurePositions: featurePositions,
+        _pointModelConfigs: pointModelConfigs,
+        _isTemplate: true,
+        _templateIndex: templateIndex
+      });
+      this._selectedTemplateIndices.add(templateIndex);
+      this._selectedTemplateModelsMap.set(templateIndex, pointModels);
+      return {
+        action: 'loaded',
+        simplified: this._getSimplifiedGroupShapes()
+      };
+    } catch (error) {
+      console.error("加载组合模板失败:", error);
+      return {
+        action: 'unloaded'
+      };
+    }
+  }
+
+  /**
+   * 卸载模板：从场景移除指定模板（或全部模板）的模型
+   * @param {number} [templateIndex] - 指定模板索引，不传则卸载全部
+   */
+  _unloadTemplateSymbol(templateIndex) {
+    const primitives = this._sceneView?._viewer?.scene?.primitives;
+    if (templateIndex !== undefined) {
+      // 卸载指定模板
+      const models = this._selectedTemplateModelsMap.get(templateIndex);
+      if (models) {
+        models.forEach(model => primitives?.remove(model));
+        this._selectedTemplateModelsMap.delete(templateIndex);
+      }
+      this._selectedTemplateIndices.delete(templateIndex);
+      this._groupShapes = this._groupShapes.filter(item => !(item._isTemplate && item._templateIndex === templateIndex));
+    } else {
+      // 卸载全部模板
+      this._selectedTemplateModelsMap.forEach(models => {
+        models.forEach(model => primitives?.remove(model));
+      });
+      this._selectedTemplateModelsMap.clear();
+      this._selectedTemplateIndices.clear();
+      this._groupShapes = this._groupShapes.filter(item => !item._isTemplate);
+    }
+  }
+
+  // 清空所有状态与场景模型（图层、点模型、预览、已确认 BSP、模板）
   clear() {
     this._layerData = null;
     this._pointModels = [];
     this._pointModel = null;
     this._customAxis?.destroy?.();
     this._customAxis = null;
+    this._clearPreviewBsp();
+    this._clearComplexPreview();
+    this._clearAllConfirmedBsp();
+    this._unloadTemplateSymbol();
+  }
+
+  /**
+   * 清除所有已确认的 BSP 模型
+   */
+  _clearAllConfirmedBsp() {
+    Object.keys(this._confirmedBspResults).forEach(id => {
+      this._removeConfirmedBsp(id);
+    });
+    this._confirmedBspResults = {};
   }
+
+  // 导出当前生成的点模型 JSON 列表
   exportModels() {
     return this._pointModels;
   }
+
+  /**
+   * @description 导入模型 JSON 列表并添加到场景
+   * @param {Array} jsons 模型 JSON 数组
+   */
   importModels(jsons) {
     if (!Array.isArray(jsons)) return;
     jsons.forEach(jsonData => {
@@ -1079,6 +2649,8 @@ class BuildPointModelViewModel {
       this._sceneView._viewer.scene.primitives.add(model);
     });
   }
+
+  // 销毁视图模型，清空状态并释放场景引用
   destroy() {
     this.clear();
     this._sceneView = null;
@@ -1182,7 +2754,8 @@ var _BuildPointModelViewModel = _interopRequireDefault(__webpack_require__(74844
 var _util = __webpack_require__(42975);
 var _useGlobalConfig = __webpack_require__(22686);
 var _constImage = __webpack_require__(4822);
-var _filterConditionSelect = _interopRequireDefault(__webpack_require__(64546));
+var _filterConditionSelect = _interopRequireDefault(__webpack_require__(74317));
+var _BuildPointModelApi = _interopRequireDefault(__webpack_require__(11790));
 const _hoisted_1 = {
   class: "spanTile"
 };
@@ -1279,59 +2852,129 @@ const _hoisted_25 = {
   key: 0,
   class: "spanTile"
 };
-const _hoisted_26 = {
+const _hoisted_26 = ["title", "onClick"];
+const _hoisted_27 = ["src"];
+const _hoisted_28 = {
+  style: {
+    "line-height": "30px",
+    "text-align": "left",
+    "display": "flex",
+    "align-items": "center"
+  }
+};
+const _hoisted_29 = {
+  class: "render-list-container"
+};
+const _hoisted_30 = {
+  class: "render-item-row"
+};
+const _hoisted_31 = {
+  class: "render-item-row-icon"
+};
+const _hoisted_32 = {
   class: "kq3d-build-point-model-footer"
 };
-const _hoisted_27 = {
+const _hoisted_33 = {
   class: "kq-add-model"
 };
-const _hoisted_28 = {
+const _hoisted_34 = {
   class: "thumbnail-upload-wrapper"
 };
-const _hoisted_29 = {
+const _hoisted_35 = {
   class: "avatar-uploader-trigger"
 };
-const _hoisted_30 = {
+const _hoisted_36 = {
   key: 0,
   class: "avatar-preview"
 };
-const _hoisted_31 = ["src"];
-const _hoisted_32 = {
+const _hoisted_37 = ["src"];
+const _hoisted_38 = {
   class: "avatar-overlay"
 };
-const _hoisted_33 = {
+const _hoisted_39 = {
   class: "overlay-text"
 };
-const _hoisted_34 = {
+const _hoisted_40 = {
   key: 1,
   class: "avatar-uploader-empty"
 };
-const _hoisted_35 = {
+const _hoisted_41 = {
   class: "upload-text"
 };
-const _hoisted_36 = {
+const _hoisted_42 = {
   class: "upload-hint"
 };
-const _hoisted_37 = {
+const _hoisted_43 = {
   class: "model-upload-wrapper"
 };
-const _hoisted_38 = {
+const _hoisted_44 = {
   class: "upload-tip"
 };
-const _hoisted_39 = {
+const _hoisted_45 = {
   class: "model-file-info"
 };
-const _hoisted_40 = {
+const _hoisted_46 = {
   key: 0,
   class: "file-details"
 };
-const _hoisted_41 = {
+const _hoisted_47 = {
   class: "file-name"
 };
-const _hoisted_42 = {
+const _hoisted_48 = {
   class: "file-size"
 };
-const _hoisted_43 = {
+const _hoisted_49 = {
+  style: {
+    "text-align": "center",
+    "padding-top": "8px"
+  }
+};
+const _hoisted_50 = {
+  class: "kq-add-model"
+};
+const _hoisted_51 = {
+  class: "option-content"
+};
+const _hoisted_52 = {
+  class: "option-content"
+};
+const _hoisted_53 = {
+  style: {
+    "text-align": "right",
+    "padding-top": "8px"
+  }
+};
+const _hoisted_54 = {
+  class: "kq-add-model"
+};
+const _hoisted_55 = {
+  class: "thumbnail-upload-wrapper"
+};
+const _hoisted_56 = {
+  class: "avatar-uploader-trigger"
+};
+const _hoisted_57 = {
+  key: 0,
+  class: "avatar-preview"
+};
+const _hoisted_58 = ["src"];
+const _hoisted_59 = {
+  class: "avatar-overlay"
+};
+const _hoisted_60 = {
+  class: "overlay-text"
+};
+const _hoisted_61 = {
+  key: 1,
+  class: "avatar-uploader-empty"
+};
+const _hoisted_62 = {
+  class: "upload-text"
+};
+const _hoisted_63 = {
+  class: "upload-hint"
+};
+const _hoisted_64 = {
   style: {
     "text-align": "center",
     "padding-top": "8px"
@@ -1392,7 +3035,9 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       default: []
     }
   },
-  emits: ["generatedEnd", "changeModelName", "uploadPointSymbol", "deletePointSymbol"],
+  emits: [
+  // 对外事件定义
+  "generatedEnd", "changeModelName", "uploadPointSymbol", "deletePointSymbol", "uploadComplexGeometryTemplate"],
   setup(__props, {
     expose: __expose,
     emit: __emit
@@ -1403,7 +3048,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       locale
     } = (0, _useGlobalConfig.useLocale)();
     const props = __props;
-    const mode = (0, _vue.computed)(() => props?.settingParams?.mode ?? "add");
+    const mode = (0, _vue.computed)(() => props?.settingParams?.mode ?? "add"); // 当前模式（add 新增 / edit 编辑）
     let formItem = (0, _vue.reactive)({
       collapseValue: props?.settingParams?.collapseValue ?? "general",
       // 默认展开属性设置
@@ -1550,14 +3195,28 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       // 自定义点符号
       coordinates: props?.settingParams?.coordinates ?? "",
       // 自定义范围
-      stretchHeight: props?.settingParams?.stretchHeight ?? 20 // 拉伸高度
+      stretchHeight: props?.settingParams?.stretchHeight ?? 20,
+      // 拉伸高度
+      isComplexGeometry: props?.settingParams?.isComplexGeometry ?? false,
+      // 拉伸高度
+      // 复杂几何
+      modelName: props?.settingParams?.modelName ?? "",
+      showOperationModel: true,
+      showEditModel: false,
+      // 外部数据配置
+      geometryServerUrl: props?.settingParams?.geometryServerUrl ?? '',
+      geometryServerToken: props?.settingParams?.geometryServerToken ?? '',
+      isUseServer: props?.settingParams?.isUseServer ?? false
     });
     // 2. 初始化 symbolTypes
     const symbolTypes = (0, _vue.reactive)({
       ...props?.symbolData
     });
-    let modelingTypes = (0, _vue.ref)(null);
-    let geometrySymbols = (0, _vue.ref)([{
+    let modelingTypes = (0, _vue.ref)(null); // 当前模型类型（动态符号/几何符号/自定义点/复杂几何）
+
+    let geometrySymbols = (0, _vue.ref)([
+    // 几何符号类型列表（立方体、圆柱、圆锥等）
+    {
       // 立方体
       value: "PMCube",
       name: locale.value.webgl.cube,
@@ -1635,34 +3294,82 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       name: locale.value.webgl.PMCustomPointModel,
       icon: (0, _vue.markRaw)(_client_icons_vue.IconStretchedBody)
     }]);
+    const groupShapesArr = (0, _vue.ref)([]); // 当前可用作组合基础/运算对象的简单几何与模板项列表
+    // 组合模板数据
+    const groupSymbols = (0, _vue.ref)([]);
+    const groupShapes = (0, _vue.ref)([]); // 已确认的组合列表
+    const groupShapesObj = (0, _vue.reactive)({
+      // 当前正在编辑的组合表单对象
+      name: '',
+      operationName: "",
+      baseModel: null,
+      operationModel: null,
+      operationMethod: 0
+    });
+    // 第一个下拉框：排除掉第二个下拉框已经选中的值，并加入已确认的运算模型组合
+    const groupShapeList1 = (0, _vue.computed)(() => {
+      const baseList = groupShapesArr.value.filter(item => item.name !== groupShapesObj.operationName);
+      // 追加已确认的运算模型组合
+      const confirmedCombos = groupShapes.value.filter(item => item.operationName).map(item => ({
+        value: item.id,
+        name: `${item.groupType}${item.index}`,
+        icon: null
+      }));
+      return [...baseList, ...confirmedCombos];
+    });
+
+    // 第二个下拉框：排除掉第一个下拉框已经选中的值，并加入已确认的运算模型组合
+    const groupShapeList2 = (0, _vue.computed)(() => {
+      const baseList = groupShapesArr.value.filter(item => item.name !== groupShapesObj.name);
+      // 追加已确认的运算模型组合（只有 operationName 不为空的才是运算模型）
+      const confirmedCombos = groupShapes.value.filter(item => item.operationName).map(item => ({
+        value: item.id,
+        name: `${item.groupType}${item.index}`,
+        icon: null
+      }));
+      return [...baseList, ...confirmedCombos];
+    });
+    let selectedIndex_group = (0, _vue.ref)([]); // 已选中的模板索引列表
+    let isShowSaveTemplate = (0, _vue.ref)(false); // 是否显示保存模板弹框
+    const templateSaveData = (0, _vue.reactive)({
+      // 保存模板弹框的表单数据
+      name: '',
+      img: ''
+    });
     const emit = __emit;
     // 组件容器Ref
     let boxRef = (0, _vue.ref)(null);
     // 生成组件默认header
     let headerTemp = (0, _vue.ref)();
-    let headerTempRef = (0, _vue.ref)();
-    let viewModel = null;
-    let propertyFieldsDef = (0, _vue.ref)([]);
-    let isShowAddModel = (0, _vue.ref)(false);
+    let headerTempRef = (0, _vue.ref)(); // header 模板引用
+    let viewModel = null; // 视图模型实例（业务逻辑层）
+    let _api = null; // 服务端 API 实例（服务端模式）
+    let propertyFieldsDef = (0, _vue.ref)([]); // 数据属性字段定义列表
+    let isShowAddModel = (0, _vue.ref)(false); // 是否显示添加模型弹框
+    let isShowAddGroup = (0, _vue.ref)(false); // 是否显示添加组合弹框
     let modelEditData = (0, _vue.reactive)({
+      // 模型编辑表单数据
       name: "",
       img: "",
       path: ""
     });
+
     // 类型选中
     let currentData = (0, _vue.ref)({});
-    let selectedIndex = (0, _vue.ref)(null);
-    let selectedIndex_jh = (0, _vue.ref)(null);
-    let currentItemGeometry = (0, _vue.ref)(null);
-    let currentItem = (0, _vue.ref)(null);
-    let isDelete = (0, _vue.ref)(false);
-    const maxHeight = (0, _vue.computed)(() => props?.maxHeight ?? 605);
+    let selectedIndex = (0, _vue.ref)(null); // 当前选中的符号索引
+    let selectedIndex_jh = (0, _vue.ref)(null); // 当前选中的几何符号索引
+
+    let currentItemGeometry = (0, _vue.ref)(null); // 当前选中的几何符号项
+    let currentItem = (0, _vue.ref)(null); // 当前选中的符号项
+    let isDelete = (0, _vue.ref)(false); // 是否处于删除模式
+
+    const maxHeight = (0, _vue.computed)(() => props?.maxHeight ?? 605); // 内容区最大高度
     // 控制是否加滚动样式
     const needScroll = (0, _vue.ref)(false);
     // DOM 引用
     const scrollBox = (0, _vue.ref)(null);
     // 监听元素尺寸变化（内容变化自动触发）
-    let resizeObserver = null;
+    let resizeObserver = null; // 尺寸观察器实例
     (0, _vue.watch)((0, _vue.toRef)(props, "symbolData"),
     // 精准监听 props 中的 symbolData 属性，避免解构丢失响应式
     newData => {
@@ -1702,29 +3409,48 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
           setPointSymbol();
         }
       });
+      // 服务端模式：初始化 API 实例并获取远程数据
+      if (formItem.isUseServer && formItem.geometryServerUrl) {
+        _api = new _BuildPointModelApi.default(formItem.geometryServerUrl, formItem.geometryServerToken);
+        _api.init().then(() => {
+          getFileDirectory();
+          getComplexGeometryTemplates();
+        });
+      }
       initScroll();
     });
     // 计算属性
+    // 编辑模式下的复杂几何符号：仅显示朝向角/俯仰角/翻转角
+    const isEditComplexGeometry = (0, _vue.computed)(() => mode.value === 'edit' && modelingTypes.value === 'complexGeometrySymbol');
     const isDisabled = (0, _vue.computed)(() => {
-      // 1. 基础判断：没有 geometry 直接禁用
+      // 复杂几何符号：需要至少一个组合
+      if (formItem.isComplexGeometry) {
+        return !groupShapes.value.length;
+      }
+
+      // 基础判断：没有 geometry 直接禁用
       if (!currentItemGeometry.value) return true;
       const type = currentItemGeometry.value?.value;
 
-      // 2. 圆柱体类型：需要高度 + 半径
+      // 圆柱体类型：需要高度 + 半径
       if (type === 'PMExtrudedCylinder') {
         return !(formItem.heights && formItem.radii && safelyParse(formItem.heights) && safelyParse(formItem.radii));
       }
 
-      // 3. 自定义点模型：需要坐标
+      // 自定义点模型：需要坐标
       if (type === 'PMCustomPointModel') {
         return !(formItem.coordinates && safelyParse(formItem.coordinates));
       }
 
-      // 4. 其他类型：不禁用
+      // 其他类型：不禁用
       return false;
     });
 
-    // 工具函数：安全解析 JSON，防止报错
+    /**
+     * @description 工具函数：安全解析 JSON，防止报错
+     * @param {string} str 待解析的 JSON 字符串
+     * @returns {*} 解析后的对象，失败返回 null
+     */
     function safelyParse(str) {
       try {
         return JSON.parse(str);
@@ -1732,6 +3458,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         return null;
       }
     }
+    // 初始化滚动监听，观察内容区尺寸变化以决定是否显示滚动条
     function initScroll() {
       const el = scrollBox.value;
       if (!el) return;
@@ -1753,6 +3480,98 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       // 内容实际高度 > 最大高度 → 显示滚动条
       needScroll.value = el.scrollHeight > maxHeight.value;
     }
+    // 获取点符号文件目录（服务端模式）
+    async function getFileDirectory() {
+      if (!_api) return;
+      try {
+        const res = await _api.getAllContents('/sceneView/buildModel/pointSymbol', true);
+        if (res?.length) {
+          const categories = _api.buildCategoryList(res);
+          if (categories?.length) {
+            Object.keys(symbolTypes).forEach(key => delete symbolTypes[key]);
+            Object.assign(symbolTypes, categories);
+            setPointSymbol();
+            // 预加载第一个分类的符号数据（传 reactive proxy 确保响应式更新）
+            if (symbolTypes[0]) {
+              _api.loadCategorySymbols(symbolTypes[0]).then(() => {
+                updateCurrentItem();
+              });
+            }
+          }
+        }
+      } catch (error) {
+        console.error('获取点符号文件目录失败:', error);
+      }
+    }
+    // 获取复杂几何符号模板（服务端模式）
+    async function getComplexGeometryTemplates() {
+      if (!_api) return;
+      try {
+        const res = await _api.getAllContents('/sceneView/buildModel/complexGeometryTemplate', true);
+        if (!res?.length) return;
+        const addedNames = new Set();
+
+        // 辅助函数：添加模板到列表（去重）
+        function addTemplate(name, icon, groupJson) {
+          if (addedNames.has(name)) return;
+          addedNames.add(name);
+          groupSymbols.value.push({
+            name,
+            icon: icon || (0, _vue.markRaw)(_client_icons_vue.PrintImage),
+            groupJson
+          });
+        }
+
+        // 1. 处理子目录中的模板（每个模板一个子目录，包含 JSON 和 PNG 文件）
+        for (const dir of res) {
+          if (dir.fileType !== "File Folder" || !dir.children) continue;
+          for (const child of dir.children) {
+            if (child.fileType !== "File Folder" && child.dirName.endsWith('.json')) {
+              try {
+                const textContent = await _api.getFileText(child.dirPath);
+                if (textContent) {
+                  const groupJson = JSON.parse(textContent);
+                  const pngFile = dir.children.find(c => c.fileType !== "File Folder" && c.dirName.endsWith('.png'));
+                  let icon = null;
+                  if (pngFile) {
+                    const pngBase64 = await _api.getFileBase64(pngFile.dirPath);
+                    icon = pngBase64 ? `data:image/png;base64,${pngBase64}` : null;
+                  }
+                  addTemplate(dir.dirName, icon, groupJson);
+                }
+              } catch (err) {
+                console.error('读取模板文件失败:', child.dirName, err);
+              }
+            }
+          }
+        }
+
+        // 2. 处理直接放在目录中的 JSON 文件（uploadJsonData 上传的扁平模板）
+        for (const file of res) {
+          if (file.fileType === "File Folder" || !file.dirName.endsWith('.json')) continue;
+          try {
+            const textContent = await _api.getFileText(file.dirPath);
+            if (textContent) {
+              const groupJson = JSON.parse(textContent);
+              const templateName = file.dirName.replace(/\.json$/i, '');
+              // 查找同名的 PNG 缩略图
+              const pngFile = res.find(f => f.fileType !== "File Folder" && f.dirName === templateName + '.png');
+              let icon = null;
+              if (pngFile) {
+                const pngBase64 = await _api.getFileBase64(pngFile.dirPath);
+                icon = pngBase64 ? `data:image/png;base64,${pngBase64}` : null;
+              }
+              addTemplate(templateName, icon, groupJson);
+            }
+          } catch (err) {
+            console.error('读取模板文件失败:', file.dirName, err);
+          }
+        }
+      } catch (error) {
+        console.error('获取复杂几何模板失败:', error);
+      }
+    }
+    // 设置默认点符号与几何符号的选中项
     function setPointSymbol() {
       formItem.symbolType = symbolTypes?.[0]?.name;
       currentData.value = symbolTypes?.[0];
@@ -1774,6 +3593,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         headerTemp.value = (0, _util.createHeaderTemp)(boxRef.value, (0, _vue.toRefs)(props), headerTempRef, "webgl.buildPointModel");
       }
     };
+    /**
+     * @description 接收外部数据并下发到视图模型（字符串走服务端拉取，对象直接使用）
+     * @param {string|Object} data 数据源，字符串表示服务端数据地址，对象表示直接的图层数据
+     */
     function setData(data) {
       if (data) {
         if (!viewModel) return;
@@ -1801,10 +3624,14 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         label,
         modelingType,
         geometry,
-        style
+        style,
+        type
       } = item?.toJSON?.() ?? {};
       const {
         hpr,
+        heading,
+        pitch,
+        roll,
         scale,
         color,
         clampToGround,
@@ -1815,7 +3642,6 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         slices,
         topRadius,
         bottomRadius,
-        type,
         radius,
         slicePartitions,
         stackPartitions,
@@ -1856,16 +3682,21 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         topCenterOffsetX,
         topCenterOffsetY,
         stretchHeight,
-        coordinates
+        coordinates,
+        offset
       } = Object.assign({}, parameter || {}, geometry || {}, style || {});
       modelingTypes.value = modelingType ?? null;
       Object.assign(formItem, {
-        heading: hpr?.heading ?? formItem.heading,
-        pitch: hpr?.pitch ?? formItem.pitch,
-        roll: hpr?.roll ?? formItem.roll,
+        isComplexGeometry: modelingType === 'complexGeometrySymbol',
+        heading: hpr?.heading ?? heading ?? formItem.heading,
+        pitch: hpr?.pitch ?? pitch ?? formItem.pitch,
+        roll: hpr?.roll ?? roll ?? formItem.roll,
         scaleX: scale?.x ?? formItem.scaleX,
         scaleY: scale?.y ?? formItem.scaleY,
         scaleZ: scale?.z ?? formItem.scaleZ,
+        offsetX: offset?.x ?? formItem.offsetX,
+        offsetY: offset?.y ?? formItem.offsetY,
+        offsetZ: offset?.z ?? formItem.offsetZ,
         color: color ?? formItem.color,
         clampToGround: clampToGround ?? formItem.clampToGround,
         ofModelName: label ?? formItem.ofModelName,
@@ -1927,7 +3758,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         };
       }
     }
-    // 参数切换
+    /**
+     * @description 参数切换，同步表单到视图模型并通知视图层处理
+     * @param {string} key 变化的参数键名（特殊键：ofModelName/setImage/setGeometrySymbol）
+     */
     function paramsChanged(key) {
       if (!viewModel) return;
       Object.assign(viewModel._options, formItem);
@@ -1942,9 +3776,19 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     const isFormValid = (0, _vue.computed)(() => {
       return modelEditData.name && modelEditData.path;
     });
+    // 保存模板按钮可用性判断
+    // 仅当组合列表只有1条且是"仅来自模板的简单组合"时禁用（数据同源，保存无意义）
+    // 简单几何（可能调整参数）或运算模型（已是新模型）单条时允许保存
+    const canSaveTemplate = (0, _vue.computed)(() => {
+      if (!groupShapes.value.length) return false;
+      if (groupShapes.value.length === 1) {
+        return !groupShapes.value[0]._isFromTemplateOnly;
+      }
+      return true;
+    });
 
     // 保存模型
-    function saveModelData() {
+    async function saveModelData() {
       try {
         // 准备保存的数据
         const saveData = {
@@ -1955,12 +3799,34 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         if (currentData?.value?.children) {
           currentData.value.children.push(saveData);
         }
-        // 发出上传事件
-        emit("uploadPointSymbol", {
-          ...uploadFile.value,
-          name: saveData.name,
-          parentNode: currentData.value
-        });
+        // 服务端模式：通过 API 内部上传
+        if (formItem.isUseServer && _api) {
+          const res = await _api.uploadPointMaterial({
+            filePath: currentData?.value?._dirPath || '/sceneView/buildModel/pointSymbol',
+            name: saveData.name,
+            img: uploadFile.value.img,
+            path: uploadFile.value.path
+          });
+          if (res && res.success) {
+            (0, _message.default)({
+              message: locale.value.webgl.uploadSuccess || '文件上传成功！',
+              type: 'success'
+            });
+            getFileDirectory();
+          } else {
+            (0, _message.default)({
+              message: locale.value.webgl.uploadFail || '文件上传失败！',
+              type: 'error'
+            });
+          }
+        } else {
+          // 非服务端模式：发出上传事件，由父组件处理
+          emit("uploadPointSymbol", {
+            ...uploadFile.value,
+            name: saveData.name,
+            parentNode: currentData.value
+          });
+        }
         // 重置表单数据
         modelEditData.name = "";
         modelEditData.img = "";
@@ -1973,7 +3839,11 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         console.error("模型添加失败:", error);
       }
     }
-    // 处理GLB文件上传
+    /**
+     * @description 处理 GLB 模型文件上传，校验大小并写入表单
+     * @param {Object} file 上传的文件对象
+     * @param {Array} fileList 文件列表
+     */
     function handleGlbSuccess(file, fileList) {
       if (file.size > 5 * 1024 * 1024) {
         _message.default.error(locale.value.webgl.modelSizeLimit);
@@ -1982,7 +3852,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       uploadFile.value.path = file;
       modelEditData.path = URL.createObjectURL(file.raw);
     }
-    // 处理缩略图上传
+    /**
+     * @description 处理缩略图上传，读取为 base64 写入表单
+     * @param {Object} file 上传的图片文件对象
+     */
     const handleAvatarSuccess = file => {
       uploadFile.value.img = file;
       const reader = new FileReader();
@@ -1991,11 +3864,19 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       };
       reader.readAsDataURL(file.raw);
     };
-    // 获取文件名（不含扩展名）
+    /**
+     * @description 获取文件名（不含扩展名）
+     * @param {string} fullName 完整文件名
+     * @returns {string} 去除扩展名后的文件名
+     */
     function getFileName(fullName) {
       return fullName.replace(/\.[^/.]+$/, "");
     }
-    // 获取文件大小格式化显示
+    /**
+     * @description 获取文件大小格式化显示
+     * @param {number} bytes 文件字节数
+     * @returns {string} 带单位（Bytes/KB/MB/GB）的大小字符串
+     */
     function getFileSize(bytes) {
       if (bytes === 0) return "0 Bytes";
       const k = 1024;
@@ -2011,40 +3892,100 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     function addContents() {
       isShowAddModel.value = true;
     }
+    // 切换删除模式显隐
     function showDelete() {
       isDelete.value = !isDelete.value;
     }
+    /**
+     * @description 删除指定符号，弹框确认后从列表与服务端移除
+     * @param {Object} image 待删除的符号对象
+     * @param {number} image 在列表中的索引
+     */
     function deleteImage(image, index) {
       _messagebox.default.confirm(`${locale.value.webgl.confirmDelete}"${image.name}"？`, locale.value.webgl.deleteConfirm, {
         confirmButtonText: locale.value.common.confirm,
         cancelButtonText: locale.value.common.cancel,
         type: "warning"
-      }).then(() => {
+      }).then(async () => {
         if (currentData?.value?.children) {
           currentData.value.children.splice(index, 1);
         }
-        emit("deletePointSymbol", image);
+        // 服务端模式：通过 API 内部删除
+        if (formItem.isUseServer && _api && image.dirPath) {
+          const deleted = await _api.deleteFile(image.dirPath);
+          if (deleted) {
+            (0, _message.default)({
+              message: '文件删除成功！',
+              type: 'success'
+            });
+            getFileDirectory();
+          } else {
+            (0, _message.default)({
+              message: '文件删除失败！',
+              type: 'error'
+            });
+          }
+        } else {
+          // 非服务端模式：发出删除事件，由父组件处理
+          emit("deletePointSymbol", image);
+        }
       }).catch(() => {
         // 用户取消删除，不做任何操作
       });
     }
-    // 生成
+    /**
+     * @description 生成模型；复杂几何走合并逻辑，其他走视图模型常规生成
+     * @param {string} key 模型类型键（如 complexGeometrySymbol）
+     */
     function generated(key) {
-      viewModel?.generated(key, function (data) {
-        emit("generatedEnd", data);
-      });
+      if (key === "complexGeometrySymbol" && formItem.isComplexGeometry) {
+        // 生成时隐藏所有辅助内容，只显示生成结果
+        hideAllAuxiliaryForPreview();
+        // 复杂几何符号：合并所有已确认组合的 BSP 结果
+        viewModel?._generateComplexGeometry(groupShapes.value, key, function (data) {
+          emit("generatedEnd", data);
+        });
+      } else {
+        viewModel?.generated(key, function (data) {
+          emit("generatedEnd", data);
+        });
+      }
     }
-    // 切换类型
+    /**
+     * @description 切换符号分类，按需加载该分类下的符号 base64
+     * @param {Object} item 选中的分类项
+     * @param {number} index 分类索引
+     */
     function changeType(item, index) {
       currentData.value = item;
       selectedIndex.value = 0;
+      // 按需加载：分类未加载过则先请求 base64
+      if (_api && item._children && !item.children?.length) {
+        _api.loadCategorySymbols(item).then(() => {
+          updateCurrentItem();
+        });
+      } else {
+        updateCurrentItem();
+      }
+    }
+    // 根据当前选中分类与索引同步视图模型的当前项
+    function updateCurrentItem() {
       if (!viewModel) return;
       viewModel._currentItem = currentData?.value?.children?.[selectedIndex?.value];
       currentItem.value = viewModel?._currentItem ?? null;
     }
+    /**
+     * @description 处理过滤条件变化
+     * @param {string} condition 选中的过滤条件字符串
+     */
     const handleFilterChange = condition => {
       formItem.selectModelId = condition;
     };
+    /**
+     * @description 选中某个符号图片
+     * @param {number} index 符号在列表中的索引
+     * @param {Object} item 符号对象
+     */
     function selectImage(index, item) {
       if (isDelete.value) return;
       selectedIndex.value = index;
@@ -2069,11 +4010,26 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     function pan() {
       viewModel && viewModel.pan();
     }
+    // 清空视图模型与所有组合状态，重置弹框与表单
     function clear() {
       viewModel?.clear();
+      groupShapesArr.value = [];
+      selectedIndex_group.value = [];
+      groupShapes.value = [];
+      // 补充重置：避免弹框残留、表单数据残留
+      resetGroupShapesObj();
+      isShowAddGroup.value = false;
+      isShowSaveTemplate.value = false;
+      templateSaveData.name = '';
+      templateSaveData.img = '';
     }
 
     //--------------几何符号---------------------------------------------------------------
+    /**
+     * @description 选中某个几何符号
+     * @param {number} index 几何符号索引
+     * @param {Object} item 几何符号对象
+     */
     function selectGeometrySymbol(index, item) {
       selectedIndex_jh.value = index;
       if (!viewModel) return;
@@ -2081,13 +4037,285 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       currentItemGeometry.value = item;
       viewModel.paramsChanged("setGeometrySymbol", mode);
     }
+    /**
+     * @description 选中/取消选中某个组合模板，加载或卸载对应模板符号
+     * @param {number} index 模板索引
+     * @param {Object} item 模板对象
+     */
+    function selectGroupSymbol(index, item) {
+      if (!viewModel) return;
+      const result = viewModel.loadTemplateSymbol(index, item);
+      if (result?.simplified !== undefined) {
+        groupShapesArr.value = result.simplified;
+      }
+      if (result?.action === 'loaded') {
+        if (!selectedIndex_group.value.includes(index)) {
+          selectedIndex_group.value.push(index);
+        }
+      } else {
+        selectedIndex_group.value = selectedIndex_group.value.filter(i => i !== index);
+      }
+    }
+    // 添加图形
+    function addGroupShape() {
+      // 重置表单对象
+      resetGroupShapesObj();
+      isShowAddGroup.value = true;
+    }
+    // 重置组合表单对象
+    function resetGroupShapesObj() {
+      groupShapesObj.name = '';
+      groupShapesObj.operationName = '';
+      groupShapesObj.baseModel = null;
+      groupShapesObj.operationModel = null;
+      groupShapesObj.operationMethod = 0;
+      // 清除预览
+      viewModel?._clearPreviewBsp();
+    }
+    // 取消添加组合：清除数据并关闭弹框
+    function handleCancelAddGroup() {
+      resetGroupShapesObj();
+      isShowAddGroup.value = false;
+    }
+    /**
+     * @description 组合操作统一入口，按 key 分发到加载/清除/显隐/预览/确认等逻辑
+     * @param {string} key 操作键（loadFiles/clearGroupShapes/showOperationModel/showEditModel/preview/confirm/clear/base/operation）
+     * @param {*} [val] 操作附带值（base/operation 时为模型对象）
+     */
+    function addGroupShapeBtn(key, val) {
+      switch (key) {
+        case 'loadFiles':
+          if (!viewModel) return;
+          // 复杂几何编辑阶段：只生成第一个 feature + 缩放，节省性能
+          viewModel.generated_loadFiles((data, message) => {
+            if (data?.length) {
+              groupShapesArr.value = data;
+            }
+          }, formItem.isComplexGeometry);
+          break;
+        case 'clearGroupShapes':
+          viewModel.clearSimpleGeometryModels(data => {
+            groupShapesArr.value = data;
+          });
+          break;
+        case 'showOperationModel':
+          viewModel.showGroupShapes(formItem.showOperationModel, data => {
+            groupShapesArr.value = data;
+          });
+          break;
+        case 'showEditModel':
+          viewModel.showEditModel(formItem.showEditModel);
+          break;
+        case 'preview':
+          viewModel._operationModels(groupShapesObj, true, null);
+          break;
+        case 'confirm':
+          {
+            // 生成唯一 ID
+            const confirmId = (0, _util.guid)();
+            const type = groupShapesObj.operationName ? locale.value.webgl.group : locale.value.webgl.shape;
+            const sameType = groupShapes.value.filter(i => i.groupType === type);
+            const newIndex = sameType.length ? Math.max(...sameType.map(i => i.index)) + 1 : 1;
+
+            // 确认组合：生成/移动 BSP 结果到已确认
+            viewModel._confirmOperationModel(groupShapesObj, confirmId);
+
+            // 判断是否为"仅来自模板的简单组合"（无运算 + base 来自模板）
+            // 这种组合保存模板时数据同源，无意义
+            const isFromTemplateOnly = !groupShapesObj.operationName && !!groupShapesObj.baseModel?._isTemplate;
+            groupShapes.value.push({
+              id: confirmId,
+              index: newIndex,
+              groupType: type,
+              name: groupShapesObj.name,
+              operationName: groupShapesObj.operationName,
+              operationMethod: groupShapesObj.operationMethod,
+              _show: true,
+              _isFromTemplateOnly: isFromTemplateOnly
+            });
+            // 清除预览的运算模型
+            viewModel._clearPreviewBsp();
+            isShowAddGroup.value = false;
+          }
+          break;
+        case 'clear':
+          // 清除预览的运算模型（原始简单几何模型不动）
+          viewModel._clearPreviewBsp();
+          break;
+        case 'base':
+          groupShapesObj.baseModel = val;
+          break;
+        case 'operation':
+          groupShapesObj.operationModel = val;
+          break;
+        default:
+          break;
+      }
+    }
+    /**
+     * @description 删除组合（同步删除对应布尔运算模型）
+     * @param {number} index 组合在列表中的索引
+     */
+    function handleDeleteGroupShape(index) {
+      const item = groupShapes.value[index];
+      if (item?.id) {
+        viewModel?._removeConfirmedBsp(item.id);
+      }
+      groupShapes.value.splice(index, 1);
+    }
+
+    /**
+     * @description 切换组合显隐
+     * @param {Object} item 组合对象（含 id 与 _show 状态）
+     * @param {number} index 组合索引
+     */
+    function handleViewGroupShape(item, index) {
+      if (!item?.id || !viewModel) return;
+      const bspItems = viewModel._confirmedBspResults[item.id];
+      if (!bspItems?.length) return;
+      const newShow = item._show === false ? true : false;
+      item._show = newShow;
+      bspItems.forEach(bspItem => {
+        bspItem._visible = newShow;
+        if (bspItem.isSimple) {
+          // 简单组合：直接控制 base 模型的 show
+          if (bspItem.base) {
+            bspItem.base.show = newShow;
+          }
+        } else {
+          // 运算组合：通过 _addedPrimitives 控制显隐
+          bspItem._addedPrimitives?.forEach(primitive => {
+            if (primitive && primitive.show !== undefined) {
+              primitive.show = newShow;
+            }
+          });
+        }
+      });
+    }
+
+    // 定位到数据点
+    function zoomToDataPoint() {
+      viewModel?._zoomToDataPoint();
+    }
+
+    // 预览/生成时隐藏所有辅助内容（场景模型 + UI 状态同步），只显示最终模型
+    function hideAllAuxiliaryForPreview() {
+      if (!viewModel) return;
+      // 1. 简单几何模型隐藏 + checkbox 取消选中（同步 UI）
+      formItem.showOperationModel = false;
+      addGroupShapeBtn('showOperationModel');
+      // 2. confirmed 模型隐藏 + 组合列表显隐图标样式同步
+      viewModel._setConfirmedBspVisible(false);
+      groupShapes.value.forEach(item => {
+        item._show = false;
+      });
+      // 3. 模板卸载（从场景移除）+ 模板列表取消选中 + 同步下拉列表
+      viewModel._unloadTemplateSymbol();
+      selectedIndex_group.value = [];
+      viewModel._selectedTemplateIndices?.clear();
+      viewModel._selectedTemplateModelsMap?.clear();
+      groupShapesArr.value = viewModel._getSimplifiedGroupShapes();
+    }
+
+    // 预览最终复杂模型
+    function handlePreviewComplexModel() {
+      if (!viewModel || !groupShapes.value.length) return;
+      // 隐藏所有辅助内容，只显示预览结果
+      hideAllAuxiliaryForPreview();
+      // 预览
+      viewModel._previewComplexModel(groupShapes.value, 'complexGeometrySymbol');
+    }
+
+    // 清除预览及组合列表
+    function handleClearPreview() {
+      // 清除预览的最终复杂模型
+      viewModel?._clearComplexPreview();
+      // 清除所有已确认的 BSP 组合模型
+      viewModel?._clearAllConfirmedBsp();
+      // 清除组合列表
+      groupShapes.value = [];
+      // 清除模板选中状态
+      selectedIndex_group.value = [];
+      viewModel?._selectedTemplateIndices?.clear();
+      viewModel?._selectedTemplateModelsMap?.clear();
+      viewModel?._unloadTemplateSymbol();
+      // 同步更新 groupShapesArr，移除已卸载的模板项（保留 loadFiles 加载的简单几何项）
+      // 避免下拉列表残留已失效的模板项导致后续组合失败
+      if (viewModel) {
+        groupShapesArr.value = viewModel._getSimplifiedGroupShapes();
+      }
+    }
+
+    // 打开保存模板弹框
+    function handleSaveTemplate() {
+      templateSaveData.name = '';
+      templateSaveData.img = '';
+      isShowSaveTemplate.value = true;
+    }
+
+    // 保存模板数据
+    async function saveTemplateData() {
+      if (!templateSaveData.name || !viewModel) return;
+      try {
+        const groupJson = viewModel.saveTemplateData(templateSaveData.name, groupShapes.value);
+        if (groupJson) {
+          const templateItem = {
+            name: templateSaveData.name,
+            icon: templateSaveData.img ? (0, _vue.markRaw)({
+              template: templateSaveData.img
+            }) : (0, _vue.markRaw)(_client_icons_vue.PrintImage),
+            groupJson: groupJson
+          };
+          groupSymbols.value.push(templateItem);
+          // 服务端模式：上传模板到服务器
+          if (formItem.isUseServer && _api) {
+            const uploadRes = await _api.uploadJsonData({
+              filePath: '/sceneView/buildModel/complexGeometryTemplate',
+              fileName: templateSaveData.name,
+              jsonData: groupJson
+            });
+            if (uploadRes) {
+              (0, _message.default)({
+                message: '模板上传成功！',
+                type: 'success'
+              });
+            }
+          } else {
+            // 非服务端模式：发出上传事件，由父组件处理
+            emit("uploadComplexGeometryTemplate", templateItem);
+          }
+        }
+        isShowSaveTemplate.value = false;
+      } catch (error) {
+        console.error("保存模板失败:", error);
+      }
+    }
+
+    /**
+     * @description 模板缩略图上传，读取为 base64 写入表单
+     * @param {Object} file 上传的图片文件对象
+     */
+    function handleTemplateAvatarSuccess(file) {
+      const reader = new FileReader();
+      reader.onload = function (e) {
+        templateSaveData.img = e.target.result;
+      };
+      reader.readAsDataURL(file.raw);
+    }
+
     // 销毁
     (0, _vue.onBeforeUnmount)(() => {
       clear();
     });
+    // 导出当前所有模型数据
     function exportModels() {
       return viewModel.exportModels();
     }
+    /**
+     * @description 导入模型数据
+     * @param {Array} jsons 模型 JSON 数组
+     * @returns {*} 导入结果
+     */
     function importModels(jsons) {
       return viewModel.importModels(jsons);
     }
@@ -2111,6 +4339,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       const _component_kq_button = (0, _vue.resolveComponent)("kq-button");
       const _component_kq_scrollbar = (0, _vue.resolveComponent)("kq-scrollbar");
       const _component_kq_slider = (0, _vue.resolveComponent)("kq-slider");
+      const _component_kq_checkbox = (0, _vue.resolveComponent)("kq-checkbox");
       const _component_kq_collapse = (0, _vue.resolveComponent)("kq-collapse");
       const _component_kq_form = (0, _vue.resolveComponent)("kq-form");
       const _component_kq_upload = (0, _vue.resolveComponent)("kq-upload");
@@ -2202,7 +4431,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["label"]), (0, _vue.createVNode)(_component_kq_collapse, {
           modelValue: (0, _vue.unref)(formItem).collapseValue,
-          "onUpdate:modelValue": _cache[224] || (_cache[224] = $event => (0, _vue.unref)(formItem).collapseValue = $event),
+          "onUpdate:modelValue": _cache[245] || (_cache[245] = $event => (0, _vue.unref)(formItem).collapseValue = $event),
           accordion: ""
         }, {
           default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 通用 "), (0, _vue.createVNode)(_component_kq_collapse_item, {
@@ -2221,7 +4450,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                   default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
-                    default: (0, _vue.withCtx)(() => [_cache[228] || (_cache[228] = (0, _vue.createElementVNode)("span", {
+                    default: (0, _vue.withCtx)(() => [_cache[260] || (_cache[260] = (0, _vue.createElementVNode)("span", {
                       class: "spanTile"
                     }, "X:", -1 /* CACHED */)), (0, _vue.createVNode)(_component_kq_input_number, {
                       modelValue: (0, _vue.unref)(formItem).offsetX,
@@ -2233,11 +4462,11 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                       onChange: _cache[4] || (_cache[4] = $event => paramsChanged('offset'))
                     }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
                     _: 1 /* STABLE */,
-                    __: [228]
+                    __: [260]
                   }), (0, _vue.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
-                    default: (0, _vue.withCtx)(() => [_cache[229] || (_cache[229] = (0, _vue.createElementVNode)("span", {
+                    default: (0, _vue.withCtx)(() => [_cache[261] || (_cache[261] = (0, _vue.createElementVNode)("span", {
                       class: "spanTile"
                     }, "Y:", -1 /* CACHED */)), (0, _vue.createVNode)(_component_kq_input_number, {
                       modelValue: (0, _vue.unref)(formItem).offsetY,
@@ -2249,11 +4478,11 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                       onChange: _cache[6] || (_cache[6] = $event => paramsChanged('offset'))
                     }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
                     _: 1 /* STABLE */,
-                    __: [229]
+                    __: [261]
                   }), (0, _vue.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
-                    default: (0, _vue.withCtx)(() => [_cache[230] || (_cache[230] = (0, _vue.createElementVNode)("span", {
+                    default: (0, _vue.withCtx)(() => [_cache[262] || (_cache[262] = (0, _vue.createElementVNode)("span", {
                       class: "spanTile"
                     }, "Z:", -1 /* CACHED */)), (0, _vue.createVNode)(_component_kq_input_number, {
                       modelValue: (0, _vue.unref)(formItem).offsetZ,
@@ -2265,7 +4494,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                       onChange: _cache[8] || (_cache[8] = $event => paramsChanged('offset'))
                     }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
                     _: 1 /* STABLE */,
-                    __: [230]
+                    __: [262]
                   })]),
                   _: 1 /* STABLE */
                 })]),
@@ -2709,7 +4938,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                     key: 1,
                     span: 8
                   }, {
-                    default: (0, _vue.withCtx)(() => [_cache[231] || (_cache[231] = (0, _vue.createElementVNode)("span", {
+                    default: (0, _vue.withCtx)(() => [_cache[263] || (_cache[263] = (0, _vue.createElementVNode)("span", {
                       class: "spanTile"
                     }, "Y:", -1 /* CACHED */)), (0, _vue.createVNode)(_component_kq_input_number, {
                       modelValue: (0, _vue.unref)(formItem).scaleY,
@@ -2721,12 +4950,12 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                       onChange: _cache[36] || (_cache[36] = $event => paramsChanged('scale'))
                     }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
                     _: 1 /* STABLE */,
-                    __: [231]
+                    __: [263]
                   })) : (0, _vue.createCommentVNode)("v-if", true), mode.value == 'edit' ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_col, {
                     key: 2,
                     span: 8
                   }, {
-                    default: (0, _vue.withCtx)(() => [_cache[232] || (_cache[232] = (0, _vue.createElementVNode)("span", {
+                    default: (0, _vue.withCtx)(() => [_cache[264] || (_cache[264] = (0, _vue.createElementVNode)("span", {
                       class: "spanTile"
                     }, "Z:", -1 /* CACHED */)), (0, _vue.createVNode)(_component_kq_input_number, {
                       modelValue: (0, _vue.unref)(formItem).scaleZ,
@@ -2738,7 +4967,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                       onChange: _cache[38] || (_cache[38] = $event => paramsChanged('scale'))
                     }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
                     _: 1 /* STABLE */,
-                    __: [232]
+                    __: [264]
                   })) : (0, _vue.createCommentVNode)("v-if", true)]),
                   _: 1 /* STABLE */
                 })]),
@@ -2804,7 +5033,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
           }, 8 /* PROPS */, ["title", "style"]), [[_vue.vShow, !(0, _vue.unref)(modelingTypes) || (0, _vue.unref)(modelingTypes) == 'dynamicSymbol']]), (0, _vue.createCommentVNode)(" 几何符号 "), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_collapse_item, {
             title: (0, _vue.unref)(locale).webgl.geometrySymbol,
             name: "geometrySymbol",
-            style: (0, _vue.normalizeStyle)((0, _vue.unref)(modelingTypes) == 'geometrySymbol' ? 'margin-bottom: 0px' : '')
+            style: (0, _vue.normalizeStyle)((0, _vue.unref)(modelingTypes) == 'geometrySymbol' || (0, _vue.unref)(modelingTypes) == 'complexGeometrySymbol' ? 'margin-bottom: 0px' : '')
           }, {
             default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
               default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
@@ -2842,7 +5071,9 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["label"])]),
               _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[_vue.vShow, mode.value == 'add']]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, mode.value == 'add']]), (0, _vue.createCommentVNode)(" 简单几何参数：编辑模式下的复杂几何符号隐藏 "), !isEditComplexGeometry.value ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, {
+              key: 0
+            }, [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
               default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
                 label: (0, _vue.unref)(locale).webgl.width + '(m)'
               }, {
@@ -4642,7 +6873,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                     style: {
                       "width": "100%"
                     },
-                    placeholder: "[{x: 0, y: -10},{x: 2.469, y: -3.399},{x: 9.511, y: -3.090},{x: 3.995, y: 1.298}]"
+                    placeholder: "[{\"x\": 0, \"y\": -10},{\"x\": 2.469, \"y\": -3.399},{\"x\": 9.511, \"y\": -3.090},{\"x\": 3.995, \"y\": 1.298}]"
                   }, null, 8 /* PROPS */, ["modelValue"])]),
                   _: 1 /* STABLE */
                 })]),
@@ -4769,7 +7000,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["label"])]),
               _: 1 /* STABLE */
-            }, 512 /* NEED_PATCH */), [[_vue.vShow, ['PMCustomPointModel'].includes((0, _vue.unref)(currentItemGeometry).value)]]), (0, _vue.createVNode)(_component_kq_row, null, {
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, ['PMCustomPointModel'].includes((0, _vue.unref)(currentItemGeometry).value)]]), (0, _vue.createCommentVNode)(" 旋转 "), (0, _vue.createVNode)(_component_kq_row, null, {
               default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
                 label: (0, _vue.unref)(locale).webgl.rotate + '(°)'
               }, {
@@ -4809,8 +7040,469 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["label"])]),
               _: 1 /* STABLE */
-            }), (0, _vue.withDirectives)((0, _vue.createElementVNode)("div", _hoisted_26, [(0, _vue.createVNode)(_component_kq_button, {
-              onClick: _cache[223] || (_cache[223] = (0, _vue.withModifiers)($event => generated('geometrySymbol'), ["stop"])),
+            })], 64 /* STABLE_FRAGMENT */)) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createCommentVNode)(" 复杂几何符号参数 "), mode.value == 'add' ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_row, {
+              key: 1,
+              style: {
+                "margin-bottom": "8px"
+              }
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                style: {
+                  "display": "flex"
+                }
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                  span: 7
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_checkbox, {
+                    modelValue: (0, _vue.unref)(formItem).isComplexGeometry,
+                    "onUpdate:modelValue": _cache[223] || (_cache[223] = $event => (0, _vue.unref)(formItem).isComplexGeometry = $event),
+                    onChange: _cache[224] || (_cache[224] = $event => paramsChanged('isComplexGeometry'))
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.isComplexGeometry), 1 /* TEXT */)]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"]), [[_vue.vShow, mode.value == 'add']])]),
+                  _: 1 /* STABLE */
+                }), (0, _vue.createVNode)(_component_kq_col, {
+                  span: 3,
+                  style: {
+                    "text-align": "right"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_checkbox, {
+                    modelValue: (0, _vue.unref)(formItem).showEditModel,
+                    "onUpdate:modelValue": _cache[225] || (_cache[225] = $event => (0, _vue.unref)(formItem).showEditModel = $event),
+                    onChange: _cache[226] || (_cache[226] = $event => addGroupShapeBtn('showEditModel'))
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.editType), 1 /* TEXT */)]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"]), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]])]),
+                  _: 1 /* STABLE */
+                }), (0, _vue.createVNode)(_component_kq_col, {
+                  span: 5,
+                  style: {
+                    "text-align": "right"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_checkbox, {
+                    modelValue: (0, _vue.unref)(formItem).showOperationModel,
+                    "onUpdate:modelValue": _cache[227] || (_cache[227] = $event => (0, _vue.unref)(formItem).showOperationModel = $event),
+                    onChange: _cache[228] || (_cache[228] = $event => addGroupShapeBtn('showOperationModel'))
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.showOperationModel), 1 /* TEXT */)]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"]), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]])]),
+                  _: 1 /* STABLE */
+                }), (0, _vue.createVNode)(_component_kq_col, {
+                  span: 9,
+                  style: {
+                    "text-align": "right"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_button, {
+                    onClick: _cache[229] || (_cache[229] = (0, _vue.withModifiers)($event => addGroupShapeBtn('loadFiles'), ["stop"])),
+                    title: (0, _vue.unref)(locale).webgl.loadFiles,
+                    type: "primary",
+                    size: "small"
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.loadFiles), 1 /* TEXT */)]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["title"]), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_button, {
+                    onClick: _cache[230] || (_cache[230] = $event => addGroupShapeBtn('clearGroupShapes')),
+                    title: (0, _vue.unref)(locale).common.clear,
+                    size: "small"
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).common.clear), 1 /* TEXT */)]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["title"]), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]])]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            })) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+                label: (0, _vue.unref)(locale).webgl.groupTemplate
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                    span: 24
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_scrollbar, null, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", {
+                        class: "scrollbar-flex-content",
+                        style: (0, _vue.normalizeStyle)(0 < groupSymbols.value?.length > 5 ? 'margin-bottom: 8px' : '')
+                      }, [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(groupSymbols.value, (image, index) => {
+                        return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
+                          key: index,
+                          title: image.name,
+                          onClick: $event => selectGroupSymbol(index, image),
+                          style: (0, _vue.normalizeStyle)({
+                            margin: '0 2px 0 4px',
+                            cursor: 'pointer',
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            width: '28px',
+                            height: '28px',
+                            border: (0, _vue.unref)(selectedIndex_group).includes(index) ? '1px solid ' + 'var(--kq-color-primary, #409eff)' : '1px solid #d9d9d9',
+                            borderRadius: '4px',
+                            backgroundColor: (0, _vue.unref)(selectedIndex_group).includes(index) ? 'var(--kq-color-primary-light-9, #ecf5ff)' : '#fff',
+                            transition: 'all 0.2s'
+                          })
+                        }, [image.icon?.template ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("img", {
+                          key: 0,
+                          src: image.icon.template,
+                          style: {
+                            "width": "16px",
+                            "height": "16px",
+                            "object-fit": "contain"
+                          }
+                        }, null, 8 /* PROPS */, _hoisted_27)) : ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_icon, {
+                          key: 1,
+                          size: 16
+                        }, {
+                          default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(image.icon)))]),
+                          _: 2 /* DYNAMIC */
+                        }, 1024 /* DYNAMIC_SLOTS */))], 12 /* STYLE, PROPS */, _hoisted_26);
+                      }), 128 /* KEYED_FRAGMENT */))], 4 /* STYLE */)]),
+                      _: 1 /* STABLE */
+                    })]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry && !isEditComplexGeometry.value]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+                label: (0, _vue.unref)(locale).webgl.groupList
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                    span: 24
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_28, [(0, _vue.createVNode)(_component_kq_icon, {
+                      size: 18,
+                      style: {
+                        "color": "#67C23A"
+                      },
+                      title: (0, _vue.unref)(locale).webgl.addGroupShape,
+                      class: "addGroup",
+                      onClick: _cache[231] || (_cache[231] = $event => addGroupShape())
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconAmplify))]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["title"])])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry && !isEditComplexGeometry.value]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_scrollbar, {
+                "max-height": "170px",
+                ref: "scrollcar_ref",
+                style: {
+                  "width": "100%"
+                }
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 添加关键容器：强制内部使用栅格布局 "), (0, _vue.createElementVNode)("div", _hoisted_29, [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(groupShapes.value, (item, index) => {
+                  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
+                    key: index,
+                    class: "render-item"
+                  }, [(0, _vue.createVNode)(_component_kq_row, {
+                    justify: "space-between",
+                    align: "middle"
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                      span: 19
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_30, [(0, _vue.createVNode)(_component_kq_col, {
+                        span: 5
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_31, (0, _vue.toDisplayString)(`${item.groupType}${item.index}`), 1 /* TEXT */)]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */), (0, _vue.createVNode)(_component_kq_col, {
+                        span: 7,
+                        class: "colClass"
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("span", null, (0, _vue.toDisplayString)(item.name), 1 /* TEXT */)]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */), (0, _vue.createVNode)(_component_kq_col, {
+                        span: 1,
+                        class: "colClass"
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_icon, {
+                          size: "18",
+                          style: {
+                            "display": "inline-block"
+                          }
+                        }, {
+                          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconArrow))]),
+                          _: 2 /* DYNAMIC */
+                        }, 1536 /* NEED_PATCH, DYNAMIC_SLOTS */), [[_vue.vShow, item.operationName]])]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */), (0, _vue.createVNode)(_component_kq_col, {
+                        span: 7,
+                        class: "colClass"
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createElementVNode)("span", null, (0, _vue.toDisplayString)(item.operationName), 513 /* TEXT, NEED_PATCH */), [[_vue.vShow, item.operationName]])]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */), (0, _vue.createVNode)(_component_kq_col, {
+                        span: 3,
+                        class: "colClass"
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_button, {
+                          class: "build-model-btn-add isActive",
+                          style: {
+                            "margin": "0 2px 0 4px",
+                            "cursor": "default"
+                          }
+                        }, {
+                          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                            size: 16
+                          }, {
+                            default: (0, _vue.withCtx)(() => [(0, _vue.withDirectives)((0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconIntersect), null, null, 512 /* NEED_PATCH */), [[_vue.vShow, item.operationMethod == 0]]), (0, _vue.withDirectives)((0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconMerge), null, null, 512 /* NEED_PATCH */), [[_vue.vShow, item.operationMethod == 1]]), (0, _vue.withDirectives)((0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconDifference), null, null, 512 /* NEED_PATCH */), [[_vue.vShow, item.operationMethod == 2]])]),
+                            _: 2 /* DYNAMIC */
+                          }, 1024 /* DYNAMIC_SLOTS */)]),
+                          _: 2 /* DYNAMIC */
+                        }, 1536 /* NEED_PATCH, DYNAMIC_SLOTS */), [[_vue.vShow, item.operationName]])]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */)])]),
+                      _: 2 /* DYNAMIC */
+                    }, 1024 /* DYNAMIC_SLOTS */), (0, _vue.createVNode)(_component_kq_col, {
+                      span: 3,
+                      class: (0, _vue.normalizeClass)(["render-item-btn", item._show !== false ? 'isSetting' : ''])
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                        size: "16",
+                        class: "kq-row-icon",
+                        onClick: $event => handleViewGroupShape(item, index),
+                        title: (0, _vue.unref)(t)('webgl.visibility')
+                      }, {
+                        default: (0, _vue.withCtx)(() => [item._show !== false ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_iconsVue.View), {
+                          key: 0
+                        })) : ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_iconsVue.Hide), {
+                          key: 1
+                        }))]),
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "title"])]),
+                      _: 2 /* DYNAMIC */
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class"]), (0, _vue.createCommentVNode)(" <kq-col :span=\"1\" class=\"render-item-btn\">\r\n                        <kq-icon size=\"16\" class=\"kq-row-icon\" @click=\"handleSettingGroupShape(item)\" :title=\"t('webgl.settingTilte')\">\r\n                          <IconSetting />\r\n                        </kq-icon>\r\n                      </kq-col> "), (0, _vue.createVNode)(_component_kq_col, {
+                      span: 2,
+                      class: "render-item-btn isDelete"
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                        size: "16",
+                        class: "kq-row-icon",
+                        onClick: $event => handleDeleteGroupShape(index),
+                        title: (0, _vue.unref)(t)('webgl.deleteRow')
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Remove))]),
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick", "title"])]),
+                      _: 2 /* DYNAMIC */
+                    }, 1024 /* DYNAMIC_SLOTS */)]),
+                    _: 2 /* DYNAMIC */
+                  }, 1024 /* DYNAMIC_SLOTS */)]);
+                }), 128 /* KEYED_FRAGMENT */))])]),
+                _: 1 /* STABLE */
+              }, 512 /* NEED_PATCH */)]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry && !isEditComplexGeometry.value]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, {
+              style: {
+                "display": "flex",
+                "margin-bottom": "8px"
+              }
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                style: {
+                  "text-align": "left"
+                },
+                span: 4
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                  size: 18,
+                  title: (0, _vue.unref)(locale).webgl.zoomBtn,
+                  style: {
+                    "cursor": "pointer"
+                  },
+                  onClick: zoomToDataPoint
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconHome))]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["title"])]),
+                _: 1 /* STABLE */
+              }), (0, _vue.createVNode)(_component_kq_col, {
+                style: {
+                  "text-align": "right"
+                },
+                span: 20
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_button, {
+                  title: (0, _vue.unref)(locale).webgl.preview,
+                  type: "primary",
+                  size: "small",
+                  disabled: !groupShapes.value.length,
+                  onClick: handlePreviewComplexModel
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.preview), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["title", "disabled"]), (0, _vue.createVNode)(_component_kq_button, {
+                  title: (0, _vue.unref)(locale).webgl.save,
+                  type: "primary",
+                  size: "small",
+                  disabled: !canSaveTemplate.value,
+                  onClick: handleSaveTemplate
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.save), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["title", "disabled"]), (0, _vue.createVNode)(_component_kq_button, {
+                  title: (0, _vue.unref)(locale).common.clear,
+                  size: "small",
+                  disabled: !groupShapes.value.length && !(0, _vue.unref)(selectedIndex_group).length,
+                  onClick: handleClearPreview
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(locale).common.clear), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["title", "disabled"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry && !isEditComplexGeometry.value]]), (0, _vue.createCommentVNode)(" 复杂几何旋转参数 "), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+                label: (0, _vue.unref)(locale).webgl.heading
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_slider, {
+                      modelValue: (0, _vue.unref)(formItem).heading,
+                      "onUpdate:modelValue": _cache[232] || (_cache[232] = $event => (0, _vue.unref)(formItem).heading = $event),
+                      min: 0,
+                      max: 360,
+                      step: 1,
+                      onChange: _cache[233] || (_cache[233] = $event => paramsChanged('heading'))
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
+                  }), (0, _vue.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_input_number, {
+                      modelValue: (0, _vue.unref)(formItem).heading,
+                      "onUpdate:modelValue": _cache[234] || (_cache[234] = $event => (0, _vue.unref)(formItem).heading = $event),
+                      min: 0,
+                      max: 360,
+                      step: 1,
+                      "controls-position": "right",
+                      onChange: _cache[235] || (_cache[235] = $event => paramsChanged('heading'))
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+                label: (0, _vue.unref)(locale).webgl.pitch
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_slider, {
+                      modelValue: (0, _vue.unref)(formItem).pitch,
+                      "onUpdate:modelValue": _cache[236] || (_cache[236] = $event => (0, _vue.unref)(formItem).pitch = $event),
+                      min: 0,
+                      max: 360,
+                      step: 1,
+                      onChange: _cache[237] || (_cache[237] = $event => paramsChanged('pitch'))
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
+                  }), (0, _vue.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_input_number, {
+                      modelValue: (0, _vue.unref)(formItem).pitch,
+                      "onUpdate:modelValue": _cache[238] || (_cache[238] = $event => (0, _vue.unref)(formItem).pitch = $event),
+                      min: 0,
+                      max: 360,
+                      step: 1,
+                      "controls-position": "right",
+                      onChange: _cache[239] || (_cache[239] = $event => paramsChanged('pitch'))
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]]), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+                label: (0, _vue.unref)(locale).webgl.roll
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_slider, {
+                      modelValue: (0, _vue.unref)(formItem).roll,
+                      "onUpdate:modelValue": _cache[240] || (_cache[240] = $event => (0, _vue.unref)(formItem).roll = $event),
+                      min: 0,
+                      max: 360,
+                      step: 1,
+                      onChange: _cache[241] || (_cache[241] = $event => paramsChanged('roll'))
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
+                  }), (0, _vue.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_input_number, {
+                      modelValue: (0, _vue.unref)(formItem).roll,
+                      "onUpdate:modelValue": _cache[242] || (_cache[242] = $event => (0, _vue.unref)(formItem).roll = $event),
+                      min: 0,
+                      max: 360,
+                      step: 1,
+                      "controls-position": "right",
+                      onChange: _cache[243] || (_cache[243] = $event => paramsChanged('roll'))
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
+                  })]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
+            }, 512 /* NEED_PATCH */), [[_vue.vShow, (0, _vue.unref)(formItem).isComplexGeometry]]), (0, _vue.withDirectives)((0, _vue.createElementVNode)("div", _hoisted_32, [(0, _vue.createVNode)(_component_kq_button, {
+              onClick: _cache[244] || (_cache[244] = (0, _vue.withModifiers)($event => generated((0, _vue.unref)(formItem).isComplexGeometry ? 'complexGeometrySymbol' : 'geometrySymbol'), ["stop"])),
               title: (0, _vue.unref)(locale).webgl.generated,
               type: "primary",
               disabled: isDisabled.value
@@ -4819,21 +7511,21 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["title", "disabled"])], 512 /* NEED_PATCH */), [[_vue.vShow, mode.value == 'add']])]),
             _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["title", "style"]), [[_vue.vShow, !(0, _vue.unref)(modelingTypes) || (0, _vue.unref)(modelingTypes) == 'geometrySymbol']]), (0, _vue.createCommentVNode)(" 复杂几何符号 "), (0, _vue.createCommentVNode)(" <kq-collapse-item\r\n            :title=\"locale.webgl.complexGeometrySymbol\"\r\n            name=\"complexGeometrySymbol\"\r\n            v-show=\"!modelingTypes || modelingTypes == 'complexGeometrySymbol'\"\r\n            :style=\" modelingTypes == 'complexGeometrySymbol' ? 'margin-bottom: 0px' : '' \">\r\n          </kq-collapse-item> ")]),
+          }, 8 /* PROPS */, ["title", "style"]), [[_vue.vShow, !(0, _vue.unref)(modelingTypes) || (0, _vue.unref)(modelingTypes) == 'geometrySymbol' || (0, _vue.unref)(modelingTypes) == 'complexGeometrySymbol']])]),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["modelValue"])]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["label-width"])], 6 /* CLASS, STYLE */), (0, _vue.unref)(isShowAddModel) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_basewindow.default), {
         key: 1,
         modelValue: (0, _vue.unref)(isShowAddModel),
-        "onUpdate:modelValue": _cache[227] || (_cache[227] = $event => (0, _vue.isRef)(isShowAddModel) ? isShowAddModel.value = $event : isShowAddModel = $event),
+        "onUpdate:modelValue": _cache[248] || (_cache[248] = $event => (0, _vue.isRef)(isShowAddModel) ? isShowAddModel.value = $event : isShowAddModel = $event),
         title: (0, _vue.unref)(locale).webgl.newModel,
         titleIcon: (0, _vue.unref)(_client_icons_vue.IconAddData),
         id: "kq-add-model",
         zIndex: 2000,
         coexist: ""
       }, {
-        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_27, [(0, _vue.createVNode)(_component_kq_form, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_33, [(0, _vue.createVNode)(_component_kq_form, {
           "label-width": (0, _vue.unref)(lang) === 'zh' ? '100px' : '120px',
           "label-position": "left"
         }, {
@@ -4846,7 +7538,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
               }, {
                 default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_input, {
                   modelValue: (0, _vue.unref)(modelEditData).name,
-                  "onUpdate:modelValue": _cache[225] || (_cache[225] = $event => (0, _vue.unref)(modelEditData).name = $event),
+                  "onUpdate:modelValue": _cache[246] || (_cache[246] = $event => (0, _vue.unref)(modelEditData).name = $event),
                   placeholder: (0, _vue.unref)(t)('webgl.enterNameHint'),
                   clearable: ""
                 }, null, 8 /* PROPS */, ["modelValue", "placeholder"])]),
@@ -4866,35 +7558,35 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                 "text-align": "center"
               }
             }, {
-              default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_28, [(0, _vue.createVNode)(_component_kq_upload, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_34, [(0, _vue.createVNode)(_component_kq_upload, {
                 "show-file-list": false,
                 action: "#",
                 "auto-upload": false,
                 "on-change": handleAvatarSuccess,
                 accept: ".jpg,.png"
               }, {
-                default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_29, [(0, _vue.unref)(modelEditData).img ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_30, [(0, _vue.createElementVNode)("img", {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_35, [(0, _vue.unref)(modelEditData).img ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_36, [(0, _vue.createElementVNode)("img", {
                   src: (0, _vue.unref)(modelEditData).img,
                   class: "avatar"
-                }, null, 8 /* PROPS */, _hoisted_31), (0, _vue.createElementVNode)("div", _hoisted_32, [(0, _vue.createVNode)(_component_kq_icon, {
+                }, null, 8 /* PROPS */, _hoisted_37), (0, _vue.createElementVNode)("div", _hoisted_38, [(0, _vue.createVNode)(_component_kq_icon, {
                   size: 24
                 }, {
                   default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Edit))]),
                   _: 1 /* STABLE */
-                }), (0, _vue.createElementVNode)("div", _hoisted_33, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.changeImage), 1 /* TEXT */)])])) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_34, [(0, _vue.createVNode)(_component_kq_icon, {
+                }), (0, _vue.createElementVNode)("div", _hoisted_39, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.changeImage), 1 /* TEXT */)])])) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_40, [(0, _vue.createVNode)(_component_kq_icon, {
                   size: 48,
                   class: "upload-icon"
                 }, {
                   default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Plus))]),
                   _: 1 /* STABLE */
-                }), (0, _vue.createElementVNode)("div", _hoisted_35, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.uploadThumbnail), 1 /* TEXT */), (0, _vue.createElementVNode)("div", _hoisted_36, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.supportImageFormats), 1 /* TEXT */)]))])]),
+                }), (0, _vue.createElementVNode)("div", _hoisted_41, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.uploadThumbnail), 1 /* TEXT */), (0, _vue.createElementVNode)("div", _hoisted_42, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.supportImageFormats), 1 /* TEXT */)]))])]),
                 _: 1 /* STABLE */
               })])]),
               _: 1 /* STABLE */
             }), (0, _vue.createVNode)(_component_kq_col, {
               span: 12
             }, {
-              default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 上传模型文件 "), (0, _vue.createElementVNode)("div", _hoisted_37, [(0, _vue.createVNode)(_component_kq_upload, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 上传模型文件 "), (0, _vue.createElementVNode)("div", _hoisted_43, [(0, _vue.createVNode)(_component_kq_upload, {
                 action: "#",
                 "auto-upload": false,
                 accept: ".glb,.gltf",
@@ -4911,21 +7603,21 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
                   }), (0, _vue.createTextVNode)(" " + (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.uploadModelFile), 1 /* TEXT */)]),
                   _: 1 /* STABLE */
                 })]),
-                tip: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_38, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.supportGLB), 1 /* TEXT */)]),
+                tip: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_44, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.supportGLB), 1 /* TEXT */)]),
                 _: 1 /* STABLE */
-              }), (0, _vue.createCommentVNode)(" 模型文件信息展示 "), (0, _vue.createElementVNode)("div", _hoisted_39, [(0, _vue.createVNode)(_component_kq_icon, {
+              }), (0, _vue.createCommentVNode)(" 模型文件信息展示 "), (0, _vue.createElementVNode)("div", _hoisted_45, [(0, _vue.createVNode)(_component_kq_icon, {
                 size: 20,
                 class: "file-icon"
               }, {
                 default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Document))]),
                 _: 1 /* STABLE */
-              }), (0, _vue.unref)(uploadFile).path ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_40, [(0, _vue.createElementVNode)("div", _hoisted_41, (0, _vue.toDisplayString)(getFileName((0, _vue.unref)(uploadFile).path.name)), 1 /* TEXT */), (0, _vue.createElementVNode)("div", _hoisted_42, (0, _vue.toDisplayString)(getFileSize((0, _vue.unref)(uploadFile).path.size)), 1 /* TEXT */)])) : (0, _vue.createCommentVNode)("v-if", true)])])]),
+              }), (0, _vue.unref)(uploadFile).path ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_46, [(0, _vue.createElementVNode)("div", _hoisted_47, (0, _vue.toDisplayString)(getFileName((0, _vue.unref)(uploadFile).path.name)), 1 /* TEXT */), (0, _vue.createElementVNode)("div", _hoisted_48, (0, _vue.toDisplayString)(getFileSize((0, _vue.unref)(uploadFile).path.size)), 1 /* TEXT */)])) : (0, _vue.createCommentVNode)("v-if", true)])])]),
               _: 1 /* STABLE */
             })]),
             _: 1 /* STABLE */
           })]),
           _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["label-width"]), (0, _vue.createElementVNode)("div", _hoisted_43, [(0, _vue.createVNode)(_component_kq_button, {
+        }, 8 /* PROPS */, ["label-width"]), (0, _vue.createElementVNode)("div", _hoisted_49, [(0, _vue.createVNode)(_component_kq_button, {
           type: "primary",
           onClick: saveModelData,
           disabled: !isFormValid.value
@@ -4933,7 +7625,292 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
           default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.confirm")), 1 /* TEXT */)]),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["disabled"]), (0, _vue.createVNode)(_component_kq_button, {
-          onClick: _cache[226] || (_cache[226] = $event => (0, _vue.isRef)(isShowAddModel) ? isShowAddModel.value = !(0, _vue.unref)(isShowAddModel) : isShowAddModel = !(0, _vue.unref)(isShowAddModel))
+          onClick: _cache[247] || (_cache[247] = $event => (0, _vue.isRef)(isShowAddModel) ? isShowAddModel.value = !(0, _vue.unref)(isShowAddModel) : isShowAddModel = !(0, _vue.unref)(isShowAddModel))
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.cancel")), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })])])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["modelValue", "title", "titleIcon"])) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.unref)(isShowAddGroup) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_basewindow.default), {
+        key: 2,
+        modelValue: (0, _vue.unref)(isShowAddGroup),
+        "onUpdate:modelValue": _cache[256] || (_cache[256] = $event => (0, _vue.isRef)(isShowAddGroup) ? isShowAddGroup.value = $event : isShowAddGroup = $event),
+        title: (0, _vue.unref)(locale).webgl.addGroupShape,
+        titleIcon: (0, _vue.unref)(_client_icons_vue.IconAddData),
+        id: "kq-add-model",
+        zIndex: 2000,
+        coexist: "",
+        onClose: handleCancelAddGroup
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_50, [(0, _vue.createVNode)(_component_kq_form, {
+          "label-width": (0, _vue.unref)(lang) === 'zh' ? '100px' : '120px',
+          "label-position": "left"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, null, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+              label: (0, _vue.unref)(locale).webgl.operationModel
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                style: {
+                  "display": "flex"
+                }
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                  span: 11
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_select, {
+                    modelValue: groupShapesObj.name,
+                    "onUpdate:modelValue": _cache[249] || (_cache[249] = $event => groupShapesObj.name = $event),
+                    style: {
+                      "width": "100%"
+                    }
+                  }, {
+                    default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(groupShapeList1.value, (item, index) => {
+                      return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_option, {
+                        key: index,
+                        value: item.name,
+                        onClick: $event => addGroupShapeBtn('base', item)
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 给图标+文字套一层 flex 容器，实现垂直居中 "), (0, _vue.createElementVNode)("div", _hoisted_51, [item.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_icon, {
+                          key: 0,
+                          class: "option-icon"
+                        }, {
+                          default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(item.icon)))]),
+                          _: 2 /* DYNAMIC */
+                        }, 1024 /* DYNAMIC_SLOTS */)) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("span", null, (0, _vue.toDisplayString)(item.name), 1 /* TEXT */)])]),
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["value", "onClick"]);
+                    }), 128 /* KEYED_FRAGMENT */))]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"])]),
+                  _: 1 /* STABLE */
+                }), (0, _vue.createVNode)(_component_kq_col, {
+                  span: 2,
+                  style: {
+                    "text-align": "center",
+                    "line-height": "33px"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => _cache[265] || (_cache[265] = [(0, _vue.createTextVNode)(" -> ")])),
+                  _: 1 /* STABLE */,
+                  __: [265]
+                }), (0, _vue.createVNode)(_component_kq_col, {
+                  span: 11
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_select, {
+                    modelValue: groupShapesObj.operationName,
+                    "onUpdate:modelValue": _cache[250] || (_cache[250] = $event => groupShapesObj.operationName = $event),
+                    style: {
+                      "width": "100%"
+                    },
+                    clearable: ""
+                  }, {
+                    default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(groupShapeList2.value, (item, index) => {
+                      return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_option, {
+                        key: index,
+                        value: item.name,
+                        onClick: $event => addGroupShapeBtn('operation', item)
+                      }, {
+                        default: (0, _vue.withCtx)(() => [(0, _vue.createCommentVNode)(" 给图标+文字套一层 flex 容器，实现垂直居中 "), (0, _vue.createElementVNode)("div", _hoisted_52, [item.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_icon, {
+                          key: 0,
+                          class: "option-icon"
+                        }, {
+                          default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(item.icon)))]),
+                          _: 2 /* DYNAMIC */
+                        }, 1024 /* DYNAMIC_SLOTS */)) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("span", null, (0, _vue.toDisplayString)(item.name), 1 /* TEXT */)])]),
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["value", "onClick"]);
+                    }), 128 /* KEYED_FRAGMENT */))]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue"])]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
+          }), (0, _vue.withDirectives)((0, _vue.createVNode)(_component_kq_row, null, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+              label: (0, _vue.unref)(locale).webgl.operationMethod
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, {
+                style: {
+                  "display": "flex"
+                }
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                  span: 24,
+                  style: {
+                    "text-align": "left"
+                  }
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_button, {
+                    class: (0, _vue.normalizeClass)(["build-model-btn-add", groupShapesObj.operationMethod == 0 ? 'isActive' : '']),
+                    style: {
+                      "margin": "0 2px 0 4px"
+                    },
+                    onClick: _cache[251] || (_cache[251] = $event => groupShapesObj.operationMethod = 0),
+                    title: (0, _vue.unref)(locale).webgl.intersection
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                      size: 16
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconIntersect))]),
+                      _: 1 /* STABLE */
+                    })]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["class", "title"]), (0, _vue.createVNode)(_component_kq_button, {
+                    class: (0, _vue.normalizeClass)(["build-model-btn-add", groupShapesObj.operationMethod == 1 ? 'isActive' : '']),
+                    style: {
+                      "margin": "0 2px 0 4px"
+                    },
+                    onClick: _cache[252] || (_cache[252] = $event => groupShapesObj.operationMethod = 1),
+                    title: (0, _vue.unref)(locale).webgl.union
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                      size: 16
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconMerge))]),
+                      _: 1 /* STABLE */
+                    })]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["class", "title"]), (0, _vue.createVNode)(_component_kq_button, {
+                    class: (0, _vue.normalizeClass)(["build-model-btn-add", groupShapesObj.operationMethod == 2 ? 'isActive' : '']),
+                    style: {
+                      "margin": "0 2px 0 4px"
+                    },
+                    onClick: _cache[253] || (_cache[253] = $event => groupShapesObj.operationMethod = 2),
+                    title: (0, _vue.unref)(locale).webgl.difference
+                  }, {
+                    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+                      size: 16
+                    }, {
+                      default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconDifference))]),
+                      _: 1 /* STABLE */
+                    })]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["class", "title"])]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
+          }, 512 /* NEED_PATCH */), [[_vue.vShow, groupShapesObj.operationName]])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label-width"]), (0, _vue.createElementVNode)("div", _hoisted_53, [(0, _vue.createVNode)(_component_kq_button, {
+          type: "primary",
+          onClick: _cache[254] || (_cache[254] = $event => addGroupShapeBtn('preview')),
+          disabled: !groupShapesObj.baseModel || !groupShapesObj.operationModel,
+          size: "small"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("webgl.preview")), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"]), (0, _vue.createVNode)(_component_kq_button, {
+          type: "primary",
+          onClick: _cache[255] || (_cache[255] = $event => addGroupShapeBtn('confirm')),
+          disabled: !groupShapesObj.baseModel,
+          size: "small"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.confirm")), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"]), (0, _vue.createVNode)(_component_kq_button, {
+          onClick: resetGroupShapesObj,
+          size: "small"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.clear")), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }), (0, _vue.createVNode)(_component_kq_button, {
+          onClick: handleCancelAddGroup,
+          size: "small"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.cancel")), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })])])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["modelValue", "title", "titleIcon"])) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.unref)(isShowSaveTemplate) ? ((0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.unref)(_basewindow.default), {
+        key: 3,
+        modelValue: (0, _vue.unref)(isShowSaveTemplate),
+        "onUpdate:modelValue": _cache[259] || (_cache[259] = $event => (0, _vue.isRef)(isShowSaveTemplate) ? isShowSaveTemplate.value = $event : isShowSaveTemplate = $event),
+        title: (0, _vue.unref)(locale).webgl.saveGroupTemplate,
+        titleIcon: (0, _vue.unref)(_client_icons_vue.IconAddData),
+        id: "kq-save-template",
+        zIndex: 2000,
+        coexist: ""
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_54, [(0, _vue.createVNode)(_component_kq_form, {
+          "label-width": (0, _vue.unref)(lang) === 'zh' ? '100px' : '120px',
+          "label-position": "left"
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_form_item, {
+            label: (0, _vue.unref)(t)('webgl.modelName')
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_row, null, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+                span: 24
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_input, {
+                  modelValue: templateSaveData.name,
+                  "onUpdate:modelValue": _cache[257] || (_cache[257] = $event => templateSaveData.name = $event),
+                  placeholder: (0, _vue.unref)(t)('webgl.enterNameHint'),
+                  clearable: ""
+                }, null, 8 /* PROPS */, ["modelValue", "placeholder"])]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            })]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["label"]), (0, _vue.createVNode)(_component_kq_row, {
+            style: {
+              "display": "flex"
+            }
+          }, {
+            default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_col, {
+              span: 24,
+              style: {
+                "text-align": "center"
+              }
+            }, {
+              default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_55, [(0, _vue.createVNode)(_component_kq_upload, {
+                "show-file-list": false,
+                action: "#",
+                "auto-upload": false,
+                "on-change": handleTemplateAvatarSuccess,
+                accept: ".jpg,.png"
+              }, {
+                default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", _hoisted_56, [templateSaveData.img ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_57, [(0, _vue.createElementVNode)("img", {
+                  src: templateSaveData.img,
+                  class: "avatar"
+                }, null, 8 /* PROPS */, _hoisted_58), (0, _vue.createElementVNode)("div", _hoisted_59, [(0, _vue.createVNode)(_component_kq_icon, {
+                  size: 24
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Edit))]),
+                  _: 1 /* STABLE */
+                }), (0, _vue.createElementVNode)("div", _hoisted_60, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.changeImage), 1 /* TEXT */)])])) : ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_61, [(0, _vue.createVNode)(_component_kq_icon, {
+                  size: 48,
+                  class: "upload-icon"
+                }, {
+                  default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_iconsVue.Plus))]),
+                  _: 1 /* STABLE */
+                }), (0, _vue.createElementVNode)("div", _hoisted_62, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.uploadThumbnail), 1 /* TEXT */), (0, _vue.createElementVNode)("div", _hoisted_63, (0, _vue.toDisplayString)((0, _vue.unref)(locale).webgl.supportImageFormats), 1 /* TEXT */)]))])]),
+                _: 1 /* STABLE */
+              })])]),
+              _: 1 /* STABLE */
+            })]),
+            _: 1 /* STABLE */
+          })]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["label-width"]), (0, _vue.createElementVNode)("div", _hoisted_64, [(0, _vue.createVNode)(_component_kq_button, {
+          type: "primary",
+          onClick: saveTemplateData,
+          disabled: !templateSaveData.name
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.confirm")), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"]), (0, _vue.createVNode)(_component_kq_button, {
+          onClick: _cache[258] || (_cache[258] = $event => (0, _vue.isRef)(isShowSaveTemplate) ? isShowSaveTemplate.value = !(0, _vue.unref)(isShowSaveTemplate) : isShowSaveTemplate = !(0, _vue.unref)(isShowSaveTemplate))
         }, {
           default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("common.cancel")), 1 /* TEXT */)]),
           _: 1 /* STABLE */
@@ -5264,11 +8241,11 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
-let kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
+const kq_npm_client_common_vue = exports.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 = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
+const kq_npm_client_leaflet_vue = exports.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 = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
+const kq_npm_client3d_webgl_vue = exports.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;
 
 /***/ })