@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.57

package/buildpointmodel/style/buildpointmodel.css

@@ -1 +1 @@
-.kq3d-build-point-model{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-build-point-model .kq3d-build-point-model-box{width:350px}.kq3d-build-point-model .scroll-container{overflow-y:auto;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.kq3d-build-point-model .kq3d-build-point-model-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-build-point-model .kq3d-build-point-model-tip p{margin-top:0;margin-bottom:16px}.kq3d-build-point-model .spanTile{font-size:12px;color:var(--kq-text-color-regular);padding-right:4px}.kq3d-build-point-model .kq-select{width:100%}.kq3d-build-point-model .kq-collapse{border:unset}.kq3d-build-point-model .kq-collapse .kq-collapse-item{margin-bottom:8px}.kq3d-build-point-model .kq-collapse .kq-collapse-item:last-child{margin-bottom:0}.kq3d-build-point-model .kq-collapse .kq-collapse-item__header{border:unset;height:38px;background-color:var(--kq-fill-color-light);font-weight:700;padding:0 16px;font-size:16px}.kq3d-build-point-model .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-build-point-model .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:8px}.kq3d-build-point-model .kq-form-item{margin-bottom:8px}.kq3d-build-point-model .kq-form-item__content{text-align:end;display:block}.kq3d-build-point-model .kq-row{display:block}.kq3d-build-point-model .kq-slider{width:95%;padding-left:7px}.kq3d-build-point-model .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-build-point-model .kq-input-number.is-controls-right{width:65px}.kq3d-build-point-model .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-build-point-model .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-build-point-model .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-build-point-model .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-build-point-model .kq-scrollbar__bar.is-horizontal{bottom:-1px}.kq3d-build-point-model .build-model-btn-add{padding:0 8px;height:28px}.kq3d-build-point-model .kq-color-picker,.kq3d-build-point-model .kq-color-picker .kq-color-picker__mask,.kq3d-build-point-model .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-build-point-model .kq3d-build-point-model-legend{width:198px;height:24px}.kq3d-build-point-model .kq-radio__input{display:inline;vertical-align:top}.kq3d-build-point-model .kq3d-build-point-model-btn,.kq3d-build-point-model .kq3d-build-point-model-footer{text-align:right;padding:8px 0}.kq3d-build-point-model .scrollbar-flex-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kq3d-build-point-model .image-item{position:relative;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 2px 5px;width:25px;height:25px;overflow:hidden;cursor:pointer;border:0 solid var(--kq-text-color-regular);border-color:transparent}.kq3d-build-point-model .image-item .deleteBtn{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;line-height:25px;background-color:rgba(from var(--kq-text-color-regular) r g b/.8);color:var(--kq-color-danger)}.kq3d-build-point-model .image-item.selected,.kq3d-build-point-model .image-item:hover{border:2px solid var(--kq-color-primary)}.kq3d-build-point-model .image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kq-add-model{z-index:999;border-radius:var(--kq-border-radius-base);padding:6px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color);width:350px}.kq-upload--text{width:100%}.thumbnail-upload-wrapper{padding:0 8px}.thumbnail-upload-wrapper .kq-upload--text{height:130px}.avatar-uploader-trigger{width:100%;height:130px;border:2px dashed var(--kq-text-color-secondary);border-radius:8px;cursor:pointer;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background:var(--kq-bg-color)}.avatar-uploader-trigger:hover{border-color:var(--kq-color-primary);background:var(--kq-bg-color)}.avatar-preview{position:relative;width:100%;height:100%}.avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--kq-bg-color);font-size:14px;opacity:0;background-color:rgba(0,0,0,.3);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.avatar-preview:hover .avatar-overlay{opacity:1}.overlay-text{font-size:12px;margin-top:4px}.avatar-uploader-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.avatar-uploader-empty,.upload-icon{color:var(--kq-text-color-placeholder)}.upload-icon{margin-bottom:8px}.upload-text{font-size:14px;margin-bottom:4px}.upload-hint{font-size:12px}.thumbnail-label,.upload-hint{color:var(--kq-text-color-placeholder)}.thumbnail-label{font-size:14px}.model-upload-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.upload-model-btn{width:100%}.upload-tip{font-size:12px;margin-top:8px}.model-file-info,.upload-tip{color:var(--kq-text-color-regular)}.model-file-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid var(--kq-text-color-regular);height:41px}.file-details{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:8px}.file-name{font-size:14px;font-weight:500;margin-bottom:4px}.file-name,.file-size{color:var(--kq-text-color-regular)}.file-size{font-size:12px}
+.kq3d-build-point-model{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kq3d-build-point-model .kq3d-build-point-model-box{width:350px}.kq3d-build-point-model .scroll-container{overflow-y:auto;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.kq3d-build-point-model .kq3d-build-point-model-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-build-point-model .kq3d-build-point-model-tip p{margin-top:0;margin-bottom:16px}.kq3d-build-point-model .addGroup{display:inline-block;padding:0 4px 0 0;cursor:pointer;color:var(--kq-text-color-regular);opacity:.8}.kq3d-build-point-model .render-list-container{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.kq3d-build-point-model .render-list-container .render-item{margin-bottom:8px}.kq3d-build-point-model .render-list-container .render-item .render-item-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:31px;color:var(--kq-text-color-regular)}.kq3d-build-point-model .render-list-container .render-item .render-item-row .render-item-row-icon{color:var(--kq-bg-color);background-color:var(--kq-color-success);padding:2px 8px;border-radius:25px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:16px;line-height:16px}.kq3d-build-point-model .render-list-container .render-item .render-item-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.kq3d-build-point-model .render-list-container .render-item .render-item-btn .kq-icon{cursor:pointer}.kq3d-build-point-model .render-list-container .render-item .isSetting{color:var(--kq-color-primary)}.kq3d-build-point-model .render-list-container .render-item .isDelete{color:var(--kq-color-danger)}.kq3d-build-point-model .render-list-container .kq-row{display:-webkit-box;display:-ms-flexbox;display:flex}.kq3d-build-point-model .isActive{color:var(--kq-button-hover-text-color);border-color:var(--kq-button-hover-border-color);background-color:var(--kq-button-hover-bg-color)}.kq3d-build-point-model .colClass{text-align:center;line-height:13px}.kq3d-build-point-model .spanTile{font-size:12px;color:var(--kq-text-color-regular);padding-right:4px}.kq3d-build-point-model .kq-select{width:100%}.kq3d-build-point-model .kq-collapse{border:unset}.kq3d-build-point-model .kq-collapse .kq-collapse-item{margin-bottom:8px}.kq3d-build-point-model .kq-collapse .kq-collapse-item:last-child{margin-bottom:0}.kq3d-build-point-model .kq-collapse .kq-collapse-item__header{border:unset;height:38px;background-color:var(--kq-fill-color-light);font-weight:700;padding:0 16px;font-size:16px}.kq3d-build-point-model .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-build-point-model .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:8px}.kq3d-build-point-model .kq-form-item{margin-bottom:8px}.kq3d-build-point-model .kq-form-item__content{text-align:end;display:block}.kq3d-build-point-model .kq-row{display:block}.kq3d-build-point-model .kq-slider{width:95%;padding-left:7px}.kq3d-build-point-model .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-build-point-model .kq-input-number.is-controls-right{width:65px}.kq3d-build-point-model .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-build-point-model .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-build-point-model .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-build-point-model .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-build-point-model .kq-scrollbar__bar.is-horizontal{bottom:-1px}.kq3d-build-point-model .build-model-btn-add{padding:0 8px;height:28px}.kq3d-build-point-model .kq-color-picker,.kq3d-build-point-model .kq-color-picker .kq-color-picker__mask,.kq3d-build-point-model .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-build-point-model .kq3d-build-point-model-legend{width:198px;height:24px}.kq3d-build-point-model .kq-radio__input{display:inline;vertical-align:top}.kq3d-build-point-model .kq3d-build-point-model-btn,.kq3d-build-point-model .kq3d-build-point-model-footer{text-align:right;padding:8px 0}.kq3d-build-point-model .scrollbar-flex-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kq3d-build-point-model .image-item{position:relative;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 2px 5px;width:25px;height:25px;overflow:hidden;cursor:pointer;border:0 solid var(--kq-text-color-regular);border-color:transparent}.kq3d-build-point-model .image-item .deleteBtn{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;line-height:25px;background-color:rgba(from var(--kq-text-color-regular) r g b/.8);color:var(--kq-color-danger)}.kq3d-build-point-model .image-item.selected,.kq3d-build-point-model .image-item:hover{border:2px solid var(--kq-color-primary)}.kq3d-build-point-model .image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.option-content{gap:6px;width:100%}.option-content,.option-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.option-icon{width:16px;height:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.kq-add-model{z-index:999;border-radius:var(--kq-border-radius-base);padding:6px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color);width:350px}.kq-upload--text{width:100%}.thumbnail-upload-wrapper{padding:0 8px}.thumbnail-upload-wrapper .kq-upload--text{height:130px}.avatar-uploader-trigger{width:100%;height:130px;border:2px dashed var(--kq-text-color-secondary);border-radius:8px;cursor:pointer;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background:var(--kq-bg-color)}.avatar-uploader-trigger:hover{border-color:var(--kq-color-primary);background:var(--kq-bg-color)}.avatar-preview{position:relative;width:100%;height:100%}.avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--kq-bg-color);font-size:14px;opacity:0;background-color:rgba(0,0,0,.3);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.avatar-preview:hover .avatar-overlay{opacity:1}.overlay-text{font-size:12px;margin-top:4px}.avatar-uploader-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.avatar-uploader-empty,.upload-icon{color:var(--kq-text-color-placeholder)}.upload-icon{margin-bottom:8px}.upload-text{font-size:14px;margin-bottom:4px}.upload-hint{font-size:12px}.thumbnail-label,.upload-hint{color:var(--kq-text-color-placeholder)}.thumbnail-label{font-size:14px}.model-upload-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.upload-model-btn{width:100%}.upload-tip{font-size:12px;margin-top:8px}.model-file-info,.upload-tip{color:var(--kq-text-color-regular)}.model-file-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 8px;border-radius:6px;border:1px solid var(--kq-text-color-regular);height:41px}.file-details{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:8px}.file-name{font-size:14px;font-weight:500;margin-bottom:4px}.file-name,.file-size{color:var(--kq-text-color-regular)}.file-size{font-size:12px}

package/buildpolygonmodel/index.js

@@ -37,7 +37,7 @@ var _BuildPolygonModelViewModel = _interopRequireDefault(__webpack_require__(947
 var _util = __webpack_require__(42975);
 var _useGlobalConfig = __webpack_require__(22686);
 var _constImage = __webpack_require__(4822);
-var _filterConditionSelect = _interopRequireDefault(__webpack_require__(58983));
+var _filterConditionSelect = _interopRequireDefault(__webpack_require__(31802));
 const _hoisted_1 = {
   class: "kq3d-build-polygon-model-box"
 };
@@ -126,10 +126,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       lang,
       locale
     } = (0, _useGlobalConfig.useLocale)();
-    const emit = __emit;
+    const emit = __emit; // 自定义事件：生成完成
     // 获取组件传参
     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",
       // 默认展开属性设置
@@ -252,8 +252,8 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     // 生成组件默认header
     let headerTemp = (0, _vue.ref)();
     let headerTempRef = (0, _vue.ref)();
-    let viewModel = null;
-    let modelingTypes = (0, _vue.ref)(null);
+    let viewModel = null; // 面模型构建视图模型实例
+    let modelingTypes = (0, _vue.ref)(null); // 当前模型类型
     // 纹理图片
     let materials = (0, _vue.ref)([{
       name: "无",
@@ -271,7 +271,9 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       type: "roof",
       img: _constImage.BUILD_MODE_ROOF2
     }]);
-    const floorTopTypes = (0, _vue.ref)([{
+    const floorTopTypes = (0, _vue.ref)([
+    // 楼顶类型选项
+    {
       name: locale.value.webgl.flatRoof,
       value: "flatRoof"
     }, {
@@ -295,7 +297,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       name: "重复次数",
       value: "repeatCount"
     }]);
-    let propertyFieldsDef = (0, _vue.ref)([]);
+    let propertyFieldsDef = (0, _vue.ref)([]); // 属性字段定义列表
     // 材质部位
     let materialParts = (0, _vue.computed)(() => props?.materialParts || [{
       name: "立面",
@@ -324,6 +326,8 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         img: _constImage.BUILD_MODE_ROOF2
       }]
     }]);
+
+    // 组件挂载后初始化位置、监听模式/header 变化及视图模型
     (0, _vue.onMounted)(() => {
       (0, _util.updatePosition)(boxRef.value, props);
       (0, _vue.watch)(() => props.position, (newVal, oldVal) => {
@@ -331,6 +335,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       });
       (0, _vue.watch)(mode, newMode => {
         formItem.collapseValue = "general";
+        // 新增模式重置模型类型
         if (newMode == "add") modelingTypes.value = null;
       }, {
         immediate: true
@@ -357,14 +362,19 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         headerTemp.value = (0, _util.createHeaderTemp)(boxRef.value, (0, _vue.toRefs)(props), headerTempRef, "webgl.buildPolygonModel");
       }
     };
-    // 参数切换
+    /**
+     * @description 参数切换时同步至视图模型，并对材质部位、贴图等参数联动处理
+     * @param {String} key 参数名
+     */
     function paramsChanged(key) {
       if (!viewModel) return;
+      // 启用坐标高度时关闭贴地
       if (key == "perPositionHeight") {
         if (formItem.perPositionHeight) formItem.clampToGround = false;
       } else if (key == "clampToGround") {
         // if (formItem.clampToGround) formItem.perPositionHeight = false;
       } else if (key == "materialPart") {
+        // 切换材质部位时同步对应贴图尺寸/重复参数
         materials.value = materialParts.value[formItem.materialPart]?.children || [];
         formItem.imageHeight = formItem.materialPart == 0 ? formItem.floorImageHeight : formItem.roofImageHeight;
         formItem.imageWidth = formItem.materialPart == 0 ? formItem.floorImageWidth : formItem.roofImageWidth;
@@ -402,11 +412,13 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     }
     /**
      * @description 初始化事件
+     * @param {Object|String} data 模型 id 或 geojson 数据
      */
     function setData(data) {
       if (data) {
         if (!viewModel) return;
         clear();
+        // 字符串视为模型 id，进入编辑模式
         if (typeof data === "string") {
           viewModel.getPolygonModel(data, item => {
             const {
@@ -461,6 +473,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
             });
           });
         } else {
+          // 对象视为 geojson 数据，进入新增模式
           viewModel._layerData = data;
           let propertyFields = viewModel.extractPropertyFields(data);
           if (propertyFields && propertyFields.length > 0) {
@@ -471,15 +484,23 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         console.log("重新传入数据");
       }
     }
-    // 生成
+    /**
+     * @description 生成
+     * @param {String} type 模型类型（monomer / multi）
+     */
     function generated(type) {
       viewModel?.generated(type, data => {
         emit("generatedEnd", data);
       });
     }
+    // 清空选中模型集合
     function clear() {
       viewModel?.clear();
     }
+    /**
+     * @description 处理过滤条件变更
+     * @param {String} condition 过滤条件
+     */
     const handleFilterChange = condition => {
       formItem.selectModelId = condition;
     };
@@ -487,9 +508,14 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     (0, _vue.onBeforeUnmount)(() => {
       clear();
     });
+    // 导出已生成的模型 JSON
     function exportModels() {
       return viewModel.exportModels();
     }
+    /**
+     * @description 导入模型 JSON 并加载
+     * @param {Array} jsons 模型 JSON 数组
+     */
     function importModels(jsons) {
       return viewModel.importModels(jsons);
     }
@@ -1654,12 +1680,12 @@ var _default = exports.A = {
       lang,
       locale
     } = (0, _useGlobalConfig.useLocale)();
-    const selectRef = (0, _vue.ref)(null);
+    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 => {
@@ -1671,24 +1697,37 @@ var _default = exports.A = {
       immediate: true
     });
 
-    // 处理选中/新增逻辑
+    /**
+     * @description 处理选中/新增逻辑
+     * @param {String} value 选中或新增的条件
+     */
     const handleConditionChange = async value => {
       if (!value) return;
       const isExist = filterConditions.value.includes(value);
+      // 不存在则加入条件列表
       if (!isExist) {
         filterConditions.value.push(value);
         await (0, _vue.nextTick)();
       }
       emit("condition-change", value);
     };
+
+    /**
+     * @description 处理新建条件
+     * @param {String} item 新建条件值
+     */
     const handleCreateCondition = async item => {
       if (!item) return;
       await handleConditionChange(item);
       selectedCondition.value = item;
     };
-    // 
+    /**
+     * @description 删除选项
+     * @param {String} condition 待删除条件
+     */
     const handleDeleteOption = async condition => {
       filterConditions.value = filterConditions.value.filter(item => item !== condition);
+      // 删除的为当前选中项时清空选中并通知父组件
       if (selectedCondition.value === condition) {
         selectedCondition.value = "";
         emit("condition-change", "");
@@ -1698,7 +1737,10 @@ var _default = exports.A = {
       emit("option-delete", condition);
     };
 
-    // 实时输入监听
+    /**
+     * @description 实时输入监听
+     * @param {String} val 输入值
+     */
     const handleInput = val => {};
 
     // 清空选中
@@ -1708,11 +1750,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);
@@ -1788,35 +1836,7 @@ module.exports = require("@element-plus/icons-vue");
 
 /***/ }),
 
-/***/ 33751:
-/***/ (function(module) {
-
-module.exports = require("@babel/runtime/helpers/interopRequireDefault");
-
-/***/ }),
-
-/***/ 42975:
-/***/ (function(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__42975__;
-
-/***/ }),
-
-/***/ 50154:
-/***/ (function(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__50154__;
-
-/***/ }),
-
-/***/ 56363:
-/***/ (function(module) {
-
-module.exports = require("element-plus/dist/index.full.js");
-
-/***/ }),
-
-/***/ 58983:
+/***/ 31802:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 // ESM COMPAT FLAG
@@ -1835,9 +1855,9 @@ var filterConditionSelectvue_type_script_setup_true_lang_js = __webpack_require_
 // 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/buildpolygonmodel/filterConditionSelect.vue?vue&type=style&index=0&id=2b2977c6&scoped=true&lang=css
-var filterConditionSelectvue_type_style_index_0_id_2b2977c6_scoped_true_lang_css = __webpack_require__(75151);
-;// ./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/buildpolygonmodel/filterConditionSelect.vue?vue&type=style&index=0&id=2b2977c6&scoped=true&lang=css
+// 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/buildpolygonmodel/filterConditionSelect.vue?vue&type=style&index=0&id=2a3a2adc&scoped=true&lang=css
+var filterConditionSelectvue_type_style_index_0_id_2a3a2adc_scoped_true_lang_css = __webpack_require__(91856);
+;// ./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/buildpolygonmodel/filterConditionSelect.vue?vue&type=style&index=0&id=2a3a2adc&scoped=true&lang=css
 
             
 
@@ -1846,12 +1866,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(filterConditionSelectvue_type_style_index_0_id_2b2977c6_scoped_true_lang_css/* default */.A, options);
+var update = injectStylesIntoStyleTag_default()(filterConditionSelectvue_type_style_index_0_id_2a3a2adc_scoped_true_lang_css/* default */.A, options);
 
 
 
-/* harmony default export */ var buildpolygonmodel_filterConditionSelectvue_type_style_index_0_id_2b2977c6_scoped_true_lang_css = (filterConditionSelectvue_type_style_index_0_id_2b2977c6_scoped_true_lang_css/* default */.A.locals || {});
-;// ./src/webgl/buildpolygonmodel/filterConditionSelect.vue?vue&type=style&index=0&id=2b2977c6&scoped=true&lang=css
+/* harmony default export */ var buildpolygonmodel_filterConditionSelectvue_type_style_index_0_id_2a3a2adc_scoped_true_lang_css = (filterConditionSelectvue_type_style_index_0_id_2a3a2adc_scoped_true_lang_css/* default */.A.locals || {});
+;// ./src/webgl/buildpolygonmodel/filterConditionSelect.vue?vue&type=style&index=0&id=2a3a2adc&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
 var exportHelper = __webpack_require__(66262);
@@ -1862,12 +1882,40 @@ var exportHelper = __webpack_require__(66262);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(filterConditionSelectvue_type_script_setup_true_lang_js/* default */.A, [['__scopeId',"data-v-2b2977c6"]])
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(filterConditionSelectvue_type_script_setup_true_lang_js/* default */.A, [['__scopeId',"data-v-2a3a2adc"]])
 
 /* harmony default export */ var filterConditionSelect = (__exports__);
 
 /***/ }),
 
+/***/ 33751:
+/***/ (function(module) {
+
+module.exports = require("@babel/runtime/helpers/interopRequireDefault");
+
+/***/ }),
+
+/***/ 42975:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__42975__;
+
+/***/ }),
+
+/***/ 50154:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__50154__;
+
+/***/ }),
+
+/***/ 56363:
+/***/ (function(module) {
+
+module.exports = require("element-plus/dist/index.full.js");
+
+/***/ }),
+
 /***/ 61706:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -1952,22 +2000,6 @@ _indexFull.ElMessage.install = (Vue, opts) => {
 var _default = exports["default"] = _indexFull.ElMessage;
 _KqGIS.kq_npm_client_common_vue.KqMessage = _indexFull.ElMessage;
 
-/***/ }),
-
-/***/ 75151:
-/***/ (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-2b2977c6] {\r\n  width: 100%;\n}\n.option-content[data-v-2b2977c6] {\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-2b2977c6] {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\n.icon-class[data-v-2b2977c6] {\r\n  font-size: 14px;\r\n  padding: 4px;\n}\n.icon-class[data-v-2b2977c6]:hover {\r\n  color: var(--kq-color-danger);\n}\n[data-v-2b2977c6] .kq-option:hover .delete-btn {\r\n  opacity: 1;\n}\n[data-v-2b2977c6] .custom-select-popper {\r\n  --kq-select-dropdown-item-padding: 4px 8px;\n}\n[data-v-2b2977c6] .kq-option {\r\n  padding: 0 !important;\n}\r\n", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 76314:
@@ -2315,6 +2347,22 @@ module.exports = function (list, options) {
   };
 };
 
+/***/ }),
+
+/***/ 91856:
+/***/ (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-2a3a2adc] {\r\n  width: 100%;\n}\n.option-content[data-v-2a3a2adc] {\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-2a3a2adc] {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\n.icon-class[data-v-2a3a2adc] {\r\n  font-size: 14px;\r\n  padding: 4px;\n}\n.icon-class[data-v-2a3a2adc]:hover {\r\n  color: var(--kq-color-danger);\n}\n[data-v-2a3a2adc] .kq-option:hover .delete-btn {\r\n  opacity: 1;\n}\n[data-v-2a3a2adc] .custom-select-popper {\r\n  --kq-select-dropdown-item-padding: 4px 8px;\n}\n[data-v-2a3a2adc] .kq-option {\r\n  padding: 0 !important;\n}\r\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 94700:
@@ -2331,15 +2379,30 @@ var _message = _interopRequireDefault(__webpack_require__(71323));
 var _util = __webpack_require__(42975);
 var _xeUtils = __webpack_require__(65235);
 class BuildPolygonModelViewModel {
+  // 生成的面模型集合
+  /**
+   * @description 构造函数
+   * @param {Object} scenceView 三维场景视图
+   * @param {Object} formItem 表单配置项
+   */
   constructor(scenceView, formItem) {
     this._options = {};
+    // 表单配置项
     this._scenceView = null;
+    // 三维场景视图
     this._layerData = null;
+    // 输入的 geojson 数据
     this._polygonModel = null;
+    // 当前编辑的面模型
     this._polygonModels = [];
     this._scenceView = scenceView;
     this._options = formItem;
   }
+  /**
+   * @description 通过 key 获取已存在的面模型并执行回调
+   * @param {String} key 模型 id
+   * @param {Function} cb 回调函数
+   */
   getPolygonModel(key, cb) {
     // 获取模型
     let array = this?._scenceView?._viewer?.scene?.primitives?._primitives ?? [];
@@ -2354,7 +2417,13 @@ class BuildPolygonModelViewModel {
       cb(this._polygonModel);
     }
   }
+  /**
+   * @description 参数改变时同步至当前编辑模型
+   * @param {String} key 参数名
+   * @param {Object} editMode 编辑模式（add：新增，其他：编辑）
+   */
   paramsChanged(key, editMode) {
+    // 新增模式不处理参数变更
     if (editMode.value === "add") return;
     if (!this._polygonModel) {
       (0, _message.default)({
@@ -2363,6 +2432,7 @@ class BuildPolygonModelViewModel {
       });
       return;
     }
+    // 高度、偏移类参数：批量同步至模型
     if (["extrudedHeight", "baseHeight", "offsetX", "offsetY"].includes(key)) {
       this._polygonModel["height"] = this._options["extrudedHeight"];
       this._polygonModel["extrudedHeight"] = this._options["baseHeight"];
@@ -2375,36 +2445,45 @@ class BuildPolygonModelViewModel {
       // 楼顶材质保持保持一致
       this._polygonModel["roofImage"] = this._polygonModel["parapetWallImage"] = this._options["roofImage"];
     } else if (["imageWidth"].includes(key)) {
+      // 图像宽度：根据材质部位同步至楼底或楼顶
       if (this._options["materialPart"] == 0) {
         this._polygonModel["floorImageWidth"] = this._options[key];
       } else {
         this._polygonModel["roofImageWidth"] = this._options[key];
       }
     } else if (["imageHeight"].includes(key)) {
+      // 图像高度：根据材质部位同步至楼底或楼顶
       if (this._options["materialPart"] == 0) {
         this._polygonModel["floorImageHeight"] = this._options[key];
       } else {
         this._polygonModel["roofImageHeight"] = this._options[key];
       }
     } else if (["imageRepeatWidth"].includes(key)) {
+      // 横向重复次数：根据材质部位同步至楼底或楼顶
       if (this._options["materialPart"] == 0) {
         this._polygonModel["floorImageRepeatX"] = this._options[key];
       } else {
         this._polygonModel["roofImageRepeatX"] = this._options[key];
       }
     } else if (["imageRepeatHeight"].includes(key)) {
+      // 纵向重复次数：根据材质部位同步至楼底或楼顶
       if (this._options["materialPart"] == 0) {
         this._polygonModel["floorImageRepeatY"] = this._options[key];
       } else {
         this._polygonModel["roofImageRepeatY"] = this._options[key];
       }
     } else if (["repetitionType"].includes(key)) {
+      // 重复模式：actualSize 为按尺寸贴图
       this._polygonModel["repeatBySize"] = this._options[key] == "actualSize" ? true : false;
     } else {
       this._polygonModel[key] = this._options[key];
     }
   }
-  // 优化后的生成模型方法
+  /**
+   * @description 优化后的生成模型方法（备份版本）
+   * @param {String} type 模型类型
+   * @param {Function} cb 生成完成回调
+   */
   generated_bak(type, cb) {
     // 清空现有模型
     this._polygonModels = [];
@@ -2504,7 +2583,11 @@ class BuildPolygonModelViewModel {
       });
     }
   }
-  // 优化后的生成模型方法2
+  /**
+   * @description 优化后的生成模型方法2（当前使用版本）
+   * @param {String} type 模型类型（如 multi 表示多层）
+   * @param {Function} cb 生成完成回调
+   */
   generated(type, cb) {
     // 清空现有模型
     let that = this;
@@ -2660,7 +2743,14 @@ class BuildPolygonModelViewModel {
       });
     }
   }
-  // 获取字符串类型属性值（处理空字符串）
+  /**
+   * @description 获取字符串类型属性值（处理空字符串）
+   * @param {Object} properties 要素属性
+   * @param {String} fieldKey 字段映射键
+   * @param {String} propKey 属性键
+   * @param {String} defaultValue 默认值
+   * @returns {String} 属性值
+   */
   getStringValue(properties, fieldKey, propKey, defaultValue = '') {
     const fieldName = this._options[fieldKey];
     // 字段映射优先
@@ -2679,7 +2769,14 @@ class BuildPolygonModelViewModel {
     }
     return defaultValue;
   }
-  // 获取数字类型属性值（处理 0、小数等）
+  /**
+   * @description 获取数字类型属性值（处理 0、小数等）
+   * @param {Object} properties 要素属性
+   * @param {String} fieldKey 字段映射键
+   * @param {String} propKey 属性键
+   * @param {Number} defaultValue 默认值
+   * @returns {Number} 属性值
+   */
   getNumberValue(properties, fieldKey, propKey, defaultValue = 0) {
     const fieldName = this._options[fieldKey];
     // 字段映射优先
@@ -2699,7 +2796,11 @@ class BuildPolygonModelViewModel {
     }
     return defaultValue;
   }
-  // 提取所有属性字段（排除OID、KID、ID等字段）
+  /**
+   * @description 提取所有属性字段（排除OID、KID、ID等字段）
+   * @param {Object} geojsonData geojson 数据
+   * @returns {Array} 属性字段数组
+   */
   extractPropertyFields(geojsonData) {
     const excludedFields = ['oid', 'kid', 'id', 'fid', 'objectid', 'smid', 'sid'];
     const propertyFields = new Set();
@@ -2715,7 +2816,11 @@ class BuildPolygonModelViewModel {
     });
     return Array.from(propertyFields);
   }
-  // 处理GeoJSON数据（复用之前的逻辑）
+  /**
+   * @description 处理GeoJSON数据（复用之前的逻辑）
+   * @param {Object} geojson geojson 数据
+   * @returns {Array} 要素数组
+   */
   _processGeoJSON(geojson) {
     let features = [];
     if (geojson.type === "FeatureCollection") {
@@ -2731,7 +2836,11 @@ class BuildPolygonModelViewModel {
     }
     return features;
   }
-  // 提取面坐标方法 - 修复处理多边形坐标的逻辑
+  /**
+   * @description 提取面坐标方法 - 修复处理多边形坐标的逻辑
+   * @param {Object} geometry 几何对象
+   * @returns {Array} 坐标点数组
+   */
   _extractPolygonPositions(geometry) {
     const positions = [];
     if (!geometry || !geometry.coordinates) return positions;
@@ -2780,7 +2889,11 @@ class BuildPolygonModelViewModel {
     return positions;
   }
 
-  // 提取所有属性字段（排除OID、KID、ID等字段）
+  /**
+   * @description 提取所有属性字段（排除OID、KID、ID等字段）
+   * @param {Object} geojsonData geojson 数据
+   * @returns {Array} 属性字段数组
+   */
   extractPropertyFields(geojsonData) {
     const excludedFields = ['oid', 'kid', 'id', 'fid', 'objectid', 'smid', 'sid'];
     const propertyFields = new Set();
@@ -2797,7 +2910,11 @@ class BuildPolygonModelViewModel {
     return Array.from(propertyFields);
   }
 
-  // 数据过滤 - 修复运算符解析逻辑
+  /**
+   * @description 数据过滤 - 修复运算符解析逻辑
+   * @param {Object} data geojson 数据
+   * @returns {Object} 过滤后的 geojson 数据
+   */
   _filterData(data) {
     const filterStr = this._options.selectModelId;
     if (!filterStr || !data || !data.features) {
@@ -2832,6 +2949,8 @@ class BuildPolygonModelViewModel {
       }
       const propValue = feature.properties[fieldName];
       let shouldInclude = false;
+
+      // 根据运算符判断是否保留该要素
       switch (operator) {
         case ">":
           shouldInclude = propValue > numValue;
@@ -2870,9 +2989,14 @@ class BuildPolygonModelViewModel {
   destroy() {
     this.clear();
   }
+  // 导出已生成的模型 JSON
   exportModels() {
     return this._polygonModels;
   }
+  /**
+   * @description 导入模型 JSON 并加载到场景
+   * @param {Array} jsons 模型 JSON 数组
+   */
   importModels(jsons) {
     let that = this;
     jsons.forEach(jsonData => {
@@ -2894,11 +3018,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;
 
 /***/ })