@kq_npm/client3d_webgl_vue 0.0.1-beta

package/profileanalysis/style/css.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./profileanalysis.css");

package/profileanalysis/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./profileanalysis.css");

package/profileanalysis/style/profileanalysis.css

@@ -0,0 +1 @@
+:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq3d-profile-analysis{z-index:999;width:372px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-profile-analysis.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.kq3d-profile-analysis .kq3d-profile-analysis-tip{color:var(--kq-text-color-regular);font-size:13px}.kq3d-profile-analysis .kq3d-profile-analysis-tip p{margin:5px 0}.kq3d-profile-analysis .kq-collapse{border:unset}.kq3d-profile-analysis .kq-collapse .kq-collapse-item__header{border:unset;height:38px;background-color:var(--kq-fill-color-light);font-weight:700;padding:0 16px;font-size:16px}.kq3d-profile-analysis .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-profile-analysis .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:10px}.kq3d-profile-analysis .kq-form-item{margin-bottom:0}.kq3d-profile-analysis .kq-form-item__content{text-align:end;display:block}.kq3d-profile-analysis .kq-row{margin-bottom:5px;display:block}.kq3d-profile-analysis .kq-slider{width:93%;padding-left:7px}.kq3d-profile-analysis .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-profile-analysis .kq-input-number{width:65px}.kq3d-profile-analysis .kq-input-number .kq-input-number__decrease,.kq3d-profile-analysis .kq-input-number .kq-input-number__increase{width:20px}.kq3d-profile-analysis .kq-input-number .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-profile-analysis .kq-color-picker,.kq3d-profile-analysis .kq-color-picker .kq-color-picker__mask,.kq3d-profile-analysis .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-profile-analysis .kq3d-profile-analysis-footer{float:right;padding:16px 0}.kq3d-profile-analysis .kq3d-profile-analysis-result{padding-top:56px}.kq3d-profile-analysis .kq3d-profile-analysis-result .resultCahrt{height:370px;background:var(--kq-fill-color-light);border:1px solid var(--kq-border-color-light);border-radius:4px}

package/roller/index.js

@@ -0,0 +1,537 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "RollerViewModel": function() { return /* reexport */ RollerViewModel; },
+  "default": function() { return /* reexport */ Roller; }
+});
+
+;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: ./src/webgl/roller/RollerViewModel.js
+
+//卷帘逻辑类
+class RollerViewModel {
+  constructor(scenceView, options) {
+    _defineProperty(this, "_viewer", null);
+
+    _defineProperty(this, "_layerManager", null);
+
+    _defineProperty(this, "_layers", []);
+
+    _defineProperty(this, "_lrSlider", null);
+
+    _defineProperty(this, "_tbSlider", null);
+
+    _defineProperty(this, "_lrSliderHandler", null);
+
+    _defineProperty(this, "_tbSliderHandler", null);
+
+    _defineProperty(this, "_lrSliderActive", false);
+
+    _defineProperty(this, "_tbSliderActive", false);
+
+    this._viewer = scenceView._viewer;
+    this._layerManager = scenceView._layerManager;
+    this._layers = options.layers;
+    this._lrSlider = options.lrSlider;
+    this._tbSlider = options.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 + '%';
+      that._viewer.scene.imagerySplitPosition = 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) + '%';
+      that._viewer.scene.imagerySplitPosition = 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++) {
+      this._layers.push({
+        guid: layers[i].guid,
+        name: layers[i].name,
+        direction: 0
+      });
+    }
+  } //切换模式
+
+
+  changeMode(mode) {
+    let direction = 0;
+    let splitdirection = Cesium.ImagerySplitDirection.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.LEFT;
+        splitPosition = this._lrSlider.offsetLeft / this._lrSlider.parentElement.parentElement.offsetWidth;
+        break;
+
+      case 2:
+        direction = 3;
+        this._tbSlider.style.display = "block";
+        splitdirection = Cesium.ImagerySplitDirection.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) {
+      this._viewer.scene.imagerySplitPosition = splitPosition;
+    }
+  } //改变方向
+
+
+  changeDirection(index) {
+    let direction = this._layers[index].direction;
+    let splitdirection = Cesium.ImagerySplitDirection.NONE;
+
+    switch (direction) {
+      case 1:
+        splitdirection = Cesium.ImagerySplitDirection.LEFT;
+        break;
+
+      case 2:
+        splitdirection = Cesium.ImagerySplitDirection.RIGHT;
+        break;
+
+      case 3:
+        splitdirection = Cesium.ImagerySplitDirection.TOP;
+        break;
+
+      case 4:
+        splitdirection = Cesium.ImagerySplitDirection.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();
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/roller/Roller.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-roller"
+};
+const _hoisted_2 = {
+  class: "kq3d-roller-span"
+};
+const _hoisted_3 = {
+  class: "kq3d-roller-span1"
+};
+
+const _hoisted_4 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+  id: "lrSlider",
+  class: "shutter-slider lrSlider"
+}, null, -1
+/* HOISTED */
+);
+
+const _hoisted_5 = /*#__PURE__*/(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+  id: "tbSlider",
+  class: "shutter-slider tbSlider"
+}, null, -1
+/* HOISTED */
+);
+
+
+
+
+const __default__ = {
+  name: "Kq3dRoller"
+};
+/* harmony default export */ var Rollervue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    //设置参数
+    top: {
+      type: Number,
+      default: 20
+    },
+    right: {
+      type: Number,
+      default: 20
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({}); //获取组件传参
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      mode: props.settingParams && props.settingParams.mode || 0
+    });
+    let layers = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)([]);
+    let viewModel = null;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          let options = {
+            layers: layers,
+            lrSlider: document.getElementById("lrSlider"),
+            tbSlider: document.getElementById("tbSlider")
+          };
+          viewModel = new RollerViewModel(scenceView, options);
+        }
+      });
+    }); // 切换模式
+
+    function changeMode() {
+      let mode = formItem.mode;
+      viewModel && viewModel.changeMode(formItem.mode);
+    } // 改变方向
+
+
+    function changeDirection(index) {
+      viewModel && viewModel.changeDirection(index);
+    } //重置
+
+
+    function reset() {
+      formItem.mode = 0;
+      viewModel && viewModel.reset();
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      reset
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-option");
+
+      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-select");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_radio = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-radio");
+
+      const _component_kq_radio_group = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-radio-group");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+        class: "kq3d-roller-form",
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('top: ' + props.top + 'px; right: ' + props.right + 'px;')
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+          span: 8
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).rollerMode), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+          span: 16
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_select, {
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode = $event),
+            onChange: changeMode
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).noRoller,
+              value: 0
+            }, null, 8
+            /* PROPS */
+            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).lrRoller,
+              value: 1
+            }, null, 8
+            /* PROPS */
+            , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_option, {
+              label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).tbRoller,
+              value: 2
+            }, null, 8
+            /* PROPS */
+            , ["label"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["modelValue"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(layers), (layer, index) => {
+        return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)(((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_row, null, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+            span: 8
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)(layer.name), 1
+            /* TEXT */
+            )]),
+            _: 2
+            /* DYNAMIC */
+
+          }, 1024
+          /* DYNAMIC_SLOTS */
+          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+            span: 16
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio_group, {
+              modelValue: layer.direction,
+              "onUpdate:modelValue": $event => layer.direction = $event,
+              onChange: $event => changeDirection(index)
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                label: 1,
+                size: "large"
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).leftRoller), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }, 512
+              /* NEED_PATCH */
+              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                label: 2,
+                size: "large"
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).rightRoller), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }, 512
+              /* NEED_PATCH */
+              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 1]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                label: 3,
+                size: "large"
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).topRoller), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }, 512
+              /* NEED_PATCH */
+              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 2]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_radio, {
+                label: 4,
+                size: "large"
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).bottomRoller), 1
+                /* TEXT */
+                )]),
+                _: 1
+                /* STABLE */
+
+              }, 512
+              /* NEED_PATCH */
+              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode === 2]])]),
+              _: 2
+              /* DYNAMIC */
+
+            }, 1032
+            /* PROPS, DYNAMIC_SLOTS */
+            , ["modelValue", "onUpdate:modelValue", "onChange"])]),
+            _: 2
+            /* DYNAMIC */
+
+          }, 1024
+          /* DYNAMIC_SLOTS */
+          )]),
+          _: 2
+          /* DYNAMIC */
+
+        }, 1536
+        /* NEED_PATCH, DYNAMIC_SLOTS */
+        )), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).mode !== 0]]);
+      }), 256
+      /* UNKEYED_FRAGMENT */
+      ))], 4
+      /* STYLE */
+      ), _hoisted_4, _hoisted_5]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/roller/Roller.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/roller/Roller.vue
+
+
+
+const __exports__ = Rollervue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var Roller = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/roller/index.js
+
+
+
+
+Roller.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Roller.name, Roller);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/roller/style/css.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./roller.css");

package/roller/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./roller.css");

package/roller/style/roller.css

@@ -0,0 +1 @@
+:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq3d-roller .kq3d-roller-form{z-index:999;width:250px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color);position:absolute}.kq3d-roller .kq3d-roller-form.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.kq3d-roller .kq3d-roller-form .kq-row{margin-bottom:5px}.kq3d-roller .kq3d-roller-form .kq3d-roller-span{color:var(--kq-text-color-regular);line-height:32px}.kq3d-roller .kq3d-roller-form .kq3d-roller-span1{color:var(--kq-text-color-regular);line-height:40px}.kq3d-roller .shutter-slider{display:none;position:absolute;background-color:#e6e3e3;z-index:998}.kq3d-roller .lrSlider{left:50%;top:0;width:3px;height:100%}.kq3d-roller .lrSlider:hover{cursor:ew-resize}.kq3d-roller .tbSlider{left:0;top:50%;width:100%;height:3px}.kq3d-roller .tbSlider:hover{cursor:ns-resize}