@xtctwins/tctwins-bimx-engine 0.3.2 → 0.3.3

package/README.md

@@ -1,193 +1,196 @@
-## @xtctwins/tctwins-bimx-engine
-
-# xtc 三维文件查看器
-
-## 安装相关依赖
-
-## UI element-plus
-
-<https://www.npmjs.com/package/element-plus>
-
-```ssh
-npm i element-plus
-```
-
-## 事件总线 mitt
-
-<https://www.npmjs.com/package/mitt>
-
-```ssh
-npm i mitt
-```
-
-## 状态管理 pinia
-
-<https://www.npmjs.com/package/pinia>
-
-```ssh
-npm i pinia
-```
-
-## 文件获取 ali-oss
-
-<https://www.npmjs.com/package/ali-oss>
-
-```ssh
-npm i ali-oss
-```
-
-# 安装依赖
-
-```ssh
-// 安装依赖
-npm i @xtctwins/tctwins-bimx-engine
-// 引入样式
-import "@xtctwins/tctwins-bimx-engine/dist/style.css";
-```
-
-# Example
-
-```ts
-<template>
-	<!-- 一个模型 -->
-	<!-- :model-buffer 和 :file-path 选一个使用即可-->
-	<!-- :model-buffer 是直接传入模型buffer数据-->
-	<!-- :file-path 是传入文件下载路径-->
-	<BIMXViewer
-		v-if="initialzed"
-		:load-meta="true"
-		:file-path="filePath"
-		:nav-cube-size="120"
-		:background-color="'#d0d0d0'"
-		@emit-handler="EmitHandler" />
-
-	<!-- 集成模型 -->
-	<!-- 请使用-->
-	<!--:file-paths="filePaths"-->
-	<!--:multi-model="true"-->
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref } from "vue";
-import { BIMXViewer } from "@xtctwins/tctwins-bimx-engine";
-import type { EventContent } from "@xtctwins/tctwins-bimx-engine";
-import "@xtctwins/tctwins-bimx-engine/dist/style.css";
-
-const initialzed = ref(false);
-const filePath = ref(`https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/test/1公寓幕墙.xtc`);
-const filePaths = [
-	"https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/tests/models/multiModel/model2/20250205170745913287.xtc",
-	"https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/tests/models/multiModel/model2/20250205170736552499.xtc",
-	"https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/tests/models/multiModel/model2/20250205170731500203.xtc"
-];
-const modelBuffer = ref<ArrayBuffer>();
-
-onMounted(() => {
-	//如果选择直接传入模型modelBuffer，请在获取到buffer后再初始化BIMXViewer
-	// getModel(() => {
-	// 	initialzed.value = true;
-	// });
-
-	//如果使用filePath或者filePaths则直接初始化BIMXViewer即可
-	initialzed.value = true;
-});
-
-//监听引擎传出的事件
-const EmitHandler = (content: EventContent) => {
-	console.log(content);
-};
-
-//xtc模型数据
-const getModel = (callback: () => void) => {
-	// 自行填写获取模型文件的内容
-	// ...
-	// modelBuffer.value = ...
-	callback();
-};
-</script>
-
-<style>
-#app {
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	width: 100%;
-	height: 100%;
-}
-</style>
-
-```
-
-## 其他参数解释
-
-### 基础设置
-
-是否载入构件属性信息（xts文件），
-如果要载入，在模型xtc文件相同路径下必须有同名xts文件
-
-```ssh
-:load-meta="true"
-```
-
-是否显示导航盒
-
-```ssh
-:showNavCube="true"
-```
-
-导航盒尺寸
-
-```ssh
-:nav-cube-size="120"
-```
-
-背景颜色
-
-```ssh
-:background-color="#d0d0d0"
-```
-
-### 功能
-
-添加需要的即可
-
-```ssh
-inspector
-```
-
-inspector - 构建属性面板开启 (需要开启loadMeta)
-
-```ssh
-reseta
-```
-
-reseta - 重置模型视角
-
-## 事件
-
-```ssh
-//监听引擎传出的事件
-const EmitHandler = (content: EventContent) => {
-	console.log(content);
-};
-```
-
-```ts
-//事件内容
-type EventContent = {
-	isTool: boolean;
-	event_target: ComponentName | "BimXViewer" | "ToolBar";
-	event_name: string;
-	content: {};
-};
-```
-
-事件内容包括：
-
-```ssh
-"pickedEntity" - 点击构件
-"pickedNothing" - 点击空白处
-...
-```
+## @xtctwins/tctwins-bimx-engine
+
+# xtc 三维文件查看器
+
+## 安装相关依赖
+
+## UI element-plus
+
+<https://www.npmjs.com/package/element-plus>
+
+```ssh
+npm i element-plus
+```
+
+## 事件总线 mitt
+
+<https://www.npmjs.com/package/mitt>
+
+```ssh
+npm i mitt
+```
+
+## 状态管理 pinia
+
+<https://www.npmjs.com/package/pinia>
+
+```ssh
+npm i pinia
+```
+
+## 文件获取 ali-oss
+
+<https://www.npmjs.com/package/ali-oss>
+
+```ssh
+npm i ali-oss
+```
+
+# 安装依赖
+
+```ssh
+// 安装依赖
+npm i @xtctwins/tctwins-bimx-engine
+// 引入样式
+import "@xtctwins/tctwins-bimx-engine/dist/style.css";
+```
+
+# Example
+
+```ts
+<template>
+	<!-- 一个模型 -->
+	<!-- :model-buffer 和 :file-path 选一个使用即可-->
+	<!-- :model-buffer 是直接传入模型buffer数据-->
+	<!-- :file-path 是传入文件下载路径-->
+	<BIMXViewer
+		v-if="initialzed"
+		:load-meta="true"
+		:file-path="filePath"
+		:nav-cube-size="120"
+		:background-color="'#d0d0d0'"
+		@emit-handler="EmitHandler" />
+
+	<!-- 集成模型 -->
+	<!-- 请使用-->
+	<!--:file-paths="filePaths"-->
+	<!--:multi-model="true"-->
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from "vue";
+import { BIMXViewer } from "@xtctwins/tctwins-bimx-engine";
+import type { EventContent } from "@xtctwins/tctwins-bimx-engine";
+import "@xtctwins/tctwins-bimx-engine/dist/style.css";
+
+const initialzed = ref(false);
+const filePath = ref(`https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/test/1公寓幕墙.xtc`);
+const filePaths = [
+	"https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/tests/models/multiModel/model2/20250205170745913287.xtc",
+	"https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/tests/models/multiModel/model2/20250205170736552499.xtc",
+	"https://tctwins-oss-test.oss-cn-beijing.aliyuncs.com/tests/models/multiModel/model2/20250205170731500203.xtc"
+];
+const modelBuffer = ref<ArrayBuffer>();
+
+onMounted(() => {
+	//如果选择直接传入模型modelBuffer，请在获取到buffer后再初始化BIMXViewer
+	// getModel(() => {
+	// 	initialzed.value = true;
+	// });
+
+	//如果使用filePath或者filePaths则直接初始化BIMXViewer即可
+	initialzed.value = true;
+});
+
+//监听引擎传出的事件
+const EmitHandler = (content: EventContent) => {
+	console.log(content);
+};
+
+//xtc模型数据
+const getModel = (callback: () => void) => {
+	// 自行填写获取模型文件的内容
+	// ...
+	// modelBuffer.value = ...
+	callback();
+};
+</script>
+
+<style>
+#app {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+}
+</style>
+
+```
+
+## 其他参数解释
+
+### 基础设置
+
+是否载入构件属性信息（xts文件），
+如果要载入，在模型xtc文件相同路径下必须有同名xts文件
+
+```ssh
+:load-meta="true"
+```
+
+是否显示导航盒
+
+```ssh
+:showNavCube="true"
+```
+
+导航盒尺寸
+
+```ssh
+:nav-cube-size="120"
+```
+
+背景颜色
+
+```ssh
+:background-color="#d0d0d0"
+```
+
+### 功能
+
+添加需要的即可
+
+```ssh
+inspector
+```
+
+inspector - 构建属性面板开启 (需要开启loadMeta)
+
+```ssh
+reseta
+```
+
+reseta - 重置模型视角
+
+## 事件
+
+```ssh
+//监听引擎传出的事件
+const EmitHandler = (content: EventContent) => {
+	console.log(content);
+};
+```
+
+```ts
+//事件内容
+type EventContent = {
+	isTool: boolean;
+	event_target: ComponentName | "BimXViewer" | "ToolBar";
+	event_name: string;
+	content: {};
+};
+```
+
+事件内容包括：
+
+```ssh
+"pickedEntity" - 点击构件
+"pickedNothing" - 点击空白处
+...
+```
+
+---
+##### 此版本为正式

package/dist/AnnotationTool-C3o-nYdK.mjs

@@ -0,0 +1,167 @@
+import { _ as D } from "./alert-DoM5CyWV.mjs";
+import { defineComponent as O, ref as p, watch as q, onMounted as H, onBeforeUnmount as R, openBlock as i, createElementBlock as a, unref as n, createCommentVNode as b, createElementVNode as c, normalizeClass as f, Fragment as B, renderList as C, toDisplayString as U, withDirectives as z, createVNode as F, vShow as j } from "vue";
+import { n as G, o as J, p as t, q as v, O as r, y as K } from "./index-Cslxj2q_.mjs";
+import { A as l } from "./const-DOnRsYpZ.mjs";
+const Q = { class: "annotation_component" }, Y = {
+  key: 0,
+  id: "annotation_toolbar",
+  class: "annotation_toolbar"
+}, Z = {
+  key: 0,
+  class: "toolbar_trangle"
+}, ee = { class: "annotation_toolbar_group" }, ne = ["id", "disabled", "onClick"], oe = ["src"], te = {
+  key: 1,
+  class: "toolbar_trangle"
+}, ie = {
+  key: 1,
+  class: "mobile_annotation_toolbar"
+}, ae = { class: "anno_toolList" }, se = { class: "label-list" }, ce = ["onClick"], re = { class: "item-img" }, le = ["src"], _e = { class: "item-name" }, de = /* @__PURE__ */ O({
+  __name: "AnnotationTool",
+  props: ["componentId"],
+  emits: ["uploadImage", "clickAnnotation", "emitHandler"],
+  setup(y, { emit: $ }) {
+    const P = G(), w = J(), S = $, d = (e) => {
+      S("emitHandler", e);
+    };
+    let T;
+    const A = p(!0), s = p("");
+    let m;
+    const M = p(), h = y;
+    q(
+      () => w.isToolActive(h.componentId),
+      (e) => {
+        e || (s.value = "");
+      }
+    ), H(() => {
+      M.value = t("annoLimit"), w.setReadyById(h.componentId);
+    });
+    const x = {
+      image: `${r}/BIMX_Website/main/mainView/function_icon/annotation_icons/image_active.png`,
+      file: `${r}/BIMX_Website/main/mainView/function_icon/annotation_icons/file_active.png`,
+      record: `${r}/BIMX_Website/main/mainView/function_icon/annotation_icons/record_active.png`,
+      text: `${r}/BIMX_Website/main/mainView/function_icon/annotation_icons/text_active.png`,
+      video: `${r}/BIMX_Website/main/mainView/function_icon/annotation_icons/video_active.png`
+    }, k = () => {
+      T = window.bimViewer.annotationTool, T.setTypeImage(x), m = window.bimViewer.eventTrigger, m.on("createAnnotation", (e) => {
+        d({
+          isTool: !0,
+          event_target: "AnnotationTool",
+          event_name: "createAnnotation",
+          content: {
+            currentAnnotation: e
+          }
+        });
+      }), m.on("markerClicked", (e) => {
+        d({
+          isTool: !0,
+          event_target: "AnnotationTool",
+          event_name: "clickAnnotation",
+          content: {
+            targetAnno: e
+          }
+        });
+      }), t("isMobile") || m.on("requestDeleteMarker", (e) => {
+        d({
+          isTool: !0,
+          event_target: "AnnotationTool",
+          event_name: "requestDelAnno",
+          content: {
+            msg: "请求删除指定标注",
+            annoId: e
+          }
+        });
+      });
+    };
+    v.on("BimViewer", k);
+    const I = (e) => {
+      g(L(e.type));
+    };
+    v.on("setAnnoStatus", I), R(() => {
+      v.off("BimViewer", k), v.off("setAnnoStatus", I);
+    });
+    const L = (e) => {
+      if (e === "image")
+        return l[0];
+      if (e === "record")
+        return l[1];
+      if (e === "video")
+        return l[2];
+      if (e === "file")
+        return l[3];
+      if (e === "text")
+        return l[4];
+    }, g = (e) => {
+      t("editPrivilege") != 1 && (s.value === e.code ? (s.value = "", V(e, !1)) : (s.value = e.code, V(e, !0)));
+    }, N = (e) => {
+      window.bimViewer.annotationTool.setEnabled(e);
+    }, V = (e, _) => {
+      N(_), E(e.code, _);
+    }, E = (e, _) => {
+      window.bimViewer.annotationTool.setCurrentType(e), d({
+        isTool: !0,
+        event_target: "AnnotationTool",
+        event_name: "clickAnnoTool",
+        content: {
+          active: _,
+          tool_type: e
+        }
+      });
+    };
+    return (e, _) => {
+      const W = D;
+      return i(), a("div", Q, [
+        n(t)("isMobile") ? (i(), a("div", ie, [
+          c("div", ae, [
+            c("div", se, [
+              (i(!0), a(B, null, C(n(l), (o, u) => (i(), a("div", {
+                key: u,
+                class: f(["label-item", { "label-item-active": s.value === o.code && n(t)("editPrivilege") == 0, noPermission: n(t)("editPrivilege") == 1 }]),
+                onClick: (X) => g(o)
+              }, [
+                c("div", re, [
+                  c("img", {
+                    class: "label-item-img",
+                    src: n(r) + `/bim-viewer/annotation/new-icons/bimkk-mobile-anno-${s.value === o.code && n(t)("editPrivilege") == 0 ? o.imgActive : o.img}.svg`,
+                    alt: ""
+                  }, null, 8, le),
+                  c("div", _e, U(n(P)(o.name)), 1)
+                ])
+              ], 10, ce))), 128))
+            ])
+          ])
+        ])) : (i(), a("div", Y, [
+          n(t)("annotationPos").pos.includes("top") ? (i(), a("div", Z)) : b("", !0),
+          c("div", {
+            class: f(["annotation_toolbar_wrapper", { annotation_toolbar_wrapper_disable: n(t)("editPrivilege") == 1 }])
+          }, [
+            c("div", ee, [
+              (i(!0), a(B, null, C(n(l), (o, u) => (i(), a("button", {
+                id: `annotation_tool_btn_${u}`,
+                key: u,
+                class: f(["annotation_tool_btn", { active: s.value === o.code }]),
+                disabled: n(t)("editPrivilege") == 1,
+                onClick: (X) => g(o)
+              }, [
+                b("", !0),
+                c("img", {
+                  src: `${n(r)}/bim-viewer/action-bars/panno-${s.value !== o.code ? o.img : o.imgActive}.svg`
+                }, null, 8, oe)
+              ], 10, ne))), 128))
+            ])
+          ], 2),
+          n(t)("annotationPos").pos.includes("bottom") ? (i(), a("div", te)) : b("", !0)
+        ])),
+        z(F(W, {
+          "click-handle": () => {
+            A.value = !1;
+          }
+        }, null, 8, ["click-handle"]), [
+          [j, A.value && n(t)("editPrivilege") == 0]
+        ])
+      ]);
+    };
+  }
+}), pe = /* @__PURE__ */ K(de, [["__scopeId", "data-v-7c08da5a"]]);
+export {
+  pe as default
+};

package/dist/BIMX_Viewer_Lib.es.js

@@ -1,4 +1,4 @@
-import { au as e, M as t, av as o, aw as i, V as l, ax as n, ay as I, az as r, aA as C, aB as f, aC as g, aD as u, aE as B, J as M } from "./index-BDupeKSG.mjs";
+import { ao as e, C as t, ap as o, av as i, V as l, as as n, at as I, ay as r, aq as C, au as f, ar as g, aw as u, ax as w, z as y } from "./index-Cslxj2q_.mjs";
 export {
   e as BIMXViewer,
   t as BIMX_CONFIGS,
@@ -12,6 +12,6 @@ export {
   f as setGlobalI18n,
   g as setI18nInstance,
   u as setToolStatusById,
-  B as setToolStatusBykey,
-  M as useLocaleStore
+  w as setToolStatusBykey,
+  y as useLocaleStore
 };