@kq_npm/client3d_webgl_vue 3.0.1-beta → 3.0.2-beta

package/weathereffect/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) {
 
@@ -318,18 +480,18 @@ class WeatherEffectViewModel {
   }
 
 }
+// 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/weathereffect/WeatherEffect.vue?vue&type=script&setup=true&lang=js
 
 const _hoisted_1 = {
-  class: "kq3d-weather-effect"
-};
-const _hoisted_2 = {
   class: "kq3d-weather-effect-footer"
 };
 
 
 
 
+
 const __default__ = {
   name: "Kq3dWeatherEffect"
 };
@@ -338,6 +500,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_.IconWeatherEffect
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -463,7 +654,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-weather-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).weatherEffect,
+        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"
       }, {
@@ -872,7 +1076,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[26] || (_cache[26] = (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"
@@ -897,7 +1101,9 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])]);
+      , ["title"])])], 2
+      /* CLASS */
+      );
     };
   }