@kq_npm/client3d_webgl_vue 4.0.1-beta → 4.0.3-beta

package/modelfilter/index.js

@@ -0,0 +1,953 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 8143:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+
+// UNUSED EXPORTS: default
+
+;// CONCATENATED MODULE: external "element-plus/es"
+var es_namespaceObject = require("element-plus/es");
+// 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/common/_ui/message/index.js
+
+
+
+es_namespaceObject.ElMessage.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component("KqMessage", es_namespaceObject.ElMessage);
+};
+
+/* harmony default export */ var message = ((/* unused pure expression or super */ null && (KqMessage)));
+
+/***/ }),
+
+/***/ 348:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 7080:
+/***/ (function(module) {
+
+module.exports = require("vue-i18n/dist/vue-i18n.cjs.js");
+
+/***/ }),
+
+/***/ 826:
+/***/ (function(module) {
+
+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) {
+
+module.exports = require("@kq_npm/client_common_vue/init.js");
+
+/***/ }),
+
+/***/ 637:
+/***/ (function(module) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 8270:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _defineProperty; }
+/* harmony export */ });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+!function() {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "ModelFilterViewModel": function() { return /* reexport */ ModelFilterViewModel; },
+  "default": function() { return /* reexport */ ModelFilter; }
+});
+
+// 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/gis-utils"
+var gis_utils_ = __webpack_require__(826);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(8270);
+// EXTERNAL MODULE: ./src/common/_ui/message/index.js + 1 modules
+var message = __webpack_require__(8143);
+;// CONCATENATED MODULE: ./src/webgl/modelfilter/ModelFilterViewModel.js
+ //模型滤镜逻辑类
+
+
+class ModelFilterViewModel {
+  //三维viewer对象
+  //Box裁剪存储参数对象
+  constructor(scenceView, options) {
+    (0,defineProperty/* default */.Z)(this, "_viewer", null);
+
+    (0,defineProperty/* default */.Z)(this, "_options", {});
+
+    (0,defineProperty/* default */.Z)(this, "_defaultOptions", {
+      //默认参数对象
+      brightness: 1,
+      contrast: 1,
+      tone: 0,
+      saturation: 1,
+      gamma: 1
+    });
+
+    this._options = Object.assign({}, options, this._defaultOptions);
+    this._viewer = scenceView._viewer;
+    this._options.viewer = this._viewer;
+  } // 查找所有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;
+  } // 设置过滤对象
+
+
+  setLayer(layerId) {
+    if (layerId) {
+      this.clear();
+      this._options.tileset = this.findLayerById(layerId);
+
+      this._viewer.flyTo(this._options.tileset);
+
+      this._options.tileset.colorCorrectEnable = true;
+    }
+  } //根据id获取tileset对象
+
+
+  findLayerById(id) {
+    const primitives = this._options.viewer.scene.primitives._primitives;
+    const tileset = primitives.find(function (item) {
+      return item.guid === id;
+    });
+    return tileset;
+  } // 设置亮度
+
+
+  setBrightness(newValue) {
+    this._options.tileset.brightness = Number(newValue);
+  } // 设置对比
+
+
+  setContrast(newValue) {
+    this._options.tileset.contrast = Number(newValue);
+  } // 设置色调
+
+
+  setTone(newValue) {
+    this._options.tileset.hue = Number(newValue);
+  } // 设置饱和
+
+
+  setSaturation(newValue) {
+    this._options.tileset.saturation = Number(newValue);
+  } // 设置伽马
+
+
+  setGamma(newValue) {
+    this._options.tileset.gamma = Number(newValue);
+  } //清除
+
+
+  clear() {
+    if (this._options.tileset) {
+      this._options.tileset.brightness = 1;
+      this._options.tileset.contrast = 1;
+      this._options.tileset.hue = 0;
+      this._options.tileset.saturation = 1;
+      this._options.tileset.gamma = 1;
+    }
+  } //销毁
+
+
+  destroy() {
+    this.clear();
+  }
+
+}
+// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_ = __webpack_require__(348);
+// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
+var util_ = __webpack_require__(9519);
+// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
+var vue_i18n_cjs_js_ = __webpack_require__(7080);
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue"
+var client_common_vue_namespaceObject = require("@kq_npm/client_common_vue");
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-2.use!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/modelfilter/ModelFilter.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-modle-filter-span"
+};
+
+
+
+
+
+
+ //语言
+
+const __default__ = {
+  name: "Kq3dModelFilter"
+};
+/* harmony default export */ var ModelFiltervue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    //指定组件绑定的viewer对象的div的id
+    mapTarget: String,
+    // 设置参数
+    settingParams: {
+      type: Object
+    },
+    // 是否显示阴影效果
+    showShadow: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
+     */
+    position: [String, Object],
+    // 是否生成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_.IconModelSelect
+    },
+    // HeaderTemp Title&Icon的位置
+    isRight: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(__props, _ref) {
+    let {
+      expose
+    } = _ref;
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)({});
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)("");
+    let viewModel = null;
+    let ref_box = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let tiles = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)(); // 获取组件传参
+    // 组件容器Ref
+
+    let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); //模型滤镜参数
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.reactive)({
+      tileset: props.settingParams && props.settingParams.tileset || null,
+      brightness: props.settingParams && props.settingParams.brightness || 1,
+      // 亮度
+      contrast: props.settingParams && props.settingParams.contrast || 1,
+      // 对比
+      tone: props.settingParams && props.settingParams.tone || 0,
+      // 色调
+      saturation: props.settingParams && props.settingParams.saturation || 1,
+      // 饱和
+      gamma: props.settingParams && props.settingParams.yDistance || 1 // 伽马
+
+    }); // 生成组件默认header
+
+    let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
+    let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(); // 国际化
+
+    let {
+      locale,
+      messages
+    } = (0,vue_i18n_cjs_js_.useI18n)();
+    let headerTempTitle = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => locale.value, (newVal, oldVal) => {
+      language.value = messages.value[newVal]["webgl"];
+      headerTempTitle.value = language.value.modelFilterPick;
+    });
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
+      (0,util_.updatePosition)(boxRef.value, props);
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.position, (newVal, oldVal) => {
+        (0,util_.updatePosition)(boxRef.value, props);
+      });
+      watchCreateHeaderTemp();
+      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(() => props.showHeaderTemp, (newVal, oldVal) => {
+        watchCreateHeaderTemp();
+      });
+      currentLang.value = proxy.$i18n.locale; // 获取当前语言
+      //父组件ScenceView初始化完成后执行
+
+      gis_utils_.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          let options = {
+            tileset: formItem.tileset,
+            brightness: formItem.brightness,
+            contrast: formItem.contrast,
+            tone: formItem.tone,
+            saturation: formItem.saturation,
+            gamma: formItem.gamma
+          };
+          viewModel = new ModelFilterViewModel(scenceView, options);
+        }
+      });
+      client_common_vue_namespaceObject.globalEvent.getWebMapByMapTarget(props.mapTarget, scenceview => {
+        var tileset = scenceview._viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+          url: "http://support.kqgeo.com:18031/3DTiles/ShangHai/White/tileset.json",
+          name: '上海白膜'
+        }));
+      });
+      setTimeout(() => {
+        if (viewModel) {
+          tiles.value = viewModel.findLayers(); // 获取所有tileset对象
+        }
+      }, 1000);
+    });
+    /**
+     * @description 监听header生成
+     */
+
+    const watchCreateHeaderTemp = () => {
+      if (props.showHeaderTemp) {
+        // 生成headerTemp
+        headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
+      }
+    };
+
+    function paramsChanged(value) {
+      if (formItem.tileset) {
+        switch (value) {
+          case "tileset":
+            viewModel.setLayer(formItem.tileset);
+            viewModel.setBrightness(formItem.brightness);
+            viewModel.setContrast(formItem.contrast);
+            viewModel.setTone(formItem.tone);
+            viewModel.setSaturation(formItem.saturation);
+            viewModel.setGamma(formItem.gamma);
+            break;
+
+          case "brightness":
+            viewModel.setBrightness(formItem.brightness);
+            break;
+
+          case "contrast":
+            viewModel.setContrast(formItem.contrast);
+            break;
+
+          case "tone":
+            viewModel.setTone(formItem.tone);
+            break;
+
+          case "saturation":
+            viewModel.setSaturation(formItem.saturation);
+            break;
+
+          case "gamma":
+            viewModel.setGamma(formItem.gamma);
+            break;
+        }
+      }
+    }
+
+    function clear() {
+      viewModel.clear();
+      formItem.brightness = 1;
+      formItem.contrast = 1;
+      formItem.tone = 0;
+      formItem.saturation = 1;
+      formItem.gamma = 1;
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      clear,
+      paramsChanged
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
+
+      const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
+
+      const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-slider");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
+
+      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-model-filter", {
+          'kq-box-shadow': __props.showShadow
+        }]),
+        ref_key: "boxRef",
+        ref: boxRef
+      }, [__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_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
+        key: 0,
+        ref_key: "headerTempRef",
+        ref: headerTempRef
+      }, null, 512
+      /* NEED_PATCH */
+      )) : (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", {
+        class: "kq3d-model-filter-box",
+        ref_key: "ref_box",
+        ref: ref_box
+      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 25,
+        class: "rowClass"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6.5,
+          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_1, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).modelFilterLayer), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 17
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_select, {
+            style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)({
+              'width': (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '270px' : '255px'
+            }),
+            modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).tileset,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).tileset = $event),
+            onChange: _cache[1] || (_cache[1] = $event => paramsChanged('tileset')),
+            clearable: "",
+            onClear: clear
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(tiles), (item, index) => {
+              return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)(_component_kq_option, {
+                key: index,
+                value: item.guid,
+                label: item.name
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)(item.name), 1
+                /* TEXT */
+                )]),
+                _: 2
+                /* DYNAMIC */
+
+              }, 1032
+              /* PROPS, DYNAMIC_SLOTS */
+              , ["value", "label"]);
+            }), 128
+            /* KEYED_FRAGMENT */
+            ))]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["style", "modelValue"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
+        "label-width": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '80px' : '96px',
+        "label-position": "left",
+        class: "modelTable"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+          gutter: 20,
+          class: "rowClass"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).brightness
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)([{
+                "display": "flex"
+              }, {
+                'width': (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '268px' : '250px'
+              }])
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 18
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).brightness,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).brightness = $event),
+                  step: 0.1,
+                  min: 0,
+                  max: 5,
+                  onInput: _cache[3] || (_cache[3] = $event => paramsChanged('brightness'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 6
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).brightness,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).brightness = $event),
+                  min: 0,
+                  max: 5,
+                  step: 0.1,
+                  "controls-position": "right",
+                  onInput: _cache[5] || (_cache[5] = $event => paramsChanged('brightness'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["style"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+          gutter: 20,
+          class: "rowClass"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).contrast
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)([{
+                "display": "flex"
+              }, {
+                'width': (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '268px' : '250px'
+              }])
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 18
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).contrast,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).contrast = $event),
+                  step: 0.1,
+                  min: 0,
+                  max: 5,
+                  onInput: _cache[7] || (_cache[7] = $event => paramsChanged('contrast'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 6
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).contrast,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).contrast = $event),
+                  min: 0,
+                  max: 5,
+                  step: 0.1,
+                  "controls-position": "right",
+                  onInput: _cache[9] || (_cache[9] = $event => paramsChanged('contrast'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["style"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+          gutter: 20,
+          class: "rowClass"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).tone
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)([{
+                "display": "flex"
+              }, {
+                'width': (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '268px' : '250px'
+              }])
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 18
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).tone,
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).tone = $event),
+                  step: 0.1,
+                  min: 0,
+                  max: 5,
+                  onInput: _cache[11] || (_cache[11] = $event => paramsChanged('tone'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 6
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).tone,
+                  "onUpdate:modelValue": _cache[12] || (_cache[12] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).tone = $event),
+                  min: 0,
+                  max: 5,
+                  step: 0.1,
+                  "controls-position": "right",
+                  onInput: _cache[13] || (_cache[13] = $event => paramsChanged('tone'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["style"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+          gutter: 20,
+          class: "rowClass"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).saturation
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)([{
+                "display": "flex"
+              }, {
+                'width': (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '268px' : '250px'
+              }])
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 18
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).saturation,
+                  "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).saturation = $event),
+                  step: 0.1,
+                  min: 0,
+                  max: 5,
+                  onInput: _cache[15] || (_cache[15] = $event => paramsChanged('saturation'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 6
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).saturation,
+                  "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).saturation = $event),
+                  min: 0,
+                  max: 5,
+                  step: 0.1,
+                  "controls-position": "right",
+                  onInput: _cache[17] || (_cache[17] = $event => paramsChanged('saturation'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["style"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+          gutter: 20,
+          class: "rowClass"
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
+            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).gamma
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+              style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeStyle)([{
+                "display": "flex"
+              }, {
+                'width': (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? '268px' : '250px'
+              }])
+            }, {
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 18
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_slider, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).gamma,
+                  "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).gamma = $event),
+                  step: 0.1,
+                  min: 0,
+                  max: 5,
+                  onInput: _cache[19] || (_cache[19] = $event => paramsChanged('gamma'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+                span: 6
+              }, {
+                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_input_number, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).gamma,
+                  "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).gamma = $event),
+                  min: 0,
+                  max: 5,
+                  step: 0.1,
+                  "controls-position": "right",
+                  onInput: _cache[21] || (_cache[21] = $event => paramsChanged('gamma'))
+                }, null, 8
+                /* PROPS */
+                , ["modelValue", "step"])]),
+                _: 1
+                /* STABLE */
+
+              })]),
+              _: 1
+              /* STABLE */
+
+            }, 8
+            /* PROPS */
+            , ["style"])]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["label"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["label-width"])], 512
+      /* NEED_PATCH */
+      )], 2
+      /* CLASS */
+      );
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/modelfilter/ModelFilter.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/modelfilter/ModelFilter.vue
+
+
+
+const __exports__ = ModelFiltervue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ModelFilter = (__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/modelfilter/index.js
+
+
+
+
+ModelFilter.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ModelFilter.name, ModelFilter);
+};
+
+
+}();
+module.exports = __webpack_exports__;
+/******/ })()
+;