@kq_npm/client3d_webgl_vue 0.0.1-beta

package/particleeffect/index.js

@@ -0,0 +1,1079 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "ParticleEffectViewModel": function() { return /* reexport */ ParticleEffectViewModel; },
+  "default": function() { return /* reexport */ ParticleEffect; }
+});
+
+;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-icons"
+var vue_iclient_icons_namespaceObject = require("@zpc_npm/vue-iclient-icons");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/const-image"
+var const_image_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/const-image");
+;// CONCATENATED MODULE: ./src/webgl/particleeffect/ParticleEffectViewModel.js
+
+
+let _gravityScratch = null;
+let _gravity = 1.0; //粒子特效逻辑类
+
+class ParticleEffectViewModel {
+  //粒子特效集合
+  constructor(scenceView) {
+    _defineProperty(this, "_scene", null);
+
+    _defineProperty(this, "_particleSystemList", []);
+
+    _defineProperty(this, "_drawManager", null);
+
+    _defineProperty(this, "_removeEventListener", null);
+
+    _defineProperty(this, "_options", null);
+
+    _defineProperty(this, "_fireImage", const_image_namespaceObject.FIRE_URL);
+
+    _defineProperty(this, "_smokeImage", const_image_namespaceObject.SMOKE_URL);
+
+    scenceView._viewer.clock.shouldAnimate = true;
+    scenceView._viewer.scene.globe.depthTestAgainstTerrain = true;
+    this._scene = scenceView._viewer.scene;
+    this._drawManager = scenceView._drawManager;
+    _gravityScratch = new Cesium.Cartesian3();
+    var that = this;
+    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._options.mode === "flame") {
+            let fireParticle = new Cesium.ParticleSystem({
+              emissionRate: that._options.particleNum,
+              imageSize: new Cesium.Cartesian2(that._options.particleSize, 2 * that._options.particleSize),
+              minimumParticleLife: that._options.minLifeCycle,
+              maximumParticleLife: that._options.maxLifeCycle,
+              minimumSpeed: that._options.minSpeed,
+              maximumSpeed: that._options.maxSpeed,
+              startScale: that._options.startScale,
+              endScale: that._options.endScale,
+              modelMatrix: matrix,
+              image: that._fireImage,
+              startColor: new Cesium.Color.fromCssColorString("#ffffff"),
+              endColor: new Cesium.Color.fromCssColorString("#ffa000"),
+              emitter: new Cesium.ConeEmitter(Cesium.Math.toRadians(35.0)),
+              mass: 10,
+              sizeInMeters: true,
+              updateCallback: that.applyGravity
+            });
+
+            that._scene.primitives.add(fireParticle);
+
+            that._particleSystemList.push(fireParticle);
+          } else if (that._options.mode === "smoke") {
+            let smokeParticle = new Cesium.ParticleSystem({
+              emissionRate: that._options.particleNum,
+              imageSize: new Cesium.Cartesian2(that._options.particleSize, that._options.particleSize),
+              minimumParticleLife: that._options.minLifeCycle,
+              maximumParticleLife: that._options.maxLifeCycle,
+              minimumSpeed: that._options.minSpeed,
+              maximumSpeed: that._options.maxSpeed,
+              startScale: that._options.startScale,
+              endScale: that._options.endScale,
+              modelMatrix: matrix,
+              image: that._smokeImage,
+              startColor: new Cesium.Color.fromCssColorString("#a2a2a2"),
+              endColor: new Cesium.Color.fromCssColorString("#5c5c5c"),
+              emitter: new Cesium.ConeEmitter(70),
+              sizeInMeters: true,
+              bursts: [// 随着时间改变产生越来越多的粒子
+              new Cesium.ParticleBurst({
+                time: 5.0,
+                minimum: 1,
+                maximum: 5
+              }), new Cesium.ParticleBurst({
+                time: 10.0,
+                minimum: 10,
+                maximum: 10
+              }), new Cesium.ParticleBurst({
+                time: 15.0,
+                minimum: 20,
+                maximum: 20
+              })],
+              updateCallback: that.applyGravity
+            });
+
+            that._scene.primitives.add(smokeParticle);
+
+            that._particleSystemList.push(smokeParticle);
+          }
+        }
+      }
+    });
+  }
+
+  applyGravity(particle, dt) {
+    _gravityScratch = Cesium.Cartesian3.normalize(particle.position, _gravityScratch);
+    Cesium.Cartesian3.multiplyByScalar(_gravityScratch, _gravity * dt, _gravityScratch);
+    particle.velocity = Cesium.Cartesian3.add(particle.velocity, _gravityScratch, particle.velocity);
+  } //添加粒子特效
+
+
+  addParticleEffect(options) {
+    let mode = options.mode;
+
+    if (mode !== "flame" && mode !== "smoke") {
+      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();
+
+    for (let i = 0; i < this._particleSystemList.length; i++) {
+      this._scene.primitives.remove(this._particleSystemList[i]);
+    }
+
+    this._particleSystemList = [];
+  } //销毁
+
+
+  destroy() {
+    this.clear(); //移除监听事件
+
+    this._removeEventListener && this._removeEventListener();
+    this._removeEventListener = null;
+  } //设置粒子数量
+
+
+  setParticleNumber(number) {
+    this._particleSystemList.forEach(particle => {
+      particle.emissionRate = number;
+    });
+  } //设置粒子大小
+
+
+  setParticleSize(size) {
+    let mode = this._options.mode;
+
+    this._particleSystemList.forEach(particle => {
+      if (mode === "flame") {
+        particle.minimumImageSize = new Cesium.Cartesian2(size, 2 * size);
+        particle.maximumImageSize = new Cesium.Cartesian2(size, 2 * size);
+      } else {
+        particle.minimumImageSize = new Cesium.Cartesian2(size, size);
+        particle.maximumImageSize = new Cesium.Cartesian2(size, size);
+      }
+    });
+  } //设置最小生命周期
+
+
+  setMinLifeCycle(minLifeCycle) {
+    this._particleSystemList.forEach(particle => {
+      particle.minimumParticleLife = minLifeCycle;
+    });
+  } //设置最大生命周期
+
+
+  setmaxLifeCycle(maxLifeCycle) {
+    this._particleSystemList.forEach(particle => {
+      particle.maximumParticleLife = maxLifeCycle;
+    });
+  } //设置最小速度
+
+
+  setMinSpeed(minSpeed) {
+    this._particleSystemList.forEach(particle => {
+      particle.minimumSpeed = minSpeed;
+    });
+  } //设置最大速度
+
+
+  setMaxSpeed(maxSpeed) {
+    this._particleSystemList.forEach(particle => {
+      particle.maximumSpeed = maxSpeed;
+    });
+  } //设置初始比例
+
+
+  setStartScale(startScale) {
+    this._particleSystemList.forEach(particle => {
+      particle.startScale = startScale;
+    });
+  } //设置结束比例
+
+
+  setEndScale(endScale) {
+    this._particleSystemList.forEach(particle => {
+      particle.endScale = endScale;
+    });
+  } //设置重力
+
+
+  setGravity(gravity) {
+    _gravity = gravity;
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/particleeffect/ParticleEffect.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-particle-effect"
+};
+const _hoisted_2 = {
+  class: "kq3d-particle-effect-footer"
+};
+
+
+
+
+const __default__ = {
+  name: "Kq3dParticleEffect"
+};
+/* harmony default export */ var ParticleEffectvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)();
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 获取组件传参
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      mode: props.settingParams && props.settingParams.mode || "flame",
+      particleNum: props.settingParams && props.settingParams.particleNum || 40,
+      particleSize: props.settingParams && props.settingParams.particleSize || 2.5,
+      minLifeCycle: props.settingParams && props.settingParams.minLifeCycle || 0.5,
+      maxLifeCycle: props.settingParams && props.settingParams.maxLifeCycle || 0.5,
+      minSpeed: props.settingParams && props.settingParams.minSpeed || 15.0,
+      maxSpeed: props.settingParams && props.settingParams.maxSpeed || 15.0,
+      startScale: props.settingParams && props.settingParams.startScale || 1.0,
+      endScale: props.settingParams && props.settingParams.endScale || 1.0,
+      gravity: props.settingParams && props.settingParams.gravity || 0.0
+    });
+    let viewModel = null;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      currentLang.value = proxy.$i18n.locale; // 获取当前语言
+
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          viewModel = new ParticleEffectViewModel(scenceView);
+        }
+      });
+    });
+
+    function changeMode(mode) {
+      if (formItem.mode !== mode) {
+        this.clear();
+        formItem.mode = mode;
+
+        if (mode === "flame") {
+          formItem.particleNum = 40;
+          formItem.particleSize = 2.5;
+          formItem.minLifeCycle = 0.5;
+          formItem.maxLifeCycle = 0.5;
+          formItem.minSpeed = 15.0;
+          formItem.maxSpeed = 15.0;
+          formItem.startScale = 1.0;
+          formItem.endScale = 1.0;
+          formItem.gravity = 0.0;
+        } else if (mode === "smoke") {
+          formItem.particleNum = 50;
+          formItem.particleSize = 2;
+          formItem.minLifeCycle = 3.5;
+          formItem.maxLifeCycle = 3.0;
+          formItem.minSpeed = 7.0;
+          formItem.maxSpeed = 9.0;
+          formItem.startScale = 2.0;
+          formItem.endScale = 9.0;
+          formItem.gravity = 5.0;
+        }
+      }
+    }
+
+    function paramsChanged(key) {
+      switch (key) {
+        case "particleNum":
+          viewModel.setParticleNumber(formItem.particleNum);
+          break;
+
+        case "particleSize":
+          viewModel.setParticleSize(formItem.particleSize);
+          break;
+
+        case "minLifeCycle":
+          viewModel.setMinLifeCycle(formItem.minLifeCycle);
+          break;
+
+        case "maxLifeCycle":
+          viewModel.setmaxLifeCycle(formItem.maxLifeCycle);
+          break;
+
+        case "minSpeed":
+          viewModel.setMinSpeed(formItem.minSpeed);
+          break;
+
+        case "maxSpeed":
+          viewModel.setMaxSpeed(formItem.maxSpeed);
+          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.addParticleEffect(formItem);
+    }
+
+    function clear() {
+      viewModel && viewModel.clear();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      clear
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-input-number");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form-item");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        gutter: 20
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+          icon: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(vue_iclient_icons_namespaceObject.IconFlame),
+          class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(['kq3d-particle-effect-btn', (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 'flame' ? 'kq3d-particle-effect-btn_active' : '']),
+          onClick: _cache[0] || (_cache[0] = $event => changeMode('flame')),
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).flame
+        }, null, 8
+        /* PROPS */
+        , ["icon", "class", "title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+          icon: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(vue_iclient_icons_namespaceObject.IconSmoke),
+          class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(['kq3d-particle-effect-btn', (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 'smoke' ? 'kq3d-particle-effect-btn_active' : '']),
+          onClick: _cache[1] || (_cache[1] = $event => changeMode('smoke')),
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).smoke
+        }, null, 8
+        /* PROPS */
+        , ["icon", "class", "title"])]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        class: "kq3d-particle-effect-tip"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("p", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).particleTips), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse, {
+        "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(collapseValue),
+        class: "kq3d-particle-effect-collapse"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+            "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentLang) === 'zh' ? '110px' : '160px',
+            "label-position": "left"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).particleNum
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleNum,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleNum = $event),
+                      step: 10,
+                      min: 0,
+                      max: 1000,
+                      onInput: _cache[3] || (_cache[3] = $event => paramsChanged('particleNum'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleNum,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleNum = $event),
+                      step: 10,
+                      min: 0,
+                      max: 1000,
+                      onInput: _cache[5] || (_cache[5] = $event => paramsChanged('particleNum')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).particleSize
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleSize,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleSize = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 5,
+                      onInput: _cache[7] || (_cache[7] = $event => paramsChanged('particleSize'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleSize,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).particleSize = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 5,
+                      onInput: _cache[9] || (_cache[9] = $event => paramsChanged('particleSize')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).minLifeCycle
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minLifeCycle,
+                      "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minLifeCycle = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 5,
+                      onInput: _cache[11] || (_cache[11] = $event => paramsChanged('minLifeCycle'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minLifeCycle,
+                      "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minLifeCycle = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 5,
+                      onInput: _cache[13] || (_cache[13] = $event => paramsChanged('minLifeCycle')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).maxLifeCycle
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxLifeCycle,
+                      "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxLifeCycle = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 5,
+                      onInput: _cache[15] || (_cache[15] = $event => paramsChanged('maxLifeCycle'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxLifeCycle,
+                      "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxLifeCycle = $event),
+                      step: 0.1,
+                      min: 0.1,
+                      max: 5,
+                      onInput: _cache[17] || (_cache[17] = $event => paramsChanged('maxLifeCycle')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).minSpeed
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSpeed,
+                      "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSpeed = $event),
+                      step: 1,
+                      min: 1,
+                      max: 50,
+                      onInput: _cache[19] || (_cache[19] = $event => paramsChanged('minSpeed'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSpeed,
+                      "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).minSpeed = $event),
+                      step: 1,
+                      min: 1,
+                      max: 50,
+                      onInput: _cache[21] || (_cache[21] = $event => paramsChanged('minSpeed')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).maxSpeed
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSpeed,
+                      "onUpdate:modelValue": _cache[22] || (_cache[22] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSpeed = $event),
+                      step: 1,
+                      min: 1,
+                      max: 50,
+                      onInput: _cache[23] || (_cache[23] = $event => paramsChanged('maxSpeed'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSpeed,
+                      "onUpdate:modelValue": _cache[24] || (_cache[24] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).maxSpeed = $event),
+                      step: 1,
+                      min: 1,
+                      max: 50,
+                      onInput: _cache[25] || (_cache[25] = $event => paramsChanged('maxSpeed')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).startScale
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).startScale,
+                      "onUpdate:modelValue": _cache[26] || (_cache[26] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).startScale = $event),
+                      min: 0.1,
+                      max: 10.0,
+                      step: 0.1,
+                      onInput: _cache[27] || (_cache[27] = $event => paramsChanged('startScale'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).startScale,
+                      "onUpdate:modelValue": _cache[28] || (_cache[28] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).startScale = $event),
+                      min: 0.1,
+                      max: 10.0,
+                      step: 0.1,
+                      onInput: _cache[29] || (_cache[29] = $event => paramsChanged('startScale')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).endScale
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).endScale,
+                      "onUpdate:modelValue": _cache[30] || (_cache[30] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).endScale = $event),
+                      min: 0.1,
+                      max: 10.0,
+                      step: 0.1,
+                      onInput: _cache[31] || (_cache[31] = $event => paramsChanged('endScale'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).endScale,
+                      "onUpdate:modelValue": _cache[32] || (_cache[32] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).endScale = $event),
+                      min: 0.1,
+                      max: 10.0,
+                      step: 0.1,
+                      onInput: _cache[33] || (_cache[33] = $event => paramsChanged('endScale')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "max", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).gravity
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+                  style: {
+                    "display": "flex"
+                  }
+                }, {
+                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 16
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).gravity,
+                      "onUpdate:modelValue": _cache[34] || (_cache[34] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).gravity = $event),
+                      step: 0.1,
+                      min: 0.0,
+                      max: 10,
+                      onInput: _cache[35] || (_cache[35] = $event => paramsChanged('gravity'))
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step", "min"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).gravity,
+                      "onUpdate:modelValue": _cache[36] || (_cache[36] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).gravity = $event),
+                      min: 0.0,
+                      max: 10,
+                      step: 0.1,
+                      onInput: _cache[37] || (_cache[37] = $event => paramsChanged('gravity')),
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "min", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 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_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[38] || (_cache[38] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => add(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).add,
+        type: "primary"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).add), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+        onClick: _cache[39] || (_cache[39] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clear(), ["stop"])),
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clear), 1
+        /* TEXT */
+        )]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title"])])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/particleeffect/ParticleEffect.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/particleeffect/ParticleEffect.vue
+
+
+
+const __exports__ = ParticleEffectvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ParticleEffect = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/particleeffect/index.js
+
+
+
+
+ParticleEffect.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ParticleEffect.name, ParticleEffect);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;