@kq_npm/client3d_webgl_vue 4.5.31 → 4.5.32

package/weathereffect/index.js

@@ -78,7 +78,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -176,7 +175,6 @@ var defineProperty = __webpack_require__(8270);
 var const_image_ = __webpack_require__(6277);
 ;// CONCATENATED MODULE: ./src/webgl/weathereffect/WeatherEffectViewModel.js
 
-
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
@@ -184,33 +182,25 @@ var const_image_ = __webpack_require__(6277);
 
 let _gravityScratch = null;
 let _gravityStart = 0.0;
-
-let _gravityEnd = -1.0; //天气特效逻辑类
-
-
+let _gravityEnd = -1.0;
+//天气特效逻辑类
 class WeatherEffectViewModel {
-  //三维球场景视图对象
-  //粒子系统三维对象
-  //绘制管理对象
-  //绘制完成监听事件
-  //天气特效存储参数对象
-  //雨图片url地址
   //雪图片url地址
+
   constructor(scenceView) {
     (0,defineProperty/* default */.Z)(this, "_scene", null);
-
+    //三维球场景视图对象
     (0,defineProperty/* default */.Z)(this, "_particleSystem", null);
-
+    //粒子系统三维对象
     (0,defineProperty/* default */.Z)(this, "_drawManager", null);
-
+    //绘制管理对象
     (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
-
+    //绘制完成监听事件
     (0,defineProperty/* default */.Z)(this, "_options", null);
-
+    //天气特效存储参数对象
     (0,defineProperty/* default */.Z)(this, "_rainImage", const_image_.RAIN_URL);
-
+    //雨图片url地址
     (0,defineProperty/* default */.Z)(this, "_snowImage", const_image_.SNOW_URL);
-
     scenceView._viewer.clock.shouldAnimate = true;
     scenceView._viewer.clock.multiplier = 0.6;
     scenceView._viewer.scene.globe.depthTestAgainstTerrain = true;
@@ -221,12 +211,9 @@ class WeatherEffectViewModel {
     that._removeEventListener = that._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape && shape.type === "marker") {
         that._drawManager.clear();
-
         let position = shape.position;
-
         if (position) {
           let matrix = new Cesium.Matrix4.fromTranslation(position);
-
           if (!that._particleSystem) {
             that._particleSystem = new Cesium.ParticleSystem({
               modelMatrix: matrix,
@@ -243,7 +230,6 @@ class WeatherEffectViewModel {
               show: true,
               updateCallback: that.applyGravity
             });
-
             that._scene.primitives.add(that._particleSystem);
           } else {
             that._particleSystem.modelMatrix = matrix;
@@ -252,92 +238,80 @@ class WeatherEffectViewModel {
       }
     });
   }
-
   applyGravity(particle, dt) {
     _gravityScratch = Cesium.Cartesian3.normalize(particle.position, _gravityScratch);
     Cesium.Cartesian3.multiplyByScalar(_gravityScratch, Cesium.Math.randomBetween(_gravityStart, _gravityEnd), _gravityScratch);
     particle.velocity = Cesium.Cartesian3.add(particle.velocity, _gravityScratch, particle.velocity);
-  } //添加天气特效
-
+  }
 
+  //添加天气特效
   addWeatherEffect(options) {
     let mode = options.mode;
-
     if (mode !== "rain" && mode !== "snow") {
       console.log("This mode is not supported.");
       return;
     }
-
     if (options.gravity) this.setGravity(options.gravity);
     this._options = options;
-
     this._drawManager.startDraw("marker", {
       image: null
     });
-  } //清除天气特效
-
+  }
 
+  //清除天气特效
   clear() {
     this._drawManager.stopDraw();
-
     this._drawManager.clear();
-
     this._particleSystem && this._scene.primitives.remove(this._particleSystem);
     this._particleSystem = null;
-  } //销毁
-
+  }
 
+  //销毁
   destroy() {
-    this.clear(); //移除监听事件
-
+    this.clear();
+    //移除监听事件
     this._removeEventListener && this._removeEventListener();
     this._removeEventListener = null;
-  } //设置范围半径
-
+  }
 
+  //设置范围半径
   setRangeRadius(radius) {
     if (this._particleSystem) {
       this._particleSystem.emitter = new Cesium.BoxEmitter(new Cesium.Cartesian3(radius, radius, radius));
     }
-  } //设置粒子数量
-
-
+  }
+  //设置粒子数量
   setParticleNumber(number) {
     if (this._particleSystem) {
       this._particleSystem.emissionRate = number;
     }
-  } //设置粒子大小
-
-
+  }
+  //设置粒子大小
   setParticleSize(size) {
     if (this._particleSystem) {
       this._particleSystem.minimumImageSize = new Cesium.Cartesian2(size, size);
       this._particleSystem.maximumImageSize = new Cesium.Cartesian2(size, size);
     }
-  } //设置生命周期
-
-
+  }
+  //设置生命周期
   setLifeCycle(lifeCycle) {
     if (this._particleSystem) {
       this._particleSystem.lifetime = lifeCycle;
     }
-  } //设置初始比例
-
-
+  }
+  //设置初始比例
   setStartScale(startScale) {
     if (this._particleSystem) {
       this._particleSystem.startScale = startScale;
     }
-  } //设置结束比例
-
-
+  }
+  //设置结束比例
   setEndScale(endScale) {
     if (this._particleSystem) {
       this._particleSystem.endScale = endScale;
     }
-  } //设置重力
-
-
+  }
+  //设置重力
   setGravity(gravity) {
     if (gravity <= 1) {
       _gravityStart = 0.0;
@@ -347,7 +321,6 @@ class WeatherEffectViewModel {
       _gravityEnd = 0 - gravity;
     }
   }
-
 }
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(3458);
@@ -381,7 +354,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -411,7 +383,6 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
     expose: __expose
   }) {
@@ -420,7 +391,9 @@ const __default__ = {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
     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 language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
+
+    // 获取组件传参
 
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       collapseValue: props.settingParams && props.settingParams.collapseValue || ((props.settingParams && props.settingParams.collapseValue) == '' ? "" : "setting"),
@@ -434,13 +407,16 @@ const __default__ = {
       endScale: props.settingParams && props.settingParams.endScale || 1.3,
       gravity: props.settingParams && props.settingParams.gravity || 1
     });
-    let viewModel = null; // 组件容器Ref
+    let viewModel = null;
 
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
+    // 组件容器Ref
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
 
+    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
 
+    // 国际化
     let {
       locale,
       messages
@@ -463,30 +439,28 @@ const __default__ = {
         });
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
-
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           viewModel = new WeatherEffectViewModel(scenceView);
         }
       });
     });
+
     /**
      * @description 监听header生成
      */
-
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
         headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
       }
-    }; //切换雨雪天气特效
-
+    };
 
+    //切换雨雪天气特效
     function changeMode(mode) {
       if (formItem.mode !== mode) {
         viewModel && viewModel.clear();
         formItem.mode = mode;
-
         if (mode === "rain") {
           formItem.particleSize = 2.0;
           formItem.startScale = 1.1;
@@ -498,81 +472,60 @@ const __default__ = {
         }
       }
     }
-
     function paramsChanged(key) {
       switch (key) {
         case "rangeRadius":
           viewModel.setRangeRadius(formItem.rangeRadius);
           break;
-
         case "particleNum":
           viewModel.setParticleNumber(formItem.particleNum);
           break;
-
         case "particleSize":
           viewModel.setParticleSize(formItem.particleSize);
           break;
-
         case "lifeCycle":
           viewModel.setLifeCycle(formItem.lifeCycle);
           break;
-
         case "startScale":
           viewModel.setStartScale(formItem.startScale);
           break;
-
         case "endScale":
           viewModel.setEndScale(formItem.endScale);
           break;
-
         case "gravity":
           viewModel.setGravity(formItem.gravity);
           break;
-
         default:
           break;
       }
     }
-
     function add() {
       viewModel && viewModel.addWeatherEffect(formItem);
     }
-
     function clear() {
       viewModel && viewModel.clear();
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-
     __expose({
       changeMode,
       paramsChanged,
       add,
       clear
     });
-
     return (_ctx, _cache) => {
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
-
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
-
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
-
       const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
-
       const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
-
       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");
-
       return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
         class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-weather-effect", {
           'kq-box-shadow': __props.showShadow
@@ -583,9 +536,7 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512
-      /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         gutter: 20,
         class: "rowclass"
       }, {
@@ -594,28 +545,18 @@ const __default__ = {
           class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(['kq3d-weather-effect-btn', (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 'rain' ? 'kq3d-weather-effect-btn_active' : '']),
           onClick: _cache[0] || (_cache[0] = $event => changeMode('rain')),
           title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).rain
-        }, null, 8
-        /* PROPS */
-        , ["icon", "class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        }, null, 8 /* PROPS */, ["icon", "class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
           icon: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconSnow),
           class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(['kq3d-weather-effect-btn', (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 'snow' ? 'kq3d-weather-effect-btn_active' : '']),
           onClick: _cache[1] || (_cache[1] = $event => changeMode('snow')),
           title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).snow
-        }, null, 8
-        /* PROPS */
-        , ["icon", "class", "title"])]),
-        _: 1
-        /* STABLE */
-
+        }, null, 8 /* PROPS */, ["icon", "class", "title"])]),
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "kq3d-weather-effect-tip"
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).particleTips), 1
-        /* TEXT */
-        )]),
-        _: 1
-        /* STABLE */
-
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).particleTips), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_collapse, {
         "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).collapseValue,
         class: "kq3d-weather-effect-collapse"
@@ -649,12 +590,8 @@ const __default__ = {
                       min: 10,
                       max: 1000,
                       onChange: _cache[3] || (_cache[3] = $event => paramsChanged('rangeRadius'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -666,26 +603,14 @@ const __default__ = {
                       max: 1000,
                       "controls-position": "right",
                       onChange: _cache[5] || (_cache[5] = $event => paramsChanged('rangeRadius'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               class: "rowclass"
             }, {
@@ -707,12 +632,8 @@ const __default__ = {
                       min: 100,
                       max: 10000,
                       onChange: _cache[7] || (_cache[7] = $event => paramsChanged('particleNum'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -724,26 +645,14 @@ const __default__ = {
                       max: 10000,
                       "controls-position": "right",
                       onChange: _cache[9] || (_cache[9] = $event => paramsChanged('particleNum'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               class: "rowclass"
             }, {
@@ -765,12 +674,8 @@ const __default__ = {
                       min: 0.1,
                       max: 5,
                       onChange: _cache[11] || (_cache[11] = $event => paramsChanged('particleSize'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -782,26 +687,14 @@ const __default__ = {
                       max: 5,
                       "controls-position": "right",
                       onChange: _cache[13] || (_cache[13] = $event => paramsChanged('particleSize'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)(" <kq-row>\r\n              <kq-form-item :label=\"language.lifeCycle\">\r\n                <kq-row style=\"display: flex\">\r\n                  <kq-col :span=\"16\">\r\n                    <kq-slider v-model=\"formItem.lifeCycle\" :step=\"1\" :min=\"1\" :max=\"50\" @change=\"paramsChanged('lifeCycle')\"></kq-slider>\r\n                  </kq-col>\r\n                  <kq-col :span=\"8\">\r\n                    <kq-input-number\r\n                      v-model=\"formItem.lifeCycle\"\r\n                      :step=\"1\"\r\n                      :min=\"1\"\r\n                      :max=\"50\"\r\n                      controls-position=\"right\"\r\n                      @change=\"paramsChanged('lifeCycle')\">\r\n                    </kq-input-number>\r\n                  </kq-col>\r\n                </kq-row>\r\n              </kq-form-item>\r\n            </kq-row> "), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               class: "rowclass"
             }, {
@@ -823,12 +716,8 @@ const __default__ = {
                       max: 5.0,
                       step: 0.1,
                       onChange: _cache[15] || (_cache[15] = $event => paramsChanged('startScale'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -840,26 +729,14 @@ const __default__ = {
                       step: 0.1,
                       "controls-position": "right",
                       onChange: _cache[17] || (_cache[17] = $event => paramsChanged('startScale'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               class: "rowclass"
             }, {
@@ -881,12 +758,8 @@ const __default__ = {
                       max: 5.0,
                       step: 0.1,
                       onChange: _cache[19] || (_cache[19] = $event => paramsChanged('endScale'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -898,26 +771,14 @@ const __default__ = {
                       step: 0.1,
                       "controls-position": "right",
                       onChange: _cache[21] || (_cache[21] = $event => paramsChanged('endScale'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "max", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "max", "step"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
               class: "rowclass"
             }, {
@@ -939,12 +800,8 @@ const __default__ = {
                       min: 0.1,
                       max: 5,
                       onChange: _cache[23] || (_cache[23] = $event => paramsChanged('gravity'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "step", "min"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -956,75 +813,36 @@ const __default__ = {
                       step: 0.1,
                       "controls-position": "right",
                       onChange: _cache[25] || (_cache[25] = $event => paramsChanged('gravity'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue", "min", "step"])]),
+                    _: 1 /* STABLE */
                   })]),
-                  _: 1
-                  /* STABLE */
-
+                  _: 1 /* STABLE */
                 })]),
-                _: 1
-                /* STABLE */
-
-              }, 8
-              /* PROPS */
-              , ["label"])]),
-              _: 1
-              /* STABLE */
-
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["label"])]),
+              _: 1 /* STABLE */
             })]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["label-width"])]),
-          _: 1
-          /* STABLE */
-
-        }, 8
-        /* PROPS */
-        , ["title"])]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["model-value"]), (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_button, {
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["label-width"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["title"])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["model-value"]), (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_button, {
         onClick: _cache[26] || (_cache[26] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => add(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).add,
         type: "primary"
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).add), 1
-        /* TEXT */
-        )]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).add), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[27] || (_cache[27] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clear(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear
       }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear), 1
-        /* TEXT */
-        )]),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["title"])])])], 2
-      /* CLASS */
-      );
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clear), 1 /* TEXT */)]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/weathereffect/WeatherEffect.vue?vue&type=script&setup=true&lang=js
  
@@ -1046,13 +864,11 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
-
 WeatherEffect.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(WeatherEffect.name, WeatherEffect);
 };
 
-
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()