@kq_npm/client3d_webgl_vue 3.0.0-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) {
 
@@ -232,33 +394,19 @@ class WeatherEffectViewModel {
 
 
   addWeatherEffect(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 !== "rain" && mode !== "snow") {
+      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 !== "rain" && mode !== "snow") {
-        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
+    });
   } //清除天气特效
 
 
@@ -332,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"
 };
@@ -352,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
     }
   },
 
@@ -477,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"
       }, {
@@ -886,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"
@@ -911,7 +1101,9 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["title"])])]);
+      , ["title"])])], 2
+      /* CLASS */
+      );
     };
   }