ym-giswidget-2d 1.0.55 → 1.0.56

package/README.md

@@ -1,33 +1,33 @@
-# olComponents
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-pnpm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-pnpm dev
-```
-
-### Type-Check, Compile and Minify for Production
-
-```sh
-pnpm build
-```
+# olComponents
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```

package/assets/font/iconfont.css

@@ -1,39 +1,39 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 4810358 */
-  src: url('iconfont.woff2?t=1736821977689') format('woff2'),
-       url('iconfont.woff?t=1736821977689') format('woff'),
-       url('iconfont.ttf?t=1736821977689') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-undock:before {
-  content: "\e718";
-}
-
-.icon-dock:before {
-  content: "\e601";
-}
-
-.icon-minimize:before {
-  content: "\e646";
-}
-
-.icon-restore:before {
-  content: "\e600";
-}
-
-.icon-close:before {
-  content: "\e70f";
-}
-
-.icon-maximize:before {
-  content: "\e651";
-}
-
+@font-face {
+  font-family: "iconfont"; /* Project id 4810358 */
+  src: url('iconfont.woff2?t=1736821977689') format('woff2'),
+       url('iconfont.woff?t=1736821977689') format('woff'),
+       url('iconfont.ttf?t=1736821977689') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-undock:before {
+  content: "\e718";
+}
+
+.icon-dock:before {
+  content: "\e601";
+}
+
+.icon-minimize:before {
+  content: "\e646";
+}
+
+.icon-restore:before {
+  content: "\e600";
+}
+
+.icon-close:before {
+  content: "\e70f";
+}
+
+.icon-maximize:before {
+  content: "\e651";
+}
+

package/assets/font/iconfont.json

@@ -1,51 +1,51 @@
-{
-  "id": "4810358",
-  "name": "print-map",
-  "font_family": "iconfont",
-  "css_prefix_text": "icon-",
-  "description": "",
-  "glyphs": [
-    {
-      "icon_id": "21967058",
-      "name": "未停靠",
-      "font_class": "undock",
-      "unicode": "e718",
-      "unicode_decimal": 59160
-    },
-    {
-      "icon_id": "39867073",
-      "name": "停靠",
-      "font_class": "dock",
-      "unicode": "e601",
-      "unicode_decimal": 58881
-    },
-    {
-      "icon_id": "659177",
-      "name": "最小化",
-      "font_class": "minimize",
-      "unicode": "e646",
-      "unicode_decimal": 58950
-    },
-    {
-      "icon_id": "4485682",
-      "name": "还原窗体",
-      "font_class": "restore",
-      "unicode": "e600",
-      "unicode_decimal": 58880
-    },
-    {
-      "icon_id": "6705520",
-      "name": "关闭",
-      "font_class": "close",
-      "unicode": "e70f",
-      "unicode_decimal": 59151
-    },
-    {
-      "icon_id": "11490920",
-      "name": "最大化",
-      "font_class": "maximize",
-      "unicode": "e651",
-      "unicode_decimal": 58961
-    }
-  ]
-}
+{
+  "id": "4810358",
+  "name": "print-map",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "21967058",
+      "name": "未停靠",
+      "font_class": "undock",
+      "unicode": "e718",
+      "unicode_decimal": 59160
+    },
+    {
+      "icon_id": "39867073",
+      "name": "停靠",
+      "font_class": "dock",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "659177",
+      "name": "最小化",
+      "font_class": "minimize",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "4485682",
+      "name": "还原窗体",
+      "font_class": "restore",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "6705520",
+      "name": "关闭",
+      "font_class": "close",
+      "unicode": "e70f",
+      "unicode_decimal": 59151
+    },
+    {
+      "icon_id": "11490920",
+      "name": "最大化",
+      "font_class": "maximize",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    }
+  ]
+}

package/components/difference/Difference.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./Difference.vue2.js";
+export {
+  _sfc_main as default
+};

package/components/difference/Difference.vue2.js

@@ -0,0 +1,76 @@
+import { defineComponent, reactive, onMounted, toRaw, onUnmounted } from "vue";
+import Difference from "ym-gis-2d/interaction/Difference";
+import { ElLoading, ElMessage } from "element-plus";
+import FeatureManager from "ym-gis-2d/feature/FeatureManager";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Difference",
+  props: {
+    map: {},
+    showLoading: { type: Boolean, default: true },
+    fieldName: {},
+    fieldValues: {}
+  },
+  emits: ["activeInteraction"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const reactiveData = reactive({
+      features: []
+    });
+    onMounted(() => {
+      const featureManager = new FeatureManager(props.map);
+      const editFeatures = featureManager.getEditFeatures(props.fieldName, props.fieldValues);
+      if (!editFeatures || editFeatures.length === 0) {
+        emit("activeInteraction", { success: false, message: "请先选择分割的地块" });
+        return;
+      }
+      reactiveData.differenceTool = new Difference(editFeatures, {
+        tipText: "绘制面挖除要素",
+        addTempLayer: true
+        //是否添加临时图层
+      });
+      props.map.interactionManager.addInteraction("difference", toRaw(reactiveData.differenceTool));
+      let loadingInstance;
+      reactiveData.differenceTool.on("holeStart", (event) => {
+        if (props.showLoading) {
+          loadingInstance = ElLoading.service({ text: "正在挖除...", background: "rgba(0, 0, 0, 0.5)", target: props.map.getTarget() });
+        }
+      });
+      reactiveData.differenceTool.on("holed", (event) => {
+        var _a;
+        loadingInstance == null ? void 0 : loadingInstance.close();
+        if (event.error) {
+          ElMessage.error("挖除失败：" + event.error);
+          return;
+        }
+        const features = event.features;
+        if (features && features.length > 0) {
+          features.forEach((feature) => {
+            feature.isSelected = true;
+          });
+        }
+        let editFeatures2 = featureManager.getEditFeatures(props.fieldName, props.fieldValues);
+        if (editFeatures2 && editFeatures2.length > 0) {
+          (_a = reactiveData.differenceTool) == null ? void 0 : _a.setFeatures(editFeatures2);
+        }
+      });
+    });
+    onUnmounted(() => {
+      props.map.interactionManager.removeInteraction("difference");
+    });
+    function setFeatures(features) {
+      var _a;
+      (_a = reactiveData.differenceTool) == null ? void 0 : _a.setFeatures(features);
+    }
+    __expose({
+      setFeatures,
+      features: reactiveData.features
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/difference/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/wthInstall.js";
+import _sfc_main from "./Difference.vue2.js";
+const Difference = withInstall(_sfc_main);
+export {
+  Difference,
+  Difference as default
+};

package/components/horizontally-top-toolbar/HorizontallyTopToolbar.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./HorizontallyTopToolbar.vue2.js";
 /* empty css                            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _HorizontallyTopToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53d5278a"]]);
+const _HorizontallyTopToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-647a59e2"]]);
 export {
   _HorizontallyTopToolbar as default
 };

package/components/horizontally-top-toolbar/HorizontallyTopToolbar.vue2.js

@@ -108,9 +108,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             id: "splitTool",
             title: "分割",
-            classPath: "../tools/split/Split.vue",
+            classPath: "split/Split.vue",
             icon: "./img/tool/clear.png",
             isOnce: true
+          },
+          {
+            id: "differenceTool",
+            title: "挖除",
+            classPath: "../difference/index.ts",
+            icon: "./img/tool/clear.png",
+            isOnce: false,
+            isRepels: true
           }
         ]
       },
@@ -135,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["loaded"],
   setup(__props, { emit: __emit }) {
-    const modules = /* @__PURE__ */ Object.assign({ "../area-measurement/AreaMeasurement.vue": () => import("../area-measurement/AreaMeasurement.vue2.js"), "../area-measurement/index.ts": () => import("../area-measurement/index.js"), "../clear/Clear.vue": () => import("../clear/Clear.vue2.js"), "../clear/index.ts": () => import("../clear/index.js"), "../distance-measurement/DistanceMeasurement.vue": () => import("../distance-measurement/DistanceMeasurement.vue.js"), "../draw/Draw.vue": () => import("../draw/Draw.vue2.js"), "../draw/index.ts": () => import("../draw/index.js"), "../export/Export.vue": () => import("../export/Export.vue.js"), "../export/index.ts": () => import("../export/index.js"), "./HorizontallyTopToolbar.vue": () => import("./HorizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "../identify/Identify.vue": () => import("../identify/Identify.vue2.js"), "../identify/index.ts": () => import("../identify/index.js"), "../import/Import.vue": () => import("../import/Import.vue2.js"), "../import/index.ts": () => import("../import/index.js"), "../layer-switcher/LayerSwitcher.vue": () => import("../layer-switcher/LayerSwitcher.vue.js"), "../layer-switcher/index.ts": () => import("../layer-switcher/index.js"), "../layer-tree/LayerTree.vue": () => import("../layer-tree/LayerTree.vue.js"), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../legend/Legend.vue": () => import("../legend/Legend.vue.js"), "../legend/index.ts": () => import("../legend/index.js"), "../location/Location.vue": () => import("../location/Location.vue.js"), "../location/index.ts": () => import("../location/index.js"), "../map-view/MapView.vue": () => import("../map-view/MapView.vue2.js"), "../map-view/index.ts": () => import("../map-view/index.js"), "../mouse-position/MousePositon.vue": () => import("../mouse-position/MousePositon.vue.js"), "../mouse-position/index.ts": () => import("../mouse-position/index.js"), "../multi-screen-panel/PanelMultiScreen.vue": () => import("../multi-screen-panel/PanelMultiScreen.vue.js"), "../multi-screen-panel/index.ts": () => import("../multi-screen-panel/index.js"), "../multi-screen/MultiScreen.vue": () => import("../multi-screen/MultiScreen.vue.js"), "../multi-screen/index.ts": () => import("../multi-screen/index.js"), "../popup/Popup.vue": () => import("../popup/Popup.vue.js"), "../popup/index.ts": () => import("../popup/index.js"), "../scale-line/ScaleLine.vue": () => import("../scale-line/ScaleLine.vue.js"), "../scale-line/index.ts": () => import("../scale-line/index.js"), "../select/Select.vue": () => import("../select/Select.vue2.js"), "../select/index.ts": () => import("../select/index.js"), "../split/Split.vue": () => import("../split/Split.vue.js"), "../split/index.ts": () => import("../split/index.js"), "../swipe-layer/SwipeLayer.vue": () => import("../swipe-layer/SwipeLayer.vue2.js"), "../swipe-layer/index.ts": () => import("../swipe-layer/index.js"), "../toc-card/TocCard.vue": () => import("../toc-card/TocCard.vue.js"), "../toc-card/index.ts": () => import("../toc-card/index.js") });
+    const modules = /* @__PURE__ */ Object.assign({ "../area-measurement/AreaMeasurement.vue": () => import("../area-measurement/AreaMeasurement.vue2.js"), "../area-measurement/index.ts": () => import("../area-measurement/index.js"), "../clear/Clear.vue": () => import("../clear/Clear.vue2.js"), "../clear/index.ts": () => import("../clear/index.js"), "../difference/Difference.vue": () => import("../difference/Difference.vue.js"), "../difference/index.ts": () => import("../difference/index.js"), "../distance-measurement/DistanceMeasurement.vue": () => import("../distance-measurement/DistanceMeasurement.vue.js"), "../draw/Draw.vue": () => import("../draw/Draw.vue2.js"), "../draw/index.ts": () => import("../draw/index.js"), "../export/Export.vue": () => import("../export/Export.vue.js"), "../export/index.ts": () => import("../export/index.js"), "./HorizontallyTopToolbar.vue": () => import("./HorizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "../identify/Identify.vue": () => import("../identify/Identify.vue2.js"), "../identify/index.ts": () => import("../identify/index.js"), "../import/Import.vue": () => import("../import/Import.vue2.js"), "../import/index.ts": () => import("../import/index.js"), "../layer-switcher/LayerSwitcher.vue": () => import("../layer-switcher/LayerSwitcher.vue.js"), "../layer-switcher/index.ts": () => import("../layer-switcher/index.js"), "../layer-tree/LayerTree.vue": () => import("../layer-tree/LayerTree.vue.js"), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../legend/Legend.vue": () => import("../legend/Legend.vue.js"), "../legend/index.ts": () => import("../legend/index.js"), "../location/Location.vue": () => import("../location/Location.vue.js"), "../location/index.ts": () => import("../location/index.js"), "../map-view/MapView.vue": () => import("../map-view/MapView.vue2.js"), "../map-view/index.ts": () => import("../map-view/index.js"), "../mouse-position/MousePositon.vue": () => import("../mouse-position/MousePositon.vue.js"), "../mouse-position/index.ts": () => import("../mouse-position/index.js"), "../multi-screen-panel/PanelMultiScreen.vue": () => import("../multi-screen-panel/PanelMultiScreen.vue.js"), "../multi-screen-panel/index.ts": () => import("../multi-screen-panel/index.js"), "../multi-screen/MultiScreen.vue": () => import("../multi-screen/MultiScreen.vue.js"), "../multi-screen/index.ts": () => import("../multi-screen/index.js"), "../popup/Popup.vue": () => import("../popup/Popup.vue.js"), "../popup/index.ts": () => import("../popup/index.js"), "../scale-line/ScaleLine.vue": () => import("../scale-line/ScaleLine.vue.js"), "../scale-line/index.ts": () => import("../scale-line/index.js"), "../select/Select.vue": () => import("../select/Select.vue2.js"), "../select/index.ts": () => import("../select/index.js"), "../split/Split.vue": () => import("../split/Split.vue.js"), "../split/index.ts": () => import("../split/index.js"), "../swipe-layer/SwipeLayer.vue": () => import("../swipe-layer/SwipeLayer.vue2.js"), "../swipe-layer/index.ts": () => import("../swipe-layer/index.js"), "../toc-card/TocCard.vue": () => import("../toc-card/TocCard.vue.js"), "../toc-card/index.ts": () => import("../toc-card/index.js") });
     const emit = __emit;
     const props = __props;
     const reactiveValue = reactive({

package/components/horizontally-top-toolbar/index.css

@@ -1,4 +1,4 @@
-.toolbar-contain[data-v-53d5278a] {
+.toolbar-contain[data-v-647a59e2] {
   position: absolute;
   top: 44px;
   display: flex;
@@ -9,7 +9,7 @@
   border: 1px solid var(--system-primary-border-color);
   border-radius: 3px;
 }
-.toolbar-contain .toolbar-item-contain[data-v-53d5278a] {
+.toolbar-contain .toolbar-item-contain[data-v-647a59e2] {
   height: 43px;
   line-height: 43px;
   display: flex;
@@ -18,17 +18,17 @@
   align-items: center;
   cursor: pointer;
 }
-.toolbar-contain .toolbar-item-contain .toolbar-item[data-v-53d5278a] {
+.toolbar-contain .toolbar-item-contain .toolbar-item[data-v-647a59e2] {
   display: flex;
   align-items: center;
   padding: 0px 10px;
 }
-.toolbar-contain .toolbar-item-contain .toolbar-icon[data-v-53d5278a] {
+.toolbar-contain .toolbar-item-contain .toolbar-icon[data-v-647a59e2] {
   width: 24px;
   height: 24px;
   margin-right: 6px;
 }
-.toolbar-contain .toolbar-item-contain .toolbar-children-contain[data-v-53d5278a] {
+.toolbar-contain .toolbar-item-contain .toolbar-children-contain[data-v-647a59e2] {
   position: absolute;
   top: 50px;
   background: var(--system-primary-color);
@@ -36,24 +36,24 @@
   border-radius: 3px;
   margin: 0px -1px;
 }
-.toolbar-contain .active[data-v-53d5278a] {
+.toolbar-contain .active[data-v-647a59e2] {
   color: var(--system-primary-text-active-color);
 }
-.toolbar-contain .toolbar-split[data-v-53d5278a] {
+.toolbar-contain .toolbar-split[data-v-647a59e2] {
   width: 2px;
   height: 20px;
   background: #7EA08E;
   margin: auto;
   opacity: 0.5;
 }
-.toolbar-contain .toolbar-h-split[data-v-53d5278a] {
+.toolbar-contain .toolbar-h-split[data-v-647a59e2] {
   height: 2px;
   background: #7EA08E;
   margin: auto;
   opacity: 0.5;
   margin: 0px 10px;
 }
-.component-position[data-v-53d5278a] {
+.component-position[data-v-647a59e2] {
   position: absolute;
   right: 300px;
 }

package/components/split/Split.vue2.js

@@ -1,36 +1,25 @@
 import { defineComponent, reactive, onMounted, toRaw, onUnmounted } from "vue";
 import Split from "ym-gis-2d/interaction/Split";
-import { ElLoading } from "element-plus";
+import { ElLoading, ElMessage } from "element-plus";
 import FeatureManager from "ym-gis-2d/feature/FeatureManager";
-import "ym-gis-2d/utils/GeometryUtil";
-import { getStyle, getSelectCancePointStyle, getSelectCancelLineStyle, getSelectCancelPolygonStyle } from "ym-gis-2d/style/StyleManager";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Split",
   props: {
     map: {},
-    pointStyle: {},
-    cancePointStyle: {},
-    lineStyle: {},
-    canceLineStyle: {},
-    polygonStyle: {},
-    cancePolygonStyle: {},
-    selectLayers: {},
     showLoading: { type: Boolean, default: true },
-    selectType: { default: "rectangle" }
+    fieldName: {},
+    fieldValues: {}
   },
   emits: ["activeInteraction"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
-    props.cancePointStyle ? getStyle(props.cancePointStyle) : getSelectCancePointStyle();
-    props.canceLineStyle ? getStyle(props.canceLineStyle) : getSelectCancelLineStyle();
-    props.cancePolygonStyle ? getStyle(props.cancePolygonStyle) : getSelectCancelPolygonStyle();
     const emit = __emit;
     const reactiveData = reactive({
       features: []
     });
     onMounted(() => {
       const featureManager = new FeatureManager(props.map);
-      const editFeatures = featureManager.getEditFeatures();
+      const editFeatures = featureManager.getEditFeatures(props.fieldName, props.fieldValues);
       if (!editFeatures || editFeatures.length === 0) {
         emit("activeInteraction", { success: false, message: "请先选择分割的地块" });
         return;
@@ -48,24 +37,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
       reactiveData.splitTool.on("splited", (event) => {
+        var _a;
         loadingInstance == null ? void 0 : loadingInstance.close();
-        const features = event.polygonFeatures;
+        if (event.error) {
+          ElMessage.error("分割失败：" + event.error);
+          return;
+        }
+        const features = event.features;
         if (features && features.length > 0) {
           features.forEach((feature) => {
             feature.isSelected = true;
           });
         }
+        let editFeatures2 = featureManager.getEditFeatures(props.fieldName, props.fieldValues);
+        if (editFeatures2 && editFeatures2.length > 0) {
+          (_a = reactiveData.splitTool) == null ? void 0 : _a.setFeatures(editFeatures2);
+        }
       });
     });
     onUnmounted(() => {
-      props.map.interactionManager.removeInteraction("select");
+      props.map.interactionManager.removeInteraction("split");
     });
-    function setSelectLayers(layers) {
+    function setFeatures(features) {
       var _a;
-      (_a = reactiveData.selectTool) == null ? void 0 : _a.setSelectLayers(layers);
+      (_a = reactiveData.splitTool) == null ? void 0 : _a.setFeatures(features);
     }
     __expose({
-      setSelectLayers,
+      setFeatures,
       features: reactiveData.features
     });
     return (_ctx, _cache) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ym-giswidget-2d",
-  "version": "1.0.55",
+  "version": "1.0.56",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -10,6 +10,6 @@
     "element-plus": "^2.9.0",
     "jszip": "^3.10.1",
     "ol": "^9.2.4",
-    "ym-gis-2d": "1.0.33"
+    "ym-gis-2d": "1.0.34"
   }
 }

package/panel/DraggablePanel.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./DraggablePanel.vue2.js";
 /* empty css                    */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const DraggablePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6c9d2a3"]]);
+const DraggablePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98e8fdca"]]);
 export {
   DraggablePanel as default
 };

package/panel/index.css

@@ -1,36 +1,36 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 4810358 */
-  src: url('data:font/woff2;base64,d09GMgABAAAAAAPkAAsAAAAACNQAAAOXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDVgqEHINRATYCJAMcCxAABCAFhGcHXxu2BxEVnPvIfh44xtoR60JS/t4jKOZhRY2k+xw839dJf+5DdyceKBnBK1k9NStoZa/hZGAlgzX0fxIgoG5rzhEKHzVZkrUjj/73zVMhvXyGMfA/l+N/753d83R9CwDm2Dioo/Q8oKNwb8si7OVpopyGeZdO6iC9/AwCBKlJc1TbU4ceRCeoGZNIYOBMgbxRJvjRQ/EUK6anUfAQnLF7DbIWC2qZugmsid8v36gtHiishl/SZVS7EaQzZAtrP+eDfknIQMB8BVhAA1VPZpdF/d456DRbFU2w7TeGDkAYD4XJSKZ9pms2li2cy5GhpOR5IUzU/YMHBoXGwSIgDqgPA9BHyDmQwTdjTJ3AjIKuPcxo6LpCCAeyMTMWusKQX91dLgBRIAZsABfhVF2yFo2wFpUwJmCsweSEDYTzx+dHlx+AYDDB+AdDsRWHRUK0xi45NCdGVOmY6r3ShVQwLLFJ3ibmx5087oxpxISCNtS/VzyXOA2n4QyRglT52QFEbayvSpzdPP8xYlSPkSN6jh7Ze9Tc6PLHj7vNT54MHvnoEcZ/+HDWbLW12hvqki0jpSNvdwRq/I5CqOa9ki15ZXpHyx2p3I6OtO+3bFGiuo56ux3CHTa51IzsjFszmIp0Mj6aan9TokfS3xekU8keiXRs2u/DlNhYmPDsaSadSp9+uvBZ4/jn/iaadPuvTev5C0aOCjmjxo4aaRo5prS+TZsF86lZM+lUalexYtvKtnIgSvorsbLqH4tvLG59vRNPZhEAubc7dSm67Pd+7QJoJA0536CXEDd9RLfKf9ysk7/Dd6izbV2RwbGm372QAeDD4YV9oZgnfZ06Rktfvm7ASFpjxcA1bb19KdvkUgMLgAKC7gC872BeXq/nzwe5W/AUGVDhkkSNR2kwZGW0hKiNDh7NMEgV2h0OkY8paMQEgPIsJRTiHERFlBOoiXMFDPkELQXJokOc/9Cy8mh73touvWdUghU8f+A1dcYzSMz2gvbVKG5KPZCjRwLyJKsWztghL7Ehvm0hYsAwtXCSHsOmIeiZAmpJnEhfpqlpe0miqR3sMaQIVAFPP8DTSMeE9FL+vAtkvTQUHgmPLIs82INcIhsBZ203qutJLonerIIQBjCY8i1wUtyoMbME9O2zAqSJhJuR7pVSl86M1Sb769ubPAQE8avdlGgxYsURVzxmdxXpehKkFq3vvN/yxzljFMKMqW4o4qJV3ybLYAAA') format('woff2'),
-       url('data:font/woff;base64,d09GRgABAAAAAAW4AAsAAAAACNQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8FUnoY21hcAAAAYgAAAB9AAAB1k7+hjNnbHlmAAACCAAAAZoAAAIcJRpmcmhlYWQAAAOkAAAALwAAADYqdj6waGhlYQAAA9QAAAAcAAAAJAfeA4hobXR4AAAD8AAAAA4AAAAcHAAAAGxvY2EAAAQAAAAAEAAAABABlgIqbWF4cAAABBAAAAAfAAAAIAEWADtuYW1lAAAEMAAAAUAAAAJnEKM8sHBvc3QAAAVwAAAASAAAAF/a9ea9eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjE8l2Bu+N/AwMB8hwFIMjCiKGICAGUXDHl4nO2RwQnDQAwER/blCMbEXxeROvLKx7+UkpfL1ZXhrE4mpIjomAMJsYJd4AKM4i4K2I4R9dbU+nxk6vPCU/3MlYHi5g/f2tLW4wDnt/uWaft2vlAfpFV1UbpW+dfc/9fZ1fAxiSTcErkmd5NIyrck9tuSRIptTbAPCuEd+gAAAHicfU+7TuNQFDwPYojAK1kmIGxhcWPZUVxQEAIVyCiGii+gogLRp2Qlr0JJjURoQgNfQLla/8AWW0KVgscHQMPjXjgmEtshnceMdDRnBioA70M+ZwVzMA8KElgEQFW35jGsWzVneqalllbWsLW00naWY1Q1NYfKcUMhoWqrqK1qnOvCdge269qUjsDbI6W6oLQYuLbJR5gXXHsoFMpDASTADFOT4sDsIqDQfCFNAVg8PfMlj8MYTMBU6cdRDkq3QqfFOxp4WwM+/O122Xp74imdUlcfUxfkVFoEsChVSrcIBEZ4PtLNx4B/SdYAGt/l5Jq8/ArJhd7z4gsvjj0qvDgXcCM/i98/Y8/E1Oc88qX0hh9F/mXk0akf6cY9/TENvPajfOTrveAr3oBJIY0qjldxtoqryFeZOTL9DPfNaYZ7eJiZHumO6eF+x5yYfgcPTC/DQ9Eg0bjlM/bBhRCgouqLKGbXUawHKBl+IP7PUsYImfVLc6spRdbn1v+CJAnIKqff3Eyokmw2ZetX2XSXBPr186ASJB+iQ326AAB4nGNgZGBgAGLnedMk4/ltvjJwszCAwOPVtZEI+n8DCwNzI5DLwcAEEgUAHdYKGgB4nGNgZGBgbvjfwBDDwgACQJKRARWwAwBHDQJweJxjYWBgYMGBAQHcAB0AAAAAAAAASgBoAHYAtADWAQ54nGNgZGBgYGfQZ2BlAAEmIOYCQgaG/2A+AwAOEQFSAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICdkYmRmZGFkZWRjZGdkYOBrTQvJT85mwVEcORm5mXmZlalshelFpfkF6WyJufkF6dy5CZWgIUZGACPyRBp') format('woff'),
+@font-face {
+  font-family: "iconfont"; /* Project id 4810358 */
+  src: url('data:font/woff2;base64,d09GMgABAAAAAAPkAAsAAAAACNQAAAOXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDVgqEHINRATYCJAMcCxAABCAFhGcHXxu2BxEVnPvIfh44xtoR60JS/t4jKOZhRY2k+xw839dJf+5DdyceKBnBK1k9NStoZa/hZGAlgzX0fxIgoG5rzhEKHzVZkrUjj/73zVMhvXyGMfA/l+N/753d83R9CwDm2Dioo/Q8oKNwb8si7OVpopyGeZdO6iC9/AwCBKlJc1TbU4ceRCeoGZNIYOBMgbxRJvjRQ/EUK6anUfAQnLF7DbIWC2qZugmsid8v36gtHiishl/SZVS7EaQzZAtrP+eDfknIQMB8BVhAA1VPZpdF/d456DRbFU2w7TeGDkAYD4XJSKZ9pms2li2cy5GhpOR5IUzU/YMHBoXGwSIgDqgPA9BHyDmQwTdjTJ3AjIKuPcxo6LpCCAeyMTMWusKQX91dLgBRIAZsABfhVF2yFo2wFpUwJmCsweSEDYTzx+dHlx+AYDDB+AdDsRWHRUK0xi45NCdGVOmY6r3ShVQwLLFJ3ibmx5087oxpxISCNtS/VzyXOA2n4QyRglT52QFEbayvSpzdPP8xYlSPkSN6jh7Ze9Tc6PLHj7vNT54MHvnoEcZ/+HDWbLW12hvqki0jpSNvdwRq/I5CqOa9ki15ZXpHyx2p3I6OtO+3bFGiuo56ux3CHTa51IzsjFszmIp0Mj6aan9TokfS3xekU8keiXRs2u/DlNhYmPDsaSadSp9+uvBZ4/jn/iaadPuvTev5C0aOCjmjxo4aaRo5prS+TZsF86lZM+lUalexYtvKtnIgSvorsbLqH4tvLG59vRNPZhEAubc7dSm67Pd+7QJoJA0536CXEDd9RLfKf9ysk7/Dd6izbV2RwbGm372QAeDD4YV9oZgnfZ06Rktfvm7ASFpjxcA1bb19KdvkUgMLgAKC7gC872BeXq/nzwe5W/AUGVDhkkSNR2kwZGW0hKiNDh7NMEgV2h0OkY8paMQEgPIsJRTiHERFlBOoiXMFDPkELQXJokOc/9Cy8mh73touvWdUghU8f+A1dcYzSMz2gvbVKG5KPZCjRwLyJKsWztghL7Ehvm0hYsAwtXCSHsOmIeiZAmpJnEhfpqlpe0miqR3sMaQIVAFPP8DTSMeE9FL+vAtkvTQUHgmPLIs82INcIhsBZ203qutJLonerIIQBjCY8i1wUtyoMbME9O2zAqSJhJuR7pVSl86M1Sb769ubPAQE8avdlGgxYsURVzxmdxXpehKkFq3vvN/yxzljFMKMqW4o4qJV3ybLYAAA') format('woff2'),
+       url('data:font/woff;base64,d09GRgABAAAAAAW4AAsAAAAACNQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8FUnoY21hcAAAAYgAAAB9AAAB1k7+hjNnbHlmAAACCAAAAZoAAAIcJRpmcmhlYWQAAAOkAAAALwAAADYqdj6waGhlYQAAA9QAAAAcAAAAJAfeA4hobXR4AAAD8AAAAA4AAAAcHAAAAGxvY2EAAAQAAAAAEAAAABABlgIqbWF4cAAABBAAAAAfAAAAIAEWADtuYW1lAAAEMAAAAUAAAAJnEKM8sHBvc3QAAAVwAAAASAAAAF/a9ea9eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjE8l2Bu+N/AwMB8hwFIMjCiKGICAGUXDHl4nO2RwQnDQAwER/blCMbEXxeROvLKx7+UkpfL1ZXhrE4mpIjomAMJsYJd4AKM4i4K2I4R9dbU+nxk6vPCU/3MlYHi5g/f2tLW4wDnt/uWaft2vlAfpFV1UbpW+dfc/9fZ1fAxiSTcErkmd5NIyrck9tuSRIptTbAPCuEd+gAAAHicfU+7TuNQFDwPYojAK1kmIGxhcWPZUVxQEAIVyCiGii+gogLRp2Qlr0JJjURoQgNfQLla/8AWW0KVgscHQMPjXjgmEtshnceMdDRnBioA70M+ZwVzMA8KElgEQFW35jGsWzVneqalllbWsLW00naWY1Q1NYfKcUMhoWqrqK1qnOvCdge269qUjsDbI6W6oLQYuLbJR5gXXHsoFMpDASTADFOT4sDsIqDQfCFNAVg8PfMlj8MYTMBU6cdRDkq3QqfFOxp4WwM+/O122Xp74imdUlcfUxfkVFoEsChVSrcIBEZ4PtLNx4B/SdYAGt/l5Jq8/ArJhd7z4gsvjj0qvDgXcCM/i98/Y8/E1Oc88qX0hh9F/mXk0akf6cY9/TENvPajfOTrveAr3oBJIY0qjldxtoqryFeZOTL9DPfNaYZ7eJiZHumO6eF+x5yYfgcPTC/DQ9Eg0bjlM/bBhRCgouqLKGbXUawHKBl+IP7PUsYImfVLc6spRdbn1v+CJAnIKqff3Eyokmw2ZetX2XSXBPr186ASJB+iQ326AAB4nGNgZGBgAGLnedMk4/ltvjJwszCAwOPVtZEI+n8DCwNzI5DLwcAEEgUAHdYKGgB4nGNgZGBgbvjfwBDDwgACQJKRARWwAwBHDQJweJxjYWBgYMGBAQHcAB0AAAAAAAAASgBoAHYAtADWAQ54nGNgZGBgYGfQZ2BlAAEmIOYCQgaG/2A+AwAOEQFSAHichZE9bsJAEIWfwZAElChKpDRpVikoEsn8lEipUKCnoAez5ke211ovSNQ5TY6QE+QI6Whzikh52EMDRbza2W/evpkdyQDusIeH8rvnLtnDJbOSK7jAo3CV+pOwT34WrqGJnnCd+qtwAy94E26yY8YOnn/FrIV3YQ+3+BCu4AafwlXqX8I++Vu4hgf8CNep/wo3MPGuhZtoeeHA6qnTczXbqVVo0sik7niO9WITT+2pPNE2X5lUdYPOURrpVNtjm3y76DkXqciaRA15q+PYqMyatQ5dsHQu67fbkehBaBIMYKExhWOcQ2GGHeMKIQxSREV0Z/mY7gU2iFlp/3VP6LbIqR9yhS4CdM5cI7rSwnk6TY4tX+tRdXQrbsuahDSUWs1JYrLiDzzcramE1AMsi6oMfbS5ohN/UMyQ/AHYk29XeJxjYGKAAC4G7ICdkYmRmZGFkZWRjZGdkYOBrTQvJT85mwVEcORm5mXmZlalshelFpfkF6WyJufkF6dy5CZWgIUZGACPyRBp') format('woff'),
        url('data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8FUnoAAABjAAAAGBjbWFwTv6GMwAAAggAAAHWZ2x5ZiUaZnIAAAPwAAACHGhlYWQqdj6wAAAA4AAAADZoaGVhB94DiAAAALwAAAAkaG10eBwAAAAAAAHsAAAAHGxvY2EBlgIqAAAD4AAAABBtYXhwARYAOwAAARgAAAAgbmFtZRCjPLAAAAYMAAACZ3Bvc3Ta9ea9AAAIdAAAAF8AAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAcAAQAAAAEAAEOelhlfDzz1AAsEAAAAAADjq31ZAAAAAOOrfVkAAP+ABAADgQAAAAgAAgAAAAAAAAABAAAABwAvAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYA5xgDgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAF+AAEAAAAAAHgAAwABAAAALAADAAoAAAF+AAQATAAAAAwACAACAATmAeZG5lHnD+cY//8AAOYA5kbmUecP5xj//wAAAAAAAAAAAAAAAQAMAA4ADgAOAA4AAAAEAAIAAwAGAAUAAQAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAWAAAAAAAAAAGAADmAAAA5gAAAAAEAADmAQAA5gEAAAACAADmRgAA5kYAAAADAADmUQAA5lEAAAAGAADnDwAA5w8AAAAFAADnGAAA5xgAAAABAAAAAAAAAEoAaAB2ALQA1gEOAAUAAP/gA6EDIQAZAB0AIQAqAC4AAAEhIgYdASMiBhURFBYzITI2PQEzMjY1ETQmASEVIRkBIRETIxE0JiMhNSElNSEVA4D9wA0ToA0TEw0CQA0ToA0TE/zzAkD9wAJAwKATDf6AAkD9wAJAAyATDeATDf4ADRMTDeATDQIADRP+4ED+QAGg/mABAAEADROAIEBAAAADAAD/+QOnAwcABAAIAAwAAAEhESERAREhETMjETMDWv0AA0z9AAHnzXR0Awb89AMM/UACdP2MAnQAAAABAAAAAAMAAcAAAwAAASEVIQEAAgD+AAHAgAAAAwAA/4AEAAOBABkAHgAnAAABISIGHQEjIgYVERQWMyEyNj0BMzI2NRE0JgMVIREhEyMRNCYjITUhA8D9ZhomphomJhoCwBomgBomJtr9QALAvX0mGv4mApoDgCUbgCUb/UEbJSUbpyUaApkbJf0n5gK//icB2RslgAAAAAEAAP/AA7UDQQALAAABJwkBBwkBFwkBNwEDtUT+hP6aRAFn/plEAWYBfET+gwL9Q/6DAWdD/pb+mkMBaf6DRAF8AAAAAgAA/+QDmwMbABMAIwAABSEiLgE1ETQ+ATMhMh4BFREUDgEBIgYVERQWMyEyNjURNCYjAwP9+ilGKSlGKQIGKUYpKUb90R4qKh4CBh4qKh4bKUUqAgUqRSkpRSr9+ypFKQLlKh79+x4qKh4CBR4qAAAAEgDeAAEAAAAAAAAAEwAAAAEAAAAAAAEACAATAAEAAAAAAAIABwAbAAEAAAAAAAMACAAiAAEAAAAAAAQACAAqAAEAAAAAAAUACwAyAAEAAAAAAAYACAA9AAEAAAAAAAoAKwBFAAEAAAAAAAsAEwBwAAMAAQQJAAAAJgCDAAMAAQQJAAEAEACpAAMAAQQJAAIADgC5AAMAAQQJAAMAEADHAAMAAQQJAAQAEADXAAMAAQQJAAUAFgDnAAMAAQQJAAYAEAD9AAMAAQQJAAoAVgENAAMAAQQJAAsAJgFjQ3JlYXRlZCBieSBpY29uZm9udGljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcBAgEDAQQBBQEGAQcBCAAGdW5kb2NrBGRvY2sIbWluaW1pemUHcmVzdG9yZQVjbG9zZQhtYXhpbWl6ZQAAAA==') format('truetype');
 }
-.iconfont[data-v-f6c9d2a3] {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
+.iconfont[data-v-98e8fdca] {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.icon-undock[data-v-f6c9d2a3]:before {
+.icon-undock[data-v-98e8fdca]:before {
   content: "\e718";
 }
-.icon-dock[data-v-f6c9d2a3]:before {
+.icon-dock[data-v-98e8fdca]:before {
   content: "\e601";
 }
-.icon-minimize[data-v-f6c9d2a3]:before {
+.icon-minimize[data-v-98e8fdca]:before {
   content: "\e646";
 }
-.icon-restore[data-v-f6c9d2a3]:before {
+.icon-restore[data-v-98e8fdca]:before {
   content: "\e600";
 }
-.icon-close[data-v-f6c9d2a3]:before {
+.icon-close[data-v-98e8fdca]:before {
   content: "\e70f";
 }
-.icon-maximize[data-v-f6c9d2a3]:before {
+.icon-maximize[data-v-98e8fdca]:before {
   content: "\e651";
 }
-.draggable-panel[data-v-f6c9d2a3] {
-  position: fixed o !important;
+.draggable-panel[data-v-98e8fdca] {
+  position: fixed !important;
   left: 0;
   top: 0;
   border: 1px solid #ddd;
@@ -44,20 +44,20 @@
   color: var(--system-primary-text-color);
   font-size: var(--system-primary-text-size);
 }
-.draggable-panel[data-v-f6c9d2a3]:not(.is-maximized) {
+.draggable-panel[data-v-98e8fdca]:not(.is-maximized) {
   transition: width 0.2s, height 0.2s;
 }
-.draggable-panel.is-maximized[data-v-f6c9d2a3] {
+.draggable-panel.is-maximized[data-v-98e8fdca] {
   border-radius: 0;
 }
-.draggable-panel.is-minimized[data-v-f6c9d2a3] {
+.draggable-panel.is-minimized[data-v-98e8fdca] {
   height: 40px !important;
   width: 200px !important;
 }
-.draggable-panel.is-docked[data-v-f6c9d2a3] {
+.draggable-panel.is-docked[data-v-98e8fdca] {
   transition: transform 0.2s;
 }
-.panel-header[data-v-f6c9d2a3] {
+.panel-header[data-v-98e8fdca] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -66,14 +66,14 @@
   cursor: move;
   user-select: none;
 }
-.panel-title[data-v-f6c9d2a3] {
+.panel-title[data-v-98e8fdca] {
   font-weight: bold;
 }
-.panel-controls[data-v-f6c9d2a3] {
+.panel-controls[data-v-98e8fdca] {
   display: flex;
   gap: 4px;
 }
-.panel-controls button[data-v-f6c9d2a3] {
+.panel-controls button[data-v-98e8fdca] {
   background: none;
   border: none;
   padding: 4px;
@@ -81,81 +81,81 @@
   cursor: pointer;
   opacity: 0.6;
 }
-.panel-controls button[data-v-f6c9d2a3]:hover {
+.panel-controls button[data-v-98e8fdca]:hover {
   opacity: 1;
 }
-.panel-content[data-v-f6c9d2a3] {
+.panel-content[data-v-98e8fdca] {
   flex: 1;
   overflow: auto;
   padding: 12px;
 }
-.panel-footer[data-v-f6c9d2a3] {
+.panel-footer[data-v-98e8fdca] {
   border-top: solid 1px;
 }
-.panel-footer .panel-footer-buttons[data-v-f6c9d2a3] {
+.panel-footer .panel-footer-buttons[data-v-98e8fdca] {
   padding: 8px 12px;
   display: flex;
   justify-content: end;
 }
-.panel-footer .panel-footer-buttons .el-button[data-v-f6c9d2a3] {
+.panel-footer .panel-footer-buttons .el-button[data-v-98e8fdca] {
   --el-button-bg-color: "";
   --el-button-hover-text-color: "";
   --el-button-hover-bg-color: "";
 }
-.resize-handles .resize-handle[data-v-f6c9d2a3] {
+.resize-handles .resize-handle[data-v-98e8fdca] {
   position: absolute;
   background: transparent;
 }
-.resize-handles .resize-handle.n[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.n[data-v-98e8fdca] {
   top: -3px;
   left: 0;
   right: 0;
   height: 6px;
   cursor: n-resize;
 }
-.resize-handles .resize-handle.e[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.e[data-v-98e8fdca] {
   top: 0;
   right: -3px;
   bottom: 0;
   width: 6px;
   cursor: e-resize;
 }
-.resize-handles .resize-handle.s[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.s[data-v-98e8fdca] {
   bottom: -3px;
   left: 0;
   right: 0;
   height: 6px;
   cursor: s-resize;
 }
-.resize-handles .resize-handle.w[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.w[data-v-98e8fdca] {
   top: 0;
   left: -3px;
   bottom: 0;
   width: 6px;
   cursor: w-resize;
 }
-.resize-handles .resize-handle.ne[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.ne[data-v-98e8fdca] {
   top: -3px;
   right: -3px;
   width: 6px;
   height: 6px;
   cursor: ne-resize;
 }
-.resize-handles .resize-handle.se[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.se[data-v-98e8fdca] {
   bottom: -3px;
   right: -3px;
   width: 6px;
   height: 6px;
   cursor: se-resize;
 }
-.resize-handles .resize-handle.sw[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.sw[data-v-98e8fdca] {
   bottom: -3px;
   left: -3px;
   width: 6px;
   height: 6px;
   cursor: sw-resize;
 }
-.resize-handles .resize-handle.nw[data-v-f6c9d2a3] {
+.resize-handles .resize-handle.nw[data-v-98e8fdca] {
   top: -3px;
   left: -3px;
   width: 6px;