@kq_npm/client3d_webgl_vue 3.0.0-beta → 3.0.2-beta

package/particleeffect/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);
+};
+
+
+
+/***/ }),
+
 /***/ 348:
 /***/ (function(module) {
 
@@ -23,6 +178,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) {
 
@@ -187,8 +349,7 @@ class ParticleEffectViewModel {
     var that = this;
     that._removeEventListener = that._drawManager.drawFinishedEvent.addEventListener(shape => {
       if (shape && shape.type === "marker") {
-        that._drawManager.clear();
-
+        // that._drawManager.clear();
         let position = shape.position;
 
         if (position) {
@@ -267,33 +428,19 @@ class ParticleEffectViewModel {
 
 
   addParticleEffect(options) {
-    // 判断是否添加了模型
-    var flag = false;
-    var models = this._scene.primitives._primitives;
+    let mode = options.mode;
 
-    for (let i = 0; i < models.length; i++) {
-      if (models[i]._url) {
-        flag = true;
-      }
+    if (mode !== "flame" && mode !== "smoke") {
+      console.log("This mode is not supported.");
+      return;
     }
 
-    if (flag) {
-      let mode = options.mode;
+    if (options.gravity) this.setGravity(options.gravity);
+    this._options = options;
 
-      if (mode !== "flame" && mode !== "smoke") {
-        console.log("This mode is not supported.");
-        return;
-      }
-
-      if (options.gravity) this.setGravity(options.gravity);
-      this._options = options;
-
-      this._drawManager.startDraw("marker", {
-        image: null
-      });
-    } else {
-      throw "请添加模型后添加特效!";
-    }
+    this._drawManager.startDraw("marker", {
+      image: null
+    });
   } //清除粒子特效
 
 
@@ -385,18 +532,18 @@ class ParticleEffectViewModel {
   }
 
 }
+// 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/particleeffect/ParticleEffect.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
-  class: "kq3d-particle-effect"
-};
-const _hoisted_2 = {
   class: "kq3d-particle-effect-footer"
 };
 
 
 
 
+
 const __default__ = {
   name: "Kq3dParticleEffect"
 };
@@ -405,6 +552,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_.IconParticleEffect
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -445,7 +621,7 @@ const __default__ = {
 
     function changeMode(mode) {
       if (formItem.mode !== mode) {
-        viewModel && viewModel.clear();
+        // viewModel && viewModel.clear();
         formItem.mode = mode;
 
         if (mode === "flame") {
@@ -552,7 +728,20 @@ const __default__ = {
 
       const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-collapse");
 
-      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-particle-effect", {
+          '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).particleEffect,
+        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, {
         gutter: 20,
         class: "rowclass"
       }, {
@@ -1117,7 +1306,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[38] || (_cache[38] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => add(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).add,
         type: "primary"
@@ -1142,7 +1331,9 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])]);
+      , ["title"])])], 2
+      /* CLASS */
+      );
     };
   }
 

package/planeclip/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);
+};
+
+
+
+/***/ }),
+
 /***/ 5673:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -187,6 +342,13 @@ class PlaneClipViewModel {
 
 /***/ }),
 
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
 /***/ 826:
 /***/ (function(module) {
 
@@ -194,6 +356,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) {
 
@@ -317,10 +486,14 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 var gis_utils_ = __webpack_require__(826);
 // EXTERNAL MODULE: ./src/webgl/planeclip/PlaneClipViewModel.js
 var PlaneClipViewModel = __webpack_require__(5673);
+// 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/planeclip/PlaneClip.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
-  class: "kq3d-plane-clip"
+  class: "kq3d-plane-clip-span"
 };
 const _hoisted_2 = {
   class: "kq3d-plane-clip-span"
@@ -329,14 +502,13 @@ const _hoisted_3 = {
   class: "kq3d-plane-clip-span"
 };
 const _hoisted_4 = {
-  class: "kq3d-plane-clip-span"
-};
-const _hoisted_5 = {
   class: "kq3d-plane-clip-footer"
 };
 
 
 
+
+
 const __default__ = {
   name: "Kq3dPlaneClip"
 };
@@ -345,6 +517,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_.IconPlaneClip
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -474,7 +675,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-plane-clip", {
+          '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).planeClip,
+        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, {
         gutter: 20,
         class: "rowClass"
       }, {
@@ -482,7 +696,7 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_2, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipObj), 1
+          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_1, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipObj), 1
           /* TEXT */
           )]),
           _: 1
@@ -536,7 +750,7 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipStyle), 1
+          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).clipStyle), 1
           /* TEXT */
           )]),
           _: 1
@@ -588,7 +802,7 @@ const __default__ = {
           span: 6,
           class: "colClass"
         }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_4, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipPattern), 1
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", _hoisted_3, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clipPattern), 1
           /* TEXT */
           )]),
           _: 1
@@ -771,7 +985,7 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_5, [(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_4, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
         onClick: _cache[14] || (_cache[14] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => clip(), ["stop"])),
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).clip,
         type: "primary"
@@ -796,7 +1010,9 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])]);
+      , ["title"])])], 2
+      /* CLASS */
+      );
     };
   }