@kq_npm/client3d_webgl_vue 3.0.1-beta → 3.0.3-beta

package/profileanalysis/index.js

@@ -2,6 +2,161 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 519:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* reexport */ HeaderTemp; }
+});
+
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(637);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
+var util_ = __webpack_require__(9519);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq-control-header-temp"
+};
+const _hoisted_2 = {
+  class: "_title"
+};
+
+
+const __default__ = {
+  name: "Kq3dHeaderTemp"
+};
+/* harmony default export */ var HeaderTempvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String,
+      default: ""
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: Object
+    },
+    // HeaderTemp是否折叠
+    isCollapse: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const proxy = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)(); // 获取组件传参
+    // 图标组件
+
+    let iconBtn = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let isCollapse = props.isCollapse;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      iconBtn.value = props.headerTempIcon;
+      let dom = proxy.parent.vnode.el;
+
+      if (!props.isRight) {
+        (0,util_.addClass)(dom, ["kq-is-show", "kq-is-left"]);
+      }
+
+      if (isCollapse) {
+        if (props.showShadow) {
+          (0,util_.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_.addClass)(dom, "kq-is-hide");
+          (0,util_.removeClass)(dom, "kq-is-show");
+        }
+      }
+    }); // 图标按钮点击事件
+
+    function btnClick() {
+      isCollapse = !isCollapse;
+      let dom = proxy.parent.vnode.el;
+
+      if (isCollapse) {
+        // 折叠
+        if (props.showShadow) {
+          (0,util_.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_.addClass)(dom, "kq-is-hide");
+          (0,util_.removeClass)(dom, "kq-is-show");
+        }
+      } else {
+        // 展开
+        if (props.showShadow) {
+          (0,util_.addClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+          (0,util_.removeClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+        } else {
+          (0,util_.addClass)(dom, "kq-is-show");
+          (0,util_.removeClass)(dom, "kq-is-hide");
+        }
+      }
+    }
+
+    expose({
+      btnClick
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(__props.headerTempTitle), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "_btn kq-control-header-temp_btn",
+        onClick: btnClick
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+        size: 16
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(iconBtn))))]),
+        _: 1
+        /* STABLE */
+
+      })])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue
+
+
+
+const __exports__ = HeaderTempvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var HeaderTemp = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(5406);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/webgl/headertemp/index.js
+
+
+
+HeaderTemp.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(HeaderTemp.name, HeaderTemp);
+};
+
+
+
+/***/ }),
+
 /***/ 6132:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -264,6 +419,13 @@ class ProfileAnalysisViewModel {
 
 /***/ }),
 
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
 /***/ 826:
 /***/ (function(module) {
 
@@ -271,6 +433,13 @@ module.exports = require("@kq_npm/client_common_vue/_utils/gis-utils");
 
 /***/ }),
 
+/***/ 9519:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/_utils/util");
+
+/***/ }),
+
 /***/ 5406:
 /***/ (function(module) {
 
@@ -394,24 +563,27 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 var gis_utils_ = __webpack_require__(826);
 // EXTERNAL MODULE: ./src/webgl/profileanalysis/ProfileAnalysisViewModel.js
 var ProfileAnalysisViewModel = __webpack_require__(6132);
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(348);
+// EXTERNAL MODULE: ./src/webgl/headertemp/index.js + 3 modules
+var headertemp = __webpack_require__(519);
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/profileanalysis/ProfileAnalysis.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
-  class: "kq3d-profile-analysis"
-};
-const _hoisted_2 = {
   class: "kq3d-profile-analysis-footer"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   class: "kq3d-profile-analysis-result"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   id: "resultCahrt",
   class: "resultCahrt"
 };
 
 
 
+
+
 const __default__ = {
   name: "Kq3dProfileAnalysis"
 };
@@ -420,6 +592,35 @@ const __default__ = {
     // 设置参数
     settingParams: {
       type: Object
+    },
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_.IconProfileAnalysis
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -553,7 +754,20 @@ const __default__ = {
 
       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", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+      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-profile-analysis", {
+          'kq-box-shadow': __props.showShadow
+        }])
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headertemp["default"]), {
+        key: 0,
+        showShadow: __props.showShadow,
+        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).profileAnalysis,
+        headerTempIcon: __props.headerTempIcon,
+        isCollapse: __props.isCollapseHeaderTemp,
+        isRight: __props.isRight
+      }, null, 8
+      /* PROPS */
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
         class: "kq3d-profile-analysis-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).profileTips), 1
@@ -827,7 +1041,7 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
+      , ["model-value"]), (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_button, {
         onClick: _cache[9] || (_cache[9] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => startAnalysis(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).startAnalysis,
         type: "primary"
@@ -852,9 +1066,11 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_4, null, 512
+      , ["title"])]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_3, null, 512
       /* NEED_PATCH */
-      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(resultCahrtVis)]])])]);
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(resultCahrtVis)]])])], 2
+      /* CLASS */
+      );
     };
   }
 

package/roller/index.js

@@ -2,6 +2,161 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 519:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* reexport */ HeaderTemp; }
+});
+
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(637);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
+var util_ = __webpack_require__(9519);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq-control-header-temp"
+};
+const _hoisted_2 = {
+  class: "_title"
+};
+
+
+const __default__ = {
+  name: "Kq3dHeaderTemp"
+};
+/* harmony default export */ var HeaderTempvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String,
+      default: ""
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: Object
+    },
+    // HeaderTemp是否折叠
+    isCollapse: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    const proxy = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)(); // 获取组件传参
+    // 图标组件
+
+    let iconBtn = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    let isCollapse = props.isCollapse;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      iconBtn.value = props.headerTempIcon;
+      let dom = proxy.parent.vnode.el;
+
+      if (!props.isRight) {
+        (0,util_.addClass)(dom, ["kq-is-show", "kq-is-left"]);
+      }
+
+      if (isCollapse) {
+        if (props.showShadow) {
+          (0,util_.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_.addClass)(dom, "kq-is-hide");
+          (0,util_.removeClass)(dom, "kq-is-show");
+        }
+      }
+    }); // 图标按钮点击事件
+
+    function btnClick() {
+      isCollapse = !isCollapse;
+      let dom = proxy.parent.vnode.el;
+
+      if (isCollapse) {
+        // 折叠
+        if (props.showShadow) {
+          (0,util_.addClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+          (0,util_.removeClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+        } else {
+          (0,util_.addClass)(dom, "kq-is-hide");
+          (0,util_.removeClass)(dom, "kq-is-show");
+        }
+      } else {
+        // 展开
+        if (props.showShadow) {
+          (0,util_.addClass)(dom, ["kq-is-show", "kq-box-shadow"]);
+          (0,util_.removeClass)(dom, ["kq-is-hide", "kq-light-shadow"]);
+        } else {
+          (0,util_.addClass)(dom, "kq-is-show");
+          (0,util_.removeClass)(dom, "kq-is-hide");
+        }
+      }
+    }
+
+    expose({
+      btnClick
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("h4", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(__props.headerTempTitle), 1
+      /* TEXT */
+      ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", {
+        class: "_btn kq-control-header-temp_btn",
+        onClick: btnClick
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
+        size: 16
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(iconBtn))))]),
+        _: 1
+        /* STABLE */
+
+      })])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/headertemp/HeaderTemp.vue
+
+
+
+const __exports__ = HeaderTempvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var HeaderTemp = (__exports__);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_ = __webpack_require__(5406);
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
+;// CONCATENATED MODULE: ./src/webgl/headertemp/index.js
+
+
+
+HeaderTemp.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(HeaderTemp.name, HeaderTemp);
+};
+
+
+
+/***/ }),
+
 /***/ 6561:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -214,6 +369,13 @@ class RollerViewModel {
 
 /***/ }),
 
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
 /***/ 826:
 /***/ (function(module) {
 
@@ -221,6 +383,13 @@ module.exports = require("@kq_npm/client_common_vue/_utils/gis-utils");
 
 /***/ }),
 
+/***/ 9519:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_common_vue/_utils/util");
+
+/***/ }),
+
 /***/ 5406:
 /***/ (function(module) {
 
@@ -340,10 +509,14 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
 var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(637);
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(348);
 // EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_ = __webpack_require__(826);
 // EXTERNAL MODULE: ./src/webgl/roller/RollerViewModel.js
 var RollerViewModel = __webpack_require__(6561);
+// EXTERNAL MODULE: ./src/webgl/headertemp/index.js + 3 modules
+var headertemp = __webpack_require__(519);
 ;// 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 = {
@@ -355,6 +528,8 @@ const _hoisted_2 = {
 
 
 
+
+
 const __default__ = {
   name: "Kq3dRoller"
 };
@@ -368,6 +543,34 @@ const __default__ = {
     right: {
       type: Number,
       default: 16
+    },
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+    // 是否生成HeaderTemp
+    showHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // 是否折叠HeaderTemp，showHeaderTemp为true时生效
+    isCollapseHeaderTemp: {
+      type: Boolean,
+      default: false
+    },
+    // HeaderTemp标题
+    headerTempTitle: {
+      type: String
+    },
+    // HeaderTemp图标
+    headerTempIcon: {
+      type: [Object, String],
+      default: client_icons_vue_.IconRoller
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -446,9 +649,20 @@ const __default__ = {
       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: "kq3d-roller",
+        class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-roller", {
+          'kq-box-shadow': __props.showShadow
+        }]),
         style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)('top: ' + props.top + 'px; right: ' + props.right + 'px;')
-      }, [(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, {
+      }, [__props.showHeaderTemp ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headertemp["default"]), {
+        key: 0,
+        showShadow: __props.showShadow,
+        headerTempTitle: __props.headerTempTitle || (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).roller,
+        headerTempIcon: __props.headerTempIcon,
+        isCollapse: __props.isCollapseHeaderTemp,
+        isRight: __props.isRight
+      }, null, 8
+      /* PROPS */
+      , ["showShadow", "headerTempTitle", "headerTempIcon", "isCollapse", "isRight"])) : (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"
         }
@@ -621,8 +835,8 @@ const __default__ = {
 
       }, 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]])])], 4
-      /* STYLE */
+      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).mode !== null]])])], 6
+      /* CLASS, STYLE */
       );
     };
   }

package/roller/style/roller.css

@@ -1 +1 @@
-.kq3d-roller{z-index:999}.kq3d-roller .kq3d-roller-form{z-index:999;width:280px;border-radius:var(--kq-border-radius-base);padding:16px 16px 8px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-roller .kq3d-roller-form .kq-row{margin-bottom:8px}.kq3d-roller .kq3d-roller-form .kq-col-8{line-height:40px}.kq3d-roller .kq3d-roller-form .kq3d-roller-span{color:var(--kq-text-color-regular);line-height:32px;font-size:14px}.kq3d-roller .kq3d-roller-form .kq3d-roller-span1{color:var(--kq-text-color-regular);line-height:normal;white-space:pre-line;word-break:break-all;display:inline-block}#lrSlider{display:none;position:absolute;background-color:#267ee6;z-index:998;left:50%;top:0;width:3px;height:100%}#lrSlider:hover{cursor:ew-resize}#tbSlider{display:none;position:absolute;background-color:#267ee6;z-index:998;left:0;top:50%;width:100%;height:3px}#tbSlider:hover{cursor:ns-resize}
+.kq3d-roller{z-index:999;width:280px;border-radius:var(--kq-border-radius-base);padding:16px 16px 8px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box}.kq3d-roller .kq3d-roller-form .kq-row{margin-bottom:8px}.kq3d-roller .kq3d-roller-form .kq-col-8{line-height:40px}.kq3d-roller .kq3d-roller-form .kq3d-roller-span{color:var(--kq-text-color-regular);line-height:32px;font-size:14px}.kq3d-roller .kq3d-roller-form .kq3d-roller-span1{color:var(--kq-text-color-regular);line-height:normal;white-space:pre-line;word-break:break-all;display:inline-block}#lrSlider{display:none;position:absolute;background-color:#267ee6;z-index:998;left:50%;top:0;width:3px;height:100%}#lrSlider:hover{cursor:ew-resize}#tbSlider{display:none;position:absolute;background-color:#267ee6;z-index:998;left:0;top:50%;width:100%;height:3px}#tbSlider:hover{cursor:ns-resize}