@kq_npm/client3d_webgl_vue 4.0.5-beta → 4.0.7-beta

package/modelfilter/index.js

@@ -2,27 +2,22 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 8143:
+/***/ 1349:
 /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
 
+/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2442);
+/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_es__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5406);
+/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
 
-// 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);
+element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
+  _init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
+  Vue.component("KqMessage", element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
 };
 
-/* harmony default export */ var message = ((/* unused pure expression or super */ null && (KqMessage)));
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (KqMessage)));
 
 /***/ }),
 
@@ -33,6 +28,13 @@ module.exports = require("@kq_npm/client_icons_vue");
 
 /***/ }),
 
+/***/ 2442:
+/***/ (function(module) {
+
+module.exports = require("element-plus/es");
+
+/***/ }),
+
 /***/ 7080:
 /***/ (function(module) {
 
@@ -177,11 +179,11 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 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);
+// EXTERNAL MODULE: ./src/common/_ui/message/index.js
+var message = __webpack_require__(1349);
 ;// CONCATENATED MODULE: ./src/webgl/modelfilter/ModelFilterViewModel.js
- //模型滤镜逻辑类
 
+//模型滤镜逻辑类
 
 class ModelFilterViewModel {
   //三维viewer对象
@@ -293,10 +295,25 @@ var util_ = __webpack_require__(9519);
 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
+;// CONCATENATED MODULE: ./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"
+  class: "kq3d-model-filter-span"
+};
+const _hoisted_2 = {
+  class: "kq3d-model-filter-span"
+};
+const _hoisted_3 = {
+  class: "kq3d-model-filter-span"
+};
+const _hoisted_4 = {
+  class: "kq3d-model-filter-span"
+};
+const _hoisted_5 = {
+  class: "kq3d-model-filter-span"
+};
+const _hoisted_6 = {
+  class: "kq3d-model-filter-span"
 };
 
 
@@ -344,7 +361,7 @@ const __default__ = {
     // HeaderTemp图标
     headerTempIcon: {
       type: [Object, String],
-      default: client_icons_vue_.IconModelSelect
+      default: client_icons_vue_.IconModelFiltering
     },
     // HeaderTemp Title&Icon的位置
     isRight: {
@@ -353,10 +370,9 @@ const __default__ = {
     }
   },
 
-  setup(__props, _ref) {
-    let {
-      expose
-    } = _ref;
+  setup(__props, {
+    expose
+  }) {
     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)("");
@@ -421,12 +437,6 @@ const __default__ = {
           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对象
@@ -509,10 +519,6 @@ const __default__ = {
 
       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
@@ -530,12 +536,10 @@ const __default__ = {
         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"
+        gutter: 10
       }, {
         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"
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 7 : 10
         }, {
           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 */
@@ -546,12 +550,12 @@ const __default__ = {
         }, 8
         /* PROPS */
         , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
-          span: 17
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 17 : 14
         }, {
           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'
-            }),
+            style: {
+              "width": "100%"
+            },
             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')),
@@ -581,331 +585,289 @@ const __default__ = {
 
           }, 8
           /* PROPS */
-          , ["style", "modelValue"])]),
+          , ["modelValue"])]),
           _: 1
           /* STABLE */
 
-        })]),
+        }, 8
+        /* PROPS */
+        , ["span"])]),
         _: 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"
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
       }, {
-        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_col, {
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 7 : 10
         }, {
-          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 */
+          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).brightness), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
 
-          }, 8
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 11 : 8
+        }, {
+          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 */
+
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6,
+          style: {
+            "text-align": "end"
+          }
+        }, {
+          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 */
-          , ["label"])]),
+          , ["modelValue", "step"])]),
           _: 1
           /* STABLE */
 
-        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
-          gutter: 20,
-          class: "rowClass"
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
+      }, {
+        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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 7 : 10
         }, {
-          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 */
+          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).contrast), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
 
-          }, 8
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 11 : 8
+        }, {
+          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 */
-          , ["label"])]),
+          , ["modelValue", "step"])]),
           _: 1
           /* STABLE */
 
-        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
-          gutter: 20,
-          class: "rowClass"
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6,
+          style: {
+            "text-align": "end"
+          }
         }, {
-          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 */
+          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 */
 
-          }, 8
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
+      }, {
+        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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 7 : 10
+        }, {
+          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).tone), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 11 : 8
+        }, {
+          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 */
-          , ["label"])]),
+          , ["modelValue", "step"])]),
           _: 1
           /* STABLE */
 
-        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
-          gutter: 20,
-          class: "rowClass"
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6,
+          style: {
+            "text-align": "end"
+          }
         }, {
-          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 */
+          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 */
 
-          }, 8
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
+      }, {
+        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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 7 : 10
+        }, {
+          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_5, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).saturation), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 11 : 8
+        }, {
+          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 */
-          , ["label"])]),
+          , ["modelValue", "step"])]),
           _: 1
           /* STABLE */
 
-        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
-          gutter: 20,
-          class: "rowClass"
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6,
+          style: {
+            "text-align": "end"
+          }
         }, {
-          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 */
+          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 */
 
-          }, 8
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, {
+        gutter: 10
+      }, {
+        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: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 7 : 10
+        }, {
+          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_6, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).gamma), 1
+          /* TEXT */
+          )]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(currentLang) === 'zh' ? 11 : 8
+        }, {
+          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 */
+
+        }, 8
+        /* PROPS */
+        , ["span"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_col, {
+          span: 6,
+          style: {
+            "text-align": "end"
+          }
+        }, {
+          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 */
-          , ["label"])]),
+          , ["modelValue", "step"])]),
           _: 1
           /* STABLE */
 
@@ -913,9 +875,7 @@ const __default__ = {
         _: 1
         /* STABLE */
 
-      }, 8
-      /* PROPS */
-      , ["label-width"])], 512
+      })], 512
       /* NEED_PATCH */
       )], 2
       /* CLASS */