@kq_npm/client3d_webgl_vue 1.0.8-beta → 1.1.0-beta

package/adddata/index.js

@@ -909,36 +909,37 @@ const __default__ = {
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
           language.value = scenceView._language;
-          dataSourceTypeList.value = [{
-            type: 'kq3dimageryfile',
-            name: language.value.ImagertyTileFile,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ':http://<host>:<port>/xxx/<servername>/info.xml',
-            description: language.value.imagertyTileFiledescription
-          }, {
-            type: 'obterrain',
-            name: language.value.ObTerrainTileFile,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ':http://<host>:<port>/xxx/<servername>/info.xml',
-            description: language.value.imagertyObTerrainTileFiledescription
-          }, {
-            type: 'stkterrain',
-            name: language.value.StkTerrainTileFile,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ':http://<host>:<port>/xxx/<foldername>/',
-            description: language.value.imagertyStkTerrainTileFiledescription
-          }, {
-            type: '3dtiles',
-            name: language.value.Cesium3DTilesFile,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ':http://<host>:<port>/xxx/<servername>/tileset.json',
-            description: language.value.imagerty3DTilesFiledescription
-          }, {
+          dataSourceTypeList.value = [// {
+          //     type: 'kq3dimageryfile',
+          //     name: language.value.ImagertyTileFile,
+          //     namePlaceholder: language.value.unnamedLayer,
+          //     urlPlaceholder: language.value.format +':http://<host>:<port>/xxx/<servername>/info.xml',
+          //     description: language.value.imagertyTileFiledescription
+          // }, {
+          //     type: 'obterrain',
+          //     name: language.value.ObTerrainTileFile,
+          //     namePlaceholder: language.value.unnamedLayer,
+          //     urlPlaceholder: language.value.format +':http://<host>:<port>/xxx/<servername>/info.xml',
+          //     description: language.value.imagertyObTerrainTileFiledescription
+          // }, {
+          //     type: 'stkterrain',
+          //     name: language.value.StkTerrainTileFile,
+          //     namePlaceholder: language.value.unnamedLayer,
+          //     urlPlaceholder: language.value.format +':http://<host>:<port>/xxx/<foldername>/',
+          //     description: language.value.imagertyStkTerrainTileFiledescription
+          // }, 
+          {
             type: 'kqgis3dserver',
             name: language.value.KQGIS3DServer,
             namePlaceholder: language.value.unnamedLayer,
             urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/realspace',
             description: language.value.imagerty3DServerdescription
+          }, {
+            type: 'kqgismapserver',
+            name: language.value.KQGISMapServer,
+            namePlaceholder: language.value.unnamedLayer,
+            urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/map',
+            description: language.value.imagertyMapServerdescription
           }, {
             type: 'kqgisimageserver',
             name: language.value.KQGISImageServer,
@@ -946,11 +947,17 @@ const __default__ = {
             urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/image',
             description: language.value.imagertyImageServerdescription
           }, {
-            type: 'kqgismapserver',
-            name: language.value.KQGISMapServer,
+            type: 'kqgisdataflowserver',
+            name: language.value.KQGISDataflowServer + '（未实现）',
             namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/map',
-            description: language.value.imagertyMapServerdescription
+            urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/dataflow',
+            description: language.value.imagertyDataflowServerdescription
+          }, {
+            type: 'kqgistileserver',
+            name: language.value.KQGISTileServer + '（未实现）',
+            namePlaceholder: language.value.unnamedLayer,
+            urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/tile',
+            description: language.value.imagertyTileServerdescription
           }, {
             type: 'arcgismapserver',
             name: language.value.ArcGISMapServer,
@@ -969,40 +976,46 @@ const __default__ = {
             namePlaceholder: language.value.unnamedLayer,
             urlPlaceholder: language.value.format + ':http://<host>:<port>/kqgis/rest/services/<servername>/map/wmts',
             description: language.value.imagertyOGCWMTSdescription
-          },
-          /*{
-            type: 'wfs',
-            name: language.value.OGCWFS,
-            namePlaceholder: language.value.wfsLayer,
-            urlPlaceholder: language.value.format +':http://<host>:<port>/ArcGIS/rest/services/<servername>/wfs',
-            description: language.value.imagertyOGCWFSdescription
-          }, {
-            type: 'mvt',
-            name: language.value.MVT,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format +':http://<host>:<port>/mvt/tiles/{z}/{x}/{y}.mvt',
-            stylePlaceholder: language.value.format +':http://<host>:<port>/mvt/style.json',
-            description: language.value.imagertyMVTdescription
-          }, */
-          {
-            type: 'geojson',
-            name: language.value.GeoJson,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ': http://<host>:<port>/xxx/<servername>/xxx.geojson',
-            description: language.value.imagertyGeoJsondescription
-          }, {
-            type: 'kml',
-            name: language.value.KML,
-            namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ': http://<host>:<port>/xxx/<servername>/xxx.kml',
-            description: language.value.imagertyKMLdescription
           }, {
-            type: 'czml',
-            name: language.value.CZML,
+            type: '3dtiles',
+            name: language.value.Cesium3DTilesFile,
             namePlaceholder: language.value.unnamedLayer,
-            urlPlaceholder: language.value.format + ': http://<host>:<port>/xxx/<servername>/xxx.czml',
-            description: language.value.imagertyCZMLdescription
-          }];
+            urlPlaceholder: language.value.format + ':http://<host>:<port>/tileset.json',
+            description: language.value.imagerty3DTilesFiledescription
+          }
+          /*, {
+             type: 'wfs',
+             name: language.value.OGCWFS,
+             namePlaceholder: language.value.wfsLayer,
+             urlPlaceholder: language.value.format +':http://<host>:<port>/ArcGIS/rest/services/<servername>/wfs',
+             description: language.value.imagertyOGCWFSdescription
+          }, {
+             type: 'mvt',
+             name: language.value.MVT,
+             namePlaceholder: language.value.unnamedLayer,
+             urlPlaceholder: language.value.format +':http://<host>:<port>/mvt/tiles/{z}/{x}/{y}.mvt',
+             stylePlaceholder: language.value.format +':http://<host>:<port>/mvt/style.json',
+             description: language.value.imagertyMVTdescription
+          }, {
+             type: 'geojson',
+             name: language.value.GeoJson,
+             namePlaceholder: language.value.unnamedLayer,
+             urlPlaceholder: language.value.format +': http://<host>:<port>/xxx/<servername>/xxx.geojson',
+             description: language.value.imagertyGeoJsondescription
+          }, {
+             type: 'kml',
+             name: language.value.KML,
+             namePlaceholder: language.value.unnamedLayer,
+             urlPlaceholder: language.value.format +': http://<host>:<port>/xxx/<servername>/xxx.kml',
+             description: language.value.imagertyKMLdescription
+          }, {
+             type: 'czml',
+             name: language.value.CZML,
+             namePlaceholder: language.value.unnamedLayer,
+             urlPlaceholder: language.value.format +': http://<host>:<port>/xxx/<servername>/xxx.czml',
+             description: language.value.imagertyCZMLdescription
+          }*/
+          ];
           dataSourceType.value = dataSourceTypeList.value[0];
           let options = {
             billboardImage: const_image_namespaceObject.BILLBOARD_IMAGE_URL

package/{fixedzoomin3d → fixedzoomin}/index.js

@@ -51,8 +51,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "FixedZoomin3dViewModel": function() { return /* reexport */ FixedZoomin3dViewModel; },
-  "default": function() { return /* reexport */ FixedZoomin3d; }
+  "FixedZoominViewModel": function() { return /* reexport */ FixedZoomin3dViewModel; },
+  "default": function() { return /* reexport */ FixedZoomin; }
 });
 
 ;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
@@ -74,7 +74,7 @@ function _defineProperty(obj, key, value) {
 
   return obj;
 }
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomin3d/FixedZoomin3dViewModel.js
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomin/FixedZoominViewModel.js
 
 // 三维固定缩放逻辑
 class FixedZoomin3dViewModel {
@@ -143,7 +143,7 @@ class FixedZoomin3dViewModel {
 }
 ;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-utils");
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/fixedzoomin3d/FixedZoomin3d.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/fixedzoomin/FixedZoomin.vue?vue&type=script&setup=true&lang=js
 
 
 
@@ -153,7 +153,7 @@ var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-ut
 const __default__ = {
   name: "Kq3dFixedZoomin3d"
 };
-/* harmony default export */ var FixedZoomin3dvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+/* harmony default export */ var FixedZoominvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
   props: {
     // 按钮图标大小
     iconSize: {
@@ -218,26 +218,26 @@ const __default__ = {
   }
 
 }));
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomin3d/FixedZoomin3d.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomin/FixedZoomin.vue?vue&type=script&setup=true&lang=js
  
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomin3d/FixedZoomin3d.vue
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomin/FixedZoomin.vue
 
 
 
-const __exports__ = FixedZoomin3dvue_type_script_setup_true_lang_js;
+const __exports__ = FixedZoominvue_type_script_setup_true_lang_js;
 
-/* harmony default export */ var FixedZoomin3d = (__exports__);
+/* harmony default export */ var FixedZoomin = (__exports__);
 ;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
 var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomin3d/index.js
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomin/index.js
 
 
 
 
-FixedZoomin3d.install = (Vue, opts) => {
+FixedZoomin.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
-  Vue.component(FixedZoomin3d.name, FixedZoomin3d);
+  Vue.component(FixedZoomin.name, FixedZoomin);
 };
 
 

package/{fixedzoomout3d → fixedzoomout}/index.js

@@ -51,8 +51,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "FixedZoomout3dViewModel": function() { return /* reexport */ FixedZoomout3dViewModel; },
-  "default": function() { return /* reexport */ FixedZoomout3d; }
+  "FixedZoomoutViewModel": function() { return /* reexport */ FixedZoomout3dViewModel; },
+  "default": function() { return /* reexport */ FixedZoomout; }
 });
 
 ;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
@@ -74,7 +74,7 @@ function _defineProperty(obj, key, value) {
 
   return obj;
 }
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomout3d/FixedZoomout3dViewModel.js
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomout/FixedZoomoutViewModel.js
 
 // 三维固定缩放逻辑
 class FixedZoomout3dViewModel {
@@ -143,7 +143,7 @@ class FixedZoomout3dViewModel {
 }
 ;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
 var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-utils");
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/fixedzoomout3d/FixedZoomout3d.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/fixedzoomout/FixedZoomout.vue?vue&type=script&setup=true&lang=js
 
 
 
@@ -153,7 +153,7 @@ var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-ut
 const __default__ = {
   name: "Kq3dFixedZoomout3d"
 };
-/* harmony default export */ var FixedZoomout3dvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+/* harmony default export */ var FixedZoomoutvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
   props: {
     // 按钮图标大小
     iconSize: {
@@ -218,26 +218,26 @@ const __default__ = {
   }
 
 }));
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomout3d/FixedZoomout3d.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomout/FixedZoomout.vue?vue&type=script&setup=true&lang=js
  
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomout3d/FixedZoomout3d.vue
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomout/FixedZoomout.vue
 
 
 
-const __exports__ = FixedZoomout3dvue_type_script_setup_true_lang_js;
+const __exports__ = FixedZoomoutvue_type_script_setup_true_lang_js;
 
-/* harmony default export */ var FixedZoomout3d = (__exports__);
+/* harmony default export */ var FixedZoomout = (__exports__);
 ;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
 var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
 var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/webgl/fixedzoomout3d/index.js
+;// CONCATENATED MODULE: ./src/webgl/fixedzoomout/index.js
 
 
 
 
-FixedZoomout3d.install = (Vue, opts) => {
+FixedZoomout.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
-  Vue.component(FixedZoomout3d.name, FixedZoomout3d);
+  Vue.component(FixedZoomout.name, FixedZoomout);
 };
 
 

package/flight/index.js

@@ -260,7 +260,16 @@ const __default__ = {
     let viewer = null;
     let pathPlayIndex = -1;
     let dropDownPath = null;
-    let viewModel = null;
+    let viewModel = null; // 表格头样式
+
+    let headClass = args => {
+      return {
+        "background-color": "var(--kq-fill-color-light)",
+        color: "var(--kq-color-info)",
+        "font-size": "14px"
+      };
+    };
+
     (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
       gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
         if (scenceView) {
@@ -589,7 +598,7 @@ const __default__ = {
       /* PROPS */
       , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_upload, {
         style: {
-          "margin-left": "12px"
+          "margin-left": "4px"
         },
         "on-change": importFile,
         "auto-upload": false,
@@ -684,7 +693,7 @@ const __default__ = {
               onClick: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => showDropDownMenu(item, index), ["prevent", "stop"]),
               title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).more
             }, {
-              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.MoreFilled))]),
+              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.More))]),
               _: 2
               /* DYNAMIC */
 
@@ -804,7 +813,8 @@ const __default__ = {
       /* PROPS */
       , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table, {
         border: "",
-        data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(tableData)
+        data: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(tableData),
+        "header-cell-style": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(headClass)
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
           label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).no,
@@ -815,12 +825,14 @@ const __default__ = {
         /* PROPS */
         , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
           label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).position,
-          prop: "position"
+          prop: "position",
+          align: "center"
         }, null, 8
         /* PROPS */
         , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
           label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).interval,
-          width: "100"
+          width: "100",
+          align: "center"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(scope => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_input_number, {
             modelValue: scope.row.interval,
@@ -840,7 +852,8 @@ const __default__ = {
         /* PROPS */
         , ["label"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_table_column, {
           label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).operation,
-          width: "90"
+          width: "90",
+          align: "center"
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(scope => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
             onClick: $event => replaceKey(scope.$index, scope.row),
@@ -888,7 +901,7 @@ const __default__ = {
 
       }, 8
       /* PROPS */
-      , ["data"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
+      , ["data", "header-cell-style"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
         class: "kq-flight3d-btn-add",
         onClick: addKey
       }, {

package/flight/style/flight.css

@@ -1 +1 @@
-:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq-flight3d{z-index:999;width:466px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq-flight3d p{margin:0}.kq-flight3d .kq-flight3d-btns{display:-webkit-box;display:-ms-flexbox;display:flex}.kq-flight3d .kq-flight3d-btns .kq-button{width:48px;height:48px;margin-right:12px}.kq-flight3d .kq-flight3d-btns .kq-button .kq-icon{color:var(--kq-color-primary)}.kq-flight3d .pathlist-ul{color:var(--kq-text-color-regular);height:100%;margin-top:0;margin-bottom:0;border-right:none}.kq-flight3d .pathlist-ul .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .pathlist-ul li{position:relative;height:32px;line-height:32px;list-style-type:none;border-bottom:var(--kq-border-width) var(--kq-border-style) var(--kq-border-color);padding-right:0}.kq-flight3d .pathlist-ul li span{text-indent:9px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:100%}.kq-flight3d .pathlist-ul li:hover .menuIcon{display:block}.kq-flight3d .pathlist-ul li .menuIcon{display:none}.kq-flight3d .dropdown-ul{width:84px;background-color:var(--kq-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow);text-align:center;position:fixed;z-index:9999999;border-right:none;padding:8px 0}.kq-flight3d .dropdown-ul .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .dropdown-ul li{height:30px;padding-left:12px!important}.kq-flight3d .kq-flight3d-list-title{line-height:24px;margin:8px 0}.kq-flight3d .kq-flight3d-add-title,.kq-flight3d .kq-flight3d-list-title{color:var(--kq-text-color-primary);background:var(--kq-fill-color-light);font-size:16px;padding:12px 16px}.kq-flight3d .kq-flight3d-add-title .kq-button{height:22px;padding:0 12px}.kq-flight3d .kq-flight3d-add-title .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-flight3d-item-name{color:var(--kq-text-color-regular);margin:8px 0}.kq-flight3d .kq-table .cell{padding:0 8px}.kq-flight3d .kq-table .kq-button{width:32px;height:32px}.kq-flight3d .kq-table .kq-button+.kq-button{margin-left:8px}.kq-flight3d .kq-table .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-flight3d-btn-add{margin:8px 0;width:100%;color:var(--kq-color-primary)}.kq-flight3d .kq-flight3d-btn-add .kq-icon{margin-right:10px}.kq-flight3d .kq-flight3d-btn-add .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-flight3d-ybf{color:var(--kq-text-color-regular);background:var(--kq-fill-color-light);font-size:14px;line-height:32px;padding:12px 16px;margin-bottom:8px!important}.kq-flight3d .kq-flight3d-ybf .kq-form-item__content{height:32px}.kq-flight3d .kq-flight3d-ybf .kq-form-item__content div{width:100%;text-align:center}.kq-flight3d .kq-flight3d-ybf .kq-icon{margin:0 12px;cursor:pointer}.kq-flight3d .kq-flight3d-ybf .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-divider{margin:0 0 16px}
+:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq-flight3d{z-index:999;width:466px;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq-flight3d p{margin:0}.kq-flight3d .kq-flight3d-btns{display:-webkit-box;display:-ms-flexbox;display:flex}.kq-flight3d .kq-flight3d-btns .kq-button{width:48px;height:48px;margin-right:12px}.kq-flight3d .kq-flight3d-btns .kq-button .kq-icon{color:var(--kq-color-primary)}.kq-flight3d .pathlist-ul{color:var(--kq-text-color-regular);height:100%;margin-top:0;margin-bottom:0;border-right:none}.kq-flight3d .pathlist-ul .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .pathlist-ul li{position:relative;height:32px;line-height:32px;list-style-type:none;border-bottom:var(--kq-border-width) var(--kq-border-style) var(--kq-border-color);padding:0!important}.kq-flight3d .pathlist-ul li span{text-indent:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:100%}.kq-flight3d .pathlist-ul li:hover .menuIcon{display:block}.kq-flight3d .pathlist-ul li .menuIcon{display:none}.kq-flight3d .dropdown-ul{width:84px;background-color:var(--kq-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow);text-align:center;position:fixed;z-index:9999999;border-right:none;padding:8px 0}.kq-flight3d .dropdown-ul .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .dropdown-ul li{height:30px;padding-left:12px!important}.kq-flight3d .kq-flight3d-list-title{line-height:24px;margin:8px 0;text-align:center}.kq-flight3d .kq-flight3d-add-title,.kq-flight3d .kq-flight3d-list-title{color:var(--kq-text-color-primary);background:var(--kq-fill-color-light);font-size:16px;padding:12px 16px;font-weight:700}.kq-flight3d .kq-flight3d-add-title .kq-button{height:22px;padding:0 12px 0 0}.kq-flight3d .kq-flight3d-add-title .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-flight3d-item-name{color:var(--kq-text-color-regular);margin:8px 0}.kq-flight3d .kq-table .cell{padding:0 8px}.kq-flight3d .kq-table .kq-button{width:32px;height:32px}.kq-flight3d .kq-table .kq-button+.kq-button{margin-left:8px}.kq-flight3d .kq-table .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-flight3d-btn-add{margin:8px 0;width:100%;color:var(--kq-color-primary)}.kq-flight3d .kq-flight3d-btn-add .kq-icon{margin-right:10px}.kq-flight3d .kq-flight3d-btn-add .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-flight3d-ybf{color:var(--kq-text-color-regular);background:var(--kq-fill-color-light);font-size:14px;line-height:32px;padding:12px 16px;margin-bottom:8px!important}.kq-flight3d .kq-flight3d-ybf .kq-form-item__content{height:32px}.kq-flight3d .kq-flight3d-ybf .kq-form-item__content div{width:100%;text-align:center}.kq-flight3d .kq-flight3d-ybf .kq-icon{margin:0 12px;cursor:pointer}.kq-flight3d .kq-flight3d-ybf .kq-icon path{fill:var(--kq-text-color-regular)}.kq-flight3d .kq-divider{margin:0 0 16px}