@kq_npm/client3d_webgl_vue 4.5.40 → 4.5.42

package/windyslicing/index.js

@@ -57,6 +57,13 @@ element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install =
 _common_KqGIS__WEBPACK_IMPORTED_MODULE_1__/* .kq_npm_client_common_vue.KqMessage */ .P.KqMessage = element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage;
 
 
+/***/ }),
+
+/***/ 8422:
+/***/ (function(module) {
+
+module.exports = require("@element-plus/icons-vue");
+
 /***/ }),
 
 /***/ 348:
@@ -248,6 +255,22 @@ class WindySlicingViewModel {
     this.callbackParams = callbackParams;
     this._windySlicingPolylineHandler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.canvas);
   }
+  // 切换剖切模式
+  changeSlicingMode() {
+    if (this._options.styleType == "1") {
+      if (this._currentVolumePosition) this.windySlicingRectangleSlicing(this._currentVolumePosition);
+    } else if (this._options.styleType == "2") {
+      if (this._currentVolumePosition) {
+        this.windySlicingSurfaceSection(this._currentVolumePosition, this._windySlicingLayerconfig);
+      }
+    } else if (this._options.styleType == "3") {
+      this.windyVoxelsSingleSlicing();
+    } else if (this._options.styleType == "4") {
+      this.gridVoxelsSingleProvider();
+    } else if (this._options.styleType == "5") {
+      this.gridVolumeIsoProvider();
+    }
+  }
   // 参数切换
   paramsChanged(key, val) {
     let that = this;
@@ -278,7 +301,8 @@ class WindySlicingViewModel {
           this._windySlicingDrawManager.startDraw("rectangle", { clampToGround: true }, (feature, { shape }) => {
             if (!shape.groupName || shape.groupName !== "windySlicingDraw") return;
             if (shape && shape.type === "rectangle") {
-              that.windySlicingRectangleSlicing(shape.bounds);
+              that._currentVolumePosition = shape.bounds;
+              that.changeSlicingMode();
               this.callbackParams && this.callbackParams("showSlicingSetting", true)
             }
             that._windySlicingDrawManager.clearDrawGroup("windySlicingDraw");
@@ -294,30 +318,12 @@ class WindySlicingViewModel {
             if (this._currentVolumePosition) this.windySlicingRectangleSlicing(this._currentVolumePosition);
           }
         } else if (this._options.slicingType == 3) {
-          if (this._options.styleType == "3") {
-            this.windyVoxelsSingleSlicing();
-          } else if (this._options.styleType == "4") {
-            this.gridVoxelsSingleProvider();
-          } else if (this._options.styleType == "5") {
-            this.gridVolumeIsoProvider();
-          }
+          this.changeSlicingMode();
         }
         break;
       case "styleType":
         this.removeVolumePrimitive();
-        if (this._options.styleType == "1") {
-          if (this._currentVolumePosition) this.windySlicingRectangleSlicing(this._currentVolumePosition);
-        } else if (this._options.styleType == "2") {
-          if (this._currentVolumePosition) {
-            this.windySlicingSurfaceSection(this._currentVolumePosition, this._windySlicingLayerconfig);
-          }
-        } else if (this._options.styleType == "3") {
-          this.windyVoxelsSingleSlicing();
-        } else if (this._options.styleType == "4") {
-          this.gridVoxelsSingleProvider();
-        } else if (this._options.styleType == "5") {
-          this.gridVolumeIsoProvider();
-        }
+        this.changeSlicingMode();
         break;
       case "showAxis":
         if (this._volumePrimitive) this._volumePrimitive.showAxis(this._options[key]);
@@ -386,6 +392,9 @@ class WindySlicingViewModel {
         if (this._volumePrimitiveVoxels) {
           this._volumePrimitiveVoxels.zIndexClipping((this._options[key] - 1) || 0);
         }
+      case "rangeFiltering":
+        this.removeVolumePrimitive();
+        this.gridVoxelsSingleProvider();
         break;
       case "destroy":
         this.destroy();
@@ -566,18 +575,43 @@ class WindySlicingViewModel {
  */
   getPointSlicingData(cartographic) {
     let that = this;
-    let X = window.Cesium.Math.toDegrees(cartographic.longitude);
-    let Y = window.Cesium.Math.toDegrees(cartographic.latitude);
-    let unit = this._windySlicingLayerconfig.unit;
-    let data = {
-      "collectionName": that._windySlicingLayerconfig?.params?.layer,
-      "point": {
-        "x": X,
-        "y": Y
-      },
-      "geoSRS": "EPSG:4326",
-      type: 1
+    const { longitude, latitude } = cartographic;
+    const X = Cesium.Math.toDegrees(longitude);
+    const Y = Cesium.Math.toDegrees(latitude);
+    const unit = this._windySlicingLayerconfig?.valueUnit || '';
+
+    const layer = this._layerManager.getLayerByGuid(
+      this._windySlicingLayerconfig.guid,
+      "imagerylayer"
+    );
+
+    // 处理时间维度
+    let timeValue = null;
+    if (this._windySlicingLayerconfig?.multiDimInfo?.isHaveTimeDim) {
+      const timeIndex = layer?.imageryProvider?._timeIndex;
+      timeValue = timeIndex != null
+        ? this._windySlicingLayerconfig.multiDimInfo.timeValues[timeIndex]
+        : null;
+    }
+
+    // 处理Z轴维度
+    let zValue = null;
+    if (this._windySlicingLayerconfig?.multiDimInfo?.isHaveZDim) {
+      const zIndex = layer?.imageryProvider?._zValueIndex;
+      zValue = zIndex != null
+        ? `${this._windySlicingLayerconfig.zValues[zIndex]}`
+        : null;
     }
+
+    // 构建数据对象
+    const data = {
+      collectionName: this._windySlicingLayerconfig?.params?.layer,
+      point: { x: X, y: Y },
+      geoSRS: "EPSG:4326",
+      type: 1,
+      ...(timeValue != null && { timeValue }),
+      ...(zValue != null && { zValues: zValue })
+    };
     //清除
     if (this._pointSlicingHtmlTag) {
       this._pointSlicingHtmlTag.destroy()
@@ -618,6 +652,49 @@ class WindySlicingViewModel {
     };
     xhr.send(JSON.stringify(data));
   }
+  //计算风向
+  /**
+   * 
+   * @param {*} u 经度
+   * @param {*} v 维度
+   * @param {*} dir 角度
+   * @returns 
+   */
+  direction(u, v, dir) {
+    let angles
+    let direct = "";
+    let speed
+    if (u && v) {
+      speed = Math.sqrt(u * u + v * v);
+
+      let angle = Math.atan2(u, v);
+      angles = 180 + angle * 180 / Math.PI;
+    } else {
+      angles = Number(dir)
+    }
+
+    if (angles >= 15 && angles < 75) {
+      direct = "东北";
+    } else if (angles >= 75 && angles < 105) {
+      direct = "东";
+    } else if (angles >= 105 && angles < 165) {
+      direct = "东南";
+    } else if (angles >= 165 && angles < 195) {
+      direct = "南";
+    } else if (angles >= 195 && angles < 255) {
+      direct = "西南";
+    } else if (angles >= 255 && angles < 285) {
+      direct = "西";
+    } else if (angles >= 285 && angles < 345) {
+      direct = "西北";
+    } else {
+      direct = "北";
+    }
+    return {
+      direct,
+      speed
+    }
+  }
   /**
    * 展现气象服务点数据
    * @param {*} val 数值
@@ -662,6 +739,22 @@ class WindySlicingViewModel {
       attrRange: [ranges[0], ranges[ranges.length - 1]],
       varName: this._windySlicingLayerconfig?.params?.varNames,
     };
+    // 处理时间维度
+    let timeValue = null;
+    const layer = this._layerManager.getLayerByGuid(
+      this._windySlicingLayerconfig.guid,
+      "imagerylayer"
+    );
+    if (this._windySlicingLayerconfig?.multiDimInfo?.isHaveTimeDim) {
+      const timeIndex = layer?.imageryProvider?._timeIndex;
+      timeValue = timeIndex != null
+        ? this._windySlicingLayerconfig.multiDimInfo.timeValues[timeIndex]
+        : null;
+    }
+    if (this._windySlicingLayerconfig.unit == 'hpa') {
+      this._currentVolumeOption.isReverse = true;
+    }
+    if (timeValue) this._currentVolumeOption.timeValue = timeValue;
     let varNames = this._windySlicingLayerconfig?.params?.varNames?.split?.(",") ?? [];
     if (varNames && varNames.length > 1) {
       Object.assign(this._currentVolumeOption, {
@@ -874,45 +967,54 @@ class WindySlicingViewModel {
       let that = this;
       if (!this._volumePrimitiveVoxels || !this._volumePrimitiveVoxels.readyPromise) return;
       this._volumePrimitiveVoxels.readyPromise.then(() => {
-        let attrRange = that.generateAttrRange(that._windySlicingLayerconfig.ranges, that._windySlicingLayerconfig.colors);
+        let attrRange = that.generateAttrRange(that._options.renderList ?? null);
         that._volumePrimitiveVoxels.showSurfaces(that._currentVolumePosition, attrRange);
       })
     }
   }
-  // 生成attrRange的核心函数
-  generateAttrRange(rangeTable, colorTable) {
-    const minValue = Math.min(...rangeTable);
-    const maxValue = Math.max(...rangeTable);
-    const numColors = colorTable.length;
-    const step = 0.1;
-    // 计算区间大小
-    const intervalSize = (maxValue - minValue) / numColors;
-    // 生成所有数值点
-    const attrRange = [];
-    let currentValue = minValue;
-    // 四舍五入到小数点后一位，避免浮点精度问题
-    while (currentValue <= maxValue) {
-      // 计算当前值所属的区间索引
-      const intervalIndex = Math.min(
-        Math.floor((currentValue - minValue) / intervalSize),
-        numColors - 1
-      );
-      // 获取对应颜色
-      const color = colorTable[intervalIndex];
-      // 添加到结果数组
-      attrRange.push({
-        value: parseFloat(currentValue.toFixed(1)),
-        color: Cesium.Color.fromCssColorString(color),
-        interval: intervalIndex
-      });
-      // 增加步长
-      currentValue += step;
-      // 处理浮点精度问题
-      currentValue = parseFloat(currentValue.toFixed(1));
+  getValueColor(start, end, color) {
+    let num = start;
+    let arr = [];
+    while (start <= num && num <= end) {
+      arr.push({
+        value: num,
+        color: Cesium.Color.fromCssColorString(color)
+      })
+      num = num + 0.1
     }
+    return arr;
+  }
+  /**
+   * 生成属性范围数组，用于等值面渲染
+   * @param {Array} data - 输入的范围配置数组
+   * @returns {Array} 生成的属性范围数组
+   */
+  generateAttrRange(data = [{ minValue: 0, maxValue: 10, color: "#fdfd28" }]) {
+    const attrRange = [];
+    const PRECISION = 1; // 小数点后精度
+    const STEP = 0.1;    // 步长
+    data.forEach(element => {
+      const { minValue, maxValue, color } = element;
+      // 参数校验
+      if (minValue >= maxValue) {
+        console.warn(`Invalid range: minValue (${minValue}) >= maxValue (${maxValue})`);
+        return;
+      }
+      // 计算当前范围的所有值点
+      let currentValue = minValue;
+      while (currentValue <= maxValue) {
+        attrRange.push({
+          value: parseFloat(currentValue.toFixed(PRECISION)),
+          color: Cesium.Color.fromCssColorString(color),
+          interval: 0 // 单色区间默认为0
+        });
+        // 增加步长并处理浮点精度
+        currentValue = parseFloat((currentValue + STEP).toFixed(PRECISION));
+      }
+    });
     return attrRange;
   }
-  // 风速体
+  // 体场
   gridVoxelsSingleProvider() {
     if (!Cesium.Kq3dGridVoxelsSingleProviderExt) {
       console.log("Kq3dGridVoxelsSingleProviderExt class cannot be empty");
@@ -921,16 +1023,13 @@ class WindySlicingViewModel {
     if (this._currentVolumeOption && this._currentVolumePosition) {
       let options = Object.assign({}, this._currentVolumeOption, {
         // 高度偏移
-        offset: 0,
+        offset: 100,
         showAxis: false,
         scale: this._options["layerScale"] || 20,
         filterValues: [30000, -30000],
-        filterRange: [20, 60],
+        filterRange: this._options["rangeFiltering"] || [20, 40],
         zValues: this._windySlicingLayerconfig.zValues
       });
-      if (this._windySlicingLayerconfig.unit != 'hpa') {
-        options.isReverse = true;
-      }
       this._volumePrimitiveVoxels = new Cesium.Kq3dGridVoxelsSingleProviderExt(options);
       let that = this;
       if (!this._volumePrimitiveVoxels || !this._volumePrimitiveVoxels.readyPromise) return;
@@ -1035,10 +1134,14 @@ var vue_i18n_cjs_js_ = __webpack_require__(7080);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_types/global-event"
 var global_event_ = __webpack_require__(3536);
 var global_event_default = /*#__PURE__*/__webpack_require__.n(global_event_);
+// EXTERNAL MODULE: external "@element-plus/icons-vue"
+var icons_vue_ = __webpack_require__(8422);
 ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/windyslicing/WindySlicing.vue?vue&type=script&setup=true&lang=js
 
 
 const _hoisted_1 = { class: "kq3d-windy-slicing-box" }
+const _hoisted_2 = { style: {"display":"flex","align-items":"center","justify-content":"left"} }
+const _hoisted_3 = { class: "render-list-container" }
 
 ;
 
@@ -1048,6 +1151,7 @@ const _hoisted_1 = { class: "kq3d-windy-slicing-box" }
 
 
 
+
 const __default__ = {
   name: "Kq3dWindySlicing"
 };
@@ -1106,8 +1210,11 @@ let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(
 let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
 let enableLayerings = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
 let unit = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("m");
+let unitValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
 let showSlicingSetting = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(false);
 let showWindySlicing = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(props.show);
+const scrollcar_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+const renderbox_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
 
 let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
   collapseValue: props.settingParams?.collapseValue ?? "setting",
@@ -1139,7 +1246,15 @@ let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive
   bodyDissectionXClipping: props.settingParams?.bodyDissectionXClipping ?? 0, //体剖切透明度
   bodyDissectionYClipping: props.settingParams?.bodyDissectionYClipping ?? 0, //体剖切透明度
   bodyDissectionZClipping: props.settingParams?.bodyDissectionZClipping ?? 1, //体剖切透明度
-  bodyDissectionZClippingMax: props.settingParams?.bodyDissectionZClippingMax ?? 10 //体剖切透明度
+  bodyDissectionZClippingMax: props.settingParams?.bodyDissectionZClippingMax ?? 10, //体剖切透明度
+  rangeFiltering: props.settingParams?.rangeFiltering ?? [20, 60], // 范围过滤
+  maxRangeFiltering: props.settingParams?.maxRangeFiltering ?? 80, // 范围过滤最大值
+  minRangeFiltering: props.settingParams?.minRangeFiltering ?? -20, // 范围过滤最小值
+  renderList: props.settingParams?.renderList ?? [{
+    minValue: 0,
+    maxValue: 10,
+    color: "#fdfd28"
+  }], // 渲染列表
 });
 // 创建深度复制
 let formItemDef = JSON.parse(JSON.stringify(formItem));
@@ -1226,6 +1341,7 @@ function callbackParams(key, val) {
       showSlicingSetting.value = val;
       break;
     case "slicingLayerConfig":
+      console.log(val);
       if (!Array.isArray(val.zValues) || val.zValues.length === 0) {
         showWindySlicing.value = false;
       } else {
@@ -1238,6 +1354,12 @@ function callbackParams(key, val) {
         Object.assign(viewModel._options, formItem);
       }
       unit.value = val.unit;
+      unitValue.value = val.valueUnit;
+      const ranges = val?.ranges ?? null;
+      if (ranges?.length) {
+        formItem.maxRangeFiltering = Number(ranges.at(-1));
+        formItem.minRangeFiltering = Number(ranges[0]);
+      }
       break;
     case "windySlicingSurfaceSection":
       changeParams(val);
@@ -1263,16 +1385,17 @@ function callbackParams(key, val) {
 //切换类型
 function changeMode(mode) {
   if (!viewModel) return;
-  if (formItem.mode !== mode) {
-    showSlicingSetting.value = false;
-    formItem.mode = mode;
-    viewModel._options.mode = formItem.mode;
-    viewModel && viewModel.paramsChanged("mode");
-    if (mode == "delete") {
-      Object.assign(formItem, formItemDef);
-    }
+  showSlicingSetting.value = false;
+  formItem.mode = mode;
+  viewModel._options.mode = formItem.mode;
+  viewModel && viewModel.paramsChanged("mode");
+  if (mode == "delete") {
+    Object.assign(formItem, formItemDef);
   }
 }
+function applicationClick() {
+  paramsChanged("styleType");
+}
 // 参数切换事件
 function paramsChanged(key) {
   if (!viewModel) return;
@@ -1357,8 +1480,30 @@ function clear() {
 }
 // 显示提示信息
 function formatTooltip(val) {
-  return enableLayerings.value[val - 1] + unit.value;
+  return enableLayerings.value[val - 1] +" "+ unit.value;
+}
+// 显示提示信息
+function formatTooltips(val) {
+  return val +" "+ unitValue.value;
 }
+/**
+ * 添加渲染列表
+ */
+const addRenderList = () => {
+  formItem.renderList.push({
+    minValue: 0,
+    maxValue: 10,
+    color: "#fdfd28"
+  });
+};
+
+/**
+ * 删除渲染列表
+ * @param {number} index 下标
+ */
+const handleDelete = index => {
+  formItem.renderList.splice(index, 1);
+};
 // 销毁
 (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
   global_event_default().off("windyTypeChange", handleWindyTypeChange);
@@ -1382,6 +1527,9 @@ return (_ctx, _cache) => {
   const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number")
   const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option")
   const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select")
+  const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon")
+  const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-color-picker")
+  const _component_kq_scrollbar = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-scrollbar")
   const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form")
   const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse-item")
   const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse")
@@ -1868,7 +2016,7 @@ return (_ctx, _cache) => {
                           ]),
                           _: 1 /* STABLE */
                         }),
-                        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, { class: "rowclass" }, {
+                        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
                           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                             (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).heightSection + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).value
@@ -2112,6 +2260,189 @@ return (_ctx, _cache) => {
                           _: 1 /* STABLE */
                         })
                       ], 64 /* STABLE_FRAGMENT */))
+                    : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true),
+                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 体场设置 "),
+                  ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).styleType === '4')
+                    ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_row, { key: 3 }, {
+                        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+                            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).rangeFiltering + '('+(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(unitValue)+')'
+                          }, {
+                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                                modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).rangeFiltering,
+                                "onUpdate:modelValue": _cache[58] || (_cache[58] = $event => (((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).rangeFiltering) = $event)),
+                                range: "",
+                                min: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).minRangeFiltering,
+                                max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).maxRangeFiltering,
+                                "format-tooltip": formatTooltips,
+                                onChange: _cache[59] || (_cache[59] = $event => (paramsChanged('rangeFiltering')))
+                              }, null, 8 /* PROPS */, ["modelValue", "min", "max"])
+                            ]),
+                            _: 1 /* STABLE */
+                          }, 8 /* PROPS */, ["label"])
+                        ]),
+                        _: 1 /* STABLE */
+                      }))
+                    : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true),
+                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 等值面 "),
+                  ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).styleType === '5')
+                    ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, { key: 4 }, [
+                        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+                          class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).renderList.length > 0 ? 'rowclass' : '')
+                        }, {
+                          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                            (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+                              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).renderList
+                            }, {
+                              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [
+                                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+                                    color: "#409EFF",
+                                    size: "18",
+                                    class: "kq-row-icon",
+                                    onClick: addRenderList,
+                                    title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).addRenderValue
+                                  }, {
+                                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.CirclePlus))
+                                    ]),
+                                    _: 1 /* STABLE */
+                                  }, 8 /* PROPS */, ["title"]),
+                                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+                                    style: {"margin-left":"10px"},
+                                    color: "#409EFF",
+                                    size: "18",
+                                    class: "kq-row-icon",
+                                    onClick: applicationClick,
+                                    title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).applicationBtn
+                                  }, {
+                                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconSave2))
+                                    ]),
+                                    _: 1 /* STABLE */
+                                  }, 8 /* PROPS */, ["title"])
+                                ])
+                              ]),
+                              _: 1 /* STABLE */
+                            }, 8 /* PROPS */, ["label"])
+                          ]),
+                          _: 1 /* STABLE */
+                        }, 8 /* PROPS */, ["class"]),
+                        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
+                          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                            (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_scrollbar, {
+                              "max-height": "170px",
+                              ref_key: "scrollcar_ref",
+                              ref: scrollcar_ref,
+                              style: {"width":"100%"}
+                            }, {
+                              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 添加关键容器：强制内部使用栅格布局 "),
+                                (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_3, [
+                                  ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).renderList, (item, index) => {
+                                    return ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", {
+                                      key: index,
+                                      class: "render-item"
+                                    }, [
+                                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" 关键修改：添加gutter并确保总span=24 "),
+                                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+                                        justify: "space-between",
+                                        align: "middle"
+                                      }, {
+                                        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, { span: 6 }, {
+                                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                                                modelValue: item.minValue,
+                                                "onUpdate:modelValue": $event => ((item.minValue) = $event),
+                                                "controls-position": "right",
+                                                max: item.maxValue,
+                                                style: {"width":"100%"},
+                                                onChange: _cache[60] || (_cache[60] = $event => (paramsChanged('renderList')))
+                                              }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "max"])
+                                            ]),
+                                            _: 2 /* DYNAMIC */
+                                          }, 1024 /* DYNAMIC_SLOTS */),
+                                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                                            span: 2,
+                                            style: {"text-align":"center"}
+                                          }, {
+                                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)(" ~ ")
+                                            ]),
+                                            _: 1 /* STABLE */
+                                          }),
+                                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, { span: 6 }, {
+                                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                                                modelValue: item.maxValue,
+                                                "onUpdate:modelValue": $event => ((item.maxValue) = $event),
+                                                "controls-position": "right",
+                                                min: item.minValue,
+                                                style: {"width":"100%"},
+                                                onChange: _cache[61] || (_cache[61] = $event => (paramsChanged('renderList')))
+                                              }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "min"])
+                                            ]),
+                                            _: 2 /* DYNAMIC */
+                                          }, 1024 /* DYNAMIC_SLOTS */),
+                                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                                            span: 4,
+                                            style: {"text-align":"center"}
+                                          }, {
+                                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(unitValue)), 1 /* TEXT */)
+                                            ]),
+                                            _: 1 /* STABLE */
+                                          }),
+                                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                                            span: 3,
+                                            style: {"text-align":"right"},
+                                            justify: "space-between",
+                                            align: "middle"
+                                          }, {
+                                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_color_picker, {
+                                                modelValue: item.color,
+                                                "onUpdate:modelValue": $event => ((item.color) = $event),
+                                                onChange: _cache[62] || (_cache[62] = $event => (paramsChanged('renderList')))
+                                              }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"])
+                                            ]),
+                                            _: 2 /* DYNAMIC */
+                                          }, 1024 /* DYNAMIC_SLOTS */),
+                                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                                            span: 3,
+                                            style: {"display":"flex","align-items":"center","justify-content":"center"}
+                                          }, {
+                                            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+                                                color: "#F56C6C",
+                                                size: "18",
+                                                class: "kq-row-icon",
+                                                onClick: $event => (handleDelete(index)),
+                                                title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).deleteRow
+                                              }, {
+                                                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
+                                                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.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 */
+                        })
+                      ], 64 /* STABLE_FRAGMENT */))
                     : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true)
                 ]),
                 _: 1 /* STABLE */