gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/commands/commandBindComponent.vue

@@ -1,405 +0,0 @@
-<template>
-  <div
-    class="commandDiv"
-    v-if="commandVisible"
-    @focus="console.log('in')"
-    @blur="console.log('out')"
-    tabindex="component"
-    ref="commandDiv"
-    @mousedown="borderMouseDown"
-    @mousemove="borderMouseMove"
-    @dragenter="preventDefault"
-    @dragover="preventDefault"
-    :style="{
-      left,
-      right,
-      top,
-      bottom,
-      zIndex,
-      background: panelStyle.background,
-      opacity: panelStyle.opacity,
-    }">
-    <div class="header" @mousedown="mousedown" ref="header" v-if="isChildInit">
-      <i v-if="icon" :class="`GSBimAir icon-${icon}`"></i>
-      <span :title="title" @dragenter="preventDefault" @dragover="preventDefault">{{ title }}</span>
-      <el-divider v-if="subTitle" direction="vertical" />
-      <i
-        v-if="subTitle"
-        :title="subTitle"
-        @dragenter="preventDefault"
-        @dragover="preventDefault"
-        style="font-size: 14px; padding-right: 10px">
-        {{ subTitle }}
-      </i>
-      <div class="close-button" @click.stop.prevent="closeClick">
-        <i class="icon el-icon-close" style="font-size: 16px" />
-      </div>
-    </div>
-    <slot></slot>
-    <div class="component">
-      <component
-        :is="component"
-        @setData="setData"
-        @closeClick="closeClick"
-        @setSubTitle="setSubTitle"
-        :componentData="componentData"
-        ref="commandComponent" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Emit, Inject, Prop, Vue } from "vue-property-decorator";
-import { CommandSelect } from "./commandSelect";
-import store from "../../store";
-import command from "../../store/command";
-import { CommandComponent } from "./commandComponent";
-import { Divider } from "element-ui";
-Vue.use(Divider);
-
-@Component({
-  components: {
-    // ShowPropertyBox,
-    // ShowStructureTree,
-  },
-})
-export default class CommandBindComponent extends Vue {
-  @Prop() component;
-  @Inject() getViewer;
-  top = "unset";
-  bottom = "unset";
-  left = "unset";
-  right = "unset";
-  title = "";
-  componentName = "";
-  subTitle = "";
-  icon = "";
-
-  editingType = "";
-  isResizing = false;
-  store = store;
-  isChildInit = false;
-
-  get viewer() {
-    return this.getViewer();
-  }
-
-  get commandVisible() {
-    let commandComponentVisible = command.state.commandComponentVisible;
-    return commandComponentVisible[this.componentName];
-  }
-
-  get componentData() {
-    return store.getters["command/commandData"](this.componentName) || null;
-  }
-
-  get zIndex() {
-    let componentZIndex = store.state.componentZIndex;
-    return componentZIndex[this.componentName];
-  }
-
-  get panelStyle() {
-    return this.viewer.options.styles.panel;
-  }
-
-  @Emit("setData")
-  setData(data) {
-    this.isChildInit = true;
-    this.title = data.title || "属性板";
-    this.icon = data.icon;
-    let isAllUnset = !data.left && !data.right && !data.top && !data.buttom;
-    if (!isAllUnset) {
-      this.left = data.left || "unset";
-      this.right = data.right || "unset";
-      this.top = data.top || "unset";
-      this.bottom = data.bottom || "unset";
-    }
-
-    let odiv = this.$refs.commandDiv as HTMLDivElement;
-    odiv.style.display = "flex";
-    // let parentElement = odiv.parentElement; // 获取父元素,即viewer-wrapper
-
-    if (data.width && (this.left === "unset" || this.right === "unset")) {
-      odiv.style.width = data.width;
-    }
-
-    if (data.height && (this.bottom === "unset" || this.top === "unset")) {
-      odiv.style.height = data.height;
-    }
-  }
-
-  @Emit("setSubTitle")
-  setSubTitle(subTitle) {
-    this.subTitle = subTitle;
-    // console.log("this.$emit commandData.name", subTitle);
-  }
-
-  @Emit("closeClick")
-  closeClick() {
-    if ((this.$refs.commandComponent as any).closeClick) {
-      (this.$refs.commandComponent as any).closeClick();
-      // return
-    }
-
-    let currentCommand = this.viewer.process.commandManager.currentCommand as CommandComponent;
-    if (currentCommand) {
-      console.log(
-        "currentCommand.componentName === this.componentName",
-        currentCommand.componentName,
-        this.componentName
-      );
-      if (currentCommand.componentName === this.componentName) {
-        this.viewer.process.commandManager.execute(new CommandSelect());
-      }
-    }
-    store.commit("command/commandHideComponent", this.componentName);
-  }
-
-  preventDefault(e) {
-    e.preventDefault();
-  }
-
-  mouseover(e) {
-    // this.zIndex = 1000
-    console.log("mouseover");
-  }
-
-  mousedown(ev) {
-    store.commit("setComponentZIndex", this.componentName);
-
-    let odiv = this.$refs.commandDiv as HTMLDivElement; // 获取目标元素
-    let parentElement = odiv.parentElement; // 获取父元素,即viewer-wrapper
-    // 算出鼠标相对元素的位置
-    let disX = ev.clientX - odiv.offsetLeft;
-    let disY = ev.clientY - odiv.offsetTop;
-    document.onmousemove = (e) => {
-      // 鼠标按下并移动的事件
-      // 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
-      let left = e.clientX - disX;
-      let top = e.clientY - disY;
-
-      if (left < 0) {
-        left = 0;
-      } else if (left >= parentElement.offsetWidth - odiv.offsetWidth) {
-        left = parentElement.offsetWidth - odiv.offsetWidth;
-      }
-      if (top < 0) {
-        top = 0;
-      } else if (top >= parentElement.offsetHeight - odiv.offsetHeight) {
-        top = parentElement.offsetHeight - odiv.offsetHeight;
-      }
-
-      // 移动当前元素
-      this.left = left + "px";
-      this.top = top + "px";
-      this.right = parentElement.offsetWidth - odiv.offsetWidth - left + "px";
-      this.bottom = parentElement.offsetHeight - odiv.offsetHeight - top + "px";
-
-      if (Number(this.left.replace("px", "")) <= Number(this.right.replace("px", ""))) {
-        odiv.style.width = odiv.offsetWidth + "px";
-        this.right = "unset";
-      } else {
-        odiv.style.width = odiv.offsetWidth + "px";
-        this.left = "unset";
-      }
-    };
-    document.onmouseup = () => {
-      document.onmousemove = null;
-      document.onmouseup = null;
-    };
-  }
-
-  borderMouseMove(ev) {
-    if (this.isResizing) {
-      return;
-    }
-    let odiv = this.$refs.commandDiv as HTMLDivElement; // 获取目标元素
-    let viewerId = this.viewer.container.id;
-    let wrapperElement = document.getElementById(viewerId).parentElement; // 包围
-
-    let isLeft = ev.clientX >= odiv.offsetLeft && ev.clientX <= odiv.offsetLeft + 10;
-    let isRight =
-      ev.clientX <= odiv.offsetLeft + odiv.offsetWidth && ev.clientX >= odiv.offsetLeft + odiv.offsetWidth - 10;
-    let isTop =
-      ev.clientY >= wrapperElement.offsetTop + odiv.offsetTop &&
-      ev.clientY <= wrapperElement.offsetTop + odiv.offsetTop + 10;
-    let isBottom =
-      ev.clientY <= wrapperElement.offsetTop + odiv.offsetTop + odiv.offsetHeight &&
-      ev.clientY >= wrapperElement.offsetTop + odiv.offsetTop + odiv.offsetHeight - 10;
-
-    if (isLeft && isBottom) {
-      odiv.style.cursor = "sw-resize";
-    } else if (isRight && isBottom) {
-      odiv.style.cursor = "se-resize";
-    } else if (isLeft) {
-      odiv.style.cursor = "w-resize";
-    } else if (isRight) {
-      odiv.style.cursor = "e-resize";
-    } else if (isTop) {
-      odiv.style.cursor = "n-resize";
-    } else if (isBottom) {
-      odiv.style.cursor = "s-resize";
-    } else {
-      odiv.style.cursor = "";
-    }
-    this.editingType = odiv.style.cursor;
-  }
-
-  borderMouseDown() {
-    store.commit("setComponentZIndex", this.componentName);
-    if (this.editingType) {
-      let odiv = this.$refs.commandDiv as HTMLDivElement; // 获取目标元素
-      let parentElement = odiv.parentElement; // 获取父元素
-      let wrapperElement = document.getElementById(this.viewer.container.id).parentElement; // 包围
-
-      // 算出鼠标相对元素的位置
-      odiv.style.width = odiv.offsetWidth + "px";
-
-      this.left = odiv.offsetLeft + "px";
-      this.right = parentElement.offsetWidth - odiv.offsetLeft - odiv.offsetWidth + "px";
-      this.top = odiv.offsetTop + "px";
-      this.bottom = parentElement.offsetHeight - odiv.offsetTop - odiv.offsetHeight + "px";
-
-      document.onmousemove = (e) => {
-        odiv.style.width = "";
-        odiv.style.height = "";
-        this.isResizing = true;
-        let bottom = parentElement.offsetHeight + wrapperElement.offsetTop - e.clientY;
-        switch (this.editingType) {
-          case "w-resize":
-            this.left = (e.clientX < 0 ? 0 : e.clientX) + "px";
-            break;
-          case "e-resize":
-            this.right = (e.clientX > parentElement.offsetWidth ? 0 : parentElement.offsetWidth - e.clientX) + "px";
-            break;
-          case "n-resize":
-            this.top = e.clientY + "px";
-            break;
-          case "s-resize":
-            this.bottom = (bottom < 0 ? 0 : bottom) + "px";
-            break;
-          case "sw-resize":
-            this.left = (e.clientX < 0 ? 0 : e.clientX) + "px";
-            this.bottom = (bottom < 0 ? 0 : bottom) + "px";
-            break;
-          case "se-resize":
-            this.right = (e.clientX > parentElement.offsetWidth ? 0 : parentElement.offsetWidth - e.clientX) + "px";
-            this.bottom = (bottom < 0 ? 0 : bottom) + "px";
-            break;
-        }
-      };
-      document.onmouseup = () => {
-        if (this.isResizing && this.left !== "unset" && this.right !== "unset") {
-          if (Number(this.left.replace("px", "")) <= Number(this.right.replace("px", ""))) {
-            odiv.style.width = odiv.offsetWidth + "px";
-            this.right = "unset";
-          } else {
-            odiv.style.width = odiv.offsetWidth + "px";
-            this.left = "unset";
-          }
-        }
-        this.isResizing = false;
-
-        if ((this.$refs.commandComponent as any).borderMouseUp) {
-          (this.$refs.commandComponent as any).borderMouseUp();
-        }
-        document.onmouseup = null;
-        document.onmousemove = null;
-      };
-    }
-  }
-
-  created() {
-    if (this.viewer) {
-      let currentCommand = this.viewer.process.commandManager.currentCommand as CommandComponent;
-      if (currentCommand) {
-        this.componentName = currentCommand.typeName + this.viewer.container.id;
-        store.commit("setComponentZIndex", this.componentName);
-      }
-    }
-  }
-
-  beforeDestroy() {
-    store.commit("command/commandHideComponent", this.componentName);
-    // store.commit("panel/panelDisposeComponent", this.componentName);
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../assets/scss/site";
-@import "../../assets/theme/handle.scss";
-
-.commandDiv {
-  position: absolute;
-  // background: $model-theme;
-  // background: $gs-primary-background;
-  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4);
-  // opacity: 0.95;
-  border-radius: 10px;
-  color: white;
-  // padding-bottom: 10px;
-  display: flex;
-  flex-direction: column;
-  min-width: 250px;
-  min-height: 150px;
-  text-align: center;
-  user-select: none;
-  display: none;
-  .header {
-    height: 48px;
-    line-height: 48px;
-    font-size: 16px;
-    font-weight: 400;
-    color: $gs-primary-fontColor;
-    text-align: left;
-    padding-left: 10px;
-    cursor: move;
-    padding-right: 20px;
-    user-select: none;
-    background: $gs-primary-background;
-    border-radius: 10px 10px 0 0;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    > i {
-      margin-right: 5px;
-    }
-    .el-divider {
-      background-color: $gs-primary-fontColor;
-    }
-  }
-  .component {
-    flex: 1;
-    height: calc(100% - 48px);
-    overflow: auto;
-  }
-}
-
-.button-wrapper {
-  padding: 20px;
-}
-
-.close-button {
-  cursor: pointer;
-  display: inline-block;
-  width: 20px;
-  height: 48px;
-  font-size: 20px;
-  transition: 0.3s;
-  color: $gs-primary-buttonColor;
-  position: absolute;
-  //top: 0;
-  right: 10px;
-
-  &:hover i {
-    color: $gs-primary-buttonColor-hover;
-  }
-
-  i {
-    margin: auto;
-    color: white;
-    transition: 0.3s;
-    //vertical-align: middle; /*IE8以上及Chrome、Firefox*/
-  }
-}
-</style>

package/src/viewerWrapper/commands/commandComponent.ts

@@ -1,180 +0,0 @@
-import store from "../../store";
-import { StringKeyList } from "gs-longan";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-// import { CommandComponent as CommandComponentCore } from "gs-bim-air-core/commands/commandComponent";
-
-export interface CommandData {
-  componentName: string;
-  data: any;
-}
-
-export class CommandComponent {
-  typeName = "CommandComponent";
-  static nameCounter: number = 0;
-
-  protected _name: string;
-  protected _buttonsVisible: boolean = false;
-  protected _guiBindCommand: string | null = null;
-  private _divBindCommand: string;
-  private _componentName: string;
-  private _bindComponent: () => void;
-  private _otherComponents: StringKeyList<() => void> = new StringKeyList<() => void>();
-  private _data: any = null;
-  public _viewer: Viewer;
-  //   public toggleCallback: (visible: boolean) => void = null;
-
-  public set viewer(viewer) {
-    this._viewer = viewer;
-  }
-
-  public get viewer(): Viewer {
-    return this._viewer;
-  }
-
-  public get componentName() {
-    return this._componentName;
-  }
-
-  constructor(command?: any, bindComponent?: () => void) {
-    // super();
-    this.viewer = command.viewer as Viewer;
-    this._componentName = command.typeName + this.viewer.container.id;
-
-    this.bindComponent = bindComponent;
-    this.commandData = command.commandData;
-    command.updateCommandData = (data?) => {
-      if (data) {
-        this.commandData = data;
-      } else {
-        this.commandData = command.commandData;
-      }
-    };
-
-    this._name = "command" + CommandComponent.nameCounter++;
-  }
-
-  public set bindComponent(component) {
-    // this._componentName = component.toString().split("/").pop().slice(0, -10) + this.viewer.container.id;
-    this._bindComponent = component;
-    store.commit("command/commandBindComponent", {
-      viewerId: this.viewer.container.id,
-      componentName: this._componentName,
-      component: this._bindComponent,
-    });
-  }
-
-  public get bindComponent() {
-    return this._bindComponent;
-  }
-
-  public set bindOtherComponent(component) {
-    let componentName = component.toString().split("/").pop().slice(0, -10) + this.viewer.container.id;
-    this._otherComponents.add(componentName, component);
-    store.commit("command/commandBindComponent", {
-      componentName: this._componentName,
-      component: component,
-    });
-  }
-
-  public get visible(): boolean {
-    return store.getters["command/commandComponentState"](this._componentName);
-  }
-
-  public set toggleCallback(toggleCallback) {
-    store.commit("command/setPanelToggleCallback", toggleCallback);
-  }
-
-  public get disabled(): boolean {
-    return store.getters["command/commandComponentDisabled"](this._componentName);
-  }
-
-  public set disabled(disabled) {
-    if (disabled) {
-      this.hide();
-    }
-    store.commit("panel/setPanelComponentDisabled", {
-      componentName: this._componentName,
-      disabled,
-    });
-  }
-
-  public set commandData(data) {
-    // let commandData: CommandData = { componentName: this.componentName, data };
-    store.commit("command/sendData", { componentName: this.componentName, data });
-  }
-
-  public get commandData() {
-    return store.getters["command/commandData"](this._componentName);
-  }
-
-  public sendMessage(commandMessage: { sender: string; msg: string }) {
-    store.commit("command/sendMessage", commandMessage);
-  }
-
-  public show() {
-    if (this._componentName) {
-      store.commit("command/commandShowComponent", this._componentName);
-      store.commit("setComponentZIndex", this._componentName);
-    } else {
-      // console.error("请先绑定组件");
-    }
-  }
-
-  public hide() {
-    if (this._componentName) {
-      store.commit("command/commandHideComponent", this._componentName);
-    } else {
-      // console.error("请先绑定组件");
-    }
-  }
-
-  public showOther(componentName: string) {
-    if (this._otherComponents.has(componentName)) {
-      store.commit("command/commandShowComponent", componentName);
-    } else {
-      // console.error("请先绑定组件");
-    }
-  }
-
-  public hideOther(componentName: string) {
-    if (this._otherComponents.has(componentName)) {
-      store.commit("command/commandHideComponent", componentName);
-    } else {
-      // console.error("请先绑定组件");
-    }
-  }
-
-  public hideOthers() {
-    this._otherComponents.forEach((key: string, value: () => void) => {
-      store.commit("command/commandHideComponent", key);
-    });
-  }
-
-  public toggle() {
-    let state = store.getters["command/commandComponentState"](this._componentName);
-    if (state) {
-      this.hide();
-    } else {
-      this.show();
-    }
-    return state;
-  }
-
-  public name(name?: string): string {
-    if (name) {
-      this._name = name;
-    }
-
-    return this._name;
-  }
-
-  public buttonsVisible(visible?: boolean): boolean {
-    if (visible !== undefined) {
-      this._buttonsVisible = visible;
-    }
-    return this._buttonsVisible;
-  }
-  // mounted() {
-  //
-  // }
-}

package/src/viewerWrapper/commands/commandSelect.ts

@@ -1,7 +0,0 @@
-import { CommandSelect as CommandSelectCore } from "gs-bim-air-core/commands/commandSelect";
-export class CommandSelect extends CommandSelectCore {
-  constructor() {
-    super();
-    this.typeName = "CommandSelect";
-  }
-}

package/src/viewerWrapper/commands/createMeadow/commandCreateMeadow.ts

@@ -1,84 +0,0 @@
-// import saveModel from '../../module/saveModel';
-import { CommandComponent } from "../commandComponent";
-import { CreateWallSelector } from "gs-bim-air-core/gsDevFx/operators/createWallSelector";
-
-import * as Longan from "gs-longan";
-import { SvgDraw } from "../../../plugins/svgDraw";
-import { Container } from "@svgdotjs/svg.js";
-import { LonganCore } from "gs-longan";
-import { ViewerEvent } from "gs-longan";
-import { CreateMeadowSelector } from "gs-bim-air-core/gsDevFx/operators/createMeadowSelector";
-import { MeadowObject } from "gs-bim-air-core/gsDevFx/objects/meadowObjects/meadowObject";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-import * as Commands from "gs-bim-air-core/commands";
-
-export default class CommandCreateMeadow extends Commands.CommandCreateMeadow {
-  // static instance: CommandCreateMeadow = new CommandCreateMeadow();
-  // typeName = "CommandCreateMeadow";
-
-  // selector: CreateMeadowSelector = null;
-  // private _points: number[];
-  // private _fileName = "/Renders/Images/grass01.png";
-
-  // public get points(): number[] {
-  //   return this._points;
-  // }
-
-  // public set points(v: number[]) {
-  //   this._points = v;
-  // }
-
-  // public insertPoint(pos: Float64Array) {
-  //   this._points.push(...pos);
-  // }
-
-  // public get fileName(): string {
-  //   return this._fileName;
-  // }
-
-  // public set fileName(v: string) {
-  //   this._fileName = v;
-  // }
-
-  component: CommandComponent;
-
-  constructor() {
-    super();
-    // this._points = [];
-  }
-
-  begin() {
-    this.viewer.operatorManager.clear();
-    this.viewer.operatorManager.add(new CameraMouse());
-
-    let gpuPreSelector = new GPUPreSelector();
-    this.viewer.operatorManager.add(gpuPreSelector);
-
-    this.selector = new CreateMeadowSelector();
-    this.viewer.operatorManager.add(this.selector);
-
-    super.begin();
-  }
-
-  end() {
-    this.component.hide();
-
-    super.end();
-    if (this.points.length >= 9) {
-      this.render();
-    }
-    this.selector.preRenderSegment?.delete();
-    this.viewer.updateDisplay();
-  }
-
-  // render() {
-  //   if (this.points.length < 9) {
-  //     return;
-  //   }
-  //   let meadow = new MeadowObject(this._fileName);
-  //   // meadow.renderer.points = Float32Array.of(...this.points);
-  //   this.viewer.renderObjects.add(this.viewer.process.renderObject, meadow);
-  //   this.points = [];
-  // }
-}