@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.4

package/dist/internal/Cursor-3AwKvViZ.js

@@ -0,0 +1,61 @@
+//#region src/Sculpt/utils/Modules/DeleteButtonBgBorder.ts
+var e = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <defs>\n        <linearGradient id=\"grad1\" x1=\"22.39%\" y1=\"67.34%\" x2=\"56.24%\" y2=\"-36.34%\">\n            <stop stop-color=\"#FFFFFF\" offset=\"0%\"/>\n            <stop stop-color=\"#FFFFFF\" stop-opacity=\"0.5\" offset=\"100%\"/>\n        </linearGradient>\n    </defs>\n    <g fill-rule=\"nonzero\" transform=\"translate(3.39, 2.29)\">\n        <path d=\"M14.39,3.17C14.82,3.17,15.17,3.52,15.17,3.96C15.17,4.4,14.82,4.75,14.39,4.75L14.06,4.75L13.16,15.72C13.08,16.68,12.29,17.42,11.34,17.42H3.87C2.92,17.42,2.13,16.68,2.06,15.72L1.15,4.75L0.83,4.75C0.4,4.75,0.05,4.4,0.05,3.96C0.05,3.52,0.4,3.17,0.83,3.17L14.39,3.17ZM12.49,4.75L2.72,4.75L3.61,15.59C3.62,15.71,3.7,15.8,3.81,15.82L3.87,15.83H11.34C11.48,15.83,11.59,15.73,11.6,15.59L12.49,4.75ZM6.04,7.39C6.48,7.39,6.83,7.74,6.83,8.18V12.4C6.83,12.84,6.48,13.19,6.04,13.19C5.61,13.19,5.26,12.84,5.26,12.4V8.18C5.26,7.74,5.61,7.39,6.04,7.39ZM9.17,7.39C9.61,7.39,9.96,7.74,9.96,8.18V12.4C9.96,12.84,9.61,13.19,9.17,13.19C8.74,13.19,8.39,12.84,8.39,12.4V8.18C8.39,7.74,8.74,7.39,9.17,7.39ZM10.22,0C10.65,0,11,0.35,11,0.79C11,1.23,10.65,1.58,10.22,1.58H5C4.57,1.58,4.22,1.23,4.22,0.79C4.22,0.35,4.57,0,5,0H10.22Z\" fill=\"url(#grad1)\"/>\n    </g>\n</svg>", t = {
+	auto: "",
+	pen: "",
+	"pen-forbidden": "",
+	"pen-crosshair": "",
+	"pne-polygon": "",
+	"pen-circle": "",
+	"crosshair-rectangle": "",
+	"crosshair-circle": ""
+}, n = {
+	position: "fixed",
+	width: "34px",
+	height: "34px",
+	transform: "translate(-50%, -40px)",
+	borderRadius: "50%",
+	cursor: "pointer",
+	zIndex: "9999",
+	userSelect: "none",
+	display: "flex",
+	pointerEvents: "auto",
+	alignItems: "center",
+	justifyContent: "center",
+	backgroundSize: "34px 34px",
+	backgroundPosition: "center",
+	backgroundRepeat: "no-repeat"
+}, r = `
+  <div style="width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
+    ${e}
+  </div>
+`, i = class {
+	container;
+	deleteButton;
+	constructor(e) {
+		this.container = e ?? document.documentElement;
+	}
+	setType(e) {
+		let n = t[e];
+		n ? this.container.style.cursor = `url(${n}), auto` : this.container.style.cursor = e;
+	}
+	showDeleteButton(e) {
+		let { clientX: t, clientY: i, container: a = this.container, onClick: o } = e, s = this.deleteButton;
+		return s || (s = document.createElement("div"), Object.assign(s.style, n), s.style.backgroundImage = "url(data:image/png;base64,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)", s.innerHTML = r), this.deleteButton = s, a.appendChild(s), s.style.left = `${t}px`, s.style.top = `${i}px`, s.onclick = () => {
+			a.removeChild(s), o();
+		}, s;
+	}
+	removeDeleteButton() {
+		this.deleteButton && this.deleteButton.remove();
+	}
+	tip(e) {
+		return () => this.closeTip();
+	}
+	closeTip() {}
+	reset() {
+		this.container.style.cursor = "auto";
+	}
+};
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Cursor-3AwKvViZ.js.map

package/dist/internal/Cursor-3AwKvViZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cursor-3AwKvViZ.js","names":["DeleteIconSVG","cursorTypeImage","DELETE_BUTTON_STYLES","DELETE_BUTTON_INNER_HTML","Cursor","container","cursorImage","type","params","deleteButton","clientX","clientY","onClick"],"sources":["../../src/Sculpt/utils/Modules/DeleteButtonBgBorder.ts","../../src/Sculpt/utils/Modules/DeleteIconSVG.ts","../../src/Sculpt/utils/Modules/Cursor.ts"],"sourcesContent":["/**\n * 删除按钮背景边框\n * 102px * 102px 的带有1.5px的边框,边缘还有 1.5px 的透明区域的png图片\n * 该图片是 3x 的图片,使用时应设置 width 为 34px, height 为 34px\n */\nexport const DeleteButtonBgBorder =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAYAAAA53+RiAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAZqADAAQAAAABAAAAZgAAAACBRx3mAAAKZ0lEQVR4Ae2d65PVRBDFWUF8IAoiLIJICaVAUSgUfvH//2RpgRRUCSgI5QIFAiryfrieX3Y6Jtnk5nGTubn3dlf15j3Tc066e2aSzd2yxWWUCKyM0qoJRq2vr2Pz1qCsv5VRrW5Zz+i/Wn8jfbWyssL+uZFREyMSAP3tjG7TOqQYIVpN1tkuavHYa+14FfS5lk9FFvtGKaMiJniDEbFdiEGE2QiI5gGs4wnmHew3j+D8rBdRBmWh7wQ1cl9q+0nQxyKKckYh1uiZGiNCAM9AM5vsDn/Z952t+t5VfTukHwSFSIh9JH2o+h5rOVMxEKIbEbzDyOAOBhhCzQsBwzKKBDveV2UfS3dJuUmo/4H0nmzBM6NLdGIKhHCn4hkvpDNP0LINez6S7pFCEqHtnvRuzJtF9aXxm/VBJUMIsR4PIb4/n9UdWddY2fuezjkghSS8+Q/pmuzlRhpconiMGklCp6HUR5iAkNEkWtlTKbKdfARBq1JIuSnb8aJBZVBi1ChCA4TgIRDxTI2aScxW3VOJ2kJn4aj0QymdhF/VlqdaDiKDEaOGELK42xA8hNA196J24TlHpESB62rX2hCN6p0YGU6ZEILhuD5eYmMMbc6/qI207Zh0r5Tcc1lt7DX39EqMDCZkQQpLur30thZW1N5DatyXUtp5Ue0lxPUivREjI+n/W+ia21zSFlW1m5zztZQx2QWRc79tGWXn90JMIIVBGomdOaiFCl1lwGX3qf2EtrNSxkCX1P5b2eNd1qcmRkbZHBS9rqUjxUAXDoTvM1LyzhWRc92OdVlORUyGlDcyZLCuY5eGzeIa4QGe30g/k/4sTK51tYO80ElkhOWU107KBoTCgRD+UyDopJZMwP7eBeBOxARSkpzipJTCfkF76QidDuTcLT1rwk5G5q1EFRFLGc0nOaXVxUtysm5WsPlB+pf0rDCjU9BKWhGjCoihkII8Ca67seV/cwgIGwac30t5WnpG2NFzayytiFGpkILHLG3vqzGyOlHkMA11TkpYOyVtLI2JEeN0i2F9tFP1jVsd8USRQzi7LN0rDD9vWnUjYlQg51myX+hplqbAtTlP5NzQ+Twq+EpY8ji7VhoRo1LSvFJbop9QhcAlHeBZFJOftVJLTCaELdwscS06PZ4gr4GUX6S7hOn+uqInEqMC6IV5CKtDseFxkXNbp/4pPSpsJ44hJxKjAghhnPNM6tIPAldVDKQcnlRcJTHBW5jK7v29rkkGLfoxeQ3vrN2RfiqMK8c2lcToQveW4e4Smz87WFVFKTEFb5nLlyeqGjyG/fIaUgOPpPdX5ZpSYnSBPR723DIck3gN+Jf20KqIIYzxZmSvLxgM18b5K1nY8vzqoXRfmfWbiAkJifkwJt9chkWAcLZdmPPeQE42EaOjNspfiPfAcq0d3wZjGgaevIabkxwxmaTPq0dL9UJFDpVIG8KY5zb8VwGzATkuchs6gRlk9nkYEwiRBGLAPPcwrUgMA0oRuRivs0YCdtpqGHDSycrNOheJwWM8t0wLdYvrQ8r4R5fszF6WEqMYR0/MicmiE28dr6F3lk7RpMQEUjDFH4SBQlzBY+gIpOGsSAz5he6bS0QEhDkzLBBjQ5WkN2Am4EZOiqERf0lPuDSUsdMnLOMTYjVCDL3iRJJQFgaWPLzxubEAzAwW5PZtgYs0lEEKJHkomwEjoUqIIc/QM06JoavM830OuMwGAXOK5F0A65WxdGJmQ4jVilOg8JB6jBMDGrMVi1alxPiM8uzIMY9JopiFMnIMYqxtbPnfmAgY9jliMMBIimmM15VHAHKSqGVksEFss+386b4VAwHDPvGc3IYTEwP/yjqsV5wjBo+BJCOq8mo/MBgCYA8POWLYgDHrBGjVJTICSTdZdeaIYY6MA+nsZmSjvLoNp8BjkolkC108ToaYdHbTkYqOAE4BMclEckJMeO7MXE0ygRbdJK8QBJgjS78Lah7DAbwmfYLGDpeoCJDfbSIz1wuDGPusVVSLvLIEAYhJn4dlPYbnzlv1oMa9JvKdknk7Jn11LEsMr9DQAci93xTZxmWtznJ7+oZSSkx4O4YDTkz82wNiSPzJGIbqU2KCLXjNTnvuHPb5YngE6Cqn3kJ1RWJ48YyT0hfPOMllOATkBHgLKSTNL9RWJOZv7cOdPuGgSxQEGNQz2q8mJsQ4/plmj5gskhbFymWqJKQMiOHDSYz6UykD/76OEs52p2f5ylAIWBjL5Rcq20SMmOOjzrjVKie4DIoA3sI3RdMRv9W2iZhwgE847Zar8R0ZlwEQELaM9PGY0v/eqyLmji4g5h2SugyDADMsJP3mxMi1mLOBnH1i1qdoBESfkvGWyn9CrvIY7LglpX99mA2XXhFgsphhSeWXRyqJkdfQAbgt5XsnPuAUEH1IE2+hnkpighE3tCSsnQjbvpgeATpUeEtpbrHiJxITcs01ncwHAg7aRb7shoAwpHtMb6z288gTiaF6kUMngNkAvoDKwNOlAwLCjnxNbmEWedO4pVhkLTHhgstaQsqpYgG+3RgBGxNWJvxsSY2IEcM8DrgiXRXzX2QL8PV6BDIhjC/xps9cJl3ZiBgKUIE3tbgrPaGK+FVVlwYICCtyCrmFqZfcDPKkyxsTEwq5qCW9CX7hgekElwkICCPyCiGMEX6jEGbFtSJGjJO07EcEvlPFyf8LWmG+/B+BDClMbbX+mHgrYqhW5PAjAj9K+Srdt8EArboUEGAqC3x51tIor2Svb00MF6sics15KU86T0tdMgjoZoUUcguekr4rljmldrVzKFKFazKAPHNcS9yV34BkudQSSAFXJig7kQKAnYnhYlV8PZByjLK0fl77SHRLJ2q7DSCNlMY9sDKwKGxqkVEHVMhJKU8/z4mc2pHt1JWOqIBACr0vUkPn8JVtUi/EUKCMI98wM8Cd0uvvDqu80YraTS5hqgUsSfSdw1e2kb0RQ6Eykp4ansOAit+7X9NyYUXtJcdCCmR06n1VgdMrMVQiY4mxx6V4EB98vrpooU1tBDfreRkpvXZ8eidGBici43lMcERKvvlN5NDFnnsJXkJEQOh5TZXkN4rZ/HcwYqhKjSAhHpUS4njLE4KeaDl3oraQS/ASErx5SeuBY9OGD0qMGaFG8Yvdh6U0jvB2WwRNfIKnc0Yhsh0i8BAeexCuyCWD9zqjEKPGWO4hvEES8lB6R41sNbmXXBnhT/CQLCGErMq3Wvo2KRoxZrgazJ23KqVzgAcx9/ZA+kgkDRYaVH6tyDbwwD56W3Ri8BBeX41GiOpKJDoxVnG4I/GePVLAIG5DEo+xa5+J65zeJNws5h2Uyw1CqOX32XrtbVF4E5kZMVnjBAyvR/ESO50EbGJah05CogKn13yk+vAGbgZTrSZk4B2j+LG8URADKogAI9FC0g4pPTqAQ/AmYnxW2cedbWp3Nm2iHJYo4bKo2pV+7IBEnuisvANjijIqYorGhTsbghhdQxJ3usV+rSbgQoyRwtKU4xxD2Af4eCKEGhF2XLvGJaMmpgwqkYXNkIQXsJ71DggwomwJGW/G5A2yx2VeEfgPPUASVA2Hk1IAAAAASUVORK5CYII='\n","// 删除图标 SVG\nexport const DeleteIconSVG = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <defs>\n        <linearGradient id=\"grad1\" x1=\"22.39%\" y1=\"67.34%\" x2=\"56.24%\" y2=\"-36.34%\">\n            <stop stop-color=\"#FFFFFF\" offset=\"0%\"/>\n            <stop stop-color=\"#FFFFFF\" stop-opacity=\"0.5\" offset=\"100%\"/>\n        </linearGradient>\n    </defs>\n    <g fill-rule=\"nonzero\" transform=\"translate(3.39, 2.29)\">\n        <path d=\"M14.39,3.17C14.82,3.17,15.17,3.52,15.17,3.96C15.17,4.4,14.82,4.75,14.39,4.75L14.06,4.75L13.16,15.72C13.08,16.68,12.29,17.42,11.34,17.42H3.87C2.92,17.42,2.13,16.68,2.06,15.72L1.15,4.75L0.83,4.75C0.4,4.75,0.05,4.4,0.05,3.96C0.05,3.52,0.4,3.17,0.83,3.17L14.39,3.17ZM12.49,4.75L2.72,4.75L3.61,15.59C3.62,15.71,3.7,15.8,3.81,15.82L3.87,15.83H11.34C11.48,15.83,11.59,15.73,11.6,15.59L12.49,4.75ZM6.04,7.39C6.48,7.39,6.83,7.74,6.83,8.18V12.4C6.83,12.84,6.48,13.19,6.04,13.19C5.61,13.19,5.26,12.84,5.26,12.4V8.18C5.26,7.74,5.61,7.39,6.04,7.39ZM9.17,7.39C9.61,7.39,9.96,7.74,9.96,8.18V12.4C9.96,12.84,9.61,13.19,9.17,13.19C8.74,13.19,8.39,12.84,8.39,12.4V8.18C8.39,7.74,8.74,7.39,9.17,7.39ZM10.22,0C10.65,0,11,0.35,11,0.79C11,1.23,10.65,1.58,10.22,1.58H5C4.57,1.58,4.22,1.23,4.22,0.79C4.22,0.35,4.57,0,5,0H10.22Z\" fill=\"url(#grad1)\"/>\n    </g>\n</svg>`\n","import { DeleteButtonBgBorder } from './DeleteButtonBgBorder'\nimport { DeleteIconSVG } from './DeleteIconSVG'\n\ntype CursorType =\n  | 'auto'\n  | 'pen'\n  | 'pen-forbidden'\n  | 'pen-crosshair'\n  | 'pne-polygon'\n  | 'pen-circle'\n  | 'crosshair-rectangle'\n  | 'crosshair-circle'\n\nconst cursorTypeImage: Record<CursorType, string> = {\n  auto: '',\n  pen: '',\n  'pen-forbidden': '',\n  'pen-crosshair': '',\n  'pne-polygon': '',\n  'pen-circle': '',\n  'crosshair-rectangle': '',\n  'crosshair-circle': '',\n}\n\n// 删除按钮样式常量，使用 fixed 以支持多 VR 场景（clientX/clientY 为视口坐标）\nconst DELETE_BUTTON_STYLES = {\n  position: 'fixed',\n  width: '34px',\n  height: '34px',\n  transform: 'translate(-50%, -40px)',\n  borderRadius: '50%',\n  cursor: 'pointer',\n  zIndex: '9999',\n  userSelect: 'none',\n  display: 'flex',\n  pointerEvents: 'auto',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundSize: '34px 34px',\n  backgroundPosition: 'center',\n  backgroundRepeat: 'no-repeat',\n}\n\n// 删除按钮内部容器样式\nconst DELETE_BUTTON_INNER_HTML = `\n  <div style=\"width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n    ${DeleteIconSVG}\n  </div>\n`\n\nexport class Cursor {\n  private container: HTMLElement\n\n  private deleteButton?: HTMLElement\n\n  public constructor(container?: HTMLElement) {\n    this.container = container ?? document.documentElement\n  }\n\n  /**\n   * @param type - The type of the cursor.\n   */\n  public setType(type: CursorType) {\n    const cursorImage = cursorTypeImage[type]\n    if (cursorImage) {\n      this.container.style.cursor = `url(${cursorImage}), auto`\n    } else {\n      this.container.style.cursor = type\n    }\n  }\n\n  public showDeleteButton(params: { clientX: number; clientY: number; container?: HTMLElement; onClick: () => void }) {\n    const { clientX, clientY, container = this.container, onClick } = params\n\n    let deleteButton = this.deleteButton\n    if (!deleteButton) {\n      deleteButton = document.createElement('div')\n      // 应用所有样式\n      Object.assign(deleteButton.style, DELETE_BUTTON_STYLES)\n      // 设置背景图片\n      deleteButton.style.backgroundImage = `url(${DeleteButtonBgBorder})`\n      // 设置内部 HTML\n      deleteButton.innerHTML = DELETE_BUTTON_INNER_HTML\n    }\n    this.deleteButton = deleteButton\n\n    container.appendChild(deleteButton)\n\n    // 设置位置（fixed 下 clientX/clientY 即视口坐标）\n    deleteButton.style.left = `${clientX}px`\n    deleteButton.style.top = `${clientY}px`\n\n    // 设置点击事件\n    deleteButton.onclick = () => {\n      container.removeChild(deleteButton)\n      onClick()\n    }\n\n    return deleteButton\n  }\n\n  public removeDeleteButton() {\n    if (this.deleteButton) {\n      this.deleteButton.remove()\n    }\n  }\n\n  public tip(tip: string) {\n    return () => this.closeTip()\n  }\n\n  public closeTip() {}\n\n  public reset() {\n    this.container.style.cursor = 'auto'\n  }\n}\n"],"mappings":";AAKA,ICJaA,IAAgB,43CCYvBC,IAA8C;CAClD,MAAM;CACN,KAAK;CACL,iBAAiB;CACjB,iBAAiB;CACjB,eAAe;CACf,cAAc;CACd,uBAAuB;CACvB,oBAAoB;AACtB,GAGMC,IAAuB;CAC3B,UAAU;CACV,OAAO;CACP,QAAQ;CACR,WAAW;CACX,cAAc;CACd,QAAQ;CACR,QAAQ;CACR,YAAY;CACZ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,gBAAgB;CAChB,oBAAoB;CACpB,kBAAkB;AACpB,GAGMC,IAA2B;;MAE3BH,EAAc;;GAIPI,IAAb,MAAoB;CAClB;CAEA;CAEA,YAAmB,GAAyB;EAC1C,KAAK,YAAYC,KAAa,SAAS;CACzC;CAKA,QAAe,GAAkB;EAC/B,IAAMC,IAAcL,EAAgBM;EACpC,AAAID,IACF,KAAK,UAAU,MAAM,SAAS,OAAOA,EAAY,WAEjD,KAAK,UAAU,MAAM,SAASC;CAElC;CAEA,iBAAwB,GAA4F;EAClH,IAAM,EAAE,YAAS,YAAS,eAAY,KAAK,WAAW,eAAYC,GAE9DC,IAAe,KAAK;EAwBxB,OAvBKA,MACH,IAAe,SAAS,cAAc,KAAK,GAE3C,OAAO,OAAOA,EAAa,OAAOP,CAAoB,GAEtD,EAAa,MAAM,kBAAkB,usHAErC,EAAa,YAAYC,IAE3B,KAAK,eAAeM,GAEpBJ,EAAU,YAAYI,CAAY,GAGlC,EAAa,MAAM,OAAO,GAAGC,EAAQ,KACrC,EAAa,MAAM,MAAM,GAAGC,EAAQ,KAGpC,EAAa,gBAAgB;GAE3B,AADAN,EAAU,YAAYI,CAAY,GAClCG,EAAQ;EACV,GAEOH;CACT;CAEA,qBAA4B;EAC1B,AAAI,KAAK,gBACP,KAAK,aAAa,OAAO;CAE7B;CAEA,IAAW,GAAa;EACtB,aAAa,KAAK,SAAS;CAC7B;CAEA,WAAkB,CAAC;CAEnB,QAAe;EACb,KAAK,UAAU,MAAM,SAAS;CAChC;AACF"}

package/dist/internal/FBXLoader-Chl2iTDE.js

@@ -0,0 +1,23 @@
+import { MeshBasicMaterial as e } from "three/webgpu";
+import { FBXLoader as t } from "three/addons/loaders/FBXLoader.js";
+//#region src/shared-utils/three/transformToMeshBasicMaterial.ts
+function n(t, n) {
+	let r = /* @__PURE__ */ new Set();
+	t.traverse((t) => {
+		if (!t.isMesh) return;
+		let i = t, a = (t) => {
+			r.add(t);
+			let i = t;
+			return new e({
+				map: i.map ?? null,
+				color: i.color,
+				...n
+			});
+		};
+		i.material = Array.isArray(i.material) ? i.material.map(a) : a(i.material), i.renderOrder = t.parent?.type === "Mesh" ? t.parent.renderOrder + 1 : 1;
+	}), r.forEach((e) => e.dispose());
+}
+//#endregion
+export { n, t };
+
+//# sourceMappingURL=FBXLoader-Chl2iTDE.js.map

package/dist/internal/FBXLoader-Chl2iTDE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FBXLoader-Chl2iTDE.js","names":["transformToMeshBasicMaterial","replaced","object","node","mesh","convert","original","source","MeshBasicMaterial","options","material","FBXLoader"],"sources":["../../src/shared-utils/three/transformToMeshBasicMaterial.ts"],"sourcesContent":["import type * as THREE from 'three/webgpu'\nimport type { MeshBasicMaterialParameters, Object3D } from 'three/webgpu'\nimport { MeshBasicMaterial } from 'three/webgpu'\n\nexport default function transformToMeshBasicMaterial(object: Object3D, options?: MeshBasicMaterialParameters) {\n  const replaced = new Set<THREE.Material>()\n  object.traverse(node => {\n    if (!(node as THREE.Mesh).isMesh) return\n    const mesh = node as THREE.Mesh\n    const convert = (original: THREE.Material) => {\n      replaced.add(original)\n      const source = original as THREE.MeshBasicMaterial\n      return new MeshBasicMaterial({ map: source.map ?? null, color: source.color, ...options })\n    }\n    mesh.material = Array.isArray(mesh.material) ? mesh.material.map(convert) : convert(mesh.material)\n    mesh.renderOrder = node.parent?.type === 'Mesh' ? node.parent.renderOrder + 1 : 1\n  })\n  replaced.forEach(material => material.dispose())\n}\n"],"mappings":";;;AAIA,SAAwBA,EAA6B,GAAkB,GAAuC;CAC5G,IAAMC,oBAAW,IAAI,IAAoB;CAYzC,AAXAC,EAAO,UAAS,MAAQ;EACtB,IAAI,CAAEC,EAAoB,QAAQ;EAClC,IAAMC,IAAOD,GACPE,KAAW,MAA6B;GAC5C,EAAS,IAAIC,CAAQ;GACrB,IAAMC,IAASD;GACf,OAAO,IAAIE,EAAkB;IAAE,KAAKD,EAAO,OAAO;IAAM,OAAOA,EAAO;IAAO,GAAGE;GAAQ,CAAC;EAC3F;EAEA,AADA,EAAK,WAAW,MAAM,QAAQL,EAAK,QAAQ,IAAIA,EAAK,SAAS,IAAIC,CAAO,IAAIA,EAAQD,EAAK,QAAQ,GACjG,EAAK,cAAcD,EAAK,QAAQ,SAAS,SAASA,EAAK,OAAO,cAAc,IAAI;CAClF,CAAC,GACDF,EAAS,SAAQ,MAAYS,EAAS,QAAQ,CAAC;AACjD"}

package/dist/internal/FiveDomEvents-BUBLFzti.js

@@ -0,0 +1,267 @@
+import { g as e } from "./generatePolygonGeometry-BOnzdCaG.js";
+import { t } from "./getFiveModel-CZVrrU1D.js";
+import { r as n } from "./util-vGeVT4oo.js";
+import { r } from "./resizeObserver-AY-35us4.js";
+import * as i from "three/webgpu";
+//#region src/shared-utils/five/FiveDomEvents.ts
+var a = class {
+	_five;
+	get five() {
+		return this._five;
+	}
+	set five(e) {
+		this._five?.off("wantsGesture", this.handleWantsGesture), this._five = e, this._five.on("wantsGesture", this.handleWantsGesture);
+	}
+	dragging = !1;
+	get haveDragEventObject() {
+		return [...new Set([
+			this.boundObject.dragend,
+			this.boundObject.drag,
+			this.boundObject.dragstart
+		].flat())].filter(Boolean);
+	}
+	boundObject = {};
+	config;
+	dragSelectTempWorld = new i.Vector3();
+	dragSelectTempProjected = new i.Vector3();
+	get model() {
+		return t(this.five);
+	}
+	constructor(e, t) {
+		this.five = e, this.config = t, e.off("wantsGesture", this.handleWantsGesture), e.on("wantsGesture", this.handleWantsGesture), document.addEventListener("pointerdown", this.handleMousedown), document.addEventListener("dblclick", this.handleMouseEvent), document.addEventListener("pointerup", this.handleMouseup), document.addEventListener("pointercancel", this.handleMouseup), document.addEventListener("pointermove", this.handleMousemove);
+	}
+	addAutoBindEventListener(e, t, n, r) {
+		let i = () => this.addEventListener(e, t, n, r), a = () => this.removeEventListener(e, t, n, r);
+		return e.addEventListener("added", i), e.addEventListener("removed", a), e.addEventListener("dispose", a), () => {
+			e.removeEventListener("added", i), e.removeEventListener("removed", a), e.removeEventListener("dispose", a);
+		};
+	}
+	addEventListener(e, t, n, r) {
+		e._domEvent ||= {}, e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), this.boundObject[t].includes(e) || this.boundObject[t].push(e), e._domEvent[`${t}Handler`].push([n, {
+			noEmitWhenHide: !1,
+			noEmitWhenNotInScene: !1,
+			...r
+		}]);
+	}
+	removeEventListener(e, t, n, ...r) {
+		if (!e._domEvent || (t === void 0 && (Object.keys(this.boundObject).forEach((t) => {
+			let n = this.boundObject[t]?.findIndex((t) => t === e);
+			n !== -1 && this.boundObject[t]?.splice(n, 1);
+		}), e._domEvent = {}), !e._domEvent[`${t}Handler`])) return;
+		if (n === void 0) {
+			delete e._domEvent[`${t}Handler`];
+			return;
+		}
+		let i = e._domEvent[`${t}Handler`].findIndex((e) => e[0] === n);
+		if (i !== -1 && (e._domEvent[`${t}Handler`].splice(i, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
+			let n = this.boundObject[t]?.findIndex((t) => t === e);
+			n !== -1 && this.boundObject[t]?.splice(n, 1);
+		}
+	}
+	clear() {
+		this.boundObject = {};
+	}
+	dispose() {
+		this.five?.off("wantsGesture", this.handleWantsGesture), document.removeEventListener("dblclick", this.handleMouseEvent), document.removeEventListener("pointerdown", this.handleMousedown), document.removeEventListener("pointerup", this.handleMouseup), document.removeEventListener("pointercancel", this.handleMouseup), document.removeEventListener("pointermove", this.handleMousemove), this.boundObject = {};
+	}
+	toJSON() {
+		return { boundObject: this.boundObject };
+	}
+	getRaycaster(t) {
+		let n = this.five.getElement();
+		if (!n) return;
+		let i = e(t, n), a = new r();
+		return a.setFromCamera(i, this.five.camera), a;
+	}
+	handleWantsGesture = (e, t) => {
+		if (t.length !== 1) return;
+		let n = t[0];
+		if (n.raycaster) {
+			let e = new r();
+			e.ray = n.raycaster.ray, e.near = n.raycaster.near, e.far = n.raycaster.far, e.camera = n.raycaster.camera, e.layers = n.raycaster.layers, e.params = n.raycaster.params, n.raycaster = e;
+		}
+		if (n) {
+			if (e === "mouseMove" && this.onDomEvent("hover", n), e === "tap") {
+				let e = new MouseEvent("click", {
+					clientX: n.x,
+					clientY: n.y
+				}), t = this.onDomEvent("click", n, e), r = this.onDomEvent("wantDblclick", n, e, this.boundObject.dblclick);
+				if (t === !1 || r === !1) return !1;
+			}
+			if (this.dragging) return !1;
+		}
+	};
+	handleDomEvent = (e, t, n) => {
+		let r = {
+			x: t.clientX,
+			y: t.clientY
+		};
+		this.onDomEvent(e, r, t, n);
+	};
+	handleMouseEvent = (e) => {
+		this.handleDomEvent(e.type, e);
+	};
+	handleMousedown = (e) => {
+		this.handleDomEvent("mousedown", e), this.handleDomEvent("dragstart", e, this.haveDragEventObject);
+	};
+	handleMouseup = (e) => {
+		this.dragging = !1, this.haveDragEventObject?.forEach((t) => {
+			t._dragging && (t._dragging = !1, this.notify({
+				eventName: "dragend",
+				object: t,
+				originEvent: e,
+				raycaster: this.getRaycaster({
+					x: e.clientX,
+					y: e.clientY
+				})
+			}));
+		}), this.handleDomEvent("mouseup", e);
+	};
+	handleMousemove = (e) => {
+		this.dragging && this.boundObject.drag?.forEach((t) => {
+			t._dragging && this.notify({
+				eventName: "drag",
+				object: t,
+				originEvent: e,
+				raycaster: this.getRaycaster({
+					x: e.clientX,
+					y: e.clientY
+				})
+			});
+		});
+	};
+	onDomEvent = (e, t, n, r = this.boundObject[e]) => {
+		if (!t || !r || r?.length === 0) return;
+		let i = [];
+		this.config?.fiveModels !== null && (this.config?.fiveModels ? i.push(...this.config.fiveModels) : i.push(this.model));
+		let a = i.filter((e) => e.loaded), o = t.raycaster ?? this.getRaycaster(t);
+		o.params.Points.threshold = .04;
+		let s = o.intersectObjects(r, !0);
+		if ((e === "dragstart" || e === "mousedown") && (!s || s.length === 0)) {
+			let e = this.findDragSelectIntersect(r, t, o);
+			e && (s = [e]);
+		}
+		let c = [];
+		if (a.forEach((e) => {
+			let t = e.intersectRaycaster(o);
+			c.push(...t);
+		}), c.length > 0 && s.length > 0 && c[0].distance + .01 < s[0].distance) return;
+		let l = s?.[0]?.object;
+		if (e === "wantDblclick") return !1;
+		if ((!l || !this.objectIsBound(l)) && e === "hover") for (let e of this.boundObject.hover ?? []) e._hovered && this.notify({
+			eventName: "unHover",
+			object: e
+		});
+		if (l && l && this.notify({
+			eventName: e,
+			object: l,
+			originEvent: n,
+			raycaster: o,
+			intersects: s,
+			fiveModelIntersects: c
+		})) return !1;
+	};
+	objectIsBound = (e) => {
+		let t = e._domEvent, n = e.parent;
+		for (; t === void 0 && n;) t = n._domEvent, n = n.parent;
+		return !!t;
+	};
+	notify = (e) => {
+		let { eventName: t, object: r, originEvent: i, raycaster: a, intersects: o, fiveModelIntersects: s } = e;
+		if (!r) return !1;
+		let c = !1, l = [], u = [], d = () => {
+			if (!o) return !1;
+			let t = o.slice(1);
+			return t[0] ? this.notify({
+				...e,
+				object: t[0].object,
+				intersects: t
+			}) : !1;
+		}, f = r;
+		for (u.push(f); f.parent;) f = f.parent, u.push(f);
+		let p = u[u.length - 1];
+		if (this.config?.noEmitWhenNotInScene && p.type !== "Scene") return d();
+		let m = !1;
+		for (let e of u) {
+			if (c) break;
+			e.draggable && (t === "dragstart" && (e._dragging = !0, this.dragging = !0), t === "dragend" && (e._dragging = !1, this.dragging = !1));
+			let r = e._domEvent;
+			if (!r) continue;
+			let u = r[`${t}Handler`];
+			if (u) for (let [r, d] of u) {
+				if (d?.noEmitWhenNotInScene && p.type !== "Scene") continue;
+				if (d.skipPano && s) {
+					let e = s[0]?.point;
+					if (e && this.five.observers?.[this.five.panoIndex]?.accessibleNodes?.some((t) => (this.five.works.getResolvedObserver({
+						workCode: this.five.state.workCode,
+						panoIndex: t
+					})?.standingPosition)?.distanceTo(e) < .3)) continue;
+				}
+				if ((this.config?.noEmitWhenHide || d?.noEmitWhenHide) && !n(e)) continue;
+				if (m = !0, t === "hover") {
+					if (e._hovered) continue;
+					e._hovered = !0;
+					for (let t of this.boundObject.hover ?? []) t !== e && t._hovered && this.notify({
+						eventName: "unHover",
+						object: t
+					});
+				}
+				if (t === "unHover") {
+					if (!e._hovered) continue;
+					e._hovered = !1;
+				}
+				let u = r({
+					type: t,
+					target: e,
+					origDomEvent: i,
+					raycaster: a,
+					intersects: o,
+					stopPropagation: () => {
+						c = !0;
+					}
+				});
+				l.push(u ?? !0);
+			}
+		}
+		if (m === !1) return d();
+		if (t === "click" || t === "wantDblclick") return l.some((e) => e === !0);
+	};
+	getDragSelectPixelDistance(e) {
+		let t = e;
+		for (; t;) {
+			let e = t.userData?.dragSelectPixelDistance;
+			if (typeof e == "number") return e;
+			t = t.parent ?? null;
+		}
+	}
+	findDragSelectIntersect(e, t, n) {
+		if (!e || e.length === 0) return;
+		let r = this.five?.getElement?.(), i = n.camera;
+		if (!r || !i) return;
+		let a = r.clientWidth, o = r.clientHeight, s = r.getBoundingClientRect(), c = t.x - s.left, l = t.y - s.top, u;
+		for (let t of e) {
+			let e = this.getDragSelectPixelDistance(t);
+			if (typeof e != "number") continue;
+			let r = this.dragSelectTempWorld;
+			t.getWorldPosition(r);
+			let s = this.dragSelectTempProjected.copy(r).project(i), d = (s.x * .5 + .5) * a, f = (1 - (s.y * .5 + .5)) * o, p = Math.hypot(d - c, f - l);
+			if (p > e) continue;
+			let m = n.ray.distanceToPoint(r);
+			(!u || p < u.pixelDistance) && (u = {
+				pixelDistance: p,
+				object: t,
+				worldPoint: r.clone(),
+				distance: m
+			});
+		}
+		if (u) return {
+			distance: u.distance,
+			object: u.object,
+			point: u.worldPoint
+		};
+	}
+};
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=FiveDomEvents-BUBLFzti.js.map

package/dist/internal/FiveDomEvents-BUBLFzti.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiveDomEvents-BUBLFzti.js","names":["calculateThreeMouse","getObjectVisible","THREE","FiveDomEvents","five","\"dragend\"","\"drag\"","\"dragstart\"","getFiveModel","config","addListener","object","event","callback","removeListener","args","index","key","item","boundObjectIndex","element","position","pointer","ray","THREERaycaster","pointers","raycaster","type","r1","r2","\"dblclick\"","objects","eventName","fiveModels","loadedModels","model","intersects","fallbackIntersect","fiveModelIntersects","_intersects","\"hover\"","domEvent","objectParent","params","isStopPropagation","preventFiveEvents","notifyNext","newIntersects","_object","topParent","emitied","handlers","handler","intersectPosition","res","originEvent","current","distance","camera","width","height","rect","pointerX","pointerY","best","threshold","worldPosition","projected","screenX","screenY","pixelDistance"],"sources":["../../src/shared-utils/five/FiveDomEvents.ts"],"sourcesContent":["\n\n/**\n * @version 2.29.0\n * 为什么重构？\n * 1. 点击事件没有考虑Five模型\n * 2. 为了在 mouseDown 的时候阻止 five tap 事件，需要提前做碰撞检测，但其实是没必要的，因为触发了 mouseDown 也不一定触发 点击事件 或者 Tap 事件，因为可能物体不可见或者有什么其他的判断\n * 3. 基于第二点，废弃了之前使用浏览器原生事件监听点击的方式，改为使用 wantsTapGesture 的方式\n * 4. 重构之后只会在 wantsTapGesture 事件触发的时候做射线检测\n */\nimport type { Five, GestureTypes, Model as FiveModel } from '@realsee/five-webgpu'\nimport * as THREE from 'three/webgpu'\nimport { getObjectVisible } from '../three/getObjectVisible'\nimport { calculateThreeMouse } from './calculateThreeMouse'\nimport { getFiveModel } from './getFiveModel'\nimport { THREERaycaster } from '../three/core/Raycaster'\n\nexport interface FiveDomEventMap {\n  /**\n   * @description 点击事件\n   * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true\n   */\n  click: (event: FiveDomEvent) => PreventFiveEvent | void\n\n  /**\n   * @description 双击事件\n   */\n  dblclick: (event: FiveDomEvent) => void\n\n  /**\n   * @description 鼠标按下事件\n   */\n  mousedown: (event: FiveDomEvent) => void\n\n  /**\n   * @description 鼠标抬起事件\n   */\n  mouseup: (event: FiveDomEvent) => void\n\n  /**\n   * @description 鼠标移入事件\n   */\n  hover: (event: FiveDomEvent) => void\n\n  /**\n   * @description 鼠标移出事件\n   */\n  unHover: (event: FiveDomEvent) => void\n\n  /**\n   * @description: 拖动开始\n   */\n  dragstart: (event: FiveDomEvent) => void\n\n  /**\n   * @description: 拖动中\n   */\n  drag: (event: FiveDomEvent) => void\n\n  /**\n   * @description: 拖动结束\n   */\n  dragend: (event: FiveDomEvent) => void\n}\n\ntype EventName = keyof FiveDomEventMap\n\ntype PreventFiveEvent = boolean\n\nexport interface EventHandlerConfig {\n  /**\n   * @description 不可见时不触发事件\n   * @default false\n   */\n  noEmitWhenHide?: boolean\n\n  /**\n   * @description 不在场景中时不触发事件\n   * @default false\n   */\n  noEmitWhenNotInScene?: boolean\n\n  /**\n   * @description 在全景点周围时，不触发事件\n   * @default false\n   */\n  skipPano?: boolean\n\n  /**\n   * @description 指定参与碰撞检测的five model，传null表示不参与碰撞检测\n   * @default 当前 five.state.workCode 对应的模型\n   */\n  fiveModels?: FiveModel[] | null\n}\n\nexport interface FiveDomEvent {\n  type: EventName\n  target: THREE.Object3D\n  origDomEvent?: Event\n  raycaster: THREE.Raycaster\n  intersects?: THREE.Intersection[]\n  stopPropagation: () => void\n}\n\ntype Object3DWithEvent = THREE.Object3D & {\n  _domEvent?: {\n    [key in `${EventName | 'wantDblclick'}Handler`]?: Array<[FiveDomEventMap[EventName], Omit<EventHandlerConfig, 'fiveModels'>]>\n  }\n  _hovered?: boolean\n  _dragging?: boolean\n  draggable?: boolean\n}\n\nexport class FiveDomEvents {\n  private _five: Five\n\n  public get five() {\n    return this._five\n  }\n\n  public set five(five: Five) {\n    this._five?.off('wantsGesture', this.handleWantsGesture)\n    this._five = five\n    this._five.on('wantsGesture', this.handleWantsGesture)\n  }\n\n  /**\n   * @description: 拖动中\n   */\n  private dragging = false\n\n  private get haveDragEventObject() {\n    return [...new Set([this.boundObject['dragend'], this.boundObject['drag'], this.boundObject['dragstart']].flat())].filter(Boolean)\n  }\n\n  private boundObject: Partial<Record<EventName, Array<Object3DWithEvent>>> = {}\n\n  private config: EventHandlerConfig\n\n  private dragSelectTempWorld = new THREE.Vector3()\n  private dragSelectTempProjected = new THREE.Vector3()\n\n  private get model() {\n    return getFiveModel(this.five)\n  }\n\n  public constructor(five: Five, config?: EventHandlerConfig) {\n    this.five = five\n    this.config = config\n\n    five.off('wantsGesture', this.handleWantsGesture)\n    five.on('wantsGesture', this.handleWantsGesture)\n    document.addEventListener('pointerdown', this.handleMousedown)\n    document.addEventListener('dblclick', this.handleMouseEvent)\n    document.addEventListener('pointerup', this.handleMouseup)\n    document.addEventListener('pointercancel', this.handleMouseup)\n    document.addEventListener('pointermove', this.handleMousemove)\n\n  }\n\n  /**\n   * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件\n   * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效\n   * @todo: added 和 removed 还是不太智能\n   */\n  public addAutoBindEventListener<T extends EventName = EventName>(\n    object: Object3DWithEvent,\n    event: T,\n    callback: FiveDomEventMap[T],\n    config?: Omit<EventHandlerConfig, 'fiveModels'>,\n  ) {\n    const addListener = () => this.addEventListener(object, event, callback, config)\n    const removeListener = () => this.removeEventListener(object, event, callback, config)\n\n    object.addEventListener('added', addListener)\n    object.addEventListener('removed', removeListener)\n    object.addEventListener('dispose', removeListener)\n\n    return () => {\n      object.removeEventListener('added', addListener)\n      object.removeEventListener('removed', removeListener)\n      object.removeEventListener('dispose', removeListener)\n    }\n  }\n\n  /**\n   * @description: add event listener\n   * @param params.object: object\n   * @param params.event: event name\n   * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true\n   * @return {void}\n   */\n  public addEventListener<T extends EventName = EventName>(\n    object: Object3DWithEvent,\n    event: T,\n    callback: FiveDomEventMap[T],\n    config?: Omit<EventHandlerConfig, 'fiveModels'>,\n  ): void {\n    // init\n    if (!object._domEvent) {\n      object._domEvent = {}\n    }\n    if (!object._domEvent[`${event}Handler`]) {\n      object._domEvent[`${event}Handler`] = []\n    }\n    if (!this.boundObject[event]) {\n      this.boundObject[event] = []\n    }\n    // add bound object\n    if (!this.boundObject[event].includes(object)) {\n      this.boundObject[event].push(object)\n    }\n\n    // add event\n    object._domEvent[`${event}Handler`].push([callback, { noEmitWhenHide: false, noEmitWhenNotInScene: false, ...config }])\n  }\n\n  public removeEventListener(object: Object3DWithEvent, event?: EventName, callback?: (e: FiveDomEvent) => any, ...args: any[]): void {\n    if (!object._domEvent) return\n\n    if (event === undefined) {\n      Object.keys(this.boundObject).forEach((key) => {\n        const index = this.boundObject[key]?.findIndex((item) => item === object)\n        if (index !== -1) {\n          this.boundObject[key]?.splice(index, 1)\n        }\n      })\n\n      object._domEvent = {}\n    }\n\n    if (!object._domEvent[`${event}Handler`]) return\n\n    if (callback === undefined) {\n      delete object._domEvent[`${event}Handler`]\n      return\n    }\n\n    const index = object._domEvent[`${event}Handler`].findIndex((item) => item[0] === callback)\n    if (index === -1) return\n\n    object._domEvent[`${event}Handler`].splice(index, 1)\n\n    // delete event listener\n    if (object._domEvent[`${event}Handler`].length === 0) {\n      delete object._domEvent[`${event}Handler`]\n    }\n\n    // delete dom event\n    if (object._domEvent && Object.keys(object._domEvent).length === 0) {\n      delete object._domEvent\n    }\n\n    // delete bound object\n    if (!object._domEvent) {\n      const boundObjectIndex = this.boundObject[event]?.findIndex((item) => item === object)\n      if (boundObjectIndex !== -1) {\n        this.boundObject[event]?.splice(boundObjectIndex, 1)\n      }\n    }\n  }\n\n  public clear() {\n    this.boundObject = {}\n  }\n\n  public dispose(): void {\n    this.five?.off('wantsGesture', this.handleWantsGesture)\n    document.removeEventListener('dblclick', this.handleMouseEvent)\n    document.removeEventListener('pointerdown', this.handleMousedown)\n    document.removeEventListener('pointerup', this.handleMouseup)\n    document.removeEventListener('pointercancel', this.handleMouseup)\n    document.removeEventListener('pointermove', this.handleMousemove)\n    this.boundObject = {}\n  }\n\n  public toJSON() {\n    return {\n      boundObject: this.boundObject,\n    }\n  }\n\n  private getRaycaster(pointer: { x: number; y: number }) {\n    const element = this.five.getElement()\n    if (!element) return\n    const position = calculateThreeMouse(pointer, element)\n    const ray = new THREERaycaster()\n    ray.setFromCamera(position, this.five.camera)\n    return ray\n  }\n\n  private handleWantsGesture: (type: GestureTypes, pointers: { raycaster?: THREE.Raycaster; x: number; y: number }[]) => false | void = (\n    type,\n    pointers,\n  ) => {\n    if (pointers.length !== 1) return\n\n    const pointer = pointers[0]\n\n    if (pointer.raycaster) {\n      // five 的 raycaster 缺少一些比较新版本的three的方法，所以需要重新创建一个 THREERaycaster，如果five three版本升级了，可以考虑直接使用 five 的 raycaster\n      const raycaster = new THREERaycaster()\n      raycaster.ray = pointer.raycaster.ray\n      raycaster.near = pointer.raycaster.near\n      raycaster.far = pointer.raycaster.far\n      raycaster.camera = pointer.raycaster.camera\n      raycaster.layers = pointer.raycaster.layers\n      raycaster.params = pointer.raycaster.params\n      pointer.raycaster = raycaster\n    }\n\n    if (!pointer) return\n\n    if (type === 'mouseMove') {\n      this.onDomEvent('hover', pointer)\n    }\n\n    if (type === 'tap') {\n      const event = new MouseEvent('click', { clientX: pointer.x, clientY: pointer.y })\n\n      const r1 = this.onDomEvent('click', pointer, event)\n      const r2 = this.onDomEvent('wantDblclick', pointer, event, this.boundObject['dblclick'])\n      if (r1 === false) return false\n      if (r2 === false) return false\n    }\n\n    if (this.dragging) {\n      return false\n    }\n  }\n\n  private handleDomEvent = (type: EventName, event: MouseEvent, objects?: Object3DWithEvent[]) => {\n    const pointer = { x: event.clientX, y: event.clientY }\n    this.onDomEvent(type, pointer, event, objects)\n  }\n\n  private handleMouseEvent = (event: MouseEvent) => {\n    this.handleDomEvent(event.type as EventName, event)\n  }\n\n  private handleMousedown = (event: MouseEvent) => {\n    this.handleDomEvent('mousedown', event)\n    this.handleDomEvent('dragstart', event, this.haveDragEventObject)\n  }\n\n  private handleMouseup = (event: MouseEvent) => {\n    this.dragging = false\n\n    this.haveDragEventObject?.forEach((object) => {\n      if (object._dragging) {\n        object._dragging = false\n        this.notify({\n          eventName: 'dragend',\n          object,\n          originEvent: event,\n          raycaster: this.getRaycaster({ x: event.clientX, y: event.clientY }),\n        })\n      }\n    })\n    this.handleDomEvent('mouseup', event)\n  }\n\n  private handleMousemove = (event: MouseEvent) => {\n    if (this.dragging) {\n      this.boundObject['drag']?.forEach((object) => {\n        if (object._dragging) {\n          this.notify({\n            eventName: 'drag',\n            object,\n            originEvent: event,\n            raycaster: this.getRaycaster({ x: event.clientX, y: event.clientY }),\n          })\n        }\n      })\n    }\n  }\n\n\n  private onDomEvent = (\n    eventName: EventName | 'wantDblclick',\n    pointer: { raycaster?: THREE.Raycaster; x: number; y: number },\n    event?: Event,\n    objects = this.boundObject[eventName],\n  ): false | void => {\n    if (!pointer) return\n    if (!objects || objects?.length === 0) return\n\n    const fiveModels: FiveModel[] = []\n    if (this.config?.fiveModels !== null) {\n      if (this.config?.fiveModels) {\n        fiveModels.push(...this.config.fiveModels)\n      } else {\n        fiveModels.push(this.model)\n      }\n    }\n    const loadedModels = fiveModels.filter((model) => model.loaded)\n\n    const raycaster = pointer.raycaster ?? this.getRaycaster(pointer)\n    raycaster.params.Points.threshold = 0.04\n\n    let intersects = raycaster.intersectObjects(objects, true)\n\n    if ((eventName === 'dragstart' || eventName === 'mousedown') && (!intersects || intersects.length === 0)) {\n      const fallbackIntersect = this.findDragSelectIntersect(objects, pointer, raycaster)\n      if (fallbackIntersect) {\n        intersects = [fallbackIntersect]\n      }\n    }\n\n    const fiveModelIntersects: THREE.Intersection[] = []\n    loadedModels.forEach((model) => {\n      const _intersects = model.intersectRaycaster(raycaster)\n      fiveModelIntersects.push(..._intersects)\n    })\n    const allowError = 0.01\n    if (fiveModelIntersects.length > 0 && intersects.length > 0) {\n      if (fiveModelIntersects[0].distance + allowError < intersects[0].distance) return\n    }\n\n    const object = intersects?.[0]?.object as Object3DWithEvent\n\n    if (eventName === 'wantDblclick') return false\n\n    if (!object || !this.objectIsBound(object)) {\n      // hover\n      if (eventName === 'hover') {\n        for (const object of this.boundObject['hover'] ?? []) {\n          if (object._hovered) this.notify({ eventName: 'unHover', object })\n        }\n      }\n    }\n\n    if (!object) return\n\n    if (object) {\n      // 通用\n      const preventFiveEvent = this.notify({ eventName, object, originEvent: event, raycaster, intersects, fiveModelIntersects })\n      if (preventFiveEvent) return false\n    }\n  }\n\n  private objectIsBound = (object: Object3DWithEvent): boolean => {\n    let domEvent = object._domEvent\n    let objectParent: Object3DWithEvent = object.parent\n    while (typeof domEvent === 'undefined' && objectParent) {\n      domEvent = objectParent._domEvent\n      objectParent = objectParent.parent\n    }\n    return Boolean(domEvent)\n  }\n\n  private notify = (params: {\n    eventName: EventName | 'wantDblclick'\n    object: Object3DWithEvent\n    originEvent?: Event\n    raycaster?: THREE.Raycaster\n    intersects?: THREE.Intersection[]\n    fiveModelIntersects?: THREE.Intersection[]\n  }) => {\n    const { eventName, object, originEvent, raycaster, intersects, fiveModelIntersects } = params\n\n    if (!object) return false\n\n    let isStopPropagation = false\n    let preventFiveEvents = []\n\n    const objects: Object3DWithEvent[] = []\n\n    // 如果这轮事件，因为一些配置原因(noEmitWhenNotInScene / noEmitWhenHide)，不触发，那么就触发下一个\n    const notifyNext = () => {\n      if (!intersects) return false\n      const newIntersects = intersects.slice(1)\n      if (!newIntersects[0]) return false\n      return this.notify({ ...params, object: newIntersects[0].object, intersects: newIntersects })\n    }\n\n    let _object = object\n    objects.push(_object)\n    while (_object.parent) {\n      _object = _object.parent as Object3DWithEvent\n      objects.push(_object as Object3DWithEvent)\n    }\n\n    const topParent = objects[objects.length - 1]\n\n    if (this.config?.noEmitWhenNotInScene && topParent.type !== 'Scene') {\n      return notifyNext()\n    }\n\n    let emitied = false\n\n    for (const object of objects) {\n      if (isStopPropagation) break\n\n      if (object.draggable) {\n        if (eventName === 'dragstart') {\n          object._dragging = true\n          this.dragging = true\n        }\n        if (eventName === 'dragend') {\n          object._dragging = false\n          this.dragging = false\n        }\n      }\n\n      const domEvent = object._domEvent\n      if (!domEvent) continue\n\n      const handlers = domEvent[`${eventName}Handler`]\n      if (!handlers) continue\n\n      for (const [handler, config] of handlers) {\n        if (config?.noEmitWhenNotInScene && topParent.type !== 'Scene') continue\n\n        if (config.skipPano && fiveModelIntersects) {\n          const intersectPosition = fiveModelIntersects[0]?.point\n          if (\n            intersectPosition &&\n            this.five.observers?.[this.five.panoIndex]?.accessibleNodes?.some((panoIndex) => {\n              const standingPosition = this.five.works.getResolvedObserver({\n                workCode: this.five.state.workCode,\n                panoIndex,\n              })?.standingPosition\n              return standingPosition?.distanceTo(intersectPosition) < 0.3\n            })\n          ) {\n            continue\n          }\n        }\n\n        if (this.config?.noEmitWhenHide || config?.noEmitWhenHide) {\n          const visible = getObjectVisible(object)\n          if (!visible) continue\n        }\n\n        emitied = true\n\n        if (eventName === 'hover') {\n          if (object._hovered) continue\n          object._hovered = true\n          for (const _object of this.boundObject['hover'] ?? []) {\n\n            if (_object !== object && _object._hovered) this.notify({ eventName: 'unHover', object: _object })\n          }\n        }\n\n        if (eventName === 'unHover') {\n          if (!object._hovered) continue\n          object._hovered = false\n        }\n\n        const res = handler({\n          type: eventName as any,\n          target: object,\n          origDomEvent: originEvent,\n          raycaster,\n          intersects,\n          stopPropagation: () => {\n            isStopPropagation = true\n          },\n        })\n\n        preventFiveEvents.push(res ?? true)\n      }\n    }\n    if (emitied === false) {\n      return notifyNext()\n    }\n    if (eventName === 'click' || eventName === 'wantDblclick') return preventFiveEvents.some((item) => item === true)\n  }\n\n  private getDragSelectPixelDistance(object: Object3DWithEvent): number | undefined {\n    let current: Object3DWithEvent | null = object\n    while (current) {\n      const distance = current.userData?.dragSelectPixelDistance\n      if (typeof distance === 'number') return distance\n      current = (current.parent as Object3DWithEvent) ?? null\n    }\n    return undefined\n  }\n\n  private findDragSelectIntersect(\n    objects: Object3DWithEvent[] | undefined,\n    pointer: { x: number; y: number },\n    raycaster: THREE.Raycaster,\n  ): THREE.Intersection | undefined {\n    if (!objects || objects.length === 0) return\n    const element = this.five?.getElement?.()\n    const camera = raycaster.camera\n    if (!element || !camera) return\n\n    const width = element.clientWidth\n    const height = element.clientHeight\n    const rect = element.getBoundingClientRect()\n    const pointerX = pointer.x - rect.left\n    const pointerY = pointer.y - rect.top\n\n    let best:\n      | {\n          pixelDistance: number\n          object: Object3DWithEvent\n          worldPoint: THREE.Vector3\n          distance: number\n        }\n      | undefined\n\n    for (const object of objects) {\n      const threshold = this.getDragSelectPixelDistance(object)\n      if (typeof threshold !== 'number') continue\n\n      const worldPosition = this.dragSelectTempWorld\n      object.getWorldPosition(worldPosition)\n      const projected = this.dragSelectTempProjected.copy(worldPosition).project(camera)\n      const screenX = (projected.x * 0.5 + 0.5) * width\n      const screenY = (1 - (projected.y * 0.5 + 0.5)) * height\n      const pixelDistance = Math.hypot(screenX - pointerX, screenY - pointerY)\n      if (pixelDistance > threshold) continue\n\n      const distance = raycaster.ray.distanceToPoint(worldPosition)\n      if (!best || pixelDistance < best.pixelDistance) {\n        best = {\n          pixelDistance,\n          object,\n          worldPoint: worldPosition.clone(),\n          distance,\n        }\n      }\n    }\n\n    if (!best) return\n\n    return {\n      distance: best.distance,\n      object: best.object,\n      point: best.worldPoint,\n    } as THREE.Intersection\n  }\n}\n"],"mappings":"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"}

package/dist/internal/FiveLine-0OtX3RDV.js

@@ -0,0 +1,28 @@
+import { n as e, r as t, t as n } from "./Line2-CDxLMjGj.js";
+import { BufferGeometry as r, Object3D as i, Points as a, PointsMaterial as o, Vector3 as s } from "three/webgpu";
+//#region src/shared-utils/five/FiveLine.ts
+var c = class extends i {
+	line;
+	points;
+	needsRender = !0;
+	constructor(i = new s(), c = new s()) {
+		super(), this.line = new n(new t(), new e()), this.points = new a(new r().setFromPoints([i, c]), new o({ size: 0 })), this.points.visible = !1, this.add(this.line, this.points), this.setPoints(i, c);
+	}
+	setPoints(e, t) {
+		this.line.geometry.setPositions([...e.toArray(), ...t.toArray()]), this.points.geometry.setFromPoints([e, t]), this.line.computeLineDistances(), this.needsRender = !0;
+	}
+	getPoints() {
+		let e = this.points.geometry.getAttribute("position");
+		return [new s().fromBufferAttribute(e, 0), new s().fromBufferAttribute(e, 1)];
+	}
+	setMaterial(t) {
+		this.line.material.dispose(), this.line.material = new e(t), this.needsRender = !0;
+	}
+	setResolution(e, t) {
+		this.line.material.resolution.set(e, t);
+	}
+};
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=FiveLine-0OtX3RDV.js.map

package/dist/internal/FiveLine-0OtX3RDV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiveLine-0OtX3RDV.js","names":["LineMaterial","LineGeometry","THREE_Line2","FiveLine","Object3D","Vector3","Points","BufferGeometry","vector0","vector1","PointsMaterial","positions","params","width","height"],"sources":["../../src/shared-utils/five/FiveLine.ts"],"sourcesContent":["import { BufferGeometry, Object3D, Points, PointsMaterial, Vector3, type ColorRepresentation } from 'three/webgpu'\nimport { THREE_Line2 } from '../three/core/Line2'\nimport { LineGeometry } from '../three/core/LineGeometry'\nimport { LineMaterial } from '../three/core/LineMaterial'\n\nexport type Color = ColorRepresentation\n\nexport class FiveLine extends Object3D {\n  public readonly line: THREE_Line2\n  public readonly points: Points\n  public needsRender = true\n\n  public constructor(vector0 = new Vector3(), vector1 = new Vector3()) {\n    super()\n    this.line = new THREE_Line2(new LineGeometry(), new LineMaterial())\n    this.points = new Points(new BufferGeometry().setFromPoints([vector0, vector1]), new PointsMaterial({ size: 0 }))\n    // Endpoint storage is not a drawable point primitive.\n    this.points.visible = false\n    this.add(this.line, this.points)\n    this.setPoints(vector0, vector1)\n  }\n\n  public setPoints(vector0: Vector3, vector1: Vector3) {\n    this.line.geometry.setPositions([...vector0.toArray(), ...vector1.toArray()])\n    this.points.geometry.setFromPoints([vector0, vector1])\n    this.line.computeLineDistances()\n    this.needsRender = true\n  }\n\n  public getPoints() {\n    const positions = this.points.geometry.getAttribute('position')\n    return [new Vector3().fromBufferAttribute(positions, 0), new Vector3().fromBufferAttribute(positions, 1)]\n  }\n\n  public setMaterial(params: ConstructorParameters<typeof LineMaterial>[0]) {\n    this.line.material.dispose()\n    this.line.material = new LineMaterial(params)\n    this.needsRender = true\n  }\n\n  public setResolution(width: number, height: number) {\n    this.line.material.resolution.set(width, height)\n  }\n}\n"],"mappings":";;;AAOA,IAAaG,IAAb,cAA8BC,EAAS;CACrC;CACA;CACA,cAAqB;CAErB,YAAmB,IAAU,IAAIC,EAAQ,GAAG,IAAU,IAAIA,EAAQ,GAAG;EAOnE,AANA,MAAM,GACN,KAAK,OAAO,IAAIH,EAAY,IAAID,EAAa,GAAG,IAAID,EAAa,CAAC,GAClE,KAAK,SAAS,IAAIM,EAAO,IAAIC,EAAe,CAAC,CAAC,cAAc,CAACC,GAASC,CAAO,CAAC,GAAG,IAAIC,EAAe,EAAE,MAAM,EAAE,CAAC,CAAC,GAEhH,KAAK,OAAO,UAAU,IACtB,KAAK,IAAI,KAAK,MAAM,KAAK,MAAM,GAC/B,KAAK,UAAUF,GAASC,CAAO;CACjC;CAEA,UAAiB,GAAkB,GAAkB;EAInD,AAHA,KAAK,KAAK,SAAS,aAAa,CAAC,GAAGD,EAAQ,QAAQ,GAAG,GAAGC,EAAQ,QAAQ,CAAC,CAAC,GAC5E,KAAK,OAAO,SAAS,cAAc,CAACD,GAASC,CAAO,CAAC,GACrD,KAAK,KAAK,qBAAqB,GAC/B,KAAK,cAAc;CACrB;CAEA,YAAmB;EACjB,IAAME,IAAY,KAAK,OAAO,SAAS,aAAa,UAAU;EAC9D,OAAO,CAAC,IAAIN,EAAQ,CAAC,CAAC,oBAAoBM,GAAW,CAAC,GAAG,IAAIN,EAAQ,CAAC,CAAC,oBAAoBM,GAAW,CAAC,CAAC;CAC1G;CAEA,YAAmB,GAAuD;EAGxE,AAFA,KAAK,KAAK,SAAS,QAAQ,GAC3B,KAAK,KAAK,WAAW,IAAIX,EAAaY,CAAM,GAC5C,KAAK,cAAc;CACrB;CAEA,cAAqB,GAAe,GAAgB;EAClD,KAAK,KAAK,SAAS,WAAW,IAAIC,GAAOC,CAAM;CACjD;AACF"}

package/dist/internal/FivePuppet-C6QmVY70.js

@@ -0,0 +1,67 @@
+import { t as e } from "./StandaloneRenderer-Jo60ASPd.js";
+import * as t from "three/webgpu";
+//#region src/shared-utils/math/convexHull.ts
+function n(e) {
+	e.sort(function(e, t) {
+		return e.x == t.x ? e.y - t.y : e.x - t.x;
+	});
+	let t = e.length, n = [];
+	for (let i = 0; i < 2 * t; i++) {
+		let a = i < t ? i : 2 * t - 1 - i;
+		for (; n.length >= 2 && r(n[n.length - 2], n[n.length - 1], e[a]);) n.pop();
+		n.push(e[a]);
+	}
+	return n.pop(), n;
+}
+function r(e, t, n) {
+	let r = (e.x - t.x) * (n.y - t.y) - (e.y - t.y) * (n.x - t.x), i = (e.x - t.x) * (n.x - t.x) + (e.y - t.y) * (n.y - t.y);
+	return r < 0 || r == 0 && i <= 0;
+}
+//#endregion
+//#region src/shared-utils/math/inside.ts
+function i(e, t) {
+	let n = e[0], r = e[1], i = !1;
+	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+		let o = t[e][0], s = t[e][1], c = t[a][0], l = t[a][1];
+		s > r != l > r && n < (c - o) * (r - s) / (l - s) + o && (i = !i);
+	}
+	return i;
+}
+//#endregion
+//#region src/shared-utils/five/FivePuppet.ts
+var a = new t.Vector2(), o = class {
+	scene = new t.Scene();
+	five;
+	renderer;
+	cancelRequestAnimationFrameId;
+	camera;
+	domInited = !1;
+	canvasWrapper;
+	params;
+	_rendererCache;
+	_cameraCache;
+	disposed = !1;
+	constructor(t, n) {
+		this.five = t, this.camera = t.camera.clone(), this.params = n, this.renderer = new e(), this.renderer.setClearColor(0, 0), this.renderer.domElement.style.pointerEvents = "none", this.renderer.setSize(1, 1), t.on("dispose", this.dispose), this.animate();
+	}
+	animate = () => {
+		if (this.disposed || (this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate), !this.five.renderer)) return;
+		let e = this.five.renderer.getSize(a), t = this.five.renderer.getPixelRatio(), n = e.toArray().join(",") + "," + t;
+		n !== this._rendererCache && (this._rendererCache = n, this.renderer.setPixelRatio(t), this.renderer.setSize(e.x, e.y));
+		let r = this.five.camera.projectionMatrix.toArray().join(",") + this.five.camera.matrixWorld.toArray().join(",");
+		if (r !== this._cameraCache && (this._cameraCache = r, this.camera.copy(this.five.camera)), this.renderer.render(this.scene, this.camera), !this.domInited) {
+			let e = this.five.getElement()?.parentElement;
+			e && (this.canvasWrapper = document.createElement("div"), this.canvasWrapper.classList.add("five-puppet"), this.canvasWrapper.style.position = "absolute", this.canvasWrapper.style.pointerEvents = "none", this.canvasWrapper.style.left = "0", this.canvasWrapper.style.top = "0", this.canvasWrapper.style.zIndex = `${this.params?.zIndex ?? 1}`, this.canvasWrapper.appendChild(this.renderer.domElement), e.appendChild(this.canvasWrapper), this.domInited = !0);
+		}
+	};
+	stopAnimate = () => {
+		this.cancelRequestAnimationFrameId && cancelAnimationFrame(this.cancelRequestAnimationFrameId);
+	};
+	dispose = () => {
+		this.disposed || (this.disposed = !0, this.five.off("dispose", this.dispose), this.stopAnimate(), this.renderer.dispose(), this.renderer.domElement.remove(), this.canvasWrapper?.remove());
+	};
+};
+//#endregion
+export { i as n, n as r, o as t };
+
+//# sourceMappingURL=FivePuppet-C6QmVY70.js.map

package/dist/internal/FivePuppet-C6QmVY70.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FivePuppet-C6QmVY70.js","names":["StandaloneRenderer","THREE","convexHull","a","b","n","points","hull","j","removeMiddle","cross","c","dot","inside","x","point","y","i","polygon","xi","yi","xj","yj","_vector2","FivePuppet","five","params","rendererSize","pixelRatio","_newRendererCache","_newCameraCache","wrapper"],"sources":["../../src/shared-utils/math/convexHull.ts","../../src/shared-utils/math/inside.ts","../../src/shared-utils/five/FivePuppet.ts"],"sourcesContent":["import type { Vector2Position } from '../../typings/math.type'\n\n/**\n * @description 求一组二维点的凸包\n */\nexport function convexHull(points: Vector2Position[]) {\n  points.sort(function (a, b) {\n    return a.x != b.x ? a.x - b.x : a.y - b.y\n  })\n\n  const n = points.length\n  const hull: Vector2Position[] = []\n\n  for (let i = 0; i < 2 * n; i++) {\n    const j = i < n ? i : 2 * n - 1 - i\n    while (hull.length >= 2 && removeMiddle(hull[hull.length - 2], hull[hull.length - 1], points[j])) hull.pop()\n    hull.push(points[j])\n  }\n\n  hull.pop()\n  return hull\n}\n\nfunction removeMiddle(a: Vector2Position, b: Vector2Position, c: Vector2Position) {\n  const cross = (a.x - b.x) * (c.y - b.y) - (a.y - b.y) * (c.x - b.x)\n  const dot = (a.x - b.x) * (c.x - b.x) + (a.y - b.y) * (c.y - b.y)\n  return cross < 0 || (cross == 0 && dot <= 0)\n}\n","// https://wrf.ecse.rpi.edu/Research/Short_Notes/pnpoly.html\n// https://github.com/substack/point-in-polygon\nfunction inside(point: number[], polygon: number[][]) {\n  const x = point[0]\n  const y = point[1]\n  let inside = false\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const xi = polygon[i][0]\n    const yi = polygon[i][1]\n    const xj = polygon[j][0]\n    const yj = polygon[j][1]\n\n    const intersect = yi > y !== yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi\n    if (intersect) inside = !inside\n  }\n  return inside\n}\n\nexport { inside, inside as pointInPolygon }\n","import type { Five } from '@realsee/five-webgpu'\nimport * as THREE from 'three/webgpu'\nimport { StandaloneRenderer } from '../rendering/StandaloneRenderer'\n\nconst _vector2 = new THREE.Vector2()\n\n/**\n * @description 模拟 Five 行为的 canvas，与 Five 唯一区别是 scene 是空的\n * @usecase\n * 当需 five 的 canvas 上层有一些额外的 Dom 元素比如平面图时，希望在这些 Dom 元素上层再绘制一些三维物体，可以\n * 使用 FivePuppet，将要渲染的物体加入到 FivePuppet 的 scene 中即可。甚至可以是原本在 five 中的物体，可以使\n * 用 `.clone()` 将物体克隆一份然后加入到 FivePuppet 的 scene 中。\n * @example react\n    ```typescript\n    import { FivePuppet } from '@realsee/dnalogel/utils'\n\n    function App() {\n      const fivePuppet = React.useRef<FivePuppet>()\n      const five = unsafe__useFiveInstance()\n\n      React.useEffect(() => {\n        fivePuppet.current = new FivePuppet(five, { zIndex: 20 })\n\n        const object = new THREE.Mesh(new THREE.BoxGeometry(), new THREE.MeshBasicMaterial({ color: 0xff0000 }))\n        fivePuppet.current.scene.add(object)\n\n        return () => {\n          fivePuppet.current?.dispose()\n        }\n      }, [five])\n    }\n    ```\n * @example javascript\n    ```typescript\n    import { FivePuppet } from '@realsee/dnalogel/utils'\n\n    const five = new Five({\n      plugins: [\n        [(five) => new FivePuppet(five), 'fivePuppet']\n      ],\n    })\n\n    const object = new THREE.Mesh(new THREE.BoxGeometry(), new THREE.MeshBasicMaterial({ color: 0xff0000 }))\n    five.plugins.fivePuppet.scene.add(object)\n    ```\n */\nexport class FivePuppet {\n  public scene = new THREE.Scene()\n\n  private five: Five\n  private renderer: StandaloneRenderer\n  private cancelRequestAnimationFrameId: number\n  private camera: Five['camera']\n\n  private domInited = false\n  private canvasWrapper?: HTMLDivElement\n  private params?: { zIndex?: number }\n\n  private _rendererCache: string\n  private _cameraCache: string\n  private disposed = false\n\n  public constructor(\n    five: Five,\n    params?: {\n      /**\n       * @description canvas 的 zIndex\n       * @default 1\n       */\n      zIndex: number\n    },\n  ) {\n    this.five = five\n    this.camera = five.camera.clone() as Five['camera']\n    this.params = params\n\n    this.renderer = new StandaloneRenderer()\n    this.renderer.setClearColor(0, 0)\n    this.renderer.domElement.style.pointerEvents = 'none'\n    this.renderer.setSize(1, 1)\n\n    five.on('dispose', this.dispose)\n\n    this.animate()\n  }\n\n  public animate = () => {\n    if (this.disposed) return\n    this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate)\n\n    if (!this.five.renderer) return\n\n    const rendererSize = this.five.renderer.getSize(_vector2)\n    const pixelRatio = this.five.renderer.getPixelRatio()\n    const _newRendererCache = rendererSize.toArray().join(',') + ',' + pixelRatio\n    if (_newRendererCache !== this._rendererCache) {\n      this._rendererCache = _newRendererCache\n      this.renderer.setPixelRatio(pixelRatio)\n      this.renderer.setSize(rendererSize.x, rendererSize.y)\n    }\n\n    const _newCameraCache = this.five.camera.projectionMatrix.toArray().join(',') + this.five.camera.matrixWorld.toArray().join(',')\n    if (_newCameraCache !== this._cameraCache) {\n      this._cameraCache = _newCameraCache\n      this.camera.copy(this.five.camera)\n    }\n\n    this.renderer.render(this.scene, this.camera)\n\n    if (!this.domInited) {\n      const wrapper = this.five.getElement()?.parentElement\n      if (wrapper) {\n        this.canvasWrapper = document.createElement('div')\n        this.canvasWrapper.classList.add('five-puppet')\n        this.canvasWrapper.style.position = 'absolute'\n        this.canvasWrapper.style.pointerEvents = 'none'\n        this.canvasWrapper.style.left = '0'\n        this.canvasWrapper.style.top = '0'\n        this.canvasWrapper.style.zIndex = `${this.params?.zIndex ?? 1}`\n\n        this.canvasWrapper.appendChild(this.renderer.domElement)\n        wrapper.appendChild(this.canvasWrapper)\n\n        this.domInited = true\n      }\n    }\n  }\n\n  public stopAnimate = () => {\n    this.cancelRequestAnimationFrameId && cancelAnimationFrame(this.cancelRequestAnimationFrameId)\n  }\n\n  public dispose = () => {\n    if (this.disposed) return\n    this.disposed = true\n    this.five.off('dispose', this.dispose)\n    this.stopAnimate()\n    this.renderer.dispose()\n    this.renderer.domElement.remove()\n    this.canvasWrapper?.remove()\n  }\n}\n"],"mappings":"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"}