build-dxf 0.0.18 → 0.0.19-2

package/README.md

@@ -40,6 +40,36 @@ detailsPoint.set("./json/dp8.json")
 
 ```
 
+# 浏览器编辑功能使用示例
+```html
+
+<template>
+    <div class="w-[100vw] h-[100vh]" ref="dom"> </div>
+</template>
+
+<style scoped></style>
+
+<script setup lang="ts">
+import data from "../data/d9.json"
+import { createEditor } from "build-dxf"
+import { onMounted, ref } from "vue"
+import * as THREE from "three"
+import  "build-dxf/index.css"
+
+const dom = ref<HTMLDivElement>()
+
+onMounted(async ()=>{
+    if(dom.value) {
+        const camera = new THREE.OrthographicCamera( -100, 100, 100, -100, 0.1, 1000 )
+        const { dxfSystem } = await createEditor( dom.value, camera )
+        dxfSystem.Dxf.set( (data as any) )
+        dxfSystem.Dxf.lineOffset()
+    }
+})
+</script>
+```
+
+
 
 # 浏览器 使用示例
 ```html

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "build-dxf",
-  "version": "0.0.18",
+  "version": "0.0.19-2",
   "description": "线段构建双线墙壁的dxf版本",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
@@ -35,8 +35,6 @@
   "dependencies": {
     "clipper-lib": ">=6.4.2",
     "dxf-writer": ">=1.18.4",
-    "three-bvh-csg": ">=0.0.17",
-    "three-csg-ts": ">=3.2.0",
     "@tweenjs/tween.js": ">=25.0.0",
     "vue": ">=3.0.0",
     "obj2gltf": ">=3.1.6"

package/src/build.d.ts

@@ -1,3 +1,12 @@
+import { DxfSystem } from './utils/DxfSystem';
+import * as THREE from "three";
 export * from './utils/DxfSystem';
 export * from './utils/DxfSystem/plugin/ModelDataPlugin';
-export declare function loadRenderPlugin(): Promise<typeof import("./utils/DxfSystem/plugin/RenderPlugin")>;
+/** 快捷创建编辑器
+ * @param dom
+ * @param camera
+ * @returns
+ */
+export declare function createEditor(dom: HTMLDivElement, camera?: THREE.OrthographicCamera): Promise<{
+    dxfSystem: DxfSystem;
+}>;