@realsee/five 6.0.0-alpha.8 → 6.0.0-alpha.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (362) hide show
  1. package/README.md +1 -1
  2. package/TERMS.txt +0 -2
  3. package/docs/assets/highlight.css +20 -20
  4. package/docs/assets/main.js +59 -52
  5. package/docs/assets/navigation.js +1 -0
  6. package/docs/assets/search.js +1 -1
  7. package/docs/assets/style.css +805 -825
  8. package/docs/classes/five.AnimationFrameLoop.html +16 -15
  9. package/docs/classes/five.BoxBoundingVolume.html +18 -1
  10. package/docs/classes/five.Camera.html +37 -11
  11. package/docs/classes/five.CullingVolume.html +10 -1
  12. package/docs/classes/five.Fetcher.html +5 -0
  13. package/docs/classes/five.Five.html +237 -287
  14. package/docs/classes/five.InternalWebGLRenderer.html +2 -1
  15. package/docs/classes/five.IntersectMesh.html +4 -1
  16. package/docs/classes/five.Model.html +62 -55
  17. package/docs/classes/five.ModelViewLayer.html +13 -0
  18. package/docs/classes/five.NetworkAbortError.html +2 -0
  19. package/docs/classes/five.NetworkFirbiddenError.html +2 -0
  20. package/docs/classes/five.NetworkResponseError.html +3 -0
  21. package/docs/classes/five.NetworkSubscribe.html +42 -56
  22. package/docs/classes/five.NetworkTimeoutError.html +2 -0
  23. package/docs/classes/five.PBMContainer.html +12 -13
  24. package/docs/classes/five.PBMGroup.html +3 -3
  25. package/docs/classes/five.PBMMesh.html +4 -5
  26. package/docs/classes/five.PBMMeshMaterial.html +50 -45
  27. package/docs/classes/five.PanoCircleMesh.html +30 -7
  28. package/docs/classes/five.PanoCircleMeshCustom.html +30 -7
  29. package/docs/classes/five.PanoCircleMeshSolid.html +30 -7
  30. package/docs/classes/five.RegionBoundingVolume.html +21 -1
  31. package/docs/classes/five.RequestScheduler.html +13 -12
  32. package/docs/classes/five.Scene.html +5 -3
  33. package/docs/classes/five.SphereBoundingVolume.html +17 -1
  34. package/docs/classes/five.Subscribe.html +43 -62
  35. package/docs/classes/five.TextureLoader.html +5 -1
  36. package/docs/classes/five.Tile.html +30 -1
  37. package/docs/classes/five.Tile3DModel.html +27 -1
  38. package/docs/classes/five.TileCubeTextureTarget.html +9 -1
  39. package/docs/classes/five.TileNode.html +5 -1
  40. package/docs/classes/five.Tileset.html +31 -5
  41. package/docs/classes/five.TilesetCache.html +8 -1
  42. package/docs/classes/five.TilesetTraverser.html +19 -1
  43. package/docs/classes/five.Work.html +28 -28
  44. package/docs/classes/five.XRButton.html +3 -1
  45. package/docs/classes/gltf_loader.DDSLoader.html +3 -1
  46. package/docs/classes/gltf_loader.DRACOLoader.html +8 -1
  47. package/docs/classes/gltf_loader.GLTFLoader.html +18 -17
  48. package/docs/classes/gltf_loader.GLTFObject.html +8 -6
  49. package/docs/classes/gltf_loader.GLTFParser.html +6 -1
  50. package/docs/classes/gltf_loader.THREEGLTFLoader.html +8 -1
  51. package/docs/classes/line.Line.html +10 -1
  52. package/docs/classes/line.LineGeometry.html +14 -1
  53. package/docs/classes/line.LineMaterial.html +8 -1
  54. package/docs/classes/line.LineSegmentsGeometry.html +12 -1
  55. package/docs/classes/line.THREE_Line2.html +4 -1
  56. package/docs/classes/line.THREE_LineSegments2.html +4 -1
  57. package/docs/classes/react.Store.html +23 -29
  58. package/docs/classes/sticker.Sticker.html +25 -32
  59. package/docs/classes/vfx.Airflow.html +8 -1
  60. package/docs/classes/vfx.Flame.html +10 -1
  61. package/docs/classes/vfx.Particle.html +79 -82
  62. package/docs/classes/vfx.SpotLight.html +7 -1
  63. package/docs/enums/five.VolumePlaneIntersect.html +4 -1
  64. package/docs/functions/five.defaultImageURLTransform.html +5 -0
  65. package/docs/functions/five.getViewportScale.html +1 -0
  66. package/docs/functions/five.imageSupport.html +1 -0
  67. package/docs/functions/five.isPanoId.html +1 -0
  68. package/docs/functions/five.loadAt3d.html +1 -0
  69. package/docs/functions/five.loadB3dm.html +1 -0
  70. package/docs/functions/five.loadDome.html +1 -0
  71. package/docs/functions/five.loadDomez.html +1 -0
  72. package/docs/functions/five.loadPbm.html +1 -0
  73. package/docs/functions/five.loadPnts.html +1 -0
  74. package/docs/functions/five.panoEqual.html +1 -0
  75. package/docs/functions/five.panoParse.html +1 -0
  76. package/docs/functions/five.panoStringify.html +1 -0
  77. package/docs/functions/five.parseWork.html +7 -0
  78. package/docs/functions/react.FiveCanvas-1.html +6 -0
  79. package/docs/functions/react.createFiveFeature.html +1 -0
  80. package/docs/functions/react.createFiveProvider.html +9 -0
  81. package/docs/functions/react.createStore.html +15 -0
  82. package/docs/functions/react.unsafe__useFiveInstance.html +5 -0
  83. package/docs/functions/react.useFiveAction.html +19 -0
  84. package/docs/functions/react.useFiveCameraDirection.html +3 -0
  85. package/docs/functions/react.useFiveCameraRaycaster.html +3 -0
  86. package/docs/functions/react.useFiveCurrentObserver.html +5 -0
  87. package/docs/functions/react.useFiveCurrentState.html +5 -0
  88. package/docs/functions/react.useFiveEventCallback.html +5 -0
  89. package/docs/functions/react.useFiveFloor.html +5 -0
  90. package/docs/functions/react.useFiveHelper.html +5 -0
  91. package/docs/functions/react.useFiveModelIntersectRaycaster.html +7 -0
  92. package/docs/functions/react.useFiveModelReadyState.html +4 -0
  93. package/docs/functions/react.useFiveProject2d.html +7 -0
  94. package/docs/functions/react.useFiveScene.html +2 -0
  95. package/docs/functions/react.useFiveSceneEffect.html +5 -0
  96. package/docs/functions/react.useFiveState.html +1 -0
  97. package/docs/functions/react.useFiveWork.html +8 -0
  98. package/docs/functions/react.withFive.html +1 -0
  99. package/docs/functions/vue.unsafe__useFiveInject.html +5 -0
  100. package/docs/functions/vue.useFiveAction.html +25 -0
  101. package/docs/functions/vue.useFiveCameraDirection.html +3 -0
  102. package/docs/functions/vue.useFiveCameraRaycaster.html +3 -0
  103. package/docs/functions/vue.useFiveCurrentObserver.html +5 -0
  104. package/docs/functions/vue.useFiveCurrentState.html +5 -0
  105. package/docs/functions/vue.useFiveEventCallback.html +5 -0
  106. package/docs/functions/vue.useFiveFloor.html +5 -0
  107. package/docs/functions/vue.useFiveHelper.html +5 -0
  108. package/docs/functions/vue.useFiveModel.html +2 -0
  109. package/docs/functions/vue.useFiveModelBounding.html +2 -0
  110. package/docs/functions/vue.useFiveModelIntersectRaycaster.html +7 -0
  111. package/docs/functions/vue.useFiveModelReadyState.html +4 -0
  112. package/docs/functions/vue.useFiveProject2d.html +7 -0
  113. package/docs/functions/vue.useFiveScene.html +2 -0
  114. package/docs/functions/vue.useFiveState.html +5 -0
  115. package/docs/functions/vue.useFiveWorks.html +8 -0
  116. package/docs/index.html +35 -79
  117. package/docs/interfaces/five.AddableObject.html +9 -9
  118. package/docs/interfaces/five.AjaxOptions.html +11 -0
  119. package/docs/interfaces/five.AnimationFrame.html +5 -1
  120. package/docs/interfaces/five.BaseEvent.html +5 -1
  121. package/docs/interfaces/five.BoundingVolume.html +14 -1
  122. package/docs/interfaces/five.CameraPose.html +6 -1
  123. package/docs/interfaces/five.ClipperParameter.html +3 -1
  124. package/docs/interfaces/five.DepthPanoramaControllerCustomInitArgs.html +25 -25
  125. package/docs/interfaces/five.EventCallback.html +355 -452
  126. package/docs/interfaces/five.FiveInitArgs.html +84 -86
  127. package/docs/interfaces/five.FloorplanControllerCustomInitArgs.html +17 -15
  128. package/docs/interfaces/five.GestureEvent.html +19 -1
  129. package/docs/interfaces/five.ImageOptions.html +16 -18
  130. package/docs/interfaces/five.ImageURLMappings.html +1 -1
  131. package/docs/interfaces/five.ImageURLOptions.html +15 -15
  132. package/docs/interfaces/five.IntersectEvent.html +8 -1
  133. package/docs/interfaces/five.IntersectMeshInterface.html +3 -3
  134. package/docs/interfaces/five.Intersection.html +3 -7
  135. package/docs/interfaces/five.MapviewControllerCustomInitArgs.html +13 -11
  136. package/docs/interfaces/five.ModeChangeEvent.html +9 -1
  137. package/docs/interfaces/five.ModelControllerCustomInitArgs.html +18 -18
  138. package/docs/interfaces/five.ModelEvent.html +8 -1
  139. package/docs/interfaces/five.ModelLodOptions.html +2 -1
  140. package/docs/interfaces/five.ModelsEvent.html +6 -1
  141. package/docs/interfaces/five.MotionKeyframe.html +4 -1
  142. package/docs/interfaces/five.MovePanoOptions.html +29 -30
  143. package/docs/interfaces/five.NetworkOptions.html +9 -9
  144. package/docs/interfaces/five.NetworkResourceEvent.html +9 -1
  145. package/docs/interfaces/five.ObjectEvent.html +6 -1
  146. package/docs/interfaces/five.PBMPanoPicture.html +7 -7
  147. package/docs/interfaces/five.PBMParameters.html +42 -43
  148. package/docs/interfaces/five.PanoCircleMeshCustomOptions.html +9 -1
  149. package/docs/interfaces/five.PanoCircleMeshInterface.html +21 -10
  150. package/docs/interfaces/five.PanoCircleMeshOptions.html +3 -1
  151. package/docs/interfaces/five.PanoCircleMeshSolidOptions.html +3 -1
  152. package/docs/interfaces/five.PanoEvent.html +11 -1
  153. package/docs/interfaces/five.PanoTextureEvent.html +9 -1
  154. package/docs/interfaces/five.PanoramaControllerCustomInitArgs.html +32 -32
  155. package/docs/interfaces/five.PanoramaLikeControllerCustomInitArgs.html +18 -18
  156. package/docs/interfaces/five.Pose.html +15 -32
  157. package/docs/interfaces/five.RenderEvent.html +7 -1
  158. package/docs/interfaces/five.Scissor.html +11 -12
  159. package/docs/interfaces/five.State.html +20 -21
  160. package/docs/interfaces/five.StateEvent.html +7 -1
  161. package/docs/interfaces/five.SubscribeMixinType.emit.html +1 -1
  162. package/docs/interfaces/five.SubscribeMixinType.hasListener.html +1 -1
  163. package/docs/interfaces/five.SubscribeMixinType.off.html +1 -1
  164. package/docs/interfaces/five.SubscribeMixinType.on.html +1 -1
  165. package/docs/interfaces/five.SubscribeMixinType.once.html +1 -1
  166. package/docs/interfaces/five.SubscribeMixinType.waitUnitl.html +1 -1
  167. package/docs/interfaces/five.TextureOptions.html +18 -20
  168. package/docs/interfaces/five.Tile3DModelLoaderOptions.html +6 -3
  169. package/docs/interfaces/five.TileCubeNode.html +7 -1
  170. package/docs/interfaces/five.TileCubeTree.html +2 -1
  171. package/docs/interfaces/five.TileHeader.html +9 -1
  172. package/docs/interfaces/five.TilesetHeader.html +5 -1
  173. package/docs/interfaces/five.TilesetOptions.html +5 -1
  174. package/docs/interfaces/five.TopviewControllerCustomInitArgs.html +9 -9
  175. package/docs/interfaces/five.VRPanoramaControllerCustomInitArgs.html +28 -28
  176. package/docs/interfaces/five.WebXRAxesParams.html +4 -0
  177. package/docs/interfaces/five.WebXRControllerParams.html +2 -1
  178. package/docs/interfaces/five.WorkCubeImage.html +13 -13
  179. package/docs/interfaces/five.WorkImage.html +20 -21
  180. package/docs/interfaces/five.WorkInitial.html +17 -17
  181. package/docs/interfaces/five.WorkModel.html +12 -13
  182. package/docs/interfaces/five.WorkObserver.html +40 -39
  183. package/docs/interfaces/five.WorkOptions.html +17 -15
  184. package/docs/interfaces/five.WorkResolvedObserver.html +41 -37
  185. package/docs/interfaces/five.WorkTile.html +9 -1
  186. package/docs/interfaces/five.WorkVideo.html +8 -9
  187. package/docs/interfaces/five.WorksEvent.html +9 -1
  188. package/docs/interfaces/five.XRControllerEvent.html +8 -0
  189. package/docs/interfaces/five.XRGestureEvent.html +11 -1
  190. package/docs/interfaces/five.XRPanoramaControllerCustomInitArgs.html +28 -28
  191. package/docs/interfaces/five.XRSessionEvent.html +7 -1
  192. package/docs/interfaces/gltf_loader.DDS.html +7 -1
  193. package/docs/interfaces/gltf_loader.GLTF.html +10 -4
  194. package/docs/interfaces/gltf_loader.GLTFReference.html +3 -1
  195. package/docs/interfaces/gltf_loader.THREEGLTF.html +8 -1
  196. package/docs/interfaces/react.FiveActionReactCallbacks.html +27 -37
  197. package/docs/interfaces/react.FiveInjectionTypes.html +113 -138
  198. package/docs/interfaces/react.PropTypeOfFiveFeatures.html +2 -1
  199. package/docs/interfaces/sticker.IntersectionLike.html +7 -8
  200. package/docs/interfaces/vfx.ParticleArgs.html +67 -68
  201. package/docs/interfaces/vfx.ParticleTweenKeyframe.html +3 -1
  202. package/docs/interfaces/vue.FiveActionVueCallbacks.html +31 -42
  203. package/docs/modules/five.SubscribeMixinType.html +7 -1
  204. package/docs/modules/five.html +172 -631
  205. package/docs/modules/gltf_loader.html +11 -1
  206. package/docs/modules/line.html +8 -1
  207. package/docs/modules/react.FiveCanvas.html +8 -0
  208. package/docs/modules/react.html +37 -130
  209. package/docs/modules/sticker.html +3 -1
  210. package/docs/modules/vfx.html +8 -1
  211. package/docs/modules/vue.html +24 -115
  212. package/docs/types/five.AjaxResponseType.html +1 -0
  213. package/docs/types/five.AjaxResponseTypeMapping.html +1 -0
  214. package/docs/types/five.BoundingVolumeJson.html +1 -0
  215. package/docs/types/five.BoxBoundingVolumeJson.html +1 -0
  216. package/docs/types/five.ControllerCustomInitTypes.html +1 -0
  217. package/docs/types/five.ControllerEventTypes.html +32 -0
  218. package/docs/types/five.CoordinatesSystemTransformer.html +1 -0
  219. package/docs/types/five.EventTypes.html +26 -0
  220. package/docs/types/five.FivePlugin.html +71 -0
  221. package/docs/types/five.FivePluginInit.html +3 -0
  222. package/docs/types/five.FivePluginInstance.html +3 -0
  223. package/docs/types/five.GestureTypes.html +1 -0
  224. package/docs/types/five.LegacyEventType.html +203 -0
  225. package/docs/types/five.LooseWork.html +1 -0
  226. package/docs/types/five.LooseWorkInitial.html +1 -0
  227. package/docs/types/five.LooseWorkModel.html +1 -0
  228. package/docs/types/five.LooseWorkObserver.html +1 -0
  229. package/docs/types/five.LooseWorkPanorama.html +1 -0
  230. package/docs/types/five.LooseWorkVideo.html +1 -0
  231. package/docs/types/five.LooseWorkWithExtrinsics.html +8 -0
  232. package/docs/types/five.Mirror.html +1 -0
  233. package/docs/types/five.Mode.html +11 -0
  234. package/docs/types/five.ModelMaterialValues.html +1 -0
  235. package/docs/types/five.Models.html +13 -0
  236. package/docs/types/five.MotionValue.html +1 -0
  237. package/docs/types/five.NetWorkMeta.html +1 -0
  238. package/docs/types/five.NetworkError.html +1 -0
  239. package/docs/types/five.NetworkErrorCallback.html +1 -0
  240. package/docs/types/five.NetworkProgressCallback.html +1 -0
  241. package/docs/types/five.NetworkResponse.html +1 -0
  242. package/docs/types/five.NetworkState.html +1 -0
  243. package/docs/types/five.NetworkSuccessCallback.html +1 -0
  244. package/docs/types/five.NetworkType.html +1 -0
  245. package/docs/types/five.Pano.html +1 -0
  246. package/docs/types/five.PanoId.html +1 -0
  247. package/docs/types/five.ParseWorkOptions.html +13 -0
  248. package/docs/types/five.ParsedResultType.html +1 -0
  249. package/docs/types/five.PostProcessingType.html +1 -0
  250. package/docs/types/five.RegionBoundingVolumeJson.html +1 -0
  251. package/docs/types/five.RequestResult.html +1 -0
  252. package/docs/types/five.SphereBoundingVolumeJson.html +1 -0
  253. package/docs/types/five.SubscribeEventMap.html +1 -0
  254. package/docs/types/five.TileContentData.html +1 -0
  255. package/docs/types/five.TilesetFrameState.html +1 -0
  256. package/docs/types/five.WebXRControllerKey.html +1 -0
  257. package/docs/types/five.WebXRControllerType.html +1 -0
  258. package/docs/types/five.Works.html +1 -0
  259. package/docs/types/line.LineMaterialParameters.html +1 -0
  260. package/docs/types/react.FiveInjectionActionFeature.html +1 -0
  261. package/docs/types/react.FiveInjectionDataFeature.html +1 -0
  262. package/docs/types/react.FiveInjectionFeature.html +1 -0
  263. package/docs/types/react.FiveProviderPropTypes.html +1 -0
  264. package/docs/types/react.FiveProviderType.html +1 -0
  265. package/docs/types/react.StoreActionMapHanlder.html +1 -0
  266. package/docs/types/react.StoreActionMapType.html +1 -0
  267. package/docs/types/react.StoreProviderType.html +1 -0
  268. package/docs/types/react.StoreValueMapType.html +1 -0
  269. package/docs/types/vfx.ParticleType.html +1 -0
  270. package/docs/types/vue.FiveModelIntersectRaycaster.html +1 -0
  271. package/docs/types/vue.FiveProviderComponent.html +1 -0
  272. package/docs/types/vue.Project2d.html +1 -0
  273. package/docs/variables/five.PROXY_CONTROLLER_EVENT_NAMES.html +1 -0
  274. package/docs/variables/five.defaultPbmParameters.html +1 -0
  275. package/docs/variables/react.INJECTION_PROPNAME.html +1 -0
  276. package/docs/variables/vue.FiveCanvas.html +8 -0
  277. package/docs/variables/vue.FiveProvider.html +8 -0
  278. package/five/index.d.ts +399 -246
  279. package/five/index.js +1886 -218
  280. package/five/index.mjs +23473 -0
  281. package/gltf-loader/index.js +204 -203
  282. package/gltf-loader/index.mjs +1708 -0
  283. package/line/index.js +396 -202
  284. package/line/index.mjs +776 -0
  285. package/package.json +43 -12
  286. package/react/index.d.ts +35 -44
  287. package/react/index.js +198 -203
  288. package/react/index.mjs +1072 -0
  289. package/scripts/five-staticify.js +183 -2
  290. package/sticker/index.js +198 -203
  291. package/sticker/index.mjs +399 -0
  292. package/umd/five-gltf-loader.js +261 -1
  293. package/umd/five-line.js +454 -1
  294. package/umd/five-react.js +255 -1
  295. package/umd/five-sticker.js +255 -1
  296. package/umd/five-vfx.js +539 -1
  297. package/umd/five-vue.js +255 -1
  298. package/umd/five.js +2030 -2
  299. package/vfx/index.js +481 -202
  300. package/vfx/index.mjs +1032 -0
  301. package/vue/index.d.ts +1 -1
  302. package/vue/index.js +198 -203
  303. package/vue/index.mjs +574 -0
  304. package/docs/assets/icons.css +0 -1043
  305. package/docs/assets/icons.png +0 -0
  306. package/docs/assets/icons@2x.png +0 -0
  307. package/docs/assets/widgets.png +0 -0
  308. package/docs/assets/widgets@2x.png +0 -0
  309. package/docs/classes/five.BVH.html +0 -10
  310. package/docs/classes/five.BVHIntersect.html +0 -1
  311. package/docs/classes/five.BVHNode.html +0 -7
  312. package/docs/classes/five.BVHVector3.html +0 -1
  313. package/docs/classes/five.Clipper.html +0 -1
  314. package/docs/classes/five.PBMMaterialReferenceCache.html +0 -1
  315. package/docs/enums/five.PBMPointColorType.html +0 -1
  316. package/docs/enums/five.PBMPointShapeType.html +0 -1
  317. package/docs/enums/five.PBMPointSizeType.html +0 -1
  318. package/docs/modules.html +0 -1
  319. package/exporters/staticify.js +0 -210
  320. package/scripts/five-plugin-init.js +0 -83
  321. package/scripts/five-quick-start-init.js +0 -80
  322. package/scripts/five-react-component-init.js +0 -83
  323. package/templates/plugin/README.md +0 -38
  324. package/templates/plugin/devtools/external-five.js +0 -5
  325. package/templates/plugin/devtools/external-three.js +0 -5
  326. package/templates/plugin/devtools/tsconfig.build.json +0 -18
  327. package/templates/plugin/devtools/webpack.bundle.js +0 -44
  328. package/templates/plugin/devtools/webpack.example.js +0 -39
  329. package/templates/plugin/docs/.gitkeep +0 -0
  330. package/templates/plugin/examples/data.json +0 -507
  331. package/templates/plugin/examples/index.html +0 -28
  332. package/templates/plugin/examples/index.ts +0 -12
  333. package/templates/plugin/lib/index.ts +0 -30
  334. package/templates/plugin/package.json +0 -32
  335. package/templates/plugin/tsconfig.json +0 -26
  336. package/templates/quick-start/README.md +0 -47
  337. package/templates/quick-start/assets/work.json +0 -507
  338. package/templates/quick-start/index.html +0 -54
  339. package/templates/quick-start/index.tsx +0 -123
  340. package/templates/quick-start/package.json +0 -25
  341. package/templates/quick-start/tsconfig.json +0 -27
  342. package/templates/quick-start/webpack.config.js +0 -45
  343. package/templates/quick-start/webpack.production.js +0 -42
  344. package/templates/react-component/README.md +0 -32
  345. package/templates/react-component/devtools/external-five.js +0 -5
  346. package/templates/react-component/devtools/external-react.js +0 -5
  347. package/templates/react-component/devtools/external-three.js +0 -5
  348. package/templates/react-component/devtools/tsconfig.build.json +0 -19
  349. package/templates/react-component/devtools/webpack.bundle.js +0 -44
  350. package/templates/react-component/devtools/webpack.example.js +0 -39
  351. package/templates/react-component/docs/.gitkeep +0 -0
  352. package/templates/react-component/examples/data.json +0 -507
  353. package/templates/react-component/examples/index.html +0 -17
  354. package/templates/react-component/examples/index.tsx +0 -62
  355. package/templates/react-component/lib/index.tsx +0 -157
  356. package/templates/react-component/package.json +0 -38
  357. package/templates/react-component/tsconfig.json +0 -27
  358. package/umd/five-gltf-loader.js.LICENSE.txt +0 -14
  359. package/umd/five-line.js.LICENSE.txt +0 -14
  360. package/umd/five-react.js.LICENSE.txt +0 -14
  361. package/umd/five-sticker.js.LICENSE.txt +0 -14
  362. package/umd/five.js.LICENSE.txt +0 -100
package/docs/interfaces/react.FiveInjectionTypes.html CHANGED
@@ -1,6 +1,33 @@
1
- <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>FiveInjectionTypes | 如视 Five SDK - v6.0.0-alpha.8</title><meta name="description" content="Documentation for 如视 Five SDK - v6.0.0-alpha.8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视 Five SDK - v6.0.0-alpha.8</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视 Five SDK - v6.0.0-alpha.8</a></li><li><a href="../modules/react.html">react</a></li><li><a href="react.FiveInjectionTypes.html">FiveInjectionTypes</a></li></ul><h1>Interface FiveInjectionTypes </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/react.html#FiveInjectionFeature" class="tsd-signature-type" data-tsd-kind="Type alias">FiveInjectionFeature</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">FiveInjectionTypes</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraDirection" class="tsd-kind-icon">camera<wbr/>Direction</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraRaycaster" class="tsd-kind-icon">camera<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#currentObserver" class="tsd-kind-icon">current<wbr/>Observer</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#currentState" class="tsd-kind-icon">current<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#getPixels" class="tsd-kind-icon">get<wbr/>Pixels</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#helperVisible" class="tsd-kind-icon">helper<wbr/>Visible</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#initBasisLoader" class="tsd-kind-icon">init<wbr/>Basis<wbr/>Loader</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#intersectRaycaster" class="tsd-kind-icon">intersect<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#loadWork" class="tsd-kind-icon">load<wbr/>Work</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#model" class="tsd-kind-icon">model</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#modelReadyState" class="tsd-kind-icon">model<wbr/>Ready<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#off" class="tsd-kind-icon">off</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#on" class="tsd-kind-icon">on</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.FiveInjectionTypes.html#once" class="tsd-kind-icon">once</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#preloadPano" class="tsd-kind-icon">preload<wbr/>Pano</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#project2d" class="tsd-kind-icon">project2d</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#scene" class="tsd-kind-icon">scene</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#shownFloor" class="tsd-kind-icon">shown<wbr/>Floor</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#totalFloorLength" class="tsd-kind-icon">total<wbr/>Floor<wbr/>Length</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#unsafe__fiveInstance" class="tsd-kind-icon">unsafe__five<wbr/>Instance</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#updateCamera" class="tsd-kind-icon">update<wbr/>Camera</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#works" class="tsd-kind-icon">works</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#needsRender" class="tsd-kind-icon">needs<wbr/>Render</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#showFloor" class="tsd-kind-icon">show<wbr/>Floor</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#toggleHelperVisible" class="tsd-kind-icon">toggle<wbr/>Helper<wbr/>Visible</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="cameraDirection" class="tsd-anchor"></a><h3 class="tsd-anchor-link">camera<wbr/>Direction<a href="#cameraDirection" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">camera<wbr/>Direction<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.cameraDirection</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="cameraRaycaster" class="tsd-anchor"></a><h3 class="tsd-anchor-link">camera<wbr/>Raycaster<a href="#cameraRaycaster" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">camera<wbr/>Raycaster<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.cameraRaycaster</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="currentObserver" class="tsd-anchor"></a><h3 class="tsd-anchor-link">current<wbr/>Observer<a href="#currentObserver" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">current<wbr/>Observer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.currentObserver</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="currentState" class="tsd-anchor"></a><h3 class="tsd-anchor-link">current<wbr/>State<a href="#currentState" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">current<wbr/>State<span class="tsd-signature-symbol">:</span> <a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div><aside class="tsd-sources"><p>Overrides Record.currentState</p><ul><li>Defined in lib/react/withFive.ts:378</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
2
- <p>Five React Inject: Five 的当前状态</p>
3
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
1
+ <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>FiveInjectionTypes | 如视 Five SDK</title><meta name="description" content="Documentation for 如视 Five SDK"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视 Five SDK</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../index.html">如视 Five SDK</a></li><li><a href="../modules/react.html">react</a></li><li><a href="react.FiveInjectionTypes.html">FiveInjectionTypes</a></li></ul><h1>Interface FiveInjectionTypes</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface </span><span class="tsd-kind-interface">FiveInjectionTypes </span><span class="tsd-signature-symbol">{ </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#cameraDirection">cameraDirection</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#cameraRaycaster">cameraRaycaster</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#currentObserver">currentObserver</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#currentState">currentState</a><span class="tsd-signature-symbol">: </span><a href="five.State.html" class="tsd-signature-type tsd-kind-interface">State</a><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#getPixels">getPixels</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span>, <span class="tsd-kind-parameter">y</span>, <span class="tsd-kind-parameter">width</span>, <span class="tsd-kind-parameter">height</span>, <span class="tsd-kind-parameter">pixelRatio</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Uint8Array</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#helperVisible">helperVisible</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#initBasisLoader">initBasisLoader</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#intersectRaycaster">intersectRaycaster</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">raycaster</span>, <span class="tsd-kind-parameter">floor</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">sortByDistance</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="five.Intersection.html" class="tsd-signature-type tsd-kind-interface">Intersection</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#loadWork">loadWork</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">inputWork</span>, <span class="tsd-kind-parameter">state</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">duration</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#model">model</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#modelReadyState">modelReadyState</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#needsRender">needsRender</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#off">off</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#on">on</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">callback</span>, <span class="tsd-kind-parameter">once</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#once">once</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#preloadPano">preloadPano</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">pano</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#project2d">project2d</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">vector</span>, <span class="tsd-kind-parameter">testModel</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Vector2</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#render">render</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">updateObjectResolution</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">WebGLRenderTarget</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#scene">scene</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#setState">setState</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">state</span>, <span class="tsd-kind-parameter">immediately</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#showFloor">showFloor</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">floorIndex</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#shownFloor">shownFloor</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#state">state</a><span class="tsd-signature-symbol">: </span><a href="five.State.html" class="tsd-signature-type tsd-kind-interface">State</a><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#toggleHelperVisible">toggleHelperVisible</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">visible</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#totalFloorLength">totalFloorLength</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#unsafe__fiveInstance">unsafe__fiveInstance</a><span class="tsd-signature-symbol">: </span><a href="../classes/five.Five.html" class="tsd-signature-type tsd-kind-class">Five</a><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#updateCamera">updateCamera</a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">pose</span>, <span class="tsd-kind-parameter">duration</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span><br/><span>    </span><a class="tsd-kind-property" href="react.FiveInjectionTypes.html#works">works</a><span class="tsd-signature-symbol">: </span><a href="../types/five.Works.html" class="tsd-signature-type tsd-kind-type-alias">Works</a><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li><span class="tsd-signature-type ">Record</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/react.FiveInjectionFeature.html" class="tsd-signature-type tsd-kind-type-alias">FiveInjectionFeature</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">FiveInjectionTypes</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in lib/react/withFive.ts:330</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="react.FiveInjectionTypes.html#cameraDirection" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>camera<wbr/>Direction</span></a>
2
+ <a href="react.FiveInjectionTypes.html#cameraRaycaster" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>camera<wbr/>Raycaster</span></a>
3
+ <a href="react.FiveInjectionTypes.html#currentObserver" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>current<wbr/>Observer</span></a>
4
+ <a href="react.FiveInjectionTypes.html#currentState" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>current<wbr/>State</span></a>
5
+ <a href="react.FiveInjectionTypes.html#getPixels" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>get<wbr/>Pixels</span></a>
6
+ <a href="react.FiveInjectionTypes.html#helperVisible" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>helper<wbr/>Visible</span></a>
7
+ <a href="react.FiveInjectionTypes.html#initBasisLoader" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>init<wbr/>Basis<wbr/>Loader</span></a>
8
+ <a href="react.FiveInjectionTypes.html#intersectRaycaster" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>intersect<wbr/>Raycaster</span></a>
9
+ <a href="react.FiveInjectionTypes.html#loadWork" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>load<wbr/>Work</span></a>
10
+ <a href="react.FiveInjectionTypes.html#model" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>model</span></a>
11
+ <a href="react.FiveInjectionTypes.html#modelReadyState" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>model<wbr/>Ready<wbr/>State</span></a>
12
+ <a href="react.FiveInjectionTypes.html#needsRender" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>needs<wbr/>Render</span></a>
13
+ <a href="react.FiveInjectionTypes.html#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>off</span></a>
14
+ <a href="react.FiveInjectionTypes.html#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>on</span></a>
15
+ <a href="react.FiveInjectionTypes.html#once" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>once</span></a>
16
+ <a href="react.FiveInjectionTypes.html#preloadPano" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>preload<wbr/>Pano</span></a>
17
+ <a href="react.FiveInjectionTypes.html#project2d" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>project2d</span></a>
18
+ <a href="react.FiveInjectionTypes.html#render" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>render</span></a>
19
+ <a href="react.FiveInjectionTypes.html#scene" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>scene</span></a>
20
+ <a href="react.FiveInjectionTypes.html#setState" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>set<wbr/>State</span></a>
21
+ <a href="react.FiveInjectionTypes.html#showFloor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>show<wbr/>Floor</span></a>
22
+ <a href="react.FiveInjectionTypes.html#shownFloor" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>shown<wbr/>Floor</span></a>
23
+ <a href="react.FiveInjectionTypes.html#state" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>state</span></a>
24
+ <a href="react.FiveInjectionTypes.html#toggleHelperVisible" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>toggle<wbr/>Helper<wbr/>Visible</span></a>
25
+ <a href="react.FiveInjectionTypes.html#totalFloorLength" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>total<wbr/>Floor<wbr/>Length</span></a>
26
+ <a href="react.FiveInjectionTypes.html#unsafe__fiveInstance" class="tsd-index-link deprecated"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>unsafe__five<wbr/>Instance</span></a>
27
+ <a href="react.FiveInjectionTypes.html#updateCamera" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>update<wbr/>Camera</span></a>
28
+ <a href="react.FiveInjectionTypes.html#works" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>works</span></a>
29
+ </div></section></div></details></section></section><section class="tsd-panel-group tsd-member-group"><h2>Properties</h2><section class="tsd-panel tsd-member tsd-is-inherited"><a id="cameraDirection" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>camera<wbr/>Direction</span><a href="#cameraDirection" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">camera<wbr/>Direction</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.cameraDirection</p></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="cameraRaycaster" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>camera<wbr/>Raycaster</span><a href="#cameraRaycaster" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">camera<wbr/>Raycaster</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.cameraRaycaster</p></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="currentObserver" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>current<wbr/>Observer</span><a href="#currentObserver" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">current<wbr/>Observer</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.currentObserver</p></aside></section><section class="tsd-panel tsd-member"><a id="currentState" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>current<wbr/>State</span><a href="#currentState" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">current<wbr/>State</span><span class="tsd-signature-symbol">:</span> <a href="five.State.html" class="tsd-signature-type tsd-kind-interface">State</a></div><div class="tsd-comment tsd-typography"><p>Five React Inject: Five 的当前状态</p>
30
+ </div><div class="tsd-comment tsd-typography"><h4>Description</h4><pre><code class="language-text">five 设置了以下状态
4
31
 
5
32
  - mode: Mode
6
33
  - panoId: string
@@ -13,124 +40,94 @@
13
40
  可以通过 state, currentState 和 setState 来获取和设置。
14
41
  通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
15
42
  来迎合一些通过数据驱动的场景。
16
- </code></pre>
17
- </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="getPixels" class="tsd-anchor"></a><h3 class="tsd-anchor-link">get<wbr/>Pixels<a href="#getPixels" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">get<wbr/>Pixels<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, pixelRatio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Uint8Array</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.getPixels</p><ul><li>Defined in lib/react/withFive.ts:493</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, pixelRatio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Uint8Array</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
18
- <p>获取画面中的像素颜色</p>
19
- </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>x: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
20
- <p>获取像素区域的起始坐标 x</p>
21
- </div></div></li><li><h5>y: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
22
- <p>获取像素区域的起始坐标 y</p>
23
- </div></div></li><li><h5>width: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
24
- <p>获取像素区域的宽度</p>
25
- </div></div></li><li><h5>height: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
26
- <p>获取像素区域的高度</p>
27
- </div></div></li><li><h5>pixelRatio: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
28
- <p>获取区域的像素比</p>
29
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Uint8Array</span></h4><div><p>rgba颜色平铺的 Uint8Array</p>
30
- </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="helperVisible" class="tsd-anchor"></a><h3 class="tsd-anchor-link">helper<wbr/>Visible<a href="#helperVisible" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">helper<wbr/>Visible<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.helperVisible</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="initBasisLoader" class="tsd-anchor"></a><h3 class="tsd-anchor-link">init<wbr/>Basis<wbr/>Loader<a href="#initBasisLoader" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">init<wbr/>Basis<wbr/>Loader<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.initBasisLoader</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="intersectRaycaster" class="tsd-anchor"></a><h3 class="tsd-anchor-link">intersect<wbr/>Raycaster<a href="#intersectRaycaster" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">intersect<wbr/>Raycaster<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>raycaster<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Raycaster</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="five.Intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.intersectRaycaster</p><ul><li>Defined in lib/react/withFive.ts:461</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>raycaster<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Raycaster</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="five.Intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
31
- <p>计算模型射线碰撞检测</p>
32
- </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>raycaster: <span class="tsd-signature-type">Raycaster</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
33
- <p>THREE 射线对象</p>
34
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="five.Intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></h4><div><p>返回碰撞</p>
35
- </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="loadWork" class="tsd-anchor"></a><h3 class="tsd-anchor-link">load<wbr/>Work<a href="#loadWork" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">load<wbr/>Work<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>inputWork<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWorkWithExtrinsics" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWorkWithExtrinsics" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span>, state<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">&quot;initial&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;inherit&quot;</span>, duration<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.loadWork</p><ul><li>Defined in lib/react/withFive.ts:417</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>inputWork<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWorkWithExtrinsics" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWorkWithExtrinsics" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span>, state<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">&quot;initial&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;inherit&quot;</span>, duration<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
36
- <p>加载 Work 数据</p>
37
- </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>inputWork: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWorkWithExtrinsics" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWork" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#LooseWorkWithExtrinsics" class="tsd-signature-type" data-tsd-kind="Type alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
38
- <p>Work 数据</p>
39
- </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> state: <span class="tsd-signature-type">&quot;initial&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;inherit&quot;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
40
- <p>初始化姿态</p>
43
+ </code><button>Copy</button></pre>
44
+ </div><aside class="tsd-sources"><p>Overrides Record.currentState</p><ul><li>Defined in lib/react/withFive.ts:378</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="getPixels" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>get<wbr/>Pixels</span><a href="#getPixels" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">get<wbr/>Pixels</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span>, <span class="tsd-kind-parameter">y</span>, <span class="tsd-kind-parameter">width</span>, <span class="tsd-kind-parameter">height</span>, <span class="tsd-kind-parameter">pixelRatio</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Uint8Array</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="getPixels.__type.__type-1"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span>, <span class="tsd-kind-parameter">y</span>, <span class="tsd-kind-parameter">width</span>, <span class="tsd-kind-parameter">height</span>, <span class="tsd-kind-parameter">pixelRatio</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">Uint8Array</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>获取画面中的像素颜色</p>
45
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">x</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>获取像素区域的起始坐标 x</p>
46
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">y</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>获取像素区域的起始坐标 y</p>
47
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">width</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>获取像素区域的宽度</p>
48
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">height</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>获取像素区域的高度</p>
49
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">pixelRatio</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></h5><div class="tsd-comment tsd-typography"><p>获取区域的像素比</p>
50
+ </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Uint8Array</span></h4><p>rgba颜色平铺的 Uint8Array</p>
51
+ <div class="tsd-comment tsd-typography"></div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.getPixels</p><ul><li>Defined in lib/react/withFive.ts:493</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="helperVisible" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>helper<wbr/>Visible</span><a href="#helperVisible" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">helper<wbr/>Visible</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.helperVisible</p></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="initBasisLoader" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>init<wbr/>Basis<wbr/>Loader</span><a href="#initBasisLoader" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">init<wbr/>Basis<wbr/>Loader</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.initBasisLoader</p></aside></section><section class="tsd-panel tsd-member"><a id="intersectRaycaster" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>intersect<wbr/>Raycaster</span><a href="#intersectRaycaster" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">intersect<wbr/>Raycaster</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">raycaster</span>, <span class="tsd-kind-parameter">floor</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">sortByDistance</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="five.Intersection.html" class="tsd-signature-type tsd-kind-interface">Intersection</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="intersectRaycaster.__type-2.__type-3"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">raycaster</span>, <span class="tsd-kind-parameter">floor</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">sortByDistance</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="five.Intersection.html" class="tsd-signature-type tsd-kind-interface">Intersection</a><span class="tsd-signature-symbol">[]</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>计算模型射线碰撞检测</p>
52
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">raycaster</span>: <span class="tsd-signature-type ">Raycaster</span></h5><div class="tsd-comment tsd-typography"><p>THREE 射线对象</p>
53
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">floor</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = null</span></h5></li><li><h5><span class="tsd-kind-parameter">sortByDistance</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <a href="five.Intersection.html" class="tsd-signature-type tsd-kind-interface">Intersection</a><span class="tsd-signature-symbol">[]</span></h4><p>返回碰撞</p>
54
+ <div class="tsd-comment tsd-typography"></div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.intersectRaycaster</p><ul><li>Defined in lib/react/withFive.ts:461</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="loadWork" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>load<wbr/>Work</span><a href="#loadWork" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">load<wbr/>Work</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">inputWork</span>, <span class="tsd-kind-parameter">state</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">duration</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="loadWork.__type-4.__type-5"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">inputWork</span>, <span class="tsd-kind-parameter">state</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">duration</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>加载 Work 数据</p>
55
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">inputWork</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../types/five.LooseWork.html" class="tsd-signature-type tsd-kind-type-alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type tsd-kind-class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type tsd-kind-class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../types/five.LooseWork.html" class="tsd-signature-type tsd-kind-type-alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../types/five.LooseWorkWithExtrinsics.html" class="tsd-signature-type tsd-kind-type-alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.LooseWork.html" class="tsd-signature-type tsd-kind-type-alias">LooseWork</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type tsd-kind-class">Work</a><span class="tsd-signature-symbol"> | </span><a href="../classes/five.Work.html" class="tsd-signature-type tsd-kind-class">Work</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../types/five.LooseWork.html" class="tsd-signature-type tsd-kind-type-alias">LooseWork</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><a href="../types/five.LooseWorkWithExtrinsics.html" class="tsd-signature-type tsd-kind-type-alias">LooseWorkWithExtrinsics</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><p>Work 数据</p>
56
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">state</span>: <span class="tsd-signature-type">&quot;initial&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type ">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type tsd-kind-interface">State</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;inherit&quot;</span></h5><div class="tsd-comment tsd-typography"><p>初始化姿态</p>
41
57
  <ul>
42
58
  <li>&quot;inherit&quot; 使用当前姿态</li>
43
59
  <li>&quot;initial&quot; 使用 Work 数据中的 initial 姿态</li>
44
60
  <li>State 自定义姿态</li>
45
61
  </ul>
46
- </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> duration: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
47
- <p>切换时间</p>
48
- </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="model" class="tsd-anchor"></a><h3 class="tsd-anchor-link">model<a href="#model" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">model<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.model</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="modelReadyState" class="tsd-anchor"></a><h3 class="tsd-anchor-link">model<wbr/>Ready<wbr/>State<a href="#modelReadyState" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">model<wbr/>Ready<wbr/>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.modelReadyState</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="off" class="tsd-anchor"></a><h3 class="tsd-anchor-link">off<a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">off<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.off</p><ul><li>Defined in lib/react/withFive.ts:453</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
49
- <p>解除事件</p>
50
- </div><div><p>如果 name 不传的话解除对应所有事件
51
- 如果 name, callback 不传的话解除所有name的所有事件</p>
52
- </div></div><h4 class="tsd-type-parameters-title">Type Parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pinch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousewheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousemove&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.momentum&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;camera.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersect.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.select&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moveTo&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moving&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.arrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.cancel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.progress&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.success&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.abort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">keyof </span><a href="../modules/five.html#LegacyEventType" class="tsd-signature-type" data-tsd-kind="Type alias">LegacyEventType</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.ready&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.set&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.synced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentState.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.changeShownFloor&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render.prepare&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpers.visible&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network.resource&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
53
- <p>预设的监听事件名称</p>
54
- </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
55
- <p>事件类型</p>
56
- </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
57
- <p>事件回调函数</p>
58
- </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="on" class="tsd-anchor"></a><h3 class="tsd-anchor-link">on<a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">on<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span>, once<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.on</p><ul><li>Defined in lib/react/withFive.ts:430</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span>, once<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
59
- <p>注册事件</p>
60
- </div></div><h4 class="tsd-type-parameters-title">Type Parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pinch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousewheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousemove&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.momentum&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;camera.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersect.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.select&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moveTo&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moving&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.arrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.cancel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.progress&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.success&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.abort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">keyof </span><a href="../modules/five.html#LegacyEventType" class="tsd-signature-type" data-tsd-kind="Type alias">LegacyEventType</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.ready&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.set&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.synced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentState.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.changeShownFloor&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render.prepare&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpers.visible&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network.resource&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
61
- <p>预设的监听事件名称</p>
62
- </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
63
- <p>事件类型</p>
64
- </div></div></li><li><h5>callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
65
- <p>事件回调函数</p>
66
- </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> once: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
67
- <p>是否只执行一次</p>
68
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h4><div><p>解除事件</p>
69
- </div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
70
- <p>注册事件</p>
71
- </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
72
- </div></li></ul></li></ul></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="once" class="tsd-anchor"></a><h3 class="tsd-anchor-link">once<a href="#once" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">once<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><ul><li>Defined in lib/react/withFive.ts:442</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
73
- <p>注册事件(是否只执行一次)</p>
74
- </div></div><h4 class="tsd-type-parameters-title">Type Parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pinch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousewheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousemove&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.momentum&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;camera.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersect.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.select&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moveTo&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moving&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.arrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.cancel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.progress&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.success&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.abort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">keyof </span><a href="../modules/five.html#LegacyEventType" class="tsd-signature-type" data-tsd-kind="Type alias">LegacyEventType</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.ready&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.set&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.synced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentState.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.changeShownFloor&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render.prepare&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpers.visible&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network.resource&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
75
- <p>预设的监听事件名称</p>
76
- </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
77
- <p>事件类型</p>
78
- </div></div></li><li><h5>callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
79
- <p>事件回调函数</p>
80
- </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h4><div><p>解除事件</p>
81
- </div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
82
- <p>注册事件(是否只执行一次)</p>
83
- </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
84
- </div></li></ul></li></ul></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="preloadPano" class="tsd-anchor"></a><h3 class="tsd-anchor-link">preload<wbr/>Pano<a href="#preloadPano" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">preload<wbr/>Pano<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>pano<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#Pano" class="tsd-signature-type" data-tsd-kind="Type alias">Pano</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">`</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">[</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">]</span><span class="tsd-signature-symbol">`</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.preloadPano</p><ul><li>Defined in lib/react/withFive.ts:526</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>pano<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#Pano" class="tsd-signature-type" data-tsd-kind="Type alias">Pano</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">`</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">[</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">]</span><span class="tsd-signature-symbol">`</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
85
- <p>预加载点位图片资源</p>
86
- </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>pano: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><a href="../modules/five.html#Pano" class="tsd-signature-type" data-tsd-kind="Type alias">Pano</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">`</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">[</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">]</span><span class="tsd-signature-symbol">`</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
87
- <p>观察点序号</p>
88
- </div></div></li><li><h5>callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> = noop</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
89
- <p>加载完成回调, 并传递加载用时。</p>
90
- </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>costs: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></h4><div><p>加载完成的 Promise 参数同 callback</p>
91
- </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="project2d" class="tsd-anchor"></a><h3 class="tsd-anchor-link">project2d<a href="#project2d" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">project2d<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>vector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span>, testModel<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Vector2</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.project2d</p><ul><li>Defined in lib/react/withFive.ts:471</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>vector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span>, testModel<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector2</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
92
- <p>计算三维坐标对应到屏幕的二维坐标</p>
93
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果三维坐标不在屏幕中，则返回 null</p>
94
- </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>vector: <span class="tsd-signature-type">Vector3</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
95
- <p>三维坐标</p>
96
- </div></div></li><li><h5>testModel: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
97
- <p>是否计算模型遮挡</p>
98
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector2</span></h4><div><p>二维坐标 或者 null</p>
99
- </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="render" class="tsd-anchor"></a><h3 class="tsd-anchor-link">render<a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span>, updateObjectResolution<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">WebGLRenderTarget</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.render</p><ul><li>Defined in lib/react/withFive.ts:506</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span>, updateObjectResolution<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">WebGLRenderTarget</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
100
- <p>强制渲染</p>
101
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>调用 <code>five.render()</code> 和设置 <code>five.needsRender = true</code> 均可在按需渲染时，使得画面渲染一次
62
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">duration</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>切换时间</p>
63
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">userAction</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4><div class="tsd-comment tsd-typography"></div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.loadWork</p><ul><li>Defined in lib/react/withFive.ts:417</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="model" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>model</span><a href="#model" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">model</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.model</p></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="modelReadyState" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>model<wbr/>Ready<wbr/>State</span><a href="#modelReadyState" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">model<wbr/>Ready<wbr/>State</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.modelReadyState</p></aside></section><section class="tsd-panel tsd-member"><a id="needsRender" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>needs<wbr/>Render</span><a href="#needsRender" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">needs<wbr/>Render</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="needsRender.__type-6.__type-7"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>下一帧渲染</p>
64
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><h4>Description</h4><p>调用 <code>render()</code> 和设置 <code>needsRender()</code> 均可在按需渲染时，使得画面渲染一次
102
65
  区别在于：</p>
103
66
  <ul>
104
- <li><code>five.needsRender = true</code> 为在下帧渲染画面</li>
105
- <li><code>five.render()</code> 在当前帧渲染画面
106
- 推荐使用 <code>five.needsRender = true</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>five.render()</code></li>
67
+ <li><code>needsRender()</code> 为在下帧渲染画面</li>
68
+ <li><code>render()</code> 在当前帧渲染画面
69
+ 推荐使用 <code>needsRender()</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>render()</code></li>
70
+ </ul>
71
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.needsRender</p><ul><li>Defined in lib/react/withFive.ts:518</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="off" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">off</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="off.__type-8.__type-9"><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>解除事件绑定</p>
72
+ </div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><h4><span class="tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pinch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousewheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousemove&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.momentum&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;camera.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersect.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.select&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moveTo&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moving&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.arrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.cancel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.progress&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.success&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.abort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.buttonUp&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.buttonDown&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.controller.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-keyword">keyof </span><a href="../types/five.LegacyEventType.html" class="tsd-signature-type tsd-kind-type-alias">LegacyEventType</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.ready&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.set&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.synced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentState.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.changeShownFloor&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.refined&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render.prepare&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpers.visible&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network.resource&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span></h4></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type tsd-kind-type-parameter">K</span></h5><div class="tsd-comment tsd-typography"><p>事件名 具体事件列表 请查看 Five.EventCallback</p>
73
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>回调函数</p>
74
+ </div><div class="tsd-comment tsd-typography"></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagRest">Rest</code> <span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span>: <span class="tsd-signature-type ">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><h4>Example</h4><pre><code><span class="hl-4">$five</span><span class="hl-1">.</span><span class="hl-0">off</span><span class="hl-1">(</span><span class="hl-2">&quot;panoArrived&quot;</span><span class="hl-1">, () </span><span class="hl-6">=&gt;</span><span class="hl-1"> {});</span>
75
+ </code><button>Copy</button></pre>
76
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.off</p><ul><li>Defined in lib/react/withFive.ts:453</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="on" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">on</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">callback</span>, <span class="tsd-kind-parameter">once</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="on.__type-10.__type-11"><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">callback</span>, <span class="tsd-kind-parameter">once</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>监听事件</p>
77
+ </div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><h4><span class="tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pinch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousewheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousemove&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.momentum&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;camera.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersect.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.select&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moveTo&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moving&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.arrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.cancel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.progress&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.success&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.abort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.buttonUp&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.buttonDown&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.controller.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-keyword">keyof </span><a href="../types/five.LegacyEventType.html" class="tsd-signature-type tsd-kind-type-alias">LegacyEventType</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.ready&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.set&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.synced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentState.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.changeShownFloor&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.refined&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render.prepare&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpers.visible&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network.resource&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span></h4></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type tsd-kind-type-parameter">K</span></h5><div class="tsd-comment tsd-typography"><p>事件名 具体事件列表 请查看 Five.EventCallback</p>
78
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>回调函数</p>
79
+ </div><div class="tsd-comment tsd-typography"></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagRest">Rest</code> <span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span>: <span class="tsd-signature-type ">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">once</span>: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><p>是否一次触发</p>
80
+ </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h4><p>解除事件绑定</p>
81
+ <ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="on.__type-10.__type-11.__type-12.__type-13"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>注册事件</p>
82
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><p>解除事件</p>
83
+ <div class="tsd-comment tsd-typography"></div></li></ul></li></ul><div class="tsd-comment tsd-typography"><h4>Example</h4><pre><code><span class="hl-4">$five</span><span class="hl-1">.</span><span class="hl-0">on</span><span class="hl-1">(</span><span class="hl-2">&quot;panoArrived&quot;</span><span class="hl-1">, () </span><span class="hl-6">=&gt;</span><span class="hl-1"> {});</span>
84
+ </code><button>Copy</button></pre>
85
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.on</p><ul><li>Defined in lib/react/withFive.ts:430</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="once" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>once</span><a href="#once" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">once</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="once.__type-14.__type-15"><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>监听事件一次触发</p>
86
+ </div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><h4><span class="tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.pinch&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousewheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.mousemove&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture.momentum&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimation.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;camera.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersect.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.select&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moveTo&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.moving&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.arrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.cancel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.progress&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.success&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pano.texture.abort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.end&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.session.start&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.tap&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.press&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.buttonUp&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.gesture.buttonDown&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;xr.controller.update&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-keyword">keyof </span><a href="../types/five.LegacyEventType.html" class="tsd-signature-type tsd-kind-type-alias">LegacyEventType</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;works.ready&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.set&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;state.synced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentState.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model.changeShownFloor&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;models.refined&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render.prepare&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;render&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change.request&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mode.change&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpers.visible&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network.resource&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span></h4></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type tsd-kind-type-parameter">K</span></h5><div class="tsd-comment tsd-typography"><p>事件名 具体事件列表 请查看 Five.EventCallback</p>
87
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>回调函数</p>
88
+ </div><div class="tsd-comment tsd-typography"></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagRest">Rest</code> <span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span>: <span class="tsd-signature-type ">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/five.EventTypes.html" class="tsd-signature-type tsd-kind-type-alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h4><p>解除事件绑定</p>
89
+ <ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="once.__type-14.__type-15.__type-16.__type-17"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>注册事件(是否只执行一次)</p>
90
+ </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><p>解除事件</p>
91
+ <div class="tsd-comment tsd-typography"></div></li></ul></li></ul><div class="tsd-comment tsd-typography"><h4>Example</h4><pre><code><span class="hl-4">$five</span><span class="hl-1">.</span><span class="hl-0">once</span><span class="hl-1">(</span><span class="hl-2">&quot;panoArrived&quot;</span><span class="hl-1">, () </span><span class="hl-6">=&gt;</span><span class="hl-1"> {});</span>
92
+ </code><button>Copy</button></pre>
93
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in lib/react/withFive.ts:442</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="preloadPano" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>preload<wbr/>Pano</span><a href="#preloadPano" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">preload<wbr/>Pano</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">pano</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="preloadPano.__type-18.__type-19"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">pano</span>, <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>预加载点位图片资源</p>
94
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">pano</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><a href="../types/five.Pano.html" class="tsd-signature-type tsd-kind-type-alias">Pano</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">`</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">[</span><span class="tsd-signature-symbol">${</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">}</span><span class="tsd-signature-type">]</span><span class="tsd-signature-symbol">`</span></h5></li><li><h5><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">costs</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> = noop</span></h5><div class="tsd-comment tsd-typography"><p>加载完成回调, 并传递加载用时。</p>
95
+ </div><div class="tsd-comment tsd-typography"></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">costs</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">costs</span>: <span class="tsd-signature-type">number</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></h4><p>加载完成的 Promise 参数同 callback</p>
96
+ <div class="tsd-comment tsd-typography"></div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.preloadPano</p><ul><li>Defined in lib/react/withFive.ts:526</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="project2d" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>project2d</span><a href="#project2d" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">project2d</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">vector</span>, <span class="tsd-kind-parameter">testModel</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Vector2</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="project2d.__type-20.__type-21"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">vector</span>, <span class="tsd-kind-parameter">testModel</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">Vector2</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>计算三维坐标对应到屏幕的二维坐标</p>
97
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">vector</span>: <span class="tsd-signature-type ">Vector3</span></h5><div class="tsd-comment tsd-typography"><p>三维坐标</p>
98
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">testModel</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><p>是否计算模型遮挡</p>
99
+ </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Vector2</span></h4><p>二维坐标 或者 null</p>
100
+ <div class="tsd-comment tsd-typography"><h4>Description</h4><p>如果三维坐标不在屏幕中，则返回 null</p>
101
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.project2d</p><ul><li>Defined in lib/react/withFive.ts:471</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="render" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>render</span><a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">render</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">updateObjectResolution</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">WebGLRenderTarget</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="render.__type-22.__type-23"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">updateObjectResolution</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">WebGLRenderTarget</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>强制渲染</p>
102
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>渲染完成回调</p>
103
+ </div><div class="tsd-comment tsd-typography"></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li><li><h5><span class="tsd-kind-parameter">updateObjectResolution</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">WebGLRenderTarget</span></h4><div class="tsd-comment tsd-typography"><h4>Description</h4><p>调用 <code>render()</code> 和设置 <code>needsRender()</code> 均可在按需渲染时，使得画面渲染一次
104
+ 区别在于：</p>
105
+ <ul>
106
+ <li><code>needsRender()</code> 为在下帧渲染画面</li>
107
+ <li><code>render()</code> 在当前帧渲染画面
108
+ 推荐使用 <code>needsRender()</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>render()</code></li>
107
109
  </ul>
108
- </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
109
- <p>渲染完成回调</p>
110
- </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li><li><h5>updateObjectResolution: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">WebGLRenderTarget</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="scene" class="tsd-anchor"></a><h3 class="tsd-anchor-link">scene<a href="#scene" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">scene<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.scene</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="setState" class="tsd-anchor"></a><h3 class="tsd-anchor-link">set<wbr/>State<a href="#setState" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">set<wbr/>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>state<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span>, immediately<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.setState</p><ul><li>Defined in lib/react/withFive.ts:406</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>state<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span>, immediately<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
111
- <p>设置 State</p>
112
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
110
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.render</p><ul><li>Defined in lib/react/withFive.ts:506</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="scene" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>scene</span><a href="#scene" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">scene</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.scene</p></aside></section><section class="tsd-panel tsd-member"><a id="setState" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>set<wbr/>State</span><a href="#setState" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">set<wbr/>State</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">state</span>, <span class="tsd-kind-parameter">immediately</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="setState.__type-24.__type-25"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">state</span>, <span class="tsd-kind-parameter">immediately</span><span class="tsd-signature-symbol">?</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>设置 State</p>
111
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">state</span>: <span class="tsd-signature-type ">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type tsd-kind-interface">State</a><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><p>目标状态</p>
112
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">immediately</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><p>是否马上转换，马上转换会尽快达到目标状态，尽量减少中间状态，更少动画。</p>
113
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">userAction</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"><h4>Description</h4><pre><code class="language-text">five 设置了以下状态
113
114
 
114
115
  - mode: Mode
116
+ - panoId: string
115
117
  - panoIndex: number
116
118
  - longitude: number
117
119
  - latitude: number
118
120
  - fov: number
119
121
  - offset: THREE.Vector3
120
122
 
121
- 可以通过 five.state 和 five.setState 来获取和设置。
123
+ 可以通过 state, currentState 和 setState 来获取和设置。
122
124
  通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
123
125
  来迎合一些通过数据驱动的场景。
124
- </code></pre>
125
- </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>state: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
126
- <p>目标状态</p>
127
- </div></div></li><li><h5>immediately: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
128
- <p>是否马上转换，马上转换会尽快达到目标状态，尽量减少中间状态，更少动画。</p>
129
- </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
130
- <p>是否是用户触发的动作</p>
131
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="shownFloor" class="tsd-anchor"></a><h3 class="tsd-anchor-link">shown<wbr/>Floor<a href="#shownFloor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">shown<wbr/>Floor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.shownFloor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="state" class="tsd-anchor"></a><h3 class="tsd-anchor-link">state<a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div><aside class="tsd-sources"><p>Overrides Record.state</p><ul><li>Defined in lib/react/withFive.ts:357</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
132
- <p>Five React Inject: Five 的目标状态</p>
133
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
126
+ </code><button>Copy</button></pre>
127
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.setState</p><ul><li>Defined in lib/react/withFive.ts:406</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="showFloor" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>show<wbr/>Floor</span><a href="#showFloor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">show<wbr/>Floor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">floorIndex</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="showFloor.__type-26.__type-27"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">floorIndex</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>显示楼层</p>
128
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">floorIndex</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>楼层，如果不传则都显示</p>
129
+ </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.showFloor</p><ul><li>Defined in lib/react/withFive.ts:532</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="shownFloor" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>shown<wbr/>Floor</span><a href="#shownFloor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">shown<wbr/>Floor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.shownFloor</p></aside></section><section class="tsd-panel tsd-member"><a id="state" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>state</span><a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">state</span><span class="tsd-signature-symbol">:</span> <a href="five.State.html" class="tsd-signature-type tsd-kind-interface">State</a></div><div class="tsd-comment tsd-typography"><p>Five React Inject: Five 的目标状态</p>
130
+ </div><div class="tsd-comment tsd-typography"><h4>Description</h4><pre><code class="language-text">five 设置了以下状态
134
131
 
135
132
  - mode: Mode
136
133
  - panoId: string
@@ -143,39 +140,17 @@
143
140
  可以通过 state, currentState 和 setState 来获取和设置。
144
141
  通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
145
142
  来迎合一些通过数据驱动的场景。
146
- </code></pre>
147
- </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="totalFloorLength" class="tsd-anchor"></a><h3 class="tsd-anchor-link">total<wbr/>Floor<wbr/>Length<a href="#totalFloorLength" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">total<wbr/>Floor<wbr/>Length<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.totalFloorLength</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="unsafe__fiveInstance" class="tsd-anchor"></a><h3 class="tsd-anchor-link">unsafe__five<wbr/>Instance<a href="#unsafe__fiveInstance" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">unsafe__five<wbr/>Instance<span class="tsd-signature-symbol">:</span> <a href="../classes/five.Five.html" class="tsd-signature-type" data-tsd-kind="Class">Five</a></div><aside class="tsd-sources"><p>Overrides Record.unsafe__fiveInstance</p><ul><li>Defined in lib/react/withFive.ts:336</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
148
- <p>Five React Inject: 获取 five 实例</p>
149
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>不到万不得已，并不推荐直接使用。</p>
150
- </dd><dt>deprecated</dt><dd><p>不到万不得已，并不推荐直接使用。</p>
151
- </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="updateCamera" class="tsd-anchor"></a><h3 class="tsd-anchor-link">update<wbr/>Camera<a href="#updateCamera" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">update<wbr/>Camera<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>pose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span>, duration<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></div><aside class="tsd-sources"><p>Overrides Record.updateCamera</p><ul><li>Defined in lib/react/withFive.ts:482</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>pose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span>, duration<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
152
- <p>移动相机。（不触发点位移动）</p>
153
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
143
+ </code><button>Copy</button></pre>
144
+ </div><aside class="tsd-sources"><p>Overrides Record.state</p><ul><li>Defined in lib/react/withFive.ts:357</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="toggleHelperVisible" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>toggle<wbr/>Helper<wbr/>Visible</span><a href="#toggleHelperVisible" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">toggle<wbr/>Helper<wbr/>Visible</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">visible</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="toggleHelperVisible.__type-28.__type-29"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">visible</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>帮助元素的隐藏/显示</p>
145
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">visible</span>: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><p>隐藏/显示</p>
146
+ </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.toggleHelperVisible</p><ul><li>Defined in lib/react/withFive.ts:538</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><a id="totalFloorLength" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>total<wbr/>Floor<wbr/>Length</span><a href="#totalFloorLength" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">total<wbr/>Floor<wbr/>Length</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.totalFloorLength</p></aside></section><section class="tsd-panel tsd-member"><a id="unsafe__fiveInstance" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span class="deprecated">unsafe__five<wbr/>Instance</span><a href="#unsafe__fiveInstance" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">unsafe__five<wbr/>Instance</span><span class="tsd-signature-symbol">:</span> <a href="../classes/five.Five.html" class="tsd-signature-type tsd-kind-class">Five</a></div><div class="tsd-comment tsd-typography"><p>Five React Inject: 获取 five 实例</p>
147
+ </div><div class="tsd-comment tsd-typography"><h4>Description</h4><p>不到万不得已，并不推荐直接使用。</p>
148
+ <h4>Deprecated</h4><p>不到万不得已，并不推荐直接使用。</p>
149
+ </div><aside class="tsd-sources"><p>Overrides Record.unsafe__fiveInstance</p><ul><li>Defined in lib/react/withFive.ts:336</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="updateCamera" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>update<wbr/>Camera</span><a href="#updateCamera" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">update<wbr/>Camera</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">pose</span>, <span class="tsd-kind-parameter">duration</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="updateCamera.__type-30.__type-31"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">pose</span>, <span class="tsd-kind-parameter">duration</span>, <span class="tsd-kind-parameter">userAction</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>移动相机。（不触发点位移动）</p>
150
+ </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">pose</span>: <span class="tsd-signature-type ">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="five.Pose.html" class="tsd-signature-type tsd-kind-interface">Pose</a><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><p>相机目标位置</p>
151
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">duration</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>动画触发的时常</p>
152
+ </div><div class="tsd-comment tsd-typography"></div></li><li><h5><span class="tsd-kind-parameter">userAction</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type ">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4><p>Promise 是否移动成功</p>
153
+ <div class="tsd-comment tsd-typography"><h4>Description</h4><p>如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
154
154
  会 Promise.reject。运动完成则 Promise.resolve</p>
155
- </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>pose: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
156
- <p>相机目标位置</p>
157
- </div></div></li><li><h5>duration: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
158
- <p>动画触发的时常</p>
159
- </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
160
- <p>是否用户触发</p>
161
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4><div><p>Promise 是否移动成功</p>
162
- </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="works" class="tsd-anchor"></a><h3 class="tsd-anchor-link">works<a href="#works" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">works<span class="tsd-signature-symbol">:</span> <a href="../modules/five.html#Works" class="tsd-signature-type" data-tsd-kind="Type alias">Works</a></div><aside class="tsd-sources"><p>Overrides Record.works</p><ul><li>Defined in lib/react/withFive.ts:383</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
163
- <p>Five React Inject: Five Work</p>
164
- </div></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a id="needsRender" class="tsd-anchor"></a><h3 class="tsd-anchor-link">needs<wbr/>Render<a href="#needsRender" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">needs<wbr/>Render<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides Record.needsRender</p><ul><li>Defined in lib/react/withFive.ts:518</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
165
- <p>下一帧渲染</p>
166
- </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>调用 <code>render()</code> 和设置 <code>needsRender()</code> 均可在按需渲染时，使得画面渲染一次
167
- 区别在于：</p>
168
- <ul>
169
- <li><code>needsRender()</code> 为在下帧渲染画面</li>
170
- <li><code>render()</code> 在当前帧渲染画面
171
- 推荐使用 <code>needsRender()</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>render()</code></li>
172
- </ul>
173
- </dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a id="showFloor" class="tsd-anchor"></a><h3 class="tsd-anchor-link">show<wbr/>Floor<a href="#showFloor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">show<wbr/>Floor<span class="tsd-signature-symbol">(</span>floorIndex<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides Record.showFloor</p><ul><li>Defined in lib/react/withFive.ts:532</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
174
- <p>显示楼层</p>
175
- </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> floorIndex: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
176
- <p>楼层，如果不传则都显示</p>
177
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a id="toggleHelperVisible" class="tsd-anchor"></a><h3 class="tsd-anchor-link">toggle<wbr/>Helper<wbr/>Visible<a href="#toggleHelperVisible" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">toggle<wbr/>Helper<wbr/>Visible<span class="tsd-signature-symbol">(</span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides Record.toggleHelperVisible</p><ul><li>Defined in lib/react/withFive.ts:538</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
178
- <p>帮助元素的隐藏/显示</p>
179
- </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>visible: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
180
- <p>隐藏/显示</p>
181
- </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class=" tsd-kind-module"><a href="../modules/five.html">five</a></li><li class=" tsd-kind-module"><a href="../modules/gltf_loader.html">gltf-<wbr/>loader</a></li><li class=" tsd-kind-module"><a href="../modules/line.html">line</a></li><li class="current tsd-kind-module"><a href="../modules/react.html">react</a></li><li class=" tsd-kind-module"><a href="../modules/sticker.html">sticker</a></li><li class=" tsd-kind-module"><a href="../modules/vfx.html">vfx</a></li><li class=" tsd-kind-module"><a href="../modules/vue.html">vue</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-parent-kind-module"><a href="react.FiveInjectionTypes.html" class="tsd-kind-icon">Five<wbr/>Injection<wbr/>Types</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraDirection" class="tsd-kind-icon">camera<wbr/>Direction</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraRaycaster" class="tsd-kind-icon">camera<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#currentObserver" class="tsd-kind-icon">current<wbr/>Observer</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#currentState" class="tsd-kind-icon">current<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#getPixels" class="tsd-kind-icon">get<wbr/>Pixels</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#helperVisible" class="tsd-kind-icon">helper<wbr/>Visible</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#initBasisLoader" class="tsd-kind-icon">init<wbr/>Basis<wbr/>Loader</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#intersectRaycaster" class="tsd-kind-icon">intersect<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#loadWork" class="tsd-kind-icon">load<wbr/>Work</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#model" class="tsd-kind-icon">model</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#modelReadyState" class="tsd-kind-icon">model<wbr/>Ready<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#off" class="tsd-kind-icon">off</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#on" class="tsd-kind-icon">on</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.FiveInjectionTypes.html#once" class="tsd-kind-icon">once</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#preloadPano" class="tsd-kind-icon">preload<wbr/>Pano</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#project2d" class="tsd-kind-icon">project2d</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#scene" class="tsd-kind-icon">scene</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#shownFloor" class="tsd-kind-icon">shown<wbr/>Floor</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#totalFloorLength" class="tsd-kind-icon">total<wbr/>Floor<wbr/>Length</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#unsafe__fiveInstance" class="tsd-kind-icon">unsafe__five<wbr/>Instance</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#updateCamera" class="tsd-kind-icon">update<wbr/>Camera</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#works" class="tsd-kind-icon">works</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#needsRender" class="tsd-kind-icon">needs<wbr/>Render</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#showFloor" class="tsd-kind-icon">show<wbr/>Floor</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#toggleHelperVisible" class="tsd-kind-icon">toggle<wbr/>Helper<wbr/>Visible</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-namespace"><span class="tsd-kind-icon">Namespace</span></li><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li><li class="tsd-kind-type-alias tsd-has-type-parameter"><span class="tsd-kind-icon">Type alias with type parameter</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li><li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
155
+ </div></li></ul></li></ul></div><aside class="tsd-sources"><p>Overrides Record.updateCamera</p><ul><li>Defined in lib/react/withFive.ts:482</li></ul></aside></section><section class="tsd-panel tsd-member"><a id="works" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>works</span><a href="#works" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">works</span><span class="tsd-signature-symbol">:</span> <a href="../types/five.Works.html" class="tsd-signature-type tsd-kind-type-alias">Works</a></div><div class="tsd-comment tsd-typography"><p>Five React Inject: Five Work</p>
156
+ </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Overrides Record.works</p><ul><li>Defined in lib/react/withFive.ts:383</li></ul></aside></section></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-index-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><h4 class="uppercase">Member Visibility</h4><form><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></form></div><div class="tsd-theme-toggle"><h4 class="uppercase">Theme</h4><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-index-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><ul><li><a href="#cameraDirection" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>camera<wbr/>Direction</span></a></li><li><a href="#cameraRaycaster" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>camera<wbr/>Raycaster</span></a></li><li><a href="#currentObserver" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>current<wbr/>Observer</span></a></li><li><a href="#currentState" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>current<wbr/>State</span></a></li><li><a href="#getPixels" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>get<wbr/>Pixels</span></a></li><li><a href="#helperVisible" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>helper<wbr/>Visible</span></a></li><li><a href="#initBasisLoader" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>init<wbr/>Basis<wbr/>Loader</span></a></li><li><a href="#intersectRaycaster" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>intersect<wbr/>Raycaster</span></a></li><li><a href="#loadWork" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>load<wbr/>Work</span></a></li><li><a href="#model" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>model</span></a></li><li><a href="#modelReadyState" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>model<wbr/>Ready<wbr/>State</span></a></li><li><a href="#needsRender" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>needs<wbr/>Render</span></a></li><li><a href="#off" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>off</span></a></li><li><a href="#on" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>on</span></a></li><li><a href="#once" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>once</span></a></li><li><a href="#preloadPano" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>preload<wbr/>Pano</span></a></li><li><a href="#project2d" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>project2d</span></a></li><li><a href="#render" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>render</span></a></li><li><a href="#scene" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>scene</span></a></li><li><a href="#setState" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>set<wbr/>State</span></a></li><li><a href="#showFloor" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>show<wbr/>Floor</span></a></li><li><a href="#shownFloor" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>shown<wbr/>Floor</span></a></li><li><a href="#state" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>state</span></a></li><li><a href="#toggleHelperVisible" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>toggle<wbr/>Helper<wbr/>Visible</span></a></li><li><a href="#totalFloorLength" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>total<wbr/>Floor<wbr/>Length</span></a></li><li><a href="#unsafe__fiveInstance" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>unsafe__five<wbr/>Instance</span></a></li><li><a href="#updateCamera" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>update<wbr/>Camera</span></a></li><li><a href="#works" class=""><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1024"></use></svg><span>works</span></a></li></ul></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-1"></use></svg><span>如视 Five SDK</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li><a href="../modules/five.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>five</a></li><li><a href="../modules/gltf_loader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>gltf-loader</a></li><li><a href="../modules/line.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>line</a></li><li><a href="../modules/react.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>react</a></li><li><a href="../modules/sticker.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>sticker</a></li><li><a href="../modules/vfx.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>vfx</a></li><li><a href="../modules/vue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-2"></use></svg>vue</a></li></ul></nav></div></div></div><div class="tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><svg style="display: none"><g id="icon-1"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g><g id="icon-2"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g><g id="icon-4"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)"></path></g><g id="icon-8"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-enum)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.45 16V7.24H14.49V8.224H10.518V10.936H14.07V11.908H10.518V15.016H14.49V16H9.45Z" fill="var(--color-text)"></path></g><g id="icon-16"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)"></path></g><g id="icon-32"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z" fill="var(--color-text)"></path></g><g id="icon-64"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)"></path></g><g id="icon-128"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)"></path></g><g id="icon-256"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)"></path></g><g id="icon-512"><rect fill="var(--color-icon-background)" stroke="#4D7FFF" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)"></path></g><g id="icon-1024"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)"></path></g><g id="icon-2048"><rect fill="var(--color-icon-background)" stroke="#FF4DB8" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M9.162 16V7.24H10.578L11.514 10.072C11.602 10.328 11.674 10.584 11.73 10.84C11.794 11.088 11.842 11.28 11.874 11.416C11.906 11.28 11.954 11.088 12.018 10.84C12.082 10.584 12.154 10.324 12.234 10.06L13.122 7.24H14.538V16H13.482V12.82C13.482 12.468 13.49 12.068 13.506 11.62C13.53 11.172 13.558 10.716 13.59 10.252C13.622 9.78 13.654 9.332 13.686 8.908C13.726 8.476 13.762 8.1 13.794 7.78L12.366 12.16H11.334L9.894 7.78C9.934 8.092 9.97 8.456 10.002 8.872C10.042 9.28 10.078 9.716 10.11 10.18C10.142 10.636 10.166 11.092 10.182 11.548C10.206 12.004 10.218 12.428 10.218 12.82V16H9.162Z" fill="var(--color-text)"></path></g><g id="icon-4096"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)"></path></g><g id="icon-8192"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)"></path></g><g id="icon-16384"><rect fill="var(--color-icon-background)" stroke="#4D7FFF" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)"></path></g><g id="icon-32768"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)"></path></g><g id="icon-65536"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M11.31 16V8.224H8.91V7.24H14.79V8.224H12.39V16H11.31Z" fill="var(--color-text)"></path></g><g id="icon-131072"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M11.31 16V8.224H8.91V7.24H14.79V8.224H12.39V16H11.31Z" fill="var(--color-text)"></path></g><g id="icon-262144"><rect fill="var(--color-icon-background)" stroke="#FF4D4D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M8.85 16L11.13 7.24H12.582L14.85 16H13.758L13.182 13.672H10.53L9.954 16H8.85ZM10.746 12.76H12.954L12.282 10.06C12.154 9.548 12.054 9.12 11.982 8.776C11.91 8.432 11.866 8.208 11.85 8.104C11.834 8.208 11.79 8.432 11.718 8.776C11.646 9.12 11.546 9.544 11.418 10.048L10.746 12.76Z" fill="var(--color-text)"></path></g><g id="icon-524288"><rect fill="var(--color-icon-background)" stroke="#FF4D4D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M8.85 16L11.13 7.24H12.582L14.85 16H13.758L13.182 13.672H10.53L9.954 16H8.85ZM10.746 12.76H12.954L12.282 10.06C12.154 9.548 12.054 9.12 11.982 8.776C11.91 8.432 11.866 8.208 11.85 8.104C11.834 8.208 11.79 8.432 11.718 8.776C11.646 9.12 11.546 9.544 11.418 10.048L10.746 12.76Z" fill="var(--color-text)"></path></g><g id="icon-1048576"><rect fill="var(--color-icon-background)" stroke="#FF4D4D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M8.85 16L11.13 7.24H12.582L14.85 16H13.758L13.182 13.672H10.53L9.954 16H8.85ZM10.746 12.76H12.954L12.282 10.06C12.154 9.548 12.054 9.12 11.982 8.776C11.91 8.432 11.866 8.208 11.85 8.104C11.834 8.208 11.79 8.432 11.718 8.776C11.646 9.12 11.546 9.544 11.418 10.048L10.746 12.76Z" fill="var(--color-text)"></path></g><g id="icon-2097152"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><path d="M11.31 16V8.224H8.91V7.24H14.79V8.224H12.39V16H11.31Z" fill="var(--color-text)"></path></g><g id="icon-4194304"><rect fill="var(--color-icon-background)" stroke="#FF4D82" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><path d="M10.354 17V8.24H13.066C13.586 8.24 14.042 8.348 14.434 8.564C14.826 8.772 15.13 9.064 15.346 9.44C15.562 9.816 15.67 10.256 15.67 10.76C15.67 11.352 15.514 11.86 15.202 12.284C14.898 12.708 14.482 13 13.954 13.16L15.79 17H14.518L12.838 13.28H11.434V17H10.354ZM11.434 12.308H13.066C13.514 12.308 13.874 12.168 14.146 11.888C14.418 11.6 14.554 11.224 14.554 10.76C14.554 10.288 14.418 9.912 14.146 9.632C13.874 9.352 13.514 9.212 13.066 9.212H11.434V12.308Z" fill="var(--color-text)"></path></g><g id="icon-chevronDown"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></g><g id="icon-chevronSmall"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></g><g id="icon-menu"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></g><g id="icon-search"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></g><g id="icon-anchor"><g stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></g></g></svg></body></html>