@kq_npm/client3d_webgl_vue 4.5.3-beta → 4.5.4-beta

package/boxclip/index.js

@@ -7,100 +7,155 @@
 		var a = typeof exports === 'object' ? factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/util")) : factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/util"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__1895__, __WEBPACK_EXTERNAL_MODULE__7135__, __WEBPACK_EXTERNAL_MODULE__7997__, __WEBPACK_EXTERNAL_MODULE__3458__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__455__, __WEBPACK_EXTERNAL_MODULE__2975__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 1349:
+/***/ 3275:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9389);
+/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6363);
 /* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7997);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(455);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
-
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
   _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
   Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
-
-/* harmony default export */ __webpack_exports__["Z"] = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
+/* harmony default export */ __webpack_exports__.A = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 
 /***/ }),
 
-/***/ 348:
+/***/ 5698:
 /***/ (function(module) {
 
 module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 9389:
+/***/ 2652:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/es.array.push.js");
+
+/***/ }),
+
+/***/ 3658:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/esnext.iterator.constructor.js");
+
+/***/ }),
+
+/***/ 7993:
+/***/ (function(module) {
+
+module.exports = require("core-js/modules/esnext.iterator.find.js");
+
+/***/ }),
+
+/***/ 6363:
 /***/ (function(module) {
 
 module.exports = require("element-plus/dist/index.full.js");
 
 /***/ }),
 
-/***/ 7080:
+/***/ 3579:
 /***/ (function(module) {
 
 module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
 
 /***/ }),
 
-/***/ 7135:
+/***/ 64:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7135__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__64__;
 
 /***/ }),
 
-/***/ 3458:
+/***/ 2975:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__3458__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__2975__;
 
 /***/ }),
 
-/***/ 7997:
+/***/ 455:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7997__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__455__;
 
 /***/ }),
 
-/***/ 1895:
+/***/ 154:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__1895__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__154__;
 
 /***/ }),
 
-/***/ 8270:
+/***/ 6913:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-/* 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;
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: 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.");
   }
+  return ("string" === r ? String : Number)(t);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
 
-  return obj;
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 
+;// 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;
+}
+
+
 /***/ })
 
 /******/ 	});
@@ -172,41 +227,49 @@ function _defineProperty(obj, key, value) {
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-!function() {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "BoxClipViewModel": function() { return /* reexport */ BoxClipViewModel; },
+  BoxClipViewModel: function() { return /* reexport */ BoxClipViewModel; },
   "default": function() { return /* reexport */ BoxClip; }
 });
 
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(1895);
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
-var gis_utils_ = __webpack_require__(7135);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-var defineProperty = __webpack_require__(8270);
+var gis_utils_ = __webpack_require__(64);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 3 modules
+var defineProperty = __webpack_require__(6913);
+// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
+var es_array_push_js_ = __webpack_require__(2652);
+// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
+var esnext_iterator_constructor_js_ = __webpack_require__(3658);
+// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.find.js"
+var esnext_iterator_find_js_ = __webpack_require__(7993);
 // EXTERNAL MODULE: ./src/common/_ui/message/index.js
-var message = __webpack_require__(1349);
+var message = __webpack_require__(3275);
 ;// CONCATENATED MODULE: ./src/webgl/boxclip/BoxClipViewModel.js
 
+
+
+
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 //Box裁剪逻辑类
 
 class BoxClipViewModel {
-  //三维viewer对象
-  //Box裁剪存储参数对象
-  //Box裁剪三维对象
-  //绘制管理对象
   //绘制完成监听事件
-  constructor(scenceView, options) {
-    (0,defineProperty/* default */.Z)(this, "_viewer", null);
-
-    (0,defineProperty/* default */.Z)(this, "_options", {});
 
-    (0,defineProperty/* default */.Z)(this, "_defaultOptions", {
+  constructor(scenceView, options) {
+    (0,defineProperty/* default */.A)(this, "_viewer", null);
+    //三维viewer对象
+    (0,defineProperty/* default */.A)(this, "_options", {});
+    //Box裁剪存储参数对象
+    (0,defineProperty/* default */.A)(this, "_defaultOptions", {
       //默认参数对象
       clipTyp: 1,
       boxColor: Cesium.Color.fromCssColorString("#316882").withAlpha(0.4),
@@ -226,35 +289,31 @@ class BoxClipViewModel {
       paddingStrokeDirection: 35.0,
       paddingStrokeSpace: 5.0
     });
-
-    (0,defineProperty/* default */.Z)(this, "_boxclipAnalysis", null);
-
-    (0,defineProperty/* default */.Z)(this, "_drawManager", null);
-
-    (0,defineProperty/* default */.Z)(this, "_removeEventListener", null);
-
+    (0,defineProperty/* default */.A)(this, "_boxclipAnalysis", null);
+    //Box裁剪三维对象
+    (0,defineProperty/* default */.A)(this, "_drawManager", null);
+    //绘制管理对象
+    (0,defineProperty/* default */.A)(this, "_removeEventListener", null);
     this._options = Object.assign({}, options, this._defaultOptions);
-    this._viewer = scenceView._viewer; // this._viewer.enabledFXAA = true;
-
+    this._viewer = scenceView._viewer;
+    // this._viewer.enabledFXAA = true;
     this._options.viewer = this._viewer;
     this._drawManager = scenceView._drawManager;
     let that = this;
     this._removeEventListener = this._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape) {
-        that._options.position = shape.position; // 实例化分析对象
-
+        that._options.position = shape.position;
+        // 实例化分析对象
         that._boxclipAnalysis = new Cesium.Kq3dBoxClip(that._options);
-
         that._drawManager.clear();
       }
     });
-  } // 查找所有3dtiles模型对象
-
+  }
 
+  // 查找所有3dtiles模型对象
   findLayers() {
     let tilesets = [];
     const primitives = this._options.viewer.scene.primitives._primitives;
-
     for (let m = 0; m < primitives.length; m++) {
       if (primitives[m] instanceof Cesium.Cesium3DTileset) {
         tilesets.push({
@@ -263,138 +322,125 @@ class BoxClipViewModel {
         });
       }
     }
-
     return tilesets;
-  } //根据id获取tileset对象
-
+  }
 
+  //根据id获取tileset对象
   findLayerById(id) {
     const primitives = this._options.viewer.scene.primitives._primitives;
     const tileset = primitives.find(function (item) {
       return item.guid === id;
     });
     return tileset;
-  } // 开始分析
-
+  }
 
+  // 开始分析
   start() {
     // 判断是否添加了模型
     var flag = false;
     var models = this._options.viewer.scene.primitives._primitives;
-
     for (let i = 0; i < models.length; i++) {
       if (models[i]._url) {
         flag = true;
       }
     }
-
     if (flag) {
       this.clear();
       if (this._drawManager) this._drawManager.startDraw("marker", {
         image: null
       });
     } else {
-      (0,message/* default */.Z)({
+      (0,message/* default */.A)({
         message: "请添加模型后裁剪!",
         type: "warning"
       });
     }
-  } //清除全部
-
+  }
 
+  //清除全部
   clear() {
     if (this._boxclipAnalysis) this._boxclipAnalysis.boxEnable = false;
-    this._boxclipAnalysis && this._boxclipAnalysis.remove(); // this._boxclipAnalysis = null;
-  } //销毁
-
+    this._boxclipAnalysis && this._boxclipAnalysis.remove();
+    // this._boxclipAnalysis = null;
+  }
 
+  //销毁
   destroy() {
-    this.clear(); //销毁分析对象
-
+    this.clear();
+    //销毁分析对象
     this._boxclipAnalysis && this._boxclipAnalysis.destroy();
-    this._boxclipAnalysis = null; //移除监听事件
-
+    this._boxclipAnalysis = null;
+    //移除监听事件
     this._removeEventListener && this._removeEventListener();
     this._removeEventListener = null;
-  } // 设置裁剪对象
-
+  }
 
+  // 设置裁剪对象
   setLayer(layerId) {
     this.clear();
     this._options.tileset = this.findLayerById(layerId);
-  } // 设置裁剪方式,为true时，则为外部裁剪，否则为内部裁剪
-
+  }
 
+  // 设置裁剪方式,为true时，则为外部裁剪，否则为内部裁剪
   setClipType(val) {
     this._options.unionClippingRegions = val;
     if (this._boxclipAnalysis) this._boxclipAnalysis.unionClippingRegions = val;
-  } //是否裁剪
-
-
+  }
+  //是否裁剪
   setClip(val) {
     this._options.enable = val;
-
     if (this._boxclipAnalysis) {
       this._boxclipAnalysis.enable = val;
       this._boxclipAnalysis.boxEnable = this._options.boxEnable;
     }
-  } //显/隐辅助对象
-
-
+  }
+  //显/隐辅助对象
   setShowBox(val) {
     this._options.boxEnable = val;
     if (this._boxclipAnalysis) this._boxclipAnalysis.boxEnable = val;
-  } // X方向上移动
-
-
+  }
+  // X方向上移动
   setXDistance(val) {
     this._options.x = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.translationClip("x", Number(val));
-  } // Y方向上移动
-
-
+  }
+  // Y方向上移动
   setYDistance(val) {
     this._options.y = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.translationClip("y", Number(val));
-  } // Z方向上移动
-
-
+  }
+  // Z方向上移动
   setZDistance(val) {
     this._options.z = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.translationClip("z", Number(val));
-  } //设置裁剪体长度
-
-
+  }
+  //设置裁剪体长度
   setAxisX(val) {
     this._options.axisX = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.axisX = Number(val);
-  } //设置裁剪体宽度
-
-
+  }
+  //设置裁剪体宽度
   setAxisY(val) {
     this._options.axisY = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.axisY = Number(val);
-  } //设置裁剪体高度
-
-
+  }
+  //设置裁剪体高度
   setAxisZ(val) {
     this._options.axisZ = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.axisZ = Number(val);
-  } //设置裁剪体旋转角
-
-
+  }
+  //设置裁剪体旋转角
   setAngle(val) {
     this._options.angle = Number(val);
     if (this._boxclipAnalysis) this._boxclipAnalysis.angle = Number(val);
   }
-
 }
 // EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
-var client_icons_vue_ = __webpack_require__(348);
+var client_icons_vue_ = __webpack_require__(5698);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
-var util_ = __webpack_require__(3458);
+var util_ = __webpack_require__(2975);
 // EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
-var vue_i18n_cjs_js_ = __webpack_require__(7080);
+var vue_i18n_cjs_js_ = __webpack_require__(3579);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/boxclip/BoxClip.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
@@ -418,7 +464,7 @@ const _hoisted_4 = {
 const __default__ = {
   name: "Kq3dBoxClip"
 };
-/* harmony default export */ var BoxClipvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+/* harmony default export */ var BoxClipvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
   props: {
     // 设置参数
     settingParams: {
@@ -429,7 +475,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -459,19 +504,19 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
     expose: __expose
   }) {
-    const props = __props;
     const {
       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)({});
     let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
-    let tiles = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]); // 获取组件传参
+    let tiles = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
 
+    // 获取组件传参
+    const props = __props;
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       tileset: props.settingParams && props.settingParams.tileset || null,
       unionClippingRegions: props.settingParams && props.settingParams.unionClippingRegions !== undefined || false,
@@ -485,13 +530,16 @@ const __default__ = {
       clipHeight: props.settingParams && props.settingParams.clipHeight || 4.7,
       clipRotation: props.settingParams && props.settingParams.clipRotation || 90
     });
-    let viewModel = null; // 组件容器Ref
+    let viewModel = null;
 
-    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
+    // 组件容器Ref
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
 
+    // 生成组件默认header
     let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
-    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
 
+    // 国际化
     let {
       locale,
       messages
@@ -512,7 +560,6 @@ const __default__ = {
       });
       currentLang.value = proxy.$i18n.locale; // 获取当前语言
       //父组 件ScenceView初始化完成后执行
-
       gis_utils_.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           let options = {
@@ -534,7 +581,6 @@ const __default__ = {
       setTimeout(() => {
         if (viewModel) {
           tiles.value = viewModel.findLayers(); // 获取所有tileset对象
-
           if (tiles.value.length > 0) {
             formItem.tileset = tiles.value[0].guid;
             paramsChanged("tileset");
@@ -542,117 +588,91 @@ const __default__ = {
         }
       }, 1000);
     });
+
     /**
      * @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 paramsChanged(key) {
       switch (key) {
         case "tileset":
           viewModel.setLayer(formItem.tileset);
           break;
-
         case "unionClip":
           viewModel.setClipType(formItem.unionClippingRegions);
           break;
-
         case "enableClip":
           viewModel.setClip(formItem.enableClip);
           break;
-
         case "boxEnable":
           viewModel.setShowBox(formItem.boxEnable);
           break;
-
         case "xDistance":
           viewModel.setXDistance(formItem.xDistance);
           break;
-
         case "yDistance":
           viewModel.setYDistance(formItem.yDistance);
           break;
-
         case "zDistance":
           viewModel.setZDistance(formItem.zDistance);
           break;
-
         case "clipLength":
           viewModel.setAxisX(formItem.clipLength);
           break;
-
         case "clipWidth":
           viewModel.setAxisY(formItem.clipWidth);
           break;
-
         case "clipHeight":
           viewModel.setAxisZ(formItem.clipHeight);
           break;
-
         case "angle":
           viewModel.setAngle(formItem.clipRotation);
           break;
-
         default:
           break;
       }
-    } // 开始裁剪
-
+    }
 
+    // 开始裁剪
     function clip() {
       viewModel && viewModel.start();
-    } // 清除
-
+    }
 
+    // 清除
     function clearResult() {
       viewModel && viewModel.clear();
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-
     __expose({
       paramsChanged,
       clip,
       clearResult
     });
-
     return (_ctx, _cache) => {
       const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
-
       const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
-
       const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
-
       const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
-
       const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio");
-
       const _component_kq_checkbox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-checkbox");
-
       const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
-
       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");
-
       const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
-
       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-box-clip", {
           'kq-box-shadow': __props.showShadow
@@ -663,9 +683,7 @@ const __default__ = {
         key: 0,
         ref_key: "headerTempRef",
         ref: headerTempRef
-      }, null, 512
-      /* NEED_PATCH */
-      )) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      }, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         gutter: 20,
         class: "rowClass"
       }, {
@@ -673,12 +691,8 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipObj), 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)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipObj), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 18
         }, {
@@ -693,31 +707,15 @@ const __default__ = {
                 value: item.guid,
                 label: item.name
               }, {
-                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)(item.name), 1
-                /* TEXT */
-                )]),
-                _: 2
-                /* DYNAMIC */
-
-              }, 1032
-              /* PROPS, DYNAMIC_SLOTS */
-              , ["value", "label"]);
-            }), 128
-            /* KEYED_FRAGMENT */
-            ))]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["modelValue"])]),
-          _: 1
-          /* STABLE */
-
+                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)(item.name), 1 /* TEXT */)]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["value", "label"]);
+            }), 128 /* KEYED_FRAGMENT */))]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         gutter: 20,
         class: "rowClass"
@@ -726,12 +724,8 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipPattern), 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)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipPattern), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 18
         }, {
@@ -741,45 +735,25 @@ const __default__ = {
             label: false,
             onChange: _cache[3] || (_cache[3] = $event => paramsChanged('unionClip'))
           }, {
-            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).insideClip), 1
-            /* TEXT */
-            )]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["modelValue"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
+            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).insideClip), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
             modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).unionClippingRegions,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).unionClippingRegions = $event),
             label: true,
             onChange: _cache[5] || (_cache[5] = $event => paramsChanged('unionClip'))
           }, {
-            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).outsideClip), 1
-            /* TEXT */
-            )]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["modelValue"])]),
-          _: 1
-          /* STABLE */
-
+            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).outsideClip), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "kq3d-box-clip-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).clipTips), 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).clipTips), 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)(collapseValue),
         class: "kq3d-box-clip-collapse"
@@ -805,18 +779,10 @@ const __default__ = {
                   "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).enableClip = $event),
                   onChange: _cache[7] || (_cache[7] = $event => paramsChanged('enableClip'))
                 }, {
-                  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).enableClip), 1
-                  /* TEXT */
-                  )]),
-                  _: 1
-                  /* STABLE */
-
-                }, 8
-                /* PROPS */
-                , ["modelValue"])]),
-                _: 1
-                /* STABLE */
-
+                  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).enableClip), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["modelValue"])]),
+                _: 1 /* STABLE */
               }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                 span: 12
               }, {
@@ -825,22 +791,12 @@ const __default__ = {
                   "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).boxEnable = $event),
                   onChange: _cache[9] || (_cache[9] = $event => paramsChanged('boxEnable'))
                 }, {
-                  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).boxEnable), 1
-                  /* TEXT */
-                  )]),
-                  _: 1
-                  /* STABLE */
-
-                }, 8
-                /* PROPS */
-                , ["modelValue"])]),
-                _: 1
-                /* STABLE */
-
+                  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).boxEnable), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["modelValue"])]),
+                _: 1 /* STABLE */
               })]),
-              _: 1
-              /* STABLE */
-
+              _: 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).xDistance
@@ -860,12 +816,8 @@ const __default__ = {
                       min: -40.0,
                       max: 40,
                       onInput: _cache[11] || (_cache[11] = $event => paramsChanged('xDistance'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -877,26 +829,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[13] || (_cache[13] = $event => paramsChanged('xDistance'))
-                    }, 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).yDistance
@@ -916,12 +856,8 @@ const __default__ = {
                       min: -40.0,
                       max: 40,
                       onInput: _cache[15] || (_cache[15] = $event => paramsChanged('yDistance'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -933,26 +869,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[17] || (_cache[17] = $event => paramsChanged('yDistance'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min"])]),
-                    _: 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).zDistance
@@ -972,12 +896,8 @@ const __default__ = {
                       min: -40.0,
                       max: 40,
                       onInput: _cache[19] || (_cache[19] = $event => paramsChanged('zDistance'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -989,26 +909,14 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[21] || (_cache[21] = $event => paramsChanged('zDistance'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "min"])]),
-                    _: 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).clipLength
@@ -1028,12 +936,8 @@ const __default__ = {
                       min: 0,
                       max: 50,
                       onInput: _cache[23] || (_cache[23] = $event => paramsChanged('clipLength'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1045,26 +949,14 @@ const __default__ = {
                       step: 0.1,
                       "controls-position": "right",
                       onInput: _cache[25] || (_cache[25] = $event => paramsChanged('clipLength'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step"])]),
-                    _: 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).clipWidth
@@ -1084,12 +976,8 @@ const __default__ = {
                       min: 0,
                       max: 50,
                       onInput: _cache[27] || (_cache[27] = $event => paramsChanged('clipWidth'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1101,26 +989,14 @@ const __default__ = {
                       max: 50,
                       "controls-position": "right",
                       onInput: _cache[29] || (_cache[29] = $event => paramsChanged('clipWidth'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step"])]),
-                    _: 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).clipHeight
@@ -1140,12 +1016,8 @@ const __default__ = {
                       min: 0,
                       max: 10,
                       onInput: _cache[31] || (_cache[31] = $event => paramsChanged('clipHeight'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step"])]),
-                    _: 1
-                    /* STABLE */
-
+                    }, null, 8 /* PROPS */, ["modelValue"])]),
+                    _: 1 /* STABLE */
                   }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
                     span: 8
                   }, {
@@ -1157,26 +1029,14 @@ const __default__ = {
                       max: 10,
                       "controls-position": "right",
                       onInput: _cache[33] || (_cache[33] = $event => paramsChanged('clipHeight'))
-                    }, null, 8
-                    /* PROPS */
-                    , ["modelValue", "step"])]),
-                    _: 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, {
               style: {
                 "margin-bottom": "8px"
@@ -1200,12 +1060,8 @@ const __default__ = {
                       min: 0,
                       max: 360,
                       onInput: _cache[35] || (_cache[35] = $event => paramsChanged('angle'))
-                    }, 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
                   }, {
@@ -1217,75 +1073,36 @@ const __default__ = {
                       step: 1,
                       "controls-position": "right",
                       onInput: _cache[37] || (_cache[37] = $event => paramsChanged('angle'))
-                    }, 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 */
             })]),
-            _: 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_4, [(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_4, [(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 => clip(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clip,
         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).clip), 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).clip), 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 => clearResult(), ["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/boxclip/BoxClip.vue?vue&type=script&setup=true&lang=js
  
@@ -1297,10 +1114,13 @@ const __exports__ = BoxClipvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var BoxClip = (__exports__);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_ = __webpack_require__(7997);
+var init_js_ = __webpack_require__(455);
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 ;// CONCATENATED MODULE: ./src/webgl/boxclip/index.js
-
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
 
 
 
@@ -1309,8 +1129,6 @@ BoxClip.install = (Vue, opts) => {
   Vue.component(BoxClip.name, BoxClip);
 };
 
-
-}();
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;