@kq_npm/client3d_webgl_vue 4.5.29-beta → 4.5.31

package/particleeffect/index.js

@@ -2,11 +2,11 @@
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/const-image", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/const-image"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/const-image", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/const-image"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/const-image"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__6277__, __WEBPACK_EXTERNAL_MODULE__3458__, __WEBPACK_EXTERNAL_MODULE__7997__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
@@ -19,27 +19,6 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 2118:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/es.array.push.js");
-
-/***/ }),
-
-/***/ 8470:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.constructor.js");
-
-/***/ }),
-
-/***/ 1058:
-/***/ (function(module) {
-
-module.exports = require("core-js/modules/esnext.iterator.for-each.js");
-
-/***/ }),
-
 /***/ 7080:
 /***/ (function(module) {
 
@@ -82,59 +61,27 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
 
 /***/ }),
 
-/***/ 5301:
+/***/ 8270:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": function() { return /* binding */ _defineProperty; }
-});
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+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 ("string" === r ? String : Number)(t);
-}
 
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return obj;
 }
 
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-
-
 /***/ })
 
 /******/ 	});
@@ -223,60 +170,61 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 var gis_utils_ = __webpack_require__(7135);
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
 var client_icons_vue_ = __webpack_require__(348);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
-var defineProperty = __webpack_require__(5301);
-// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
-var es_array_push_js_ = __webpack_require__(2118);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
-var esnext_iterator_constructor_js_ = __webpack_require__(8470);
-// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.for-each.js"
-var esnext_iterator_for_each_js_ = __webpack_require__(1058);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/const-image"
 var const_image_ = __webpack_require__(6277);
 ;// CONCATENATED MODULE: ./src/webgl/particleeffect/ParticleEffectViewModel.js
 
 
-
-
 /*
  * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
  * All rights reserved.
  */
 
 let _gravityScratch = null;
-let _gravity = 1.0;
-//粒子特效逻辑类
+let _gravity = 1.0; //粒子特效逻辑类
+
 class ParticleEffectViewModel {
+  //三维球场景视图对象
+  //粒子特效集合
+  //绘制管理对象
+  //绘制完成监听事件
+  //粒子特效存储参数对象
+  //火焰图片url地址
   //烟雾图片url地址
-
   constructor(scenceView) {
     (0,defineProperty/* default */.Z)(this, "_scene", null);
-    //三维球场景视图对象
+
     (0,defineProperty/* default */.Z)(this, "_particleSystemList", []);
-    //粒子特效集合
+
     (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, "_fireImage", const_image_.FIRE_URL);
-    //火焰图片url地址
+
     (0,defineProperty/* default */.Z)(this, "_smokeImage", const_image_.SMOKE_URL);
+
     scenceView._viewer.clock.shouldAnimate = true;
     scenceView._viewer.scene.globe.depthTestAgainstTerrain = true;
     this._scene = scenceView._viewer.scene;
-    this._drawManager = scenceView._drawManager;
-    // 启动连续绘制
+    this._drawManager = scenceView._drawManager; // 启动连续绘制
+
     this._drawManager.enableMultiDraw(true);
+
     _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,
@@ -296,7 +244,9 @@ class ParticleEffectViewModel {
               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({
@@ -314,8 +264,7 @@ class ParticleEffectViewModel {
               endColor: new Cesium.Color.fromCssColorString("#5c5c5c"),
               emitter: new Cesium.ConeEmitter(70),
               sizeInMeters: true,
-              bursts: [
-              // 随着时间改变产生越来越多的粒子
+              bursts: [// 随着时间改变产生越来越多的粒子
               new Cesium.ParticleBurst({
                 time: 5.0,
                 minimum: 1,
@@ -331,61 +280,74 @@ class ParticleEffectViewModel {
               })],
               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();
+
     this._drawManager.clear();
+
     for (let i = 0; i < this._particleSystemList.length; i++) {
       this._scene.primitives.remove(this._particleSystemList[i]);
     }
+
     this._particleSystemList = [];
-  }
+  } //销毁
+
 
-  //销毁
   destroy() {
     this.clear();
-    this._drawManager.enableMultiDraw(false);
-    //移除监听事件
+
+    this._drawManager.enableMultiDraw(false); //移除监听事件
+
+
     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);
@@ -395,53 +357,61 @@ class ParticleEffectViewModel {
         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;
   }
+
 }
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
 var util_ = __webpack_require__(3458);
 // EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
 var vue_i18n_cjs_js_ = __webpack_require__(7080);
-;// 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
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/particleeffect/ParticleEffect.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
   class: "kq3d-particle-effect-box"
@@ -469,6 +439,7 @@ const __default__ = {
       type: Boolean,
       default: true
     },
+
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -498,6 +469,7 @@ const __default__ = {
       default: true
     }
   },
+
   setup(__props, {
     expose: __expose
   }) {
@@ -506,9 +478,7 @@ 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"),
@@ -524,16 +494,13 @@ const __default__ = {
       endScale: props.settingParams && props.settingParams.endScale || 1.0,
       gravity: props.settingParams && props.settingParams.gravity || 0.0
     });
-    let viewModel = null;
+    let viewModel = null; // 组件容器Ref
 
-    // 组件容器Ref
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
 
-    // 生成组件默认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
@@ -556,26 +523,29 @@ const __default__ = {
         });
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
+
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           viewModel = new ParticleEffectViewModel(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 === "flame") {
           formItem.particleNum = 40;
           formItem.particleSize = 2.5;
@@ -599,66 +569,89 @@ const __default__ = {
         }
       }
     }
+
     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_.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-particle-effect", {
           'kq-box-shadow': __props.showShadow
@@ -669,7 +662,9 @@ 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"
       }, {
@@ -678,18 +673,28 @@ const __default__ = {
           class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(['kq3d-particle-effect-btn', (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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_.unref)(language).flame
-        }, 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_.IconSmoke),
           class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(['kq3d-particle-effect-btn', (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.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_.unref)(language).smoke
-        }, 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-particle-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-particle-effect-collapse"
@@ -721,8 +726,12 @@ const __default__ = {
                       min: 0,
                       max: 1000,
                       onChange: _cache[3] || (_cache[3] = $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
                   }, {
@@ -734,14 +743,26 @@ const __default__ = {
                       max: 1000,
                       onChange: _cache[5] || (_cache[5] = $event => paramsChanged('particleNum')),
                       "controls-position": "right"
-                    }, 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, 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).particleSize
@@ -761,8 +782,12 @@ const __default__ = {
                       min: 0.1,
                       max: 5,
                       onChange: _cache[7] || (_cache[7] = $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
                   }, {
@@ -774,14 +799,26 @@ const __default__ = {
                       max: 5,
                       onChange: _cache[9] || (_cache[9] = $event => paramsChanged('particleSize')),
                       "controls-position": "right"
-                    }, 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_.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).minLifeCycle
@@ -801,8 +838,12 @@ const __default__ = {
                       min: 0.1,
                       max: 5,
                       onChange: _cache[11] || (_cache[11] = $event => paramsChanged('minLifeCycle'))
-                    }, 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
                   }, {
@@ -814,14 +855,26 @@ const __default__ = {
                       max: 5,
                       onChange: _cache[13] || (_cache[13] = $event => paramsChanged('minLifeCycle')),
                       "controls-position": "right"
-                    }, 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_.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).maxLifeCycle
@@ -841,8 +894,12 @@ const __default__ = {
                       min: 0.1,
                       max: 5,
                       onChange: _cache[15] || (_cache[15] = $event => paramsChanged('maxLifeCycle'))
-                    }, 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
                   }, {
@@ -854,14 +911,26 @@ const __default__ = {
                       max: 5,
                       onChange: _cache[17] || (_cache[17] = $event => paramsChanged('maxLifeCycle')),
                       "controls-position": "right"
-                    }, 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_.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).minSpeed
@@ -881,8 +950,12 @@ const __default__ = {
                       min: 1,
                       max: 50,
                       onChange: _cache[19] || (_cache[19] = $event => paramsChanged('minSpeed'))
-                    }, 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
                   }, {
@@ -894,14 +967,26 @@ const __default__ = {
                       max: 50,
                       onChange: _cache[21] || (_cache[21] = $event => paramsChanged('minSpeed')),
                       "controls-position": "right"
-                    }, 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, 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).maxSpeed
@@ -921,8 +1006,12 @@ const __default__ = {
                       min: 1,
                       max: 50,
                       onChange: _cache[23] || (_cache[23] = $event => paramsChanged('maxSpeed'))
-                    }, 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
                   }, {
@@ -934,14 +1023,26 @@ const __default__ = {
                       max: 50,
                       onChange: _cache[25] || (_cache[25] = $event => paramsChanged('maxSpeed')),
                       "controls-position": "right"
-                    }, 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, 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).startScale
@@ -961,8 +1062,12 @@ const __default__ = {
                       max: 10.0,
                       step: 0.1,
                       onChange: _cache[27] || (_cache[27] = $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
                   }, {
@@ -974,14 +1079,26 @@ const __default__ = {
                       step: 0.1,
                       onChange: _cache[29] || (_cache[29] = $event => paramsChanged('startScale')),
                       "controls-position": "right"
-                    }, 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, 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).endScale
@@ -1001,8 +1118,12 @@ const __default__ = {
                       max: 10.0,
                       step: 0.1,
                       onChange: _cache[31] || (_cache[31] = $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
                   }, {
@@ -1014,14 +1135,26 @@ const __default__ = {
                       step: 0.1,
                       onChange: _cache[33] || (_cache[33] = $event => paramsChanged('endScale')),
                       "controls-position": "right"
-                    }, 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, 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).gravity
@@ -1041,8 +1174,12 @@ const __default__ = {
                       min: 0.0,
                       max: 10,
                       onChange: _cache[35] || (_cache[35] = $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
                   }, {
@@ -1054,36 +1191,75 @@ const __default__ = {
                       step: 0.1,
                       onChange: _cache[37] || (_cache[37] = $event => paramsChanged('gravity')),
                       "controls-position": "right"
-                    }, 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[38] || (_cache[38] = (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[39] || (_cache[39] = (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/particleeffect/ParticleEffect.vue?vue&type=script&setup=true&lang=js
  
@@ -1105,11 +1281,13 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
+
 ParticleEffect.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(ParticleEffect.name, ParticleEffect);
 };
 
+
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()