@kq_npm/client3d_webgl_vue 4.5.31 → 4.5.32

package/roller/index.js

@@ -12,240 +12,31 @@ return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 6561:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": function() { return /* binding */ RollerViewModel; }
-/* harmony export */ });
-/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
-
-
-/*
- * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
- * All rights reserved.
- */
-//卷帘逻辑类
-class RollerViewModel {
-  //三维viewer对象
-  //图层管理对象
-  //卷帘的图层数组
-  //左右卷帘的线的DOM元素
-  //上下卷帘的线的DOM元素
-  //左右卷帘三维对象
-  //上下卷帘三维对象
-  //左右卷帘活动状态
-  //上下卷帘活动状态
-  constructor(scenceView, options) {
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_layerManager", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_layers", []);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_lrSlider", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_tbSlider", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_lrSliderHandler", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_tbSliderHandler", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_lrSliderActive", false);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_tbSliderActive", false);
-
-    this._viewer = scenceView._viewer;
-    this._layerManager = scenceView._layerManager;
-    this._layers = options.layers;
-    this._lrSlider = document.createElement("div");
-    this._lrSlider.class = "shutter-slider";
-    this._lrSlider.id = "lrSlider";
-    this._tbSlider = document.createElement("div");
-    this._tbSlider.class = "shutter-slider";
-    this._tbSlider.id = "tbSlider";
-
-    this._viewer.container.appendChild(this._lrSlider);
-
-    this._viewer.container.appendChild(this._tbSlider);
-
-    setTimeout(() => {
-      this.initLayers();
-    }, 500);
-    this.registerEvents();
-  } //注册卷帘拖动事件
-
-
-  registerEvents() {
-    let that = this;
-    this._lrSliderHandler = new Cesium.ScreenSpaceEventHandler(this._lrSlider);
-
-    this._lrSliderHandler.setInputAction(function () {
-      that._lrSliderActive = true;
-    }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
-
-    this._lrSliderHandler.setInputAction(function (movement) {
-      if (!that._lrSliderActive) {
-        return;
-      }
-
-      let relativeOffset = movement.endPosition.x;
-      let splitPosition = (that._lrSlider.offsetLeft + relativeOffset) / that._lrSlider.parentElement.parentElement.offsetWidth;
-      that._lrSlider.style.left = 100.0 * splitPosition + "%";
-      if (that._viewer.scene.imagerySplitPosition !== undefined) that._viewer.scene.imagerySplitPosition = splitPosition;else that._viewer.scene.splitPosition = splitPosition;
-    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
-
-    this._lrSliderHandler.setInputAction(function () {
-      that._lrSliderActive = false;
-    }, Cesium.ScreenSpaceEventType.LEFT_UP);
-
-    this._tbSliderHandler = new Cesium.ScreenSpaceEventHandler(this._tbSlider);
-
-    this._tbSliderHandler.setInputAction(function () {
-      that._tbSliderActive = true;
-    }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
-
-    this._tbSliderHandler.setInputAction(function (movement) {
-      if (!that._tbSliderActive) {
-        return;
-      }
-
-      let relativeOffset = movement.endPosition.y;
-      let splitPosition = 1.0 - (that._tbSlider.offsetTop + relativeOffset) / that._tbSlider.parentElement.parentElement.offsetHeight;
-      that._tbSlider.style.top = 100.0 * (1.0 - splitPosition) + "%"; // 兼容Cesium186和1102
-
-      if (that._viewer.scene.imagerySplitPosition !== undefined) that._viewer.scene.imagerySplitPosition = splitPosition;else that._viewer.scene.splitPosition = splitPosition;
-    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
-
-    this._tbSliderHandler.setInputAction(function () {
-      that._tbSliderActive = false;
-    }, Cesium.ScreenSpaceEventType.LEFT_UP);
-  } //初始化图层数据
-
-
-  initLayers() {
-    let layers = this._layerManager.getLayerCheckedList();
-
-    for (let i = 0; i < layers.length; i++) {
-      let layer = this._layerManager.getLayerByGuid(layers[i].guid);
-
-      if (layer instanceof Cesium.ImageryLayer || layer instanceof Cesium.Cesium3DTileset) {
-        this._layers.push({
-          guid: layers[i].guid,
-          name: layers[i].name,
-          direction: 0
-        });
-      }
-    }
-  } //切换模式
-
-
-  changeMode(mode) {
-    let direction = 0;
-    let splitdirection = Cesium.ImagerySplitDirection ? Cesium.ImagerySplitDirection.NONE : Cesium.SplitDirection.NONE;
-    let splitPosition = 0.5;
-    this._lrSlider.style.display = "none";
-    this._tbSlider.style.display = "none";
-
-    switch (mode) {
-      case 1:
-        direction = 1;
-        this._lrSlider.style.display = "block";
-        splitdirection = Cesium.ImagerySplitDirection ? Cesium.ImagerySplitDirection.LEFT : Cesium.SplitDirection.LEFT;
-        splitPosition = this._lrSlider.offsetLeft / this._lrSlider.parentElement.parentElement.offsetWidth;
-        break;
-
-      case 2:
-        direction = 3;
-        this._tbSlider.style.display = "block";
-        splitdirection = Cesium.ImagerySplitDirection ? Cesium.ImagerySplitDirection.TOP : Cesium.SplitDirection.TOP;
-        splitPosition = 1.0 - this._tbSlider.offsetTop / this._tbSlider.parentElement.parentElement.offsetHeight;
-        break;
-
-      default:
-        break;
-    }
-
-    let that = this;
-
-    this._layers.forEach(layer => {
-      layer.direction = direction;
-
-      let layerObj = that._layerManager.getLayerByGuid(layer.guid);
-
-      if (layerObj) layerObj.splitDirection = splitdirection;
-    });
-
-    if (mode !== 0) {
-      if (this._viewer.scene.imagerySplitPosition !== undefined) {
-        this._viewer.scene.imagerySplitPosition = splitPosition;
-      } else this._viewer.scene.splitPosition = splitPosition;
-    }
-  } //改变方向
-
-
-  changeDirection(index) {
-    let direction = this._layers[index].direction;
-    let splitDirection = Cesium.ImagerySplitDirection;
-
-    if (!splitDirection) {
-      splitDirection = Cesium.SplitDirection;
-    }
-
-    let splitdirection = splitDirection.NONE;
-
-    switch (direction) {
-      case 1:
-        splitdirection = splitDirection.LEFT;
-        break;
-
-      case 2:
-        splitdirection = splitDirection.RIGHT;
-        break;
-
-      case 3:
-        splitdirection = splitDirection.TOP;
-        break;
-
-      case 4:
-        splitdirection = splitDirection.BOTTOM;
-        break;
-
-      default:
-        break;
-    }
-
-    let layer = this._layerManager.getLayerByGuid(this._layers[index].guid);
-
-    if (layer) {
-      layer.splitDirection = splitdirection;
-    }
-  } //重置
+/***/ 348:
+/***/ (function(module) {
 
+module.exports = require("@kq_npm/client_icons_vue");
 
-  reset() {
-    this.changeMode(0);
-  } // 销毁
+/***/ }),
 
+/***/ 2118:
+/***/ (function(module) {
 
-  destroy() {
-    this.reset(); //移除监听事件
+module.exports = require("core-js/modules/es.array.push.js");
 
-    this._lrSliderHandler && this._lrSliderHandler.destroy();
-    this._tbSliderActive && this._tbSliderActive.destroy(); //移除卷帘分割线DOM元素
+/***/ }),
 
-    this._lrSlider && this._viewer.container.removeChild(this._lrSlider);
-    this._tbSlider && this._viewer.container.removeChild(this._tbSlider);
-  }
+/***/ 8470:
+/***/ (function(module) {
 
-}
+module.exports = require("core-js/modules/esnext.iterator.constructor.js");
 
 /***/ }),
 
-/***/ 348:
+/***/ 1058:
 /***/ (function(module) {
 
-module.exports = require("@kq_npm/client_icons_vue");
+module.exports = require("core-js/modules/esnext.iterator.for-each.js");
 
 /***/ }),
 
@@ -301,7 +92,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -383,7 +173,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "RollerViewModel": function() { return /* reexport */ RollerViewModel/* default */.Z; },
+  "RollerViewModel": function() { return /* reexport */ RollerViewModel; },
   "default": function() { return /* reexport */ Roller; }
 });
 
@@ -393,8 +183,194 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_ = __webpack_require__(7135);
-// EXTERNAL MODULE: ./src/webgl/roller/RollerViewModel.js
-var RollerViewModel = __webpack_require__(6561);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
+// 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);
+;// CONCATENATED MODULE: ./src/webgl/roller/RollerViewModel.js
+
+
+
+
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+//卷帘逻辑类
+class RollerViewModel {
+  //上下卷帘活动状态
+  constructor(scenceView, options) {
+    (0,defineProperty/* default */.Z)(this, "_viewer", null);
+    //三维viewer对象
+    (0,defineProperty/* default */.Z)(this, "_layerManager", null);
+    //图层管理对象
+    (0,defineProperty/* default */.Z)(this, "_layers", []);
+    //卷帘的图层数组
+    (0,defineProperty/* default */.Z)(this, "_lrSlider", null);
+    //左右卷帘的线的DOM元素
+    (0,defineProperty/* default */.Z)(this, "_tbSlider", null);
+    //上下卷帘的线的DOM元素
+    (0,defineProperty/* default */.Z)(this, "_lrSliderHandler", null);
+    //左右卷帘三维对象
+    (0,defineProperty/* default */.Z)(this, "_tbSliderHandler", null);
+    //上下卷帘三维对象
+    (0,defineProperty/* default */.Z)(this, "_lrSliderActive", false);
+    //左右卷帘活动状态
+    (0,defineProperty/* default */.Z)(this, "_tbSliderActive", false);
+    this._viewer = scenceView._viewer;
+    this._layerManager = scenceView._layerManager;
+    this._layers = options.layers;
+    this._lrSlider = document.createElement("div");
+    this._lrSlider.class = "shutter-slider";
+    this._lrSlider.id = "lrSlider";
+    this._tbSlider = document.createElement("div");
+    this._tbSlider.class = "shutter-slider";
+    this._tbSlider.id = "tbSlider";
+    this._viewer.container.appendChild(this._lrSlider);
+    this._viewer.container.appendChild(this._tbSlider);
+    setTimeout(() => {
+      this.initLayers();
+    }, 500);
+    this.registerEvents();
+  }
+
+  //注册卷帘拖动事件
+  registerEvents() {
+    let that = this;
+    this._lrSliderHandler = new Cesium.ScreenSpaceEventHandler(this._lrSlider);
+    this._lrSliderHandler.setInputAction(function () {
+      that._lrSliderActive = true;
+    }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+    this._lrSliderHandler.setInputAction(function (movement) {
+      if (!that._lrSliderActive) {
+        return;
+      }
+      let relativeOffset = movement.endPosition.x;
+      let splitPosition = (that._lrSlider.offsetLeft + relativeOffset) / that._lrSlider.parentElement.parentElement.offsetWidth;
+      that._lrSlider.style.left = 100.0 * splitPosition + "%";
+      if (that._viewer.scene.imagerySplitPosition !== undefined) that._viewer.scene.imagerySplitPosition = splitPosition;else that._viewer.scene.splitPosition = splitPosition;
+    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+    this._lrSliderHandler.setInputAction(function () {
+      that._lrSliderActive = false;
+    }, Cesium.ScreenSpaceEventType.LEFT_UP);
+    this._tbSliderHandler = new Cesium.ScreenSpaceEventHandler(this._tbSlider);
+    this._tbSliderHandler.setInputAction(function () {
+      that._tbSliderActive = true;
+    }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+    this._tbSliderHandler.setInputAction(function (movement) {
+      if (!that._tbSliderActive) {
+        return;
+      }
+      let relativeOffset = movement.endPosition.y;
+      let splitPosition = 1.0 - (that._tbSlider.offsetTop + relativeOffset) / that._tbSlider.parentElement.parentElement.offsetHeight;
+      that._tbSlider.style.top = 100.0 * (1.0 - splitPosition) + "%";
+      // 兼容Cesium186和1102
+      if (that._viewer.scene.imagerySplitPosition !== undefined) that._viewer.scene.imagerySplitPosition = splitPosition;else that._viewer.scene.splitPosition = splitPosition;
+    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+    this._tbSliderHandler.setInputAction(function () {
+      that._tbSliderActive = false;
+    }, Cesium.ScreenSpaceEventType.LEFT_UP);
+  }
+  //初始化图层数据
+  initLayers() {
+    let layers = this._layerManager.getLayerCheckedList();
+    for (let i = 0; i < layers.length; i++) {
+      let layer = this._layerManager.getLayerByGuid(layers[i].guid);
+      if (layer instanceof Cesium.ImageryLayer || layer instanceof Cesium.Cesium3DTileset) {
+        this._layers.push({
+          guid: layers[i].guid,
+          name: layers[i].name,
+          direction: 0
+        });
+      }
+    }
+  }
+
+  //切换模式
+  changeMode(mode) {
+    let direction = 0;
+    let splitdirection = Cesium.ImagerySplitDirection ? Cesium.ImagerySplitDirection.NONE : Cesium.SplitDirection.NONE;
+    let splitPosition = 0.5;
+    this._lrSlider.style.display = "none";
+    this._tbSlider.style.display = "none";
+    switch (mode) {
+      case 1:
+        direction = 1;
+        this._lrSlider.style.display = "block";
+        splitdirection = Cesium.ImagerySplitDirection ? Cesium.ImagerySplitDirection.LEFT : Cesium.SplitDirection.LEFT;
+        splitPosition = this._lrSlider.offsetLeft / this._lrSlider.parentElement.parentElement.offsetWidth;
+        break;
+      case 2:
+        direction = 3;
+        this._tbSlider.style.display = "block";
+        splitdirection = Cesium.ImagerySplitDirection ? Cesium.ImagerySplitDirection.TOP : Cesium.SplitDirection.TOP;
+        splitPosition = 1.0 - this._tbSlider.offsetTop / this._tbSlider.parentElement.parentElement.offsetHeight;
+        break;
+      default:
+        break;
+    }
+    let that = this;
+    this._layers.forEach(layer => {
+      layer.direction = direction;
+      let layerObj = that._layerManager.getLayerByGuid(layer.guid);
+      if (layerObj) layerObj.splitDirection = splitdirection;
+    });
+    if (mode !== 0) {
+      if (this._viewer.scene.imagerySplitPosition !== undefined) {
+        this._viewer.scene.imagerySplitPosition = splitPosition;
+      } else this._viewer.scene.splitPosition = splitPosition;
+    }
+  }
+
+  //改变方向
+  changeDirection(index) {
+    let direction = this._layers[index].direction;
+    let splitDirection = Cesium.ImagerySplitDirection;
+    if (!splitDirection) {
+      splitDirection = Cesium.SplitDirection;
+    }
+    let splitdirection = splitDirection.NONE;
+    switch (direction) {
+      case 1:
+        splitdirection = splitDirection.LEFT;
+        break;
+      case 2:
+        splitdirection = splitDirection.RIGHT;
+        break;
+      case 3:
+        splitdirection = splitDirection.TOP;
+        break;
+      case 4:
+        splitdirection = splitDirection.BOTTOM;
+        break;
+      default:
+        break;
+    }
+    let layer = this._layerManager.getLayerByGuid(this._layers[index].guid);
+    if (layer) {
+      layer.splitDirection = splitdirection;
+    }
+  }
+
+  //重置
+  reset() {
+    this.changeMode(0);
+  }
+  // 销毁
+  destroy() {
+    this.reset();
+    //移除监听事件
+    this._lrSliderHandler && this._lrSliderHandler.destroy();
+    this._tbSliderActive && this._tbSliderActive.destroy();
+    //移除卷帘分割线DOM元素
+    this._lrSlider && this._viewer.container.removeChild(this._lrSlider);
+    this._tbSlider && this._viewer.container.removeChild(this._tbSlider);
+  }
+}
 // 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"
@@ -422,7 +398,6 @@ const __default__ = {
       type: Boolean,
       default: true
     },
-
     /**
      * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
      */
@@ -452,7 +427,6 @@ const __default__ = {
       default: true
     }
   },
-
   setup(__props, {
     expose: __expose
   }) {
@@ -460,9 +434,10 @@ const __default__ = {
     const {
       proxy
     } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
-    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 headClass = args => {
       return {
         "background-color": "var(--kq-fill-color-light)",
@@ -470,18 +445,20 @@ const __default__ = {
         "font-size": "14px"
       };
     };
-
     let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
       mode: props.settingParams && props.settingParams.mode || null
     });
     let layers = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)([]);
-    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
@@ -508,66 +485,55 @@ const __default__ = {
           let options = {
             layers: layers
           };
-          viewModel = new RollerViewModel/* default */.Z(scenceView, options);
+          viewModel = new RollerViewModel(scenceView, options);
         }
       });
     });
+
     /**
      * @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() {
       let mode = formItem.mode;
       viewModel && viewModel.changeMode(formItem.mode);
-    } // 改变方向
-
-
+    }
+    // 改变方向
     function changeDirection(index) {
       viewModel && viewModel.changeDirection(index);
-    } //重置
-
+    }
 
+    //重置
     function reset() {
       formItem.mode = null;
       viewModel && viewModel.reset();
-    } // 销毁
-
+    }
 
+    // 销毁
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
       viewModel && viewModel.destroy();
     });
-
     __expose({
       changeMode,
       changeDirection,
       reset
     });
-
     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_table_column = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-table-column");
-
       const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio");
-
       const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-radio-group");
-
       const _component_kq_table = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-table");
-
       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-roller", {
           'kq-box-shadow': __props.showShadow
@@ -578,9 +544,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, {
         style: {
           "margin-bottom": "8px"
         }
@@ -591,12 +555,8 @@ const __default__ = {
             "line-height": "32px"
           }
         }, {
-          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).rollerMode), 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).rollerMode), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
         }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
           span: 16
         }, {
@@ -611,27 +571,15 @@ const __default__ = {
             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_option, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).lrRoller,
               value: 1
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_option, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).tbRoller,
               value: 2
-            }, null, 8
-            /* PROPS */
-            , ["label"])]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["modelValue", "placeholder"])]),
-          _: 1
-          /* STABLE */
-
+            }, null, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue", "placeholder"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
+        _: 1 /* STABLE */
       }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((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_col, {
           span: 24
@@ -653,9 +601,7 @@ const __default__ = {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).layer,
               prop: "name",
               align: "center"
-            }, null, 8
-            /* PROPS */
-            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
+            }, null, 8 /* PROPS */, ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_table_column, {
               label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).position,
               prop: "direction",
               align: "center"
@@ -672,93 +618,48 @@ const __default__ = {
                     "margin-right": "12px"
                   }
                 }, {
-                  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).leftRoller), 1
-                  /* TEXT */
-                  )]),
-                  _: 1
-                  /* STABLE */
-
-                }, 512
-                /* NEED_PATCH */
-                ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((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).leftRoller), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
                   label: 2,
                   size: "large",
                   style: {
                     "margin-right": "0px"
                   }
                 }, {
-                  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).rightRoller), 1
-                  /* TEXT */
-                  )]),
-                  _: 1
-                  /* STABLE */
-
-                }, 512
-                /* NEED_PATCH */
-                ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((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).rightRoller), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
                   label: 3,
                   size: "large",
                   style: {
                     "margin-right": "12px"
                   }
                 }, {
-                  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).topRoller), 1
-                  /* TEXT */
-                  )]),
-                  _: 1
-                  /* STABLE */
-
-                }, 512
-                /* NEED_PATCH */
-                ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 2]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((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).topRoller), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 2]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_radio, {
                   label: 4,
                   size: "large",
                   style: {
                     "margin-right": "0px"
                   }
                 }, {
-                  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).bottomRoller), 1
-                  /* TEXT */
-                  )]),
-                  _: 1
-                  /* STABLE */
-
-                }, 512
-                /* NEED_PATCH */
-                ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 2]])]),
-                _: 2
-                /* DYNAMIC */
-
-              }, 1032
-              /* PROPS, DYNAMIC_SLOTS */
-              , ["modelValue", "onUpdate:modelValue", "onChange"])]),
-              _: 1
-              /* STABLE */
-
-            }, 8
-            /* PROPS */
-            , ["label"])]),
-            _: 1
-            /* STABLE */
-
-          }, 8
-          /* PROPS */
-          , ["data", "header-cell-style"])]),
-          _: 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).bottomRoller), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode === 2]])]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "onChange"])]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["label"])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["data", "header-cell-style"])]),
+          _: 1 /* STABLE */
         })]),
-        _: 1
-        /* STABLE */
-
-      }, 512
-      /* NEED_PATCH */
-      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode !== null]])])], 2
-      /* CLASS */
-      );
+        _: 1 /* STABLE */
+      }, 512 /* NEED_PATCH */), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode !== null]])])], 2 /* CLASS */);
     };
   }
-
 }));
 ;// CONCATENATED MODULE: ./src/webgl/roller/Roller.vue?vue&type=script&setup=true&lang=js
  
@@ -780,13 +681,11 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
 
 
 
-
 Roller.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
   Vue.component(Roller.name, Roller);
 };
 
-
 }();
 /******/ 	return __webpack_exports__;
 /******/ })()