gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/components/bottomToolbar/roam/roam.vue

@@ -1,135 +0,0 @@
-<template>
-  <div class="roam-toolbar">
-    <gs-button-icon
-      :icon="item.icon"
-      @click="item.clickFun"
-      :title="item.title"
-      :active="item.active"
-      v-for="(item, index) in toolbarButtons"
-      :key="index" />
-    <gs-button-icon
-      icon="lujingmanyou"
-      @click="showPathRoamClick"
-      title="路径漫游"
-      :active="isRoamActive"
-      v-if="toolbarVisible.pathRoam && viewer.options.components.roamToolbar.pathRoam.visible" />
-    <gs-button-icon
-      icon="GSBimAir icon-diyirencheng"
-      @click="showFirstPersonClick"
-      title="第一人称漫游"
-      :active="isFirstPersonRoamActive" />
-    <gs-button-icon
-      icon="GSBimAir icon-disanrencheng"
-      @click="showThirdPersonClick"
-      title="第三人称漫游"
-      :active="isThirdPersonRoamActive" />
-    <div class="divider"></div>
-    <el-input-number
-      v-model="speed"
-      @change="speedChange"
-      :min="0"
-      :max="maxSpeed"
-      size="mini"
-      label="漫游速度"></el-input-number>
-    <div class="divider"></div>
-    <el-checkbox
-      v-model="isGravity"
-      @change="gravityChange"
-      :disabled="!isFirstPersonRoamActive && !isThirdPersonRoamActive">
-      重力
-    </el-checkbox>
-    <el-checkbox
-      v-model="isCollision"
-      @change="collisionChange"
-      :disabled="!isFirstPersonRoamActive && !isThirdPersonRoamActive">
-      障碍
-    </el-checkbox>
-    <el-checkbox
-      v-model="isCutting"
-      @change="cuttingChange"
-      :disabled="!isFirstPersonRoamActive && !isThirdPersonRoamActive">
-      剖切面
-    </el-checkbox>
-    <el-input-number
-      style="margin: 0 10px 0 20px"
-      v-model="distance"
-      @change="distanceChange"
-      :min="0"
-      size="mini"
-      label="剖切面距离"></el-input-number>
-    <!-- <el-checkbox v-model="checked" @change="collusionChange">障碍</el-checkbox> -->
-    <!-- <div class="divider"></div>
-    <el-button type="text" size="mini" @click="existClick">退出</el-button> -->
-  </div>
-</template>
-
-<script lang="ts" src="./roam.ts"></script>
-
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-@import "../../../../assets/theme/handle.scss";
-
-.roam-toolbar {
-  // position: absolute;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  // bottom: 0px;
-  // left: 50%;
-  // transform: translateX(-50%);
-  // z-index: 1000;
-  // height: 55px;
-  // background: $gs-primary-background;
-  // opacity: 0.95;
-  // border-radius: 4px;
-  // padding: 0 10px;
-
-  .gs-button-icon {
-    margin: auto 5px;
-  }
-
-  .divider {
-    width: 2px;
-    height: 22px;
-    background: #ffffff;
-    opacity: 0.2;
-    border-radius: 0;
-    margin: auto 15px;
-  }
-}
-
-.button-hover {
-  display: flex;
-}
-:deep(.el-input-number) {
-  border-radius: 4px;
-  color: $gs-primary-fontColor;
-  .el-input-number__increase {
-    color: $gs-primary-fontColor;
-    background: transparent;
-    border-radius: 4px 0 0 4px;
-  }
-  .el-input-number__decrease {
-    color: $gs-primary-fontColor;
-    background: transparent;
-    border-radius: 0 4px 4px 0;
-  }
-  .el-input__inner {
-    color: $gs-primary-fontColor;
-    background: transparent;
-  }
-}
-
-:deep(.el-checkbox) {
-  .el-checkbox__label {
-    color: $gs-primary-fontColor;
-  }
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    background-color: $gs-primary-active;
-    border-color: $gs-primary-active;
-  }
-}
-.el-button--text {
-  color: $gs-primary-active;
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/sceneEffect/sceneEffect.ts

@@ -1,132 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import ParticleEffectPanel from "../../../../viewerWrapper/panels/effectPanels/particleEffect/particleEffectPanel";
-import ComponentEmissivePanel from "../../../../viewerWrapper/panels/effectPanels/componentEmissive/componentEmissivePanel";
-import VideoFusionPanel from "../../../../viewerWrapper/panels/effectPanels/videoFusion/videoFusionPanel";
-import ElectricWallPanel from "../../../../viewerWrapper/panels/effectPanels/electricWall/electricWallPanel";
-import RadarScanEffectPanel from "../../../../viewerWrapper/panels/effectPanels/radarScanEffect/radarScanEffectPanel";
-import HemisphereScanPanel from "../../../../viewerWrapper/panels/effectPanels/hemisphereScan/hemisphereScanPanel";
-import ComponentBlinkPanel from "../../../../viewerWrapper/panels/componentBlink/componentBlinkPanel";
-import SpotLightEffectPanel from "../../../../viewerWrapper/panels/effectPanels/spotLight/spotLightEffectPanel";
-
-@Component({
-  components: {
-    GsButtonIcon,
-  },
-})
-export default class SceneEffect extends Vue {
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get particleEffectVisble() {
-    let panel = this.viewer.panelManager.getPanelByName<ParticleEffectPanel>("ParticleEffectPanel");
-    return panel && panel.visible;
-  }
-
-  get emissiveEffectVisble() {
-    let panel = this.viewer.panelManager.getPanelByName<ComponentEmissivePanel>("ComponentEmissivePanel");
-    return panel && panel.visible;
-  }
-
-  get componentBlinkVisble() {
-    let panel = this.viewer.panelManager.getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel");
-    return panel && panel.visible;
-  }
-
-  get videoFusionVisble() {
-    let panel = this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel");
-    return panel && panel.visible;
-  }
-
-  get spotLightVisble() {
-    let panel = this.viewer.panelManager.getPanelByName<SpotLightEffectPanel>("SpotLightEffectPanel");
-    return panel && panel.visible;
-  }
-
-  get scanIndex() {
-    let radarScanEffectPanel = this.viewer.panelManager.getPanelByName<RadarScanEffectPanel>("RadarScanEffectPanel");
-    let hemisphereScanPanel = this.viewer.panelManager.getPanelByName<HemisphereScanPanel>("HemisphereScanPanel");
-    return radarScanEffectPanel && radarScanEffectPanel.visible
-      ? 0
-      : hemisphereScanPanel && hemisphereScanPanel.visible
-      ? 1
-      : -1;
-  }
-
-  get electricWallVisble() {
-    let panel = this.viewer.panelManager.getPanelByName<ElectricWallPanel>("ElectricWallPanel");
-    return panel && panel.visible;
-  }
-
-  particleEffectClick() {
-    let panel = this.viewer.panelManager.getPanelByName<ParticleEffectPanel>("ParticleEffectPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ParticleEffectPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  emissiveEffectClick() {
-    let panel = this.viewer.panelManager.getPanelByName<ComponentEmissivePanel>("ComponentEmissivePanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ComponentEmissivePanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  componentBlinkClick() {
-    let panel = this.viewer.panelManager.getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ComponentBlinkPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  videoFusionClick() {
-    let panel = this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new VideoFusionPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  spotLightClick() {
-    let panel = this.viewer.panelManager.getPanelByName<SpotLightEffectPanel>("SpotLightEffectPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new SpotLightEffectPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  electricWallClick() {
-    let panel = this.viewer.panelManager.getPanelByName<ElectricWallPanel>("ElectricWallPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ElectricWallPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  radarScanClick() {
-    let panel = this.viewer.panelManager.getPanelByName<RadarScanEffectPanel>("RadarScanEffectPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new RadarScanEffectPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  hemisphereScanClick() {
-    let panel = this.viewer.panelManager.getPanelByName<HemisphereScanPanel>("HemisphereScanPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new HemisphereScanPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/sceneEffect/sceneEffect.vue

@@ -1,63 +0,0 @@
-<template>
-  <div class="scene-effect">
-    <gs-button-icon
-      icon="lizi"
-      title="粒子效果"
-      v-if="toolbarVisible.particleEffect"
-      :active="particleEffectVisble"
-      @click="particleEffectClick" />
-    <gs-button-icon
-      icon="faguang"
-      title="发光效果"
-      v-if="toolbarVisible.emissiveEffect"
-      :active="emissiveEffectVisble"
-      @click="emissiveEffectClick" />
-    <gs-button-icon
-      icon="shanshuo"
-      title="构件闪烁"
-      v-if="toolbarVisible.componentBlink"
-      :active="componentBlinkVisble"
-      @click="componentBlinkClick" />
-    <gs-button-icon
-      icon="shipinronghe"
-      title="视频融合"
-      v-if="toolbarVisible.videoFusion"
-      :active="videoFusionVisble"
-      @click="videoFusionClick" />
-    <gs-button-icon
-      icon="juguangdeng"
-      title="聚光灯"
-      v-if="toolbarVisible.spotLight"
-      :active="spotLightVisble"
-      @click="spotLightClick" />
-    <gs-button-icon
-      icon="saomiao"
-      v-if="toolbarVisible.radarScan || toolbarVisible.hemisphereScan"
-      :active="scanIndex != -1">
-      <div slot="hover">
-        <gs-button-group :activeIndex="scanIndex">
-          <gs-button-icon icon="leida" v-if="toolbarVisible.radarScan" @click="radarScanClick">
-            <template slot="text">雷达扫描</template>
-          </gs-button-icon>
-          <gs-button-icon icon="banqiu" v-if="toolbarVisible.hemisphereScan" @click="hemisphereScanClick">
-            <template slot="text">半球扫描</template>
-          </gs-button-icon>
-        </gs-button-group>
-      </div>
-    </gs-button-icon>
-    <gs-button-icon
-      icon="weilan"
-      title="电子围栏"
-      v-if="toolbarVisible.electricWall"
-      :active="electricWallVisble"
-      @click="electricWallClick" />
-  </div>
-</template>
-<script lang="ts" src="./sceneEffect.ts"></script>
-<style scoped lang="scss">
-.scene-effect {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/sceneOperate/sceneOperate.ts

@@ -1,158 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import * as Longan from "gs-longan";
-
-import { CommandSelect } from "../../../../viewerWrapper/commands/commandSelect";
-
-import CommandShowAxisCut from "../../../commands/showCut/showAxisCut/commandShowAxisCut";
-import CommandShowBoxCut from "../../../commands/showCut/showBoxCut/commandShowBoxCut";
-import CommandShowElevationCut from "../../../commands/showCut/showElavationCut/commandShowElevationCut";
-import CommandShowElementCut from "../../../commands/showCut/showElementCut/commandShowElementCut";
-import { CuttingPlaneObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingPlaneObject";
-import { CuttingBoxObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingBoxObject";
-import GsButtonGroup from "../../../../components/gs/gsButtonGroup/gs-button-group.vue";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { CommandShowMeasure, MeasureType } from "../../../commands/showMeasure/commandShowMeasure";
-import { CommandShowEditLabel, LabelType } from "../../../commands/showEditLabel/commandShowEditLabel";
-
-@Component({
-  components: {
-    GsButtonIcon,
-    GsButtonGroup,
-  },
-})
-export default class SceneOperate extends Vue {
-  @Inject() getViewer;
-
-  MeasureType = MeasureType;
-  LabelType = LabelType;
-  commandShowBoxCut = new CommandShowBoxCut();
-  commandShowAxisCut = new CommandShowAxisCut();
-  commandShowElementCut = new CommandShowElementCut();
-  commandShowElevationCut = new CommandShowElevationCut();
-  commandShowMeasure = new CommandShowMeasure();
-  commandShowEditLabel = new CommandShowEditLabel();
-  // cutIndex = -1;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get cutActive() {
-    let visible =
-      this.commandShowBoxCut.visible ||
-      this.commandShowAxisCut.visible ||
-      this.commandShowElementCut.visible ||
-      this.commandShowElevationCut.visible;
-    return visible;
-  }
-
-  get cutIndex() {
-    return this.commandShowBoxCut.visible
-      ? 0
-      : this.commandShowAxisCut.visible
-      ? 1
-      : this.commandShowElementCut.visible
-      ? 2
-      : this.commandShowElevationCut.visible
-      ? 3
-      : -1;
-  }
-
-  get measureActive() {
-    return this.commandShowMeasure.visible;
-  }
-
-  get measureIndex() {
-    return this.commandShowMeasure.visible ? this.commandShowMeasure.activeMeasureType : -1;
-  }
-
-  get labelActive() {
-    return this.commandShowEditLabel.visible;
-  }
-
-  get labelIndex() {
-    return this.commandShowEditLabel.visible ? this.commandShowEditLabel.commandData.labelType : -1;
-  }
-
-  showBoxCutClick() {
-    if (this.commandShowBoxCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowBoxCut);
-    }
-  }
-
-  showAxisCutClick() {
-    if (this.commandShowAxisCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowAxisCut);
-    }
-  }
-
-  showElementCutClick() {
-    if (this.commandShowElementCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowElementCut);
-    }
-  }
-
-  showElevationCutClick() {
-    if (this.commandShowElevationCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowElevationCut);
-    }
-  }
-
-  clearCuttingClick() {
-    if (Longan.TypeHelper.typeName(this.viewer.process.commandManager.currentCommand) == "CommandSelect") {
-      let viewer = this.viewer.process.activeViewer;
-      // let viewPointObjects = viewer.process.findRenderObject("ViewPointObjects");
-
-      // let viewPointStateObject: ViewPointStateObject =
-      // 	viewer.process.findRenderObject("ViewPointStateObject");
-      // if (viewPointStateObject) {
-      // 	viewPointStateObject.clear();
-      // }
-
-      // (viewer as Viewer).viewPointManager.cuttingObjects.clearChildObjects();
-      if (this.viewer.process.commandManager.currentCommand.typeName == "CommandSelect") {
-        const cuttingPlaneObject = this.viewer.renderObjects.find<CuttingPlaneObject>("CuttingPlaneObject");
-        const cuttingBoxObject = this.viewer.renderObjects.find<CuttingBoxObject>("CuttingBoxObject");
-        if (cuttingPlaneObject) {
-          // this.viewer.renderObjects.remove(cuttingPlaneObject);
-          this.viewer.renderObjects.delete(cuttingPlaneObject);
-        }
-        if (cuttingBoxObject) {
-          // this.viewer.renderObjects.remove(cuttingBoxObject);
-          this.viewer.renderObjects.delete(cuttingBoxObject);
-        }
-
-        this.viewer.updateDisplay();
-      }
-
-      viewer.updateDisplay();
-    }
-  }
-
-  showMeasureClick(type: MeasureType) {
-    if (this.viewer.process.commandManager.currentCommand.typeName != "CommandShowMeasure") {
-      this.viewer.process.commandManager.execute(this.commandShowMeasure);
-    }
-    this.commandShowMeasure.measureTypeChange(type);
-  }
-
-  showEditLabelClick(type: LabelType) {
-    if (this.viewer.process.commandManager.currentCommand.typeName != "CommandShowEditLabel") {
-      this.viewer.process.commandManager.execute(this.commandShowEditLabel);
-    }
-    this.commandShowEditLabel.labelTypeChange(type);
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/sceneOperate/sceneOperate.vue

@@ -1,72 +0,0 @@
-<template>
-  <div class="scene-operate">
-    <gs-button-icon icon="pouqie" :active="cutActive" v-if="toolbarVisible.cut">
-      <div slot="hover">
-        <gs-button-group :activeIndex="cutIndex">
-          <gs-button-icon icon="hepouqie" @click="showBoxCutClick">
-            <template slot="text">六面体剖切</template>
-          </gs-button-icon>
-          <gs-button-icon icon="zhoupouqie" @click="showAxisCutClick">
-            <template slot="text">轴剖切</template>
-          </gs-button-icon>
-          <gs-button-icon icon="yuansupouqie" @click="showElementCutClick">
-            <template slot="text">元素剖切</template>
-          </gs-button-icon>
-          <gs-button-icon icon="gaochengpouqie" @click="showElevationCutClick">
-            <template slot="text">高程剖切</template>
-          </gs-button-icon>
-          <gs-button-icon icon="shanchu" @click="clearCuttingClick">
-            <template slot="text">清除剖切</template>
-          </gs-button-icon>
-        </gs-button-group>
-      </div>
-    </gs-button-icon>
-    <gs-button-icon icon="celiang" :active="measureActive" v-if="toolbarVisible.measure">
-      <div slot="hover">
-        <gs-button-group :activeIndex="measureIndex">
-          <gs-button-icon icon="jvli" @click="showMeasureClick(MeasureType.Distance)">
-            <template slot="text">距离</template>
-          </gs-button-icon>
-          <gs-button-icon icon="zuixiaojvli" @click="showMeasureClick(MeasureType.Mindistance)">
-            <template slot="text">最小距离</template>
-          </gs-button-icon>
-          <gs-button-icon icon="jiaodu" @click="showMeasureClick(MeasureType.Angle)">
-            <template slot="text">角度</template>
-          </gs-button-icon>
-          <gs-button-icon icon="gaocheng" @click="showMeasureClick(MeasureType.Elevation)">
-            <template slot="text">高程</template>
-          </gs-button-icon>
-          <gs-button-icon icon="podu" @click="showMeasureClick(MeasureType.Slope)">
-            <template slot="text">坡度</template>
-          </gs-button-icon>
-          <gs-button-icon icon="zuobiao" @click="showMeasureClick(MeasureType.Point)">
-            <template slot="text">坐标</template>
-          </gs-button-icon>
-        </gs-button-group>
-      </div>
-    </gs-button-icon>
-    <gs-button-icon icon="biaoqian" :active="labelActive" v-if="toolbarVisible.label">
-      <div slot="hover">
-        <gs-button-group :activeIndex="labelIndex">
-          <gs-button-icon icon="locationlabel" @click="showEditLabelClick(LabelType.Location)">
-            <template slot="text">定位标签</template>
-          </gs-button-icon>
-          <gs-button-icon icon="LeadText" @click="showEditLabelClick(LabelType.LeadText)">
-            <template slot="text">引线标签</template>
-          </gs-button-icon>
-          <gs-button-icon icon="tupian" @click="showEditLabelClick(LabelType.Image)">
-            <template slot="text">图片</template>
-          </gs-button-icon>
-        </gs-button-group>
-      </div>
-    </gs-button-icon>
-  </div>
-</template>
-<script lang="ts" src="./sceneOperate.ts"></script>
-<style scoped lang="scss">
-.scene-operate {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/toolbar.ts

@@ -1,49 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import IndexToolbar from "./indexToolbar.vue";
-import Roam from "./roam/roam.vue";
-import store from "../../../store";
-import { ToolbarType } from "../../../store/toolbar";
-import ViewModel from "./viewModel/viewModel.vue";
-import Markup from "./markup/markup.vue";
-import SceneOperate from "./sceneOperate/sceneOperate.vue";
-import ComponentOperate from "./componentOperate/componentOperate.vue";
-import SceneEffect from "./sceneEffect/sceneEffect.vue";
-import Info from "./info/info.vue";
-import Cut from "./cut/cut.vue";
-import Measure from "./measure/measure.vue";
-import LabelToolbar from "./label/label.vue";
-import { CommandSelect } from "../../commands/commandSelect";
-@Component({
-  components: {
-    IndexToolbar,
-    Roam,
-    ViewModel,
-    Markup,
-    SceneOperate,
-    ComponentOperate,
-    SceneEffect,
-    Info,
-    Cut,
-    Measure,
-    LabelToolbar,
-  },
-})
-export default class BottomToolbar extends Vue {
-  @Inject() getViewer;
-
-  toolbarType = ToolbarType;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get toolbar(): ToolbarType {
-    return store.getters["toolbar/toolbarType"](this.viewer.container.id);
-  }
-
-  existClick() {
-    this.viewer.process.commandManager.execute(new CommandSelect());
-    store.commit("toolbar/resetToolbar", this.viewer.container.id);
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/toolbar.vue

@@ -1,74 +0,0 @@
-<template>
-  <div class="bottom-toolbar" v-if="toolbar">
-    <view-model v-show="toolbar === toolbarType.ViewModel" />
-    <scene-operate v-show="toolbar === toolbarType.SceneOperate" />
-    <component-operate v-show="toolbar === toolbarType.ComponentOperate" />
-    <scene-effect v-show="toolbar === toolbarType.SceneEffect" />
-    <roam v-show="toolbar === toolbarType.Roam" />
-    <info v-show="toolbar === toolbarType.Info" />
-    <markup v-if="toolbar == toolbarType.Markup" />
-    <cut v-if="toolbar == toolbarType.Cut" />
-    <measure v-if="toolbar == toolbarType.Measure" />
-    <label-toolbar v-if="toolbar == toolbarType.Label" />
-    <i class="closeBtn el-icon-close" title="关闭" @click="existClick"></i>
-  </div>
-</template>
-
-<script lang="ts" src="./toolbar.ts"></script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-.bottom-toolbar {
-  position: absolute;
-  display: flex;
-  vertical-align: center;
-  bottom: 10px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1000;
-  height: 50px;
-  opacity: 0.95;
-  border-radius: 10px;
-  padding: 0 24px 0 10px;
-  .closeBtn {
-    position: absolute;
-    top: 5px;
-    right: 4px;
-    font-size: 14px;
-    cursor: pointer;
-  }
-  :deep(.gs-button-icon-wrapper) {
-    .gs-button-icon {
-      .border-box {
-        &.active {
-          &::after {
-            content: "";
-            width: 10px;
-            height: 3px;
-            background: #62ceff;
-            position: absolute;
-            bottom: -9px;
-            left: 50%;
-            transform: translateX(-50%);
-            border-radius: 1px 1px 0 0;
-          }
-        }
-      }
-    }
-
-    .button-hover {
-      .gs-button-icon {
-        .border-box {
-          &.active {
-            &::after {
-              display: none;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>