@kq_npm/client3d_webgl_vue 4.3.1 → 4.3.3-beta

package/sceneview/style/sceneview.css

@@ -1 +1,127 @@
-.kq-scene-view{position:absolute;top:0;left:0}.kq-scene-view,.kq-scene-view .view-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.kq-scene-view .view-container canvas{outline:0}.kq-scene-view .view-container .top-left{position:absolute;top:16px;left:16px;z-index:9999}.kq-scene-view .view-container .top-right{position:absolute;top:16px;right:16px;z-index:9999}.kq-scene-view .view-container .bottom-left{position:absolute;bottom:16px;left:16px;z-index:9999}.kq-scene-view .view-container .bottom-right{position:absolute;bottom:16px;right:16px;z-index:9999}.kq-scene-view .view-container .left{position:absolute;left:16px;top:50%;margin-top:-80px;z-index:9999}.kq-scene-view .view-container .right{position:absolute;right:16px;top:50%;margin-top:-80px;z-index:9999}.kq-scene-view .view-container .top{position:absolute;top:16px;left:50%;margin-left:-80px;z-index:9999}.kq-scene-view .view-container .bottom{position:absolute;bottom:16px;left:50%;margin-left:-80px;z-index:9999}.kq-scene-view .view-container .horizontal div{float:left}.kq-scene-view .view-container .horizontal .compass,.kq-scene-view .view-container .horizontal .reset-view{margin-left:16px}.kq-scene-view .view-container .vertical .compass,.kq-scene-view .view-container .vertical .reset-view{margin-top:8px}.kq-scene-view .view-container .zoomButton{border-radius:unset}.kq-label-popup .triangle{display:block;height:12px;width:12px;background-color:inherit;border:inherit;position:absolute;bottom:-6px;left:calc(50% - 6px);-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.kq-label-popup .close{position:absolute;top:0;right:0;border:none;text-align:center;text-decoration:none;background:transparent;width:40px;height:40px;line-height:34px;color:#fff;font-size:24px;padding:0;font-weight:400;border-radius:0 8px 0 0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.kq-label-popup .close:hover{background:#f56c6c}
+.kq-scene-view {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.kq-scene-view .view-container {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.kq-scene-view .view-container canvas {
+  outline: 0px;
+}
+.kq-scene-view .view-container .top-left {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .top-right {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .bottom-left {
+  position: absolute;
+  bottom: 16px;
+  left: 16px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .bottom-right {
+  position: absolute;
+  bottom: 16px;
+  right: 16px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .left {
+  position: absolute;
+  left: 16px;
+  top: 50%;
+  margin-top: -80px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .right {
+  position: absolute;
+  right: 16px;
+  top: 50%;
+  margin-top: -80px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .top {
+  position: absolute;
+  top: 16px;
+  left: 50%;
+  margin-left: -80px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .bottom {
+  position: absolute;
+  bottom: 16px;
+  left: 50%;
+  margin-left: -80px;
+  z-index: 9999;
+}
+.kq-scene-view .view-container .horizontal div {
+  float: left;
+}
+.kq-scene-view .view-container .horizontal .reset-view {
+  margin-left: 16px;
+}
+.kq-scene-view .view-container .horizontal .compass {
+  margin-left: 16px;
+}
+.kq-scene-view .view-container .vertical .reset-view {
+  margin-top: 8px;
+}
+.kq-scene-view .view-container .vertical .compass {
+  margin-top: 8px;
+}
+.kq-scene-view .view-container .zoomButton {
+  border-radius: unset;
+}
+
+.kq-label-popup .triangle {
+  display: block;
+  height: 12px;
+  width: 12px;
+  background-color: inherit;
+  border: inherit;
+  position: absolute;
+  bottom: -6px;
+  left: calc(50% - 6px);
+  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
+  -webkit-transform: rotate(-45deg);
+      -ms-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+}
+.kq-label-popup .close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  border: none;
+  text-align: center;
+  text-decoration: none;
+  background: transparent;
+  width: 40px;
+  height: 40px;
+  line-height: 34px;
+  color: white;
+  font-size: 24px;
+  padding: 0px;
+  font-weight: normal;
+  border-radius: 0 8px 0 0;
+  -webkit-transition: all 0.25s ease-in-out;
+  transition: all 0.25s ease-in-out;
+}
+.kq-label-popup .close:hover {
+  background: #f56c6c;
+}

package/screenshot/index.js

@@ -12,166 +12,17 @@ return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 1248:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": function() { return /* binding */ ScreenshotViewModel; }
-/* 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);
-
-//截图逻辑类
-class ScreenshotViewModel {
-  //三维viewer对象
-  //截图存储参数对象
-  //截图三维对象
-  constructor(viewer, 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, "_options", null);
-
-    (0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_cameraToImage", null);
-
-    this._options = {
-      width: options.imgWidth,
-      height: options.imgHeight,
-      imageType: options.imgFormat,
-      fixedRatio: options.lockAspectRatio,
-      //锁定宽高比
-      style: options.tilesetStyle,
-      //倾斜样式
-      tilesetName: options.tilesetName //倾斜名称
-
-    };
-    this._viewer = viewer;
-    this._viewer.enabledFXAA = true; //声明场景出图类
-
-    this._cameraToImage = new Cesium.Kq3dCanvasToImage(viewer._container, {
-      viewer: viewer,
-      canvas: viewer.scene.canvas
-    });
-    let that = this;
-    setTimeout(() => {
-      let tileset = this.findLayerByName(this._options.tilesetName);
-
-      if (tileset) {
-        if (tileset instanceof Array && tileset.length > 0) {
-          tileset[0].readyPromise.then(function (tileset) {
-            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
-          });
-        } else if (tileset instanceof Object) {
-          tileset.readyPromise.then(function (tileset) {
-            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
-          });
-        }
-      }
-    }, 800);
-  } // 查找所有3dtiles模型对象
-
-
-  findLayers() {
-    let tilesets = [];
-    const primitives = this._viewer.scene.primitives._primitives;
-
-    for (let m = 0; m < primitives.length; m++) {
-      if (primitives[m] instanceof Cesium.Cesium3DTileset) {
-        tilesets.push({
-          guid: primitives[m].guid,
-          name: primitives[m].name ? primitives[m].name : primitives[m].guid
-        });
-      }
-    }
-
-    return tilesets;
-  } // 出图
-
-
-  sceneFigure() {
-    this.saveAsimages();
-  } // 返回base64
-
-
-  saveAsimages() {
-    //设置宽、高、图片类型
-    var options = {
-      width: this._options.width,
-      //图片宽度
-      height: this._options.height,
-      //图片高度
-      type: this._options.imageType //图片类型
-
-    }; //返回图片
-
-    var img = this._cameraToImage.saveAsimages(this._viewer.scene.canvas, options);
-
-    return img;
-  } // 返回base64
-
-
-  toDataURL() {
-    var base64 = this._cameraToImage.toDataURL({
-      width: this._options.width,
-      height: this._options.height,
-      type: Cesium.Kq3dImageFormatter.JPG
-    });
-
-    return base64;
-  } //根据id获取tileset对象
-
-
-  findLayerByName(name) {
-    const primitives = this._viewer.scene.primitives._primitives;
-    const tileset = primitives.find(function (item) {
-      return item.name === name;
-    });
-    return tileset;
-  } //根据宽度计算高度
-
-
-  calcWidthByWindowRatio(width) {
-    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
-    return parseInt(width * r);
-  } //根据高度计算宽度
-
-
-  calcHeightByWindowRatio(height) {
-    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
-    return parseInt(height / r);
-  } // 锁定图片宽高比
-
-
-  setImgAspectRatio(val) {
-    this._options.fixedRatio = val;
-  } // 设置图片宽度
-
-
-  setImgWidth(val) {
-    this._options.width = val;
-  } // 设置图片高度
-
-
-  setImgHeight(val) {
-    this._options.height = val;
-  } // 设置图片类型
-
-
-  setImgType(val) {
-    this._options.imageType = val;
-  } // 注销
-
-
-  destroy() {
-    if (this._cameraToImage) this._cameraToImage = null;
-  }
+/***/ 348:
+/***/ (function(module) {
 
-}
+module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
-/***/ 348:
+/***/ 2118:
 /***/ (function(module) {
 
-module.exports = require("@kq_npm/client_icons_vue");
+module.exports = require("core-js/modules/es.array.push.js");
 
 /***/ }),
 
@@ -309,7 +160,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "ScreenshotViewModel": function() { return /* reexport */ ScreenshotViewModel/* default */.Z; },
+  "ScreenshotViewModel": function() { return /* reexport */ ScreenshotViewModel; },
   "default": function() { return /* reexport */ Screenshot; }
 });
 
@@ -319,8 +170,158 @@ 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/screenshot/ScreenshotViewModel.js
-var ScreenshotViewModel = __webpack_require__(1248);
+// 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);
+;// CONCATENATED MODULE: ./src/webgl/screenshot/ScreenshotViewModel.js
+
+
+//截图逻辑类
+class ScreenshotViewModel {
+  //三维viewer对象
+  //截图存储参数对象
+  //截图三维对象
+  constructor(viewer, options) {
+    (0,defineProperty/* default */.Z)(this, "_viewer", null);
+
+    (0,defineProperty/* default */.Z)(this, "_options", null);
+
+    (0,defineProperty/* default */.Z)(this, "_cameraToImage", null);
+
+    this._options = {
+      width: options.imgWidth,
+      height: options.imgHeight,
+      imageType: options.imgFormat,
+      fixedRatio: options.lockAspectRatio,
+      //锁定宽高比
+      style: options.tilesetStyle,
+      //倾斜样式
+      tilesetName: options.tilesetName //倾斜名称
+
+    };
+    this._viewer = viewer;
+    this._viewer.enabledFXAA = true; //声明场景出图类
+
+    this._cameraToImage = new Cesium.Kq3dCanvasToImage(viewer._container, {
+      viewer: viewer,
+      canvas: viewer.scene.canvas
+    });
+    let that = this;
+    setTimeout(() => {
+      let tileset = this.findLayerByName(this._options.tilesetName);
+
+      if (tileset) {
+        if (tileset instanceof Array && tileset.length > 0) {
+          tileset[0].readyPromise.then(function (tileset) {
+            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
+          });
+        } else if (tileset instanceof Object) {
+          tileset.readyPromise.then(function (tileset) {
+            tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
+          });
+        }
+      }
+    }, 800);
+  } // 查找所有3dtiles模型对象
+
+
+  findLayers() {
+    let tilesets = [];
+    const primitives = this._viewer.scene.primitives._primitives;
+
+    for (let m = 0; m < primitives.length; m++) {
+      if (primitives[m] instanceof Cesium.Cesium3DTileset) {
+        tilesets.push({
+          guid: primitives[m].guid,
+          name: primitives[m].name ? primitives[m].name : primitives[m].guid
+        });
+      }
+    }
+
+    return tilesets;
+  } // 出图
+
+
+  sceneFigure() {
+    this.saveAsimages();
+  } // 返回base64
+
+
+  saveAsimages() {
+    //设置宽、高、图片类型
+    var options = {
+      width: this._options.width,
+      //图片宽度
+      height: this._options.height,
+      //图片高度
+      type: this._options.imageType //图片类型
+
+    }; //返回图片
+
+    var img = this._cameraToImage.saveAsimages(this._viewer.scene.canvas, options);
+
+    return img;
+  } // 返回base64
+
+
+  toDataURL() {
+    var base64 = this._cameraToImage.toDataURL({
+      width: this._options.width,
+      height: this._options.height,
+      type: Cesium.Kq3dImageFormatter.JPG
+    });
+
+    return base64;
+  } //根据id获取tileset对象
+
+
+  findLayerByName(name) {
+    const primitives = this._viewer.scene.primitives._primitives;
+    const tileset = primitives.find(function (item) {
+      return item.name === name;
+    });
+    return tileset;
+  } //根据宽度计算高度
+
+
+  calcWidthByWindowRatio(width) {
+    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
+    return parseInt(width * r);
+  } //根据高度计算宽度
+
+
+  calcHeightByWindowRatio(height) {
+    var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
+    return parseInt(height / r);
+  } // 锁定图片宽高比
+
+
+  setImgAspectRatio(val) {
+    this._options.fixedRatio = val;
+  } // 设置图片宽度
+
+
+  setImgWidth(val) {
+    this._options.width = val;
+  } // 设置图片高度
+
+
+  setImgHeight(val) {
+    this._options.height = val;
+  } // 设置图片类型
+
+
+  setImgType(val) {
+    this._options.imageType = val;
+  } // 注销
+
+
+  destroy() {
+    if (this._cameraToImage) this._cameraToImage = null;
+  }
+
+}
 // 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"
@@ -446,7 +447,7 @@ const __default__ = {
           imgHeightMax.value = canvas.height;
           formItem.imgWidth = canvas.width;
           formItem.imgHeight = canvas.height;
-          viewModel = new ScreenshotViewModel/* default */.Z(scenceView._viewer, formItem);
+          viewModel = new ScreenshotViewModel(scenceView._viewer, formItem);
         }
       });
     });

package/screenshot/style/screenshot.css

@@ -1 +1,53 @@
-.kq3d-screenshot{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-screenshot .kq3d-screenshot-box{width:200px}.kq3d-screenshot .kq3d-screenshot-tip{color:var(--kq-text-color-regular);font-size:13px}.kq3d-screenshot .kq3d-screenshot-tip p{margin:5px 0}.kq3d-screenshot .kq-form{margin-top:-8px}.kq3d-screenshot .kq-form-item{margin-bottom:8px}.kq3d-screenshot .kq-form-item__label{padding:0}.kq3d-screenshot .kq-form-item__content{text-align:end;display:block}.kq3d-screenshot .kq-row{display:block}.kq3d-screenshot .kq-input-number.is-controls-right{width:80px}.kq3d-screenshot .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-screenshot .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-screenshot .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-screenshot .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-screenshot .kq3d-screenshot-footer{padding-top:8px;text-align:right}
+.kq3d-screenshot {
+  z-index: 999;
+  border-radius: var(--kq-border-radius-base);
+  padding: 16px;
+  pointer-events: auto;
+  cursor: default;
+  background-color: var(--kq-bg-color);
+}
+.kq3d-screenshot .kq3d-screenshot-box {
+  width: 200px;
+}
+.kq3d-screenshot .kq3d-screenshot-tip {
+  color: var(--kq-text-color-regular);
+  font-size: 13px;
+}
+.kq3d-screenshot .kq3d-screenshot-tip p {
+  margin: 5px 0;
+}
+.kq3d-screenshot .kq-form {
+  margin-top: -8px;
+}
+.kq3d-screenshot .kq-form-item {
+  margin-bottom: 8px;
+}
+.kq3d-screenshot .kq-form-item__label {
+  padding: 0;
+}
+.kq3d-screenshot .kq-form-item__content {
+  text-align: end;
+  display: block;
+}
+.kq3d-screenshot .kq-row {
+  display: block;
+}
+.kq3d-screenshot .kq-input-number.is-controls-right {
+  width: 80px;
+}
+.kq3d-screenshot .kq-input-number.is-controls-right .kq-input-number__increase,
+.kq3d-screenshot .kq-input-number.is-controls-right .kq-input-number__decrease {
+  width: 20px;
+}
+.kq3d-screenshot .kq-input-number.is-controls-right .kq-input__wrapper {
+  padding-left: 0px;
+  padding-right: 20px;
+}
+.kq3d-screenshot .kq-col-8 .kq-input-number .kq-input__wrapper {
+  padding-left: 0px;
+  padding-right: 20px;
+}
+.kq3d-screenshot .kq3d-screenshot-footer {
+  padding-top: 8px;
+  text-align: right;
+}

package/shadowanalysis/style/shadowanalysis.css

@@ -1 +1,141 @@
-.kq3d-shadow-analysis{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-shadow-analysis .kq3d-shadow-analysis-box{width:372px}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime{margin-bottom:8px}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq3d-shadow-analysis-span{color:var(--kq-text-color-regular)}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider{width:86%;display:inline-block;padding:10px 20px 20px;background-color:var(--kq-fill-color-light)}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__button{width:12px;height:12px}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__marks-text{margin-top:8px;text-align:center}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__marks-text span{display:block}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__stop{display:none}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .spanLine{width:1px;height:8px;background-color:#ccc}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq3d-shadow-analysis-timeline .kq-icon{font-size:28px;height:66px;cursor:pointer}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .colDate{line-height:32px;font-size:var(--kq-font-size-base)}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .colTime{line-height:62px;font-size:var(--kq-font-size-base)}.kq3d-shadow-analysis .kq3d-shadow-analysis-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-shadow-analysis .kq3d-shadow-analysis-tip p{margin-top:8px;margin-bottom:16px}.kq3d-shadow-analysis .kq-collapse{border:unset}.kq3d-shadow-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-shadow-analysis .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-shadow-analysis .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:10px}.kq3d-shadow-analysis .kq-collapse .kq-row{display:block}.kq3d-shadow-analysis .kq-form-item{margin-bottom:8px}.kq3d-shadow-analysis .kq-form-item__content{text-align:end;display:block}.kq3d-shadow-analysis .kq-date-editor.kq-input,.kq3d-shadow-analysis .kq-date-editor.kq-input__wrapper{width:100%}.kq3d-shadow-analysis .kq-slider{width:93%;padding-left:7px}.kq3d-shadow-analysis .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-shadow-analysis .kq-input-number.is-controls-right{width:65px}.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-shadow-analysis .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-shadow-analysis .kq-color-picker,.kq3d-shadow-analysis .kq-color-picker .kq-color-picker__mask,.kq3d-shadow-analysis .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-shadow-analysis .kq3d-shadow-analysis-legend img{width:195px;height:24px;margin:0 10px}.kq3d-shadow-analysis .kq3d-shadow-analysis-legend span{line-height:24px;vertical-align:top}.kq3d-shadow-analysis .kq3d-shadow-analysis-footer{text-align:right;padding:16px 0 0}
+.kq3d-shadow-analysis {
+  z-index: 999;
+  border-radius: var(--kq-border-radius-base);
+  padding: 16px;
+  pointer-events: auto;
+  cursor: default;
+  background-color: var(--kq-bg-color);
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-box {
+  width: 372px;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime {
+  margin-bottom: 8px;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq3d-shadow-analysis-span {
+  color: var(--kq-text-color-regular);
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider {
+  width: 86%;
+  display: inline-block;
+  padding: 10px 20px 20px;
+  background-color: var(--kq-fill-color-light);
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__button {
+  width: 12px;
+  height: 12px;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__marks-text {
+  margin-top: 8px;
+  text-align: center;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__marks-text span {
+  display: block;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__stop {
+  display: none;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .spanLine {
+  width: 1px;
+  height: 8px;
+  background-color: #ccc;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq3d-shadow-analysis-timeline .kq-icon {
+  font-size: 28px;
+  height: 66px;
+  cursor: pointer;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .colDate {
+  line-height: 32px;
+  font-size: var(--kq-font-size-base);
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .colTime {
+  line-height: 62px;
+  font-size: var(--kq-font-size-base);
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-tip {
+  color: var(--kq-text-color-regular);
+  font-size: var(--kq-font-size-base);
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-tip p {
+  margin-top: 8px;
+  margin-bottom: 16px;
+}
+.kq3d-shadow-analysis .kq-collapse {
+  border: unset;
+}
+.kq3d-shadow-analysis .kq-collapse .kq-collapse-item__header {
+  border: unset;
+  height: 38px;
+  background-color: var(--kq-fill-color-light);
+  font-weight: bold;
+  padding: 0px 16px;
+  font-size: 16px;
+}
+.kq3d-shadow-analysis .kq-collapse .kq-collapse-item__arrow {
+  margin: 0 0px 0 auto;
+}
+.kq3d-shadow-analysis .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content {
+  padding-bottom: unset;
+  border: unset;
+  padding-top: 10px;
+}
+.kq3d-shadow-analysis .kq-collapse .kq-row {
+  display: block;
+}
+.kq3d-shadow-analysis .kq-form-item {
+  margin-bottom: 8px;
+}
+.kq3d-shadow-analysis .kq-form-item__content {
+  text-align: end;
+  display: block;
+}
+.kq3d-shadow-analysis .kq-date-editor.kq-input,
+.kq3d-shadow-analysis .kq-date-editor.kq-input__wrapper {
+  width: 100%;
+}
+.kq3d-shadow-analysis .kq-slider {
+  width: 93%;
+  padding-left: 7px;
+}
+.kq3d-shadow-analysis .kq-slider .kq-slider__button {
+  width: 14px;
+  height: 14px;
+}
+.kq3d-shadow-analysis .kq-input-number.is-controls-right {
+  width: 65px;
+}
+.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input-number__increase,
+.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input-number__decrease {
+  width: 20px;
+}
+.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input__wrapper {
+  padding-left: 0px;
+  padding-right: 20px;
+}
+.kq3d-shadow-analysis .kq-col-8 .kq-input-number .kq-input__wrapper {
+  padding-left: 0px;
+  padding-right: 20px;
+}
+.kq3d-shadow-analysis .kq-color-picker {
+  width: 100%;
+}
+.kq3d-shadow-analysis .kq-color-picker .kq-color-picker__mask {
+  width: 100%;
+}
+.kq3d-shadow-analysis .kq-color-picker .kq-color-picker__trigger {
+  width: 100%;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-legend img {
+  width: 195px;
+  height: 24px;
+  margin: 0px 10px;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-legend span {
+  line-height: 24px;
+  vertical-align: top;
+}
+.kq3d-shadow-analysis .kq3d-shadow-analysis-footer {
+  text-align: right;
+  padding: 16px 0px 0px;
+}