build-dxf 0.0.8 → 0.0.9

package/src/plugins/RenderPlugin/index.d.ts

@@ -1,6 +1,33 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js';
+import { CSS2DRenderer } from 'three/addons/renderers/CSS2DRenderer.js';
+import { CSS3DObject } from 'three/addons/renderers/CSS3DRenderer.js';
+import { CSS3DRenderer } from 'three/addons/renderers/CSS3DRenderer.js';
+import { CSS3DSprite } from 'three/addons/renderers/CSS3DRenderer.js';
+import { DefineComponent } from 'vue';
 import { EventDispatcher as EventDispatcher_2 } from 'three';
+import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+import { PublicProps } from 'vue';
 import * as THREE from 'three';
 
+declare type __VLS_Props = {
+    lines?: OriginalDataItem[];
+    detailsPoint?: {
+        position: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        direction: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        desc: string;
+    }[];
+};
+
 declare class Box2 {
     minX: number;
     maxX: number;
@@ -134,13 +161,23 @@ declare class ComponentManager<TEventMap extends {} = {}> extends EventDispatche
      * @param type
      */
     findComponentByType<T extends typeof Component>(type: T): InstanceType<T> | null;
+    /**
+     *
+     * @param type
+     */
+    findComponentByName(name: string): Component<{}> | null;
 }
 
 declare namespace components {
     export {
-        WhiteModel,
-        DetailsPoint,
-        DxfLineModel
+        DetailsPointRender,
+        DomContainer,
+        OriginalLineRender,
+        RendererDescription,
+        Renderer,
+        PointGroup,
+        ModelDataRender,
+        DomEventRegister
     }
 }
 export { components }
@@ -150,32 +187,75 @@ export { components }
  */
 declare type DataItem = [Point, Point, number[], boolean, number];
 
-declare class DetailsPoint extends Component<{
-    handleSuccess: {
-        desPoints: IDesPointItem[];
-    };
-}> {
+declare class DetailsPointRender extends Component {
     Dxf: Dxf | null;
+    Renderer: Renderer | null;
     WhiteModel: WhiteModel | null;
     Variable: Variable | null;
-    desPoints: IDesPointItem[];
-    raylines: [THREE.Vector3, THREE.Vector3][];
+    desPointGroup: THREE.Group<THREE.Object3DEventMap>;
+    rayLineGroup: THREE.Group<THREE.Object3DEventMap>;
     data: any[];
     onAddFromParent(parent: ComponentManager): void;
     /**
-     * 设置值
-     * @param data
+     * 更新模型
      */
-    set(data: any): void;
+    updateModel(): void;
+    createDesPoint(): void;
+    createRayline(): void;
+    private _desBoxInfo;
     /**
-     * 设置射线辅助
+     * 显示详情div盒子
+     * @param point
+     * @param div
+     * @param param2
+     * @returns
      */
-    racasterHelper(position: THREE.Vector3, direction: THREE.Vector3, far: number): void;
-    private _timer;
+    showDesBox(point: THREE.Vector3, div: HTMLDivElement, { message, position }: any): void;
     /**
-     * 更新模型
+     * 隐藏详情盒子
      */
-    updateModel(): void;
+    hideDesBox(): void;
+    private orbitControlsTarget;
+    private fov;
+    /**
+     * 查看详情点
+     * @param point
+     * @param position
+     */
+    onLook(point: THREE.Vector3, position: THREE.Vector3): void;
+    /**
+     * 取消查看详情点
+     */
+    cancelLook(): void;
+}
+
+declare class DomContainer extends Component {
+    domElement: HTMLDivElement;
+    canvas: HTMLCanvasElement;
+    html2DRenderer: HTMLDivElement;
+    constructor();
+}
+
+declare class DomEventRegister extends Component {
+    /**
+     *
+     * @param parent
+     */
+    onAddFromParent(parent: ComponentManager): void;
+    /**
+     *
+     * @param el
+     * @param callBack
+     * @param offset
+     * @param condition
+     */
+    dragMoveHelper(el: HTMLElement, callBack: (offset: {
+        x: number;
+        y: number;
+    }, mx: number, my: number) => void, offset?: {
+        x: number;
+        y: number;
+    }, condition?: () => boolean): void;
 }
 
 /**
@@ -290,13 +370,9 @@ declare class Dxf extends Component<{
     static createData(pointsGroups: Point[][], sealed?: boolean): OriginalDataItem[];
 }
 
-declare class DxfLineModel extends Component {
-    private dxfLineModel;
-    private dxfDoorsLineModel;
-    dxfModelGroup: THREE.Group<THREE.Object3DEventMap>;
-    onAddFromParent(parent: ComponentManager): void;
-    updateMode(): void;
-}
+export declare const Dxf3DView: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+elRef: HTMLDivElement;
+}, HTMLDivElement>;
 
 declare class DxfSystem extends ComponentManager {
     Dxf: Dxf;
@@ -343,12 +419,6 @@ declare interface EventTypeMap {
     };
 }
 
-declare interface IDesPointItem {
-    message: string;
-    position: THREE.Vector3;
-    intersection: THREE.Vector3;
-}
-
 /**
  * 非轴对称线段
  */
@@ -378,7 +448,11 @@ declare class LineSegment<T = Record<string, any>> {
     clone(): LineSegment<Record<string, any>>;
 }
 
-export declare function ModeDataPlugin(dxfSystem: DxfSystem): void;
+declare class ModelDataRender extends Component {
+    onAddFromParent(parent: ComponentManager): void;
+    dxf(parent: ComponentManager): void;
+    whiteModel(parent: ComponentManager): void;
+}
 
 declare interface OriginalDataItem {
     start: {
@@ -402,6 +476,18 @@ declare interface OriginalDataItem {
     isDoor?: boolean;
 }
 
+declare class OriginalLineRender extends Component {
+    Dxf: Dxf | null;
+    Renderer: Renderer | null;
+    originalLineMode: THREE.LineSegments<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
+    appendLineMode: THREE.LineSegments<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
+    textGroup: THREE.Group<THREE.Object3DEventMap>;
+    pointGroup: THREE.Group<THREE.Object3DEventMap>;
+    distanceGroup: THREE.Group<THREE.Object3DEventMap>;
+    onAddFromParent(parent: ComponentManager): void;
+    updateMode(data: any): void;
+}
+
 declare class Point {
     x: number;
     y: number;
@@ -516,6 +602,12 @@ declare class Point {
     static zero(): Point;
 }
 
+declare interface PointGroup {
+    points: Point[];
+    indices: number[];
+    rectIndices: number[];
+}
+
 /**
  * 非轴对称矩形
  */
@@ -554,6 +646,85 @@ declare class Rectangle {
     static fromByLineSegment(line: LineSegment, width?: number, horizontal?: boolean, hScale?: number): Rectangle;
 }
 
+declare class Renderer extends Component {
+    static CSS2DObject: typeof CSS2DObject;
+    static CSS3DObject: typeof CSS3DObject;
+    static CSS3DSprite: typeof CSS3DSprite;
+    static Group: typeof THREE.Group;
+    static Object3D: typeof THREE.Object3D;
+    static Mesh: typeof THREE.Mesh;
+    static Line: typeof THREE.Line;
+    static LineSegments: typeof THREE.LineSegments;
+    static Points: typeof THREE.Points;
+    scene: THREE.Scene;
+    camera: THREE.PerspectiveCamera | THREE.OrthographicCamera;
+    renderer: THREE.WebGLRenderer;
+    orbitControls?: OrbitControls;
+    private resizeObserver?;
+    private description;
+    html2DRenderer?: CSS2DRenderer;
+    html3DRenderer?: CSS3DRenderer;
+    container: THREE.Group<THREE.Object3DEventMap>;
+    onUpdate?: () => void;
+    onResize?: (width: number, height: number) => void;
+    private tweenTaskList;
+    constructor(description: RendererDescription);
+    /**
+     * 世界坐标转屏幕坐标
+     * @param worldPosition
+     * @param camera
+     * @param renderer
+     * @returns
+     */
+    worldToScreenPosition(worldPosition: THREE.Vector3): THREE.Vector2;
+    cameraPositionRecord: [THREE.Vector3, THREE.Quaternion][];
+    /**
+     * 相机
+     * @param position
+     * @param lookAt
+     * @param onEnd
+     */
+    cameraTo(position: THREE.Vector3, lookAt: THREE.Vector3, onEnd?: any): void;
+    cameraBack(): void;
+    /**
+     * 创建点
+     * @param pos
+     */
+    createPointMesh(pos?: Point | THREE.Vector3, size?: number, parameters?: THREE.MeshBasicMaterialParameters, parent?: THREE.Object3D): void;
+    /**
+     * 创建文本
+     * @param text
+     * @param pos
+     * @param style
+     */
+    createText(text: any, pos?: Point | THREE.Vector3, style?: any, parent?: THREE.Object3D): void;
+    /**
+     * 创建几何缓冲区
+     * @param map
+     * @param count
+     */
+    createLineSegments(map: Record<string, number[]>, count: number, parameters?: THREE.LineBasicMaterialParameters, parent?: THREE.Object3D): THREE.LineSegments<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.LineBasicMaterial, THREE.Object3DEventMap>;
+    destroy(): void;
+}
+
+declare interface RendererDescription {
+    canvas: HTMLCanvasElement;
+    orbitControls?: {
+        enableDamping?: boolean;
+        dampingFactor?: number;
+        domElement: HTMLElement;
+    };
+    htmlRenderer?: {
+        '2d'?: HTMLElement;
+        '3d'?: HTMLElement;
+    };
+    resizeObserver?: HTMLElement | null;
+    scene?: THREE.Scene;
+    camera?: THREE.PerspectiveCamera | THREE.OrthographicCamera;
+}
+
+export declare function RenderPlugin(dxfSystem: DxfSystem): void;
+
 declare type Unit = "Unitless" | "Inches" | "Feet" | "Miles" | "Millimeters" | "Centimeters" | "Meters" | "Kilometers" | "Microinches" | "Mils" | "Yards" | "Angstroms" | "Nanometers" | "Microns" | "Decimeters" | "Decameters" | "Hectometers" | "Gigameters" | "Astronomical units" | "Light years" | "Parsecs";
 
 declare class Variable extends Component<EventType> {
@@ -583,6 +754,9 @@ declare class WhiteModel extends Component<{
     originalWhiteMode: THREE.Group<THREE.Object3DEventMap>;
     onAddFromParent(parent: ComponentManager): void;
     updateModel(): void;
+    toOBJ(): Promise<string>;
+    toBlob(): Promise<Blob | undefined>;
+    download(filename: string): Promise<void>;
 }
 
 export { }