gs-bim-air 3.0.3 → 3.0.5

package/src/plugins/svgDraw/index.ts

@@ -1,168 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-// import {debounce} from 'lodash';
-import { Process } from "gs-longan";
-import { SvgViewer } from "./svgViewer";
-import { SVG, Element, SVGTypeMapping, Container } from "@svgdotjs/svg.js";
-//import { Element, Container } from "svg.js";
-//import "svg.js";
-// import "@svgdotjs/svg.draggable.js";
-// import "gs.svg.select.js";
-// import "gs.svg.select.js/src/svg.select.css";
-// import "gs.svg.resize.js";
-
-import * as Longan from "gs-longan";
-
-export enum PenSize {
-  Small = 2,
-  Middle = 4,
-  Large = 6,
-}
-
-export class SvgDraw extends SvgViewer {
-  static instance = {};
-
-  isLButtonDown = false;
-  lButtonDown = new Longan.List<(sender: SvgDraw, e) => void>();
-  lButtonUp = new Longan.List<(sender: SvgDraw, e) => void>();
-  rButtonDown = new Longan.List<(sender: SvgDraw, e) => void>();
-  lButtonDownAndMove = new Longan.List<(sender: SvgDraw, e) => void>();
-  selectionCreated = new Longan.List<(sender: SvgDraw, e) => void>();
-  selectionCleared = new Longan.List<(sender: SvgDraw, e) => void>();
-  // keyDown = new Longan.List<(sender: SvgDraw, e) => void>();
-
-  touchStart = new Longan.List<(sender: SvgDraw, e) => void>();
-  touchEnd = new Longan.List<(sender: SvgDraw, e) => void>();
-  touchMove = new Longan.List<(sender: SvgDraw, e) => void>();
-  isTouchStart = false;
-
-  static getInstance(containerId): SvgDraw {
-    if (this.instance[containerId]) {
-      let element = document.getElementById(this.instance[containerId].svgId);
-      if (element) {
-        return this.instance[containerId];
-      }
-    }
-    this.instance[containerId] = new SvgDraw(containerId);
-    return this.instance[containerId];
-  }
-
-  draw: Container;
-  reSize;
-
-  constructor(containerId: string) {
-    super(containerId);
-    this.draw = SVG("#" + this.svgId) as Container;
-    this.reSize = () => {
-      this.debounceResize();
-    };
-
-    let viewer: Viewer;
-    Process.activeProcess.viewers.forEach((vi) => {
-      if (vi.container.id === containerId) {
-        // viewer.documentChanged.add(this.reSize);
-        viewer = vi as Viewer;
-      }
-    });
-    window.addEventListener("resize", this.reSize);
-
-    let that = this;
-
-    this.svg.onmousedown = (e) => {
-      viewer.options.isFreeze = true;
-
-      if (e.button === 0) {
-        that.isLButtonDown = true;
-        that.lButtonDown.forEach((value) => {
-          value(that, e);
-        });
-      }
-      if (e.button === 2) {
-        that.rButtonDown.forEach((value) => {
-          value(that, e);
-        });
-      }
-      e.preventDefault();
-    };
-
-    this.svg.onmousemove = (e) => {
-      if (that.isLButtonDown) {
-        that.lButtonDownAndMove.forEach((value) => {
-          value(that, e);
-        });
-      }
-      e.preventDefault();
-    };
-
-    this.svg.onmouseup = (e) => {
-      viewer.options.isFreeze = false;
-
-      if (e.button === 0) {
-        that.isLButtonDown = false;
-        that.lButtonUp.forEach((value) => {
-          value(that, e);
-        });
-      }
-      e.preventDefault();
-    };
-
-    // this.svg.onkeydown = (e) => {
-    //   that.keyDown.forEach((value) => {
-    //     value(that, e);
-    //   });
-    //   // e.preventDefault();
-    // };
-
-    this.svg.ontouchstart = (e) => {
-      viewer.options.isFreeze = true;
-      that.isTouchStart = true;
-      that.touchStart.forEach((value) => {
-        value(that, e);
-      });
-    };
-
-    this.svg.ontouchmove = (e) => {
-      if (that.isTouchStart) {
-        that.touchMove.forEach((value) => {
-          value(that, e);
-        });
-      }
-    };
-
-    this.svg.ontouchend = (e) => {
-      viewer.options.isFreeze = false;
-      that.isTouchStart = false;
-      that.touchEnd.forEach((value) => {
-        value(that, e);
-      });
-    };
-  }
-
-  debounceResize() {
-    let that = this;
-    // debounce(() => {
-    //     that.updateSize()
-    // }, 50)()
-    that.updateSize();
-  }
-
-  public dispose() {
-    window.removeEventListener("resize", this.reSize);
-    Process.activeProcess.viewers.forEach((viewer) => {
-      if (viewer?.container?.id === this.container?.id) {
-        // viewer.documentChanged.remove(this.reSize);
-      }
-    });
-    super.dispose();
-    this.lButtonDown.clear();
-    this.lButtonUp.clear();
-    this.rButtonDown.clear();
-    this.lButtonDownAndMove.clear();
-    this.selectionCreated.clear();
-    this.selectionCleared.clear();
-    // this.keyDown.clear();
-
-    this.touchStart.clear();
-    this.touchMove.clear();
-    this.touchEnd.clear();
-  }
-}

package/src/plugins/svgDraw/svgViewer.ts

@@ -1,86 +0,0 @@
-export class SvgViewer {
-  container: HTMLElement;
-  svg: SVGElement;
-  svgId = "";
-
-  _width = 600;
-  _height = 400;
-  _aspectRatio = 1;
-  _onResize = null;
-  _svgEvent = true;
-
-  constructor(containerId: string) {
-    let vi: SvgViewer = this;
-    this.createView(containerId);
-  }
-
-  private createView(containerId: string) {
-    this.container = document.getElementById(containerId);
-    this.container.style.overflow = "hidden";
-    this.svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    this.svgId = "svg_draw_" + containerId;
-    this.svg.setAttribute("id", this.svgId);
-    this.svg.style.position = "absolute";
-    this.svg.style.left = "0px";
-    this.svg.style.right = "0px";
-    this.svg.style.top = "0px";
-    this.svg.style.bottom = "0px";
-    this.svg.style.zIndex = "1";
-    this.svg.style.pointerEvents = "none";
-    // this.svg.style.width = this.container.offsetWidth + "px";
-    // this.svg.style.height = this.container.offsetHeight + "px";
-    this.svg.setAttribute("viewBox", `0 0 ${this.container.offsetWidth} ${this.container.offsetHeight}`);
-    this.svg.oncontextmenu = () => false;
-    this.container.appendChild(this.svg);
-    this._width = this.container.offsetWidth;
-    this._height = this.container.offsetHeight;
-    this._aspectRatio = this._width / this._height;
-  }
-
-  disable() {
-    this.svg.style.pointerEvents = "none";
-  }
-
-  enable() {
-    this.svg.style.pointerEvents = "auto";
-  }
-
-  public dispose() {
-    if (this.svg) {
-      this.svg.parentNode.removeChild(this.svg);
-      this.svg = null;
-      this.container = null;
-    }
-  }
-
-  public rebind(containerId: string) {
-    this.createView(containerId);
-  }
-
-  public updateDisplay() {}
-
-  public get width() {
-    return this._width;
-  }
-
-  public get height() {
-    return this._height;
-  }
-
-  public get svgEvent() {
-    return this._svgEvent;
-  }
-
-  public set svgEvent(svgEvent) {
-    this._svgEvent = svgEvent;
-  }
-
-  public updateSize() {
-    this.svg.style.width = this.container.offsetWidth + "px";
-    this.svg.style.height = this.container.offsetHeight + "px";
-    this.svg.setAttribute("viewBox", `0 0 ${this.container.offsetWidth} ${this.container.offsetHeight}`);
-    this._width = this.container.offsetWidth;
-    this._height = this.container.offsetHeight;
-    this._aspectRatio = this._width / this._height;
-  }
-}

package/src/plugins/vuesax.ts

@@ -1,16 +0,0 @@
-// import Vue from "vue";
-// // import Vuesax from "vuesax";
-//
-// // import "vuesax/dist/vuesax.css"; //Vuesax styles
-// // import "@/assets/scss/vuesaxCover.css"; //Vuesax styles
-//
-// // Vue.use(Vuesax, {
-// //   // options here
-// // });
-// import { vsButton, vsSelect, vsInput, vsDialog } from "@/components/vuesax/index"
-// import '@/components/vuesax/styles/vuesax.sass'
-//
-// Vue.use(vsButton)
-// Vue.use(vsSelect)
-// Vue.use(vsInput)
-// Vue.use(vsDialog)

package/src/shims-fx.d.ts

@@ -1 +0,0 @@
-declare module "*.fx" {}

package/src/shims-image.d.ts

@@ -1,14 +0,0 @@
-declare module "*.jpg" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.png" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.svg" {
-  const value: string;
-  export default value;
-}

package/src/shims-scss.d.ts

@@ -1,2 +0,0 @@
-declare module '*.scss' {
-}

package/src/shims-tsx.d.ts

@@ -1,13 +0,0 @@
-import Vue, { VNode } from 'vue';
-
-declare global {
-  namespace JSX {
-    // tslint:disable no-empty-interface
-    interface Element extends VNode { }
-    // tslint:disable no-empty-interface
-    interface ElementClass extends Vue { }
-    interface IntrinsicElements {
-      // [elem: string]: any;
-    }
-  }
-}

package/src/shims-vue.d.ts

@@ -1,18 +0,0 @@
-declare module '*.vue' {
-  import Vue from 'vue';
-  export default Vue;
-}
-
-// declare module "vue/types/vue" {
-//   import VueRouter, { Route } from 'vue-router';
-//   interface Vue {
-//     $router: VueRouter; // 这表示this下有这个东西
-//     $route: Route;
-//     $store: Store;
-//     // $http: any;
-//     // $Message: any;
-//     // $Modal: any;
-//   }
-// }
-
-declare const require: NodeRequire; // 添加此行

package/src/shims-worker.d.ts

@@ -1,8 +0,0 @@
-// // src/shims-worker.d.ts
-// declare module "*.worker.ts" {
-//   class WebpackWorker extends Worker {
-//     constructor();
-//   }
-
-//   export default WebpackWorker;
-// }

package/src/store/command.ts

@@ -1,101 +0,0 @@
-import { Vue } from "vue-property-decorator";
-import { CommandData } from "../viewerWrapper/commands/commandComponent";
-
-interface CommandMessage {
-  sender: string;
-  msg: string;
-  updateTag: string;
-}
-
-let commandMessage: CommandMessage = { sender: "", msg: "", updateTag: "0" };
-let command = {
-  namespaced: true,
-  state: {
-    commandComponentVisible: {},
-    commandComponents: [],
-    commandData: {},
-    zIndex: 1000,
-    commandMessage,
-    commandDataStore: {},
-  },
-  getters: {
-    commandComponentState: (state) => (componentName) => {
-      return state.commandComponentVisible[componentName];
-    },
-    commandData: (state) => (componentName) => {
-      return state.commandDataStore[componentName];
-    },
-    // commandComponent: (state) => (componentName) => {
-    //     for (let i = 0; i < state.commandComponents.length; i++) {
-    //         let comName = state.commandComponents[i].toString().split("/").pop().slice(0, -10) //xxx.vue
-    //         if (comName === componentName) {
-    //             return state.commandComponents[i]
-    //
-    //         }
-    //     }
-    //     return null
-    // },
-  },
-  mutations: {
-    commandBindComponent(state, { viewerId, componentName, component }) {
-      // let componentName = component.toString().split("/").pop().slice(0, -10); //xxx.vue
-      let existed = false;
-      // let comArray = Object.keys(state.commandComponents);
-      for (let i = 0; i < state.commandComponents.length; i++) {
-        let comName = state.commandComponents[i].name;
-        if (comName === componentName) {
-          existed = true;
-        }
-      }
-      if (!existed) {
-        state.commandComponents.push({ name: componentName, component });
-      }
-    },
-    setPanelToggleCallback(state, toggleCallback) {
-      state.toggleCallback = toggleCallback;
-    },
-    commandShowComponent(state, componentName) {
-      Vue.set(state.commandComponentVisible, componentName, true);
-      if (state.toggleCallback) {
-        state.toggleCallback(true);
-      }
-    },
-    commandHideComponent(state, componentName) {
-      Vue.set(state.commandComponentVisible, componentName, false);
-      if (state.toggleCallback) {
-        state.toggleCallback(false);
-      }
-    },
-    hideAllCommandComponent(state, viewerContainerId) {
-      for (const key in state.commandComponentVisible) {
-        if (
-          Object.prototype.hasOwnProperty.call(state.commandComponentVisible, key) &&
-          key.indexOf(viewerContainerId) !== -1
-        ) {
-          state.commandComponentVisible[key] = false;
-        }
-      }
-
-      // state.commandComponents = []
-    },
-    setCommandData(state, commandData) {
-      Vue.set(state.commandData, commandData.name, commandData.data);
-    },
-    resetZIndex(state) {
-      state.zIndex = 1000;
-    },
-    rightBottomBindComponent(state, component) {
-      state.commandRightBottomComponent = component;
-    },
-    sendMessage(state, commandMessage: CommandMessage) {
-      Vue.set(state.commandMessage, "sender", commandMessage.sender);
-      Vue.set(state.commandMessage, "msg", commandMessage.msg);
-      Vue.set(state.commandMessage, "updateTag", (Number(state.commandMessage.updateTag) + 1).toString());
-      console.log("state.commandMessage", state.commandMessage);
-    },
-    sendData(state, commandData: CommandData) {
-      Vue.set(state.commandDataStore, commandData.componentName, commandData.data);
-    },
-  },
-};
-export default command;

package/src/store/index.ts

@@ -1,156 +0,0 @@
-import Vue from "vue";
-import Vuex from "vuex";
-import panel from "./panel";
-import command from "./command";
-import toolbar from "./toolbar";
-import options from "./options";
-// import operator from "./operator";
-import structureTree from "./structureTree";
-import * as Longan from "gs-longan";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-
-Vue.use(Vuex);
-
-// let viewer: Viewer;
-// let viewerList: Viewer[] = [];
-// let viewer2d: Viewer = null;
-// let viewModel: Longan.ViewModel = null;
-
-const store = new Vuex.Store({
-  modules: {
-    panel,
-    command,
-    toolbar,
-    options,
-    // operator,
-    structureTree,
-  },
-
-  state: {
-    // viewer,
-    // viewerList,
-    // viewer2d,
-    // viewModel,
-    treeData: [],
-    viewerLoading: false,
-    // viewerType: "model",
-    activeNumScreen: "1",
-    viewerVisible: false,
-    modelName: "",
-    modelProgress: 0,
-    showTableData: false,
-    componentSelectorId: "",
-    isLonganLoaded: false,
-    properties: [],
-    componentZIndex: {},
-    isViewerExisted: {},
-  },
-  getters: {
-    // viewer: (state) => (viewerId) => {
-    //   for (let i = 0; i < state.viewerList.length; i++) {
-    //     if (state.viewerList[i]?.container?.id === viewerId) {
-    //       return state.viewerList[i];
-    //     }
-    //   }
-    // },
-
-    isViewerExisted: (state) => (viewerId) => {
-      return state.isViewerExisted[viewerId];
-    },
-  },
-
-  mutations: {
-    // viewerInstance(state, viewer) {
-    //   state.viewerList.push(viewer);
-    //   state.viewer = viewer;
-    // },
-    viewerDispose(state, viewerContainerId) {
-      // Vue.set(state.isViewerExisted, viewerContainerId, false);
-      // for (let i = 0; i < state.viewerList.length; i++) {
-      //   const item = state.viewerList[i];
-      //   if (item.container?.id === viewerContainerId) {
-      //     state.viewerList[i].process.dispose();
-      //     console.log("viewer process Dispose-------");
-      //     state.viewerList[i] = null;
-      //     state.viewerList.splice(i, 1);
-      //     i--;
-      //   }
-      // }
-      // state.viewer = null;
-    },
-    setViewerExisted(state, { viewerId, isViewerExisted }) {
-      Vue.set(state.isViewerExisted, viewerId, isViewerExisted);
-      // for (let i = 0; i < state.viewerList.length; i++) {
-      //   const item = state.viewerList[i];
-      //   if (item.container?.id === viewerContainerId) {
-      //     state.viewerList[i].process.dispose();
-      //     console.log("viewer process Dispose-------");
-      //     state.viewerList[i] = null;
-      //     state.viewerList.splice(i, 1);
-      //     i--;
-      //   }
-      // }
-      // state.viewer = null;
-    },
-    // viewerSwitch(state, viewerId) {
-    //   for (let i = 0; i < state.viewerList.length; i++) {
-    //     if (state.viewerList[i].container.id === viewerId) {
-    //       state.viewer = state.viewerList[i];
-    //       break;
-    //     }
-    //   }
-    // },
-    // viewer2dInstance(state, viewer) {
-    //   state.viewer2d = viewer;
-    // },
-    // viewModelInstance(state, viewModel) {
-    //   state.viewModel = viewModel;
-    //   console.log(viewModel);
-    // },
-    treeDataInstance(state, treeData) {
-      state.treeData = treeData;
-    },
-    viewerShow(state, viewerVisible: boolean) {
-      state.viewerVisible = viewerVisible;
-    },
-    // setViewerType(state, viewerType) {
-    //     state.viewerType = viewerType
-    // },
-    activeNumScreenCommit(state, activeNumScreen) {
-      state.activeNumScreen = activeNumScreen;
-    },
-    setModelName(state, modelName) {
-      state.modelName = modelName;
-    },
-    modelProgress(state, progress) {
-      state.modelProgress = progress;
-    },
-    showTableData(state, visible) {
-      state.showTableData = visible;
-    },
-    setComponentSelectorId(state, id) {
-      state.componentSelectorId = id;
-    },
-    propertiesChange(state, properties) {
-      state.properties = properties;
-    },
-    // updateTopZIndex(state) {
-    //     state.topZIndex = state.topZIndex + 1
-    // },
-    setComponentZIndex(state, componentName) {
-      let arr = Object.keys(state.componentZIndex);
-      // console.log(state.componentZIndex)
-      for (let i = 0; i < arr.length; i++) {
-        if (arr[i] === componentName) {
-          continue;
-        }
-        // state.componentZIndex[arr[i]] = state.componentZIndex[arr[i]] - 1
-        Vue.set(state.componentZIndex, arr[i], state.componentZIndex[arr[i]] - 1);
-      }
-      Vue.set(state.componentZIndex, componentName, 1001);
-    },
-  },
-  actions: {},
-});
-
-export default store;

package/src/store/operator.ts

@@ -1,25 +0,0 @@
-// import { LButtonState } from 'gs-longan/operators/cameraMouse';
-
-// let lButtonState: LButtonState = 0;
-
-// let operator = {
-//     namespaced: true,
-//     state: {
-//         lButtonState
-//     },
-//     getters: {
-
-//     },
-//     mutations: {
-
-//         // setLbState(state, operatorData) {
-//         //     Vue.set(state.operatorData, operatorData.name, operatorData.data)
-//         // },
-
-//         setLButtonState(state, value) {
-//             state.lButtonState = value;
-//         },
-
-//     }
-// };
-// export default operator;

package/src/store/options.ts

@@ -1,52 +0,0 @@
-import { defaultLoaderOptions, LoaderOptions } from "gs-bim-air-core/gsDevFx/options/loaderOptions";
-import { Vue } from "vue-property-decorator";
-import { defaultViewerOptions, ViewerOptions } from "gs-bim-air-core/gsDevFx/options/viewerOptions";
-
-let viewerOptions: ViewerOptions = JSON.parse(JSON.stringify(defaultViewerOptions));
-let loaderOptions: LoaderOptions = JSON.parse(JSON.stringify(defaultLoaderOptions));
-let optionsList: ViewerOptions[] = [];
-let options = {
-  namespaced: true,
-  state: {
-    viewerOptions,
-    optionsList,
-    loaderOptions,
-  },
-  getters: {
-    options: (viewerId) => {
-      for (let i = 0; i < options.state.optionsList.length; i++) {
-        if (options.state.optionsList[i].elementId === viewerId) {
-          return options.state.optionsList[i] as ViewerOptions;
-        }
-      }
-    },
-  },
-  mutations: {
-    setOptions(state, config) {
-      // if (!state.options) {
-      //     state.options = { ...defaultOptions }
-      // }
-      traverse(state.options, config);
-      console.log("optionsChange", state.options);
-      state.optionsList.push(state.options);
-    },
-
-    setLoaderOptions(state, loaderOptions) {
-      // traverse(state.loaderOptions, loaderOptions);
-      state.loaderOptions = loaderOptions;
-    },
-  },
-};
-
-function traverse(options, config) {
-  let keys = Object.keys(config);
-  keys.forEach((key) => {
-    if (typeof options[key] === "object") {
-      traverse(options[key], config[key]);
-    } else {
-      // console.log("optionsChange", config, key, config[key])
-      Vue.set(options, key, config[key]);
-    }
-  });
-}
-export default options;