@vsleem-realsee-viewer/realsee-plugin 2.0.16 → 2.0.17
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.
- package/{README.md → README.internal.md} +142 -120
- package/dist/components/MapCadRadar.vue.d.ts +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +13 -13
- package/dist/index.mjs +3080 -3071
- package/dist/index.umd.js +29 -29
- package/dist/settings/index.d.ts +2 -2
- package/dist/types/map.d.ts +21 -0
- package/dist/types/realsee.d.ts +6 -4
- package/dist/types/store.d.ts +1 -1
- package/dist/types/viewer.d.ts +4 -4
- package/package.json +3 -3
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
| `playbar?` | `PlaybarProps` | 请查看PlaybarProps类型默认值 | 播放器控制栏配置 |
|
|
17
17
|
| `map?` | `MapProps` | 请查看MapProps类型默认值 | 小地图配置 |
|
|
18
18
|
| `immediate?` | `boolean` | true | 是否立即发起数据请求 |
|
|
19
|
-
| `delay?` | `number` | 0 | 请求延迟时间（单位：毫秒） |
|
|
20
19
|
| `fetchParams?` | `Record<string, any>` | - | 自定义请求参数（排除坐标系相关接口） |
|
|
21
20
|
| `handleResponseFn?` | `(res: TrackRecordModel) => Promise<TrackRecordModel>` | - | 自定义响应数据处理（需返回处理后的数据） |
|
|
22
21
|
| `fetchSuccess?` | `(record: TrackRecord, coordinate?: Coordinate) => void` | - | 请求成功回调（`coordinate`为可选坐标参数） |
|
|
@@ -24,6 +23,15 @@
|
|
|
24
23
|
|
|
25
24
|
|
|
|
26
25
|
|
|
26
|
+
### AppSetting 类型说明
|
|
27
|
+
|
|
28
|
+
| 参数名 | 类型 | 默认值 | 说明 |
|
|
29
|
+
| --------------- | -------- | ------------------------ | ------------------------------------------------------ |
|
|
30
|
+
| `baseUrl?` | `string` | `https://vsleem.com/api` | 用于配置应用后端服务的根路径 |
|
|
31
|
+
| `authorizeCode` | `string` | - | 用于API身份验证和授权的凭证 |
|
|
32
|
+
| `obsPrefix?` | `string` | - | 用于在对象存储中组织文件的目录路径(不可用) |
|
|
33
|
+
| `obsType?` | `string` | hs | 指定使用的对象存储服务提供商 huawei \| aliyun \| hs 等 |
|
|
34
|
+
|
|
27
35
|
### RealseeSetting 类型说明
|
|
28
36
|
|
|
29
37
|
| 参数名 | 类型 | 默认值 | 说明 |
|
|
@@ -51,48 +59,51 @@ const TRACK_COLOR_LIST = [
|
|
|
51
59
|
|
|
52
60
|
### SearchInfo 类型说明
|
|
53
61
|
|
|
54
|
-
| 参数名 | 类型
|
|
55
|
-
| ------------ |
|
|
56
|
-
| `projectId` | `number`
|
|
57
|
-
| `patrolId` | `string
|
|
58
|
-
| `pointId?` | `string`
|
|
59
|
-
| `modelCsId?` | `number`
|
|
62
|
+
| 参数名 | 类型 | 默认值 | 说明 |
|
|
63
|
+
| ------------ | -------------------- | ------ | ------------------------------ |
|
|
64
|
+
| `projectId` | `number` | - | 项目唯一标识 |
|
|
65
|
+
| `patrolId` | `string \| string[]` | - | 巡检记录id或id集合 |
|
|
66
|
+
| `pointId?` | `string` | - | 轨迹点标识（用于定位具体点位） |
|
|
67
|
+
| `modelCsId?` | `number` | - | 模型坐标系标识 |
|
|
60
68
|
|
|
61
69
|
### RealseeStore 类型说明
|
|
62
70
|
|
|
63
|
-
| 属性/方法 | 类型/签名
|
|
64
|
-
| ----------------------- |
|
|
65
|
-
| `ready` | `boolean`
|
|
66
|
-
| `coordinateTree?` | `Coordinate`
|
|
67
|
-
| `mappedCoordinateTree?` | `Coordinate`
|
|
68
|
-
| `rawDataSource` | `Map<string, TrackRecord>`
|
|
69
|
-
| `dataSource` | `Map<string, TrackRecord>`
|
|
70
|
-
| `comCoordinate?` | `Coordinate`
|
|
71
|
-
| `currentModel?` | `Coordinate`
|
|
72
|
-
| `currentSpace?` | `Coordinate`
|
|
73
|
-
| `
|
|
74
|
-
| `
|
|
75
|
-
| `
|
|
76
|
-
| `
|
|
77
|
-
| `
|
|
78
|
-
| `
|
|
79
|
-
| `
|
|
80
|
-
| `
|
|
81
|
-
| `
|
|
82
|
-
| `
|
|
83
|
-
| `
|
|
84
|
-
| `
|
|
85
|
-
| `
|
|
86
|
-
| `
|
|
87
|
-
| `
|
|
88
|
-
| `
|
|
89
|
-
| `
|
|
90
|
-
| `
|
|
91
|
-
| `
|
|
92
|
-
| `
|
|
93
|
-
| `
|
|
94
|
-
| `
|
|
95
|
-
| `
|
|
71
|
+
| 属性/方法 | 类型/签名 | 说明 |
|
|
72
|
+
| ----------------------- | --------------------------------------------------------- | ------------------------------------------ |
|
|
73
|
+
| `ready` | `boolean` | 是否加载完成 |
|
|
74
|
+
| `coordinateTree?` | `Coordinate` | 坐标系树数据 |
|
|
75
|
+
| `mappedCoordinateTree?` | `Coordinate` | 映射坐标系树数据 |
|
|
76
|
+
| `rawDataSource` | `Map<string, TrackRecord>` | 原始所有巡检记录集合 |
|
|
77
|
+
| `dataSource` | `Map<string, TrackRecord>` | 展示的所有巡检记录集合 |
|
|
78
|
+
| `comCoordinate?` | `Coordinate` | 所有记录集合共有的空间坐标系 |
|
|
79
|
+
| `currentModel?` | `Coordinate` | 当前选中的模型坐标系 |
|
|
80
|
+
| `currentSpace?` | `Coordinate` | 当前模型所属的空间坐标系 |
|
|
81
|
+
| `currentRawRecord?` | `TrackRecord` | 当前选中的原始巡检记录 |
|
|
82
|
+
| `currentRecord?` | `TrackRecord` | 当前选中的巡检记录 |
|
|
83
|
+
| `currentRawPoint?` | `TrackPoint` | 当前选中的原始轨迹点 |
|
|
84
|
+
| `currentPoint?` | `TrackPoint` | 当前选中的轨迹点 |
|
|
85
|
+
| `currentMarker?` | `TrackMarker` | 当前选中的问题标记 |
|
|
86
|
+
| `currentPointMarkers` | `TrackMarker[]` | 当前点关联的所有问题标记列表 |
|
|
87
|
+
| `groupedMarkers` | ` Map<TrackPoint, TrackMarker[]>` | 根据坐标点对所有巡检记录的问题标记进行分组 |
|
|
88
|
+
| `reload` | `(searchInfo: SearchInfo) => Promise<void>` | 重新加载数据（包含 projectId 和 patrolId） |
|
|
89
|
+
| `fetchRecord` | `(patrolId: string) => Promise<TrackRecord \| undefined>` | 获取单条巡检记录 |
|
|
90
|
+
| `selectModel` | `(coordinate: Partial<Coordinate>) => void` | 选择模型（找不到对应模型时抛出错误） |
|
|
91
|
+
| `selectRecord` | `(record: Partial<TrackRecord>) => void` | 选择巡检记录（找不到对应记录时抛出错误） |
|
|
92
|
+
| `selectPoint` | `(point: Partial<TrackPoint>) => void` | 选择轨迹点（找不到对应点时抛出错误） |
|
|
93
|
+
| `selectMarker` | `(marker: Partial<TrackMarker>) => void` | 选择问题标记（找不到对应标记时抛出错误） |
|
|
94
|
+
| `setReferPoint` | `(current: TrackPoint, options: ViewerOptions) => void` | 设置参考点来找最近的轨迹点(视图对比使用) |
|
|
95
|
+
| `addMarker` | ` (marker: TrackMarker) => void;` | 添加问题标记 |
|
|
96
|
+
| `removeMarker` | ` (marker: Partial<TrackMarker>) => void` | 移除问题标记 |
|
|
97
|
+
| `updateMarker` | `(marker: Partial<TrackMarker>) => void` | 要更新的标记数据（包含patrolId和id） |
|
|
98
|
+
| `hasRecord` | `(id: string) => boolean` | 检查指定ID的记录是否存在 |
|
|
99
|
+
| `getRecord` | `(id: string) => TrackRecord \| undefined` | 获取指定ID的记录对象 |
|
|
100
|
+
| `addRecord` | `(id: string) => Promise<TrackRecord \| undefined>` | 添加新记录 |
|
|
101
|
+
| `batchAddRecords` | ` (ids: string[]) => Promise<void>` | 批量添加巡检记录 |
|
|
102
|
+
| `removeRecord` | `(id: string) => boolean` | 移除指定记录 |
|
|
103
|
+
| `updateRecord` | `(record: TrackRecord) => Promise<void>` | 更新记录数据 |
|
|
104
|
+
| `findClosestBIMModel` | `() => Coordinate \| undefined` | 获取当前模型在映射坐标系树最近的bimsee模型 |
|
|
105
|
+
| `findClosestPoint` | `(current: TrackPoint): TrackPoint \| undefined` | 查找距离给定点最近的轨迹点 |
|
|
106
|
+
| `normalizeToModelPoint` | ` (current: TrackPoint) => TrackPoint \| undefined` | 将参考点坐标归一化到当前的模型坐标系 |
|
|
96
107
|
|
|
97
108
|
### RealseeElement 实例对象
|
|
98
109
|
|
|
@@ -100,44 +111,48 @@ const TRACK_COLOR_LIST = [
|
|
|
100
111
|
| -------------- | ------------------------------------------ | -------------------------------------------------------------------- |
|
|
101
112
|
| `storeRef` | `ComputedRef<RealseeStore>` | 存储对象引用 |
|
|
102
113
|
| `getStore()` | `() => RealseeStore` | 获取状态管理库实例 |
|
|
103
|
-
| `getViewer()` | `() => ViewerElement
|
|
104
|
-
| `getMarker()` | `() => MarkerElement
|
|
105
|
-
| `getPlaybar()` | `() => PlaybarElement
|
|
106
|
-
| `getMap()` | `() => MapElement
|
|
114
|
+
| `getViewer()` | `() => ViewerElement \| undefined` | 获取全景视图控制器（未配置 viewer 时返回 undefined） |
|
|
115
|
+
| `getMarker()` | `() => MarkerElement \| undefined` | 获取标记点控制器（未配置 marker 时返回 undefined） |
|
|
116
|
+
| `getPlaybar()` | `() => PlaybarElement \| undefined` | 获取播放控制栏实例（未配置 playbar 或配置为 false 时返回 undefined） |
|
|
117
|
+
| `getMap()` | `() => MapElement \| undefined` | 获取小地图实例（未配置 map 或配置为 false 时返回 undefined） |
|
|
107
118
|
| `getOptions()` | `() => RealseeProps` | 获取当前运行时配置（包含实际生效的配置） |
|
|
108
119
|
| `getState()` | `() => RealseeProps` | 获取初始化配置（返回原始配置参数） |
|
|
109
120
|
| `setState()` | `(options: UpdatableRealseeProps) => void` | 动态更新可修改配置（注意：部分配置初始化后不可更改 |
|
|
110
121
|
|
|
111
122
|
### RealseeEvents 事件说明
|
|
112
123
|
|
|
113
|
-
| 事件名称 | 参数类型 | 说明
|
|
114
|
-
| ----------------------- | ------------------------------- |
|
|
115
|
-
| `ready` | `() => void` | 触发基本准备就绪事件
|
|
116
|
-
| `
|
|
117
|
-
| `
|
|
118
|
-
| `
|
|
119
|
-
| `
|
|
120
|
-
| `
|
|
121
|
-
| `
|
|
122
|
-
| `
|
|
123
|
-
| `
|
|
124
|
-
| `
|
|
125
|
-
| `
|
|
126
|
-
| `
|
|
127
|
-
| `
|
|
128
|
-
| `
|
|
129
|
-
| `
|
|
130
|
-
| `
|
|
131
|
-
| `
|
|
132
|
-
| `
|
|
133
|
-
| `
|
|
134
|
-
| `
|
|
135
|
-
| `
|
|
136
|
-
| `
|
|
137
|
-
| `
|
|
138
|
-
| `
|
|
139
|
-
| `
|
|
140
|
-
| `
|
|
124
|
+
| 事件名称 | 参数类型 | 说明 |
|
|
125
|
+
| ----------------------- | ------------------------------- | ------------------------ |
|
|
126
|
+
| `ready` | `() => void` | 触发基本准备就绪事件 |
|
|
127
|
+
| `reload` | `() => void` | 触发重新加载事件 |
|
|
128
|
+
| `destroy` | `() => void` | 触发组件销毁事件 |
|
|
129
|
+
| `changeModel` | `(model: Coordinate) => void` | 处理模型变化事件 |
|
|
130
|
+
| `changeRecord` | `(record: TrackRecord) => void` | 处理记录变化事件 |
|
|
131
|
+
| `changePoint` | `(point: TrackPoint) => void` | 处理点的变更事件 |
|
|
132
|
+
| `mapReady` | `() => void` | 触发地图准备就绪事件 |
|
|
133
|
+
| `mapResize` | `() => void` | 触发地图尺寸改变事件 |
|
|
134
|
+
| `mapCollapse` | `(value: number) => void` | 触发小地图展开/折叠事件 |
|
|
135
|
+
| `mapDragger` | `() => void` | 触发地图拖动事件 |
|
|
136
|
+
| `mapSelectPoint` | `(point: TrackPoint) => void` | 选择地图上的点事件 |
|
|
137
|
+
| `mapAngleUpdated` | `(value: number) => void` | 更新地图雷达角度事件 |
|
|
138
|
+
| `viewerReady` | `() => void` | 触发视图准备就绪事件 |
|
|
139
|
+
| `viewerClick` | `(e: any) => void` | 触发视图点击事件 |
|
|
140
|
+
| `viewerMousedown` | `(e: any) => void` | 处理视图鼠标按下事件 |
|
|
141
|
+
| `viewerSizeUpdated` | `(e: any) => void` | 更新视图容器变化事件 |
|
|
142
|
+
| `viewerZoomUpdated` | `(e: any) => void` | 更新视图缩放信息事件 |
|
|
143
|
+
| `viewerPositionUpdated` | `(e: any) => void` | 更新视图位置事件 |
|
|
144
|
+
| `viewerPanoramaLoaded` | `(e: any) => void` | 视图全景图加载完成事件 |
|
|
145
|
+
| `viewerPanoramaError` | `(e: any) => void` | 视图全景图加载失败事件 |
|
|
146
|
+
| `viewerSelectPoint` | `(point: TrackPoint) => void` | 在视图中选择一个点事件 |
|
|
147
|
+
| `viewerSelectMarker` | `(point: TrackPoint) => void` | 在视图中选择一个标记事件 |
|
|
148
|
+
| `playbarReady` | `() => void` | 触发播放条准备就绪事件 |
|
|
149
|
+
| `playbarBackward` | `(value: number) => void` | 触发播放条后退事件 |
|
|
150
|
+
| `playbarPause` | `(value: number) => void` | 触发播放条暂停事件 |
|
|
151
|
+
| `playbarPlay` | `(value: number) => void` | 触发播放条播放事件 |
|
|
152
|
+
| `playbarForward` | `(value: number) => void` | 触发播放条前进事件 |
|
|
153
|
+
| `playbarSpeed` | `(speed : number) => void` | 更新播放条速度事件 |
|
|
154
|
+
| `playbarSlider` | `(index: number) => void` | 触发播放条滑块变化事件 |
|
|
155
|
+
| `playbarSelectPoint` | `(step : number) => void` | 选择播放条上的点事件 |
|
|
141
156
|
|
|
142
157
|
### Realsee Slot 插槽说明
|
|
143
158
|
|
|
@@ -197,19 +212,20 @@ type ViewerProps = Omit<
|
|
|
197
212
|
|
|
198
213
|
### ViewerElement 实例对象
|
|
199
214
|
|
|
200
|
-
| 属性/方法 | 类型签名
|
|
201
|
-
| -------------------- |
|
|
202
|
-
| `getState` | `()=> UpdatableViewerProps
|
|
203
|
-
| `setState` | `(options?: UpdatableViewerProps) => void`
|
|
204
|
-
| `isMouseover` | `()=> boolean`
|
|
205
|
-
| `isMousedown` | `()=> boolean`
|
|
206
|
-
| `setMousedown` | `(mousedown: boolean) => void`
|
|
207
|
-
| `setMouseover` | `(moveover: boolean) => void`
|
|
208
|
-
| `setPanoramaPath` | `(path: any, options?: PanoramaOptions) => Promise<boolean
|
|
209
|
-
| `setPanoramaOptions` | `(options?: PanoramaOptions) => void`
|
|
210
|
-
| `
|
|
211
|
-
| `
|
|
212
|
-
| `
|
|
215
|
+
| 属性/方法 | 类型签名 | 说明 |
|
|
216
|
+
| -------------------- | ------------------------------------------------------------------------- | -------------------- |
|
|
217
|
+
| `getState` | `()=> UpdatableViewerProps \| undefined` | 获取当前视图配置选项 |
|
|
218
|
+
| `setState` | `(options?: UpdatableViewerProps) => void` | 更新视图配置选项 |
|
|
219
|
+
| `isMouseover` | `()=> boolean` | 获取鼠标悬停状态 |
|
|
220
|
+
| `isMousedown` | `()=> boolean` | 获取鼠标按下状态 |
|
|
221
|
+
| `setMousedown` | `(mousedown: boolean) => void` | 设置鼠标按下状态 |
|
|
222
|
+
| `setMouseover` | `(moveover: boolean) => void` | 设置鼠标悬停状态 |
|
|
223
|
+
| `setPanoramaPath` | `(path: any, options?: PanoramaOptions) => Promise<boolean \| undefined>` | 加载全景图 |
|
|
224
|
+
| `setPanoramaOptions` | `(options?: PanoramaOptions) => void` | 设置全景图专用选项 |
|
|
225
|
+
| `setVewerStatus` | `(options: ViewerOptions) => void` | 设置视图状态 |
|
|
226
|
+
| `updateMarkers` | `() => void` | 更新在全景图上的标记 |
|
|
227
|
+
| `refresh` | `() => void` | 刷新视图 |
|
|
228
|
+
| `preloadPanorama` | `() => void` | 预加载全景图资源 |
|
|
213
229
|
|
|
214
230
|
### ViewerEvents 事件说明
|
|
215
231
|
|
|
@@ -217,17 +233,19 @@ type ViewerProps = Omit<
|
|
|
217
233
|
- `Marker 实例对象事件监听说明请参考https://photo-sphere-viewer.js.org/api/modules/markersplugin.events`
|
|
218
234
|
`以下是自定义事件说明`
|
|
219
235
|
|
|
220
|
-
| 事件名称 | 参数类型 | 说明
|
|
221
|
-
| ----------------- | ----------------------------- |
|
|
222
|
-
| `register` | `--` | 注册视图事件
|
|
223
|
-
| `ready` | `() => void` |
|
|
224
|
-
| `click` | `(e: any) => void` |
|
|
225
|
-
| `mousedown` | `(e: any) => void` |
|
|
226
|
-
| `
|
|
227
|
-
| `
|
|
228
|
-
| `
|
|
229
|
-
| `
|
|
230
|
-
| `
|
|
236
|
+
| 事件名称 | 参数类型 | 说明 |
|
|
237
|
+
| ----------------- | ----------------------------- | ------------------------------ |
|
|
238
|
+
| `register` | `--` | 注册视图事件 |
|
|
239
|
+
| `ready` | `() => void` | 触发视图准备就绪事件 |
|
|
240
|
+
| `click` | `(e: any) => void` | 处理视图点击事件 |
|
|
241
|
+
| `mousedown` | `(e: any) => void` | 处理视图鼠标按下事件并折叠地图 |
|
|
242
|
+
| `sizeUpdated` | `(e: any) => void` | 更新视图容器变化 |
|
|
243
|
+
| `zoomUpdated` | `(e: any) => void` | 更新视图缩放信息 |
|
|
244
|
+
| `positionUpdated` | `(e: any) => void` | 更新视图位置 |
|
|
245
|
+
| `panoramaLoaded` | `(e: any) => void` | 视图位全景图加载完成 |
|
|
246
|
+
| `panoramaError` | `(e: any) => void` | 视图位全景图加载失败 |
|
|
247
|
+
| `selectPoint` | `(point: TrackPoint) => void` | 在视图中选择一个点相关事件 |
|
|
248
|
+
| `selectMarker` | `(point: TrackPoint) => void` | 在视图中选择一个标记事件 |
|
|
231
249
|
|
|
232
250
|
### MarkerProps 类型说明
|
|
233
251
|
|
|
@@ -273,13 +291,14 @@ type MarkerElement = MarkersPlugin
|
|
|
273
291
|
| 属性 | 类型 | 默认值 | 说明 |
|
|
274
292
|
| ----------------- | --------------- | ------ | -------------------------------- |
|
|
275
293
|
| `style?` | `CSSProperties` | - | 播放栏浮层的样式，调整浮层位置等 |
|
|
276
|
-
| `delay?` | `number` | 1200 | 播放时间间隔，单位毫秒 |
|
|
277
|
-
| `speed?` | `number` | 1 | 播放速率 |
|
|
278
|
-
| `step?` | `number` | 1 | 播放步长 |
|
|
279
294
|
| `showPlay?` | `boolean` | true | 是否显示播放/暂停按钮 |
|
|
280
295
|
| `showSpeed?` | `boolean` | true | 是否显示快进按钮 |
|
|
281
|
-
| `
|
|
282
|
-
| `
|
|
296
|
+
| `speed?` | `number` | 1000 | 当前播放速度 单位毫秒 |
|
|
297
|
+
| `baseSpeed?` | `number` | 1000 | 基准速度 单位毫秒 |
|
|
298
|
+
| `step?` | `number` | 0.5 | 播放倍数步长 |
|
|
299
|
+
| `threshold?` | `number` | 2000 | 播放速度阈值 单位毫秒 |
|
|
300
|
+
| `readonly count?` | `number` | - | 轨迹点总数 |
|
|
301
|
+
| `readonly index?` | `number` | - | 当前第几个轨迹点 |
|
|
283
302
|
|
|
284
303
|
### PlaybarElement 属性/方法说明
|
|
285
304
|
|
|
@@ -292,12 +311,14 @@ type MarkerElement = MarkersPlugin
|
|
|
292
311
|
| `pause` | `() => void` | 暂停 |
|
|
293
312
|
| `forward` | `() => void` | 前进 |
|
|
294
313
|
| `speed` | `() => void` | 快进 |
|
|
314
|
+
| `playNext` | `() => void` | 播放下一个 |
|
|
295
315
|
|
|
296
316
|
### PlaybarEvents 事件说明
|
|
297
317
|
|
|
298
318
|
| 事件名称 | 参数类型 | 说明 |
|
|
299
319
|
| ------------- | -------------------------- | -------------- |
|
|
300
320
|
| `register` | `--` | 注册播放器事件 |
|
|
321
|
+
| `ready` | `() => void` | 准备就绪 |
|
|
301
322
|
| `backward` | `(index: number) => void` | 后退操作 |
|
|
302
323
|
| `pause` | `(index: number) => void` | 暂停操作 |
|
|
303
324
|
| `play` | `(index: number) => void` | 播放操作 |
|
|
@@ -337,20 +358,20 @@ type slot= {
|
|
|
337
358
|
|
|
338
359
|
### MapProps 类型说明
|
|
339
360
|
|
|
340
|
-
| 属性 | 类型
|
|
341
|
-
| ---------------------- |
|
|
342
|
-
| `style?` | `CSSProperties`
|
|
343
|
-
| `showRadar?` | `boolean`
|
|
344
|
-
| `showPoint?` | `boolean`
|
|
345
|
-
| `showMarker?` | `boolean`
|
|
346
|
-
| `showDragger?` | `boolean`
|
|
347
|
-
| `minSize?` | `number`
|
|
348
|
-
| `maxSize?` | `number`
|
|
349
|
-
| `size?` | `number`
|
|
350
|
-
| `radarYaw?` | `number`
|
|
351
|
-
| `radarHFov?` | `number`
|
|
352
|
-
| `readonly radarAngle?` | `number`
|
|
353
|
-
| `onPointChange?` | `(point: TrackPoint) => Promise<any>` | - | 小地图上点击轨迹点回调，参数为关闭函数，返回 promise 时 rejected 后停止执行 |
|
|
361
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
362
|
+
| ---------------------- | ------------------------------------------------------------- | ------ | --------------------------------------------------------------------------- |
|
|
363
|
+
| `style?` | `CSSProperties` | - | 地图样式 |
|
|
364
|
+
| `showRadar?` | `boolean` | true | 是否显示雷达 |
|
|
365
|
+
| `showPoint?` | `boolean` | true | 是否显示选中的点 |
|
|
366
|
+
| `showMarker?` | `boolean` | true | 是否显示标记 |
|
|
367
|
+
| `showDragger?` | `boolean` | true | 是否显示拖动按钮 |
|
|
368
|
+
| `minSize?` | `number` | 200 | 最小尺寸 |
|
|
369
|
+
| `maxSize?` | `number` | 500 | 最大尺寸 |
|
|
370
|
+
| `size?` | `number` | 200 | 小地图尺寸 |
|
|
371
|
+
| `radarYaw?` | `number` | 0 | 雷达偏航角 |
|
|
372
|
+
| `radarHFov?` | `number` | 0 | 雷达水平视野角 |
|
|
373
|
+
| `readonly radarAngle?` | `number` | 0 | 雷达角度（只读） |
|
|
374
|
+
| `onPointChange?` | `(point: TrackPoint,markers?: TrackMarker[]) => Promise<any>` | - | 小地图上点击轨迹点回调，参数为关闭函数，返回 promise 时 rejected 后停止执行 |
|
|
354
375
|
|
|
355
376
|
### MapElement 属性/方法说明
|
|
356
377
|
|
|
@@ -420,6 +441,7 @@ export type {
|
|
|
420
441
|
|
|
421
442
|
// 配置相关类型导出
|
|
422
443
|
export type {
|
|
444
|
+
AppSetting, /** 应用设置 */
|
|
423
445
|
PanoramaSize, // 全景图尺寸
|
|
424
446
|
RealseeSetting, // Realsee 配置
|
|
425
447
|
SearchInfo, // 搜索信息
|
|
@@ -437,10 +459,10 @@ export type {
|
|
|
437
459
|
UpdatableMarkerProps, // 可更新的标记属性
|
|
438
460
|
MarkerProps, // 标记属性
|
|
439
461
|
MarkerElement, // 标记元素类型
|
|
440
|
-
//
|
|
441
|
-
UpdatableViewerProps, //
|
|
442
|
-
ViewerProps, //
|
|
443
|
-
ViewerElement, //
|
|
462
|
+
// 视图相关
|
|
463
|
+
UpdatableViewerProps, // 可更新的视图属性
|
|
464
|
+
ViewerProps, // 视图属性
|
|
465
|
+
ViewerElement, // 视图元素类型
|
|
444
466
|
// 地图相关
|
|
445
467
|
UpdatableMapProps, // 可更新的地图属性
|
|
446
468
|
MapProps, // 地图属性
|
|
@@ -455,7 +477,7 @@ export type {
|
|
|
455
477
|
export {
|
|
456
478
|
REALSEE_SETTING, // Realsee 默认设置
|
|
457
479
|
REALSEE_CONFIG, // Realsee 全局配置
|
|
458
|
-
VIEWER_CONFIG, //
|
|
480
|
+
VIEWER_CONFIG, // 视图默认配置
|
|
459
481
|
MARKER_CONFIG, // 标记默认配置
|
|
460
482
|
PLAYBAR_CONFIG, // 播放控制条默认配置
|
|
461
483
|
MAP_CONFIG, // 地图默认配置
|
package/dist/index.css
CHANGED
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
* Photo Sphere Viewer / Markers Plugin 5.14.0
|
|
8
8
|
* @copyright 2015-2025 Damien "Mistic" Sorel
|
|
9
9
|
* @licence MIT (https://opensource.org/licenses/MIT)
|
|
10
|
-
*/.psv-container{--psv-markers-plugin-loaded: true}.psv-markers{pointer-events:none;position:absolute;z-index:10;width:100%;height:100%}.psv-markers-css3d-container{position:absolute;z-index:21}.psv-marker{display:none;pointer-events:auto}.psv-marker--normal{position:absolute;top:0;left:0;z-index:30;overflow:visible;background-size:contain;background-repeat:no-repeat}.psv-marker--css3d{display:block}.vsleem-map-marker[data-v-
|
|
10
|
+
*/.psv-container{--psv-markers-plugin-loaded: true}.psv-markers{pointer-events:none;position:absolute;z-index:10;width:100%;height:100%}.psv-markers-css3d-container{position:absolute;z-index:21}.psv-marker{display:none;pointer-events:auto}.psv-marker--normal{position:absolute;top:0;left:0;z-index:30;overflow:visible;background-size:contain;background-repeat:no-repeat}.psv-marker--css3d{display:block}.vsleem-map-marker[data-v-79e5c590],.map-marker-img[data-v-79e5c590]{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.map-marker-tag[data-v-79e5c590]{display:flex;align-items:center;justify-content:center;width:8px;height:8px;background-color:red;border-radius:50%;color:#fff;font-size:4px}.vsleem-map-point[data-v-77fec65e]{cursor:pointer}.vsleem-map-point[data-v-77fec65e]:hover{fill-opacity:1;stroke:#108ee9!important}.map-wrapper[data-v-8b4f0684]{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:move}.vsleem-map-cad[data-v-4f491d69]{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none}.vsleem-map-dragger .map-dragger-button[data-v-f432df8d]{position:absolute;z-index:2000;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.6;-webkit-user-select:none;user-select:none}.vsleem-map-dragger .map-dragger-button[data-v-f432df8d]:hover{opacity:1}.vsleem-map-dragger .map-dragger-button img[data-v-f432df8d]{width:20px;height:20px;pointer-events:none}.vsleem-map-dragger .collapse[data-v-f432df8d]{top:0;right:0}.vsleem-map-dragger .arraw[data-v-f432df8d]{left:0;bottom:0;cursor:ne-resize}.vsleem-map-tdt[data-v-a8b3fca7]{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none}.vsleem-map[data-v-93ea1f9a]{position:absolute;top:20px;right:20px;display:flex;z-index:200}.vsleem-map-content[data-v-93ea1f9a]{display:flex;flex:1;position:relative;width:100%;height:100%;max-width:calc(100vw - 40px);border-radius:4px;overflow:hidden;background-color:#fff}.vsleem-map-content[data-v-93ea1f9a]:hover{opacity:1!important}.vsleem-playbar-box[data-v-d9b98a6f]{display:flex;font-size:14px}.playbar-box-btns[data-v-d9b98a6f]{display:flex}.playbar-box-caption[data-v-d9b98a6f]{flex:1;display:flex;padding:0 16px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.playbar-box-icon[data-v-d9b98a6f]{width:20px;height:20px}.playbar-box-caption[data-v-d9b98a6f],.playbar-box-button[data-v-d9b98a6f]{display:flex;align-items:center;justify-content:center;min-width:45px;height:45px;color:#fff;cursor:pointer;margin:0 5px;background-color:#091911cc;border-radius:8px;border:2px solid rgba(10,41,17,.3)}.playbar-box-caption.disabled[data-v-d9b98a6f],.playbar-box-button.disabled[data-v-d9b98a6f]{color:#999;cursor:not-allowed}.playbar-box-caption.disabled .playbar-box-icon[data-v-d9b98a6f],.playbar-box-button.disabled .playbar-box-icon[data-v-d9b98a6f]{opacity:.6}@media (max-width: 767px){.vsleem-playbar-box[data-v-d9b98a6f]{flex-direction:column}.vsleem-playbar-box .playbar-box-caption[data-v-d9b98a6f]{flex:none}.vsleem-playbar-box .playbar-box-btns[data-v-d9b98a6f]{justify-content:space-between;margin-top:20px}.vsleem-playbar-box .playbar-box-btns .playbar-box-button[data-v-d9b98a6f]{width:75px}}.vsleem-playbar-silder[data-v-9038462b]{display:inline-block;height:4px;position:relative;z-index:9;width:100%;touch-action:none}.vsleem-playbar-silder .playbar-silder-rail[data-v-9038462b]{position:absolute;z-index:99;height:4px;width:100%;background-color:#fff9;border-radius:2px;cursor:pointer;transition:background-color .3s}.vsleem-playbar-silder .playbar-silder-track[data-v-9038462b]{position:absolute;z-index:99;background:#5bb36f;border-radius:4px;height:4px;cursor:pointer;transition:background .3s;pointer-events:none}.vsleem-playbar-silder .playbar-silder-step[data-v-9038462b]{position:absolute;background:transparent;width:100%;height:4px;z-index:100;cursor:pointer}.vsleem-playbar-silder .trackTransition[data-v-9038462b]{transition:left .2s,width .2s,background .3s}.vsleem-playbar-silder:hover .playbar-silder-rail[data-v-9038462b]{background:#e3e3e3}.vsleem-playbar-silder:hover .playbar-silder-track[data-v-9038462b]{background:#5bb36f}.vsleem-playbar-silder .playbar-silder-handle[data-v-9038462b]{position:absolute;z-index:999;width:14px;height:14px;top:50%;background:#fff;border:2px solid rgba(91,179,111,.8);border-radius:50%;cursor:pointer;transition:width .3s,height .3s,border-color .3s,border-width .3s,transform .3s cubic-bezier(.18,.9,.32,1.28)}.vsleem-playbar-silder .playbar-silder-handle .vsleem-handle-tooltip[data-v-9038462b]{position:relative;display:inline-block;padding:6px 8px;font-size:14px;color:#fff;line-height:20px;text-align:center;min-width:32px;border-radius:6px;transform:translate(-50%,-50%) scale(.8);top:-30px;left:50%;background:#0009;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:transform .25s,opacity .25s}.vsleem-playbar-silder .playbar-silder-handle .vsleem-handle-tooltip .vsleem-content[data-v-9038462b]{white-space:nowrap}.vsleem-playbar-silder .playbar-silder-handle .vsleem-handle-tooltip .vsleem-arrow[data-v-9038462b]{position:absolute;z-index:9;left:50%;bottom:0;transform:translate(-50%) translateY(100%) rotate(180deg);display:block;pointer-events:none;width:16px;height:16px;overflow:hidden}.vsleem-playbar-silder .playbar-silder-handle .vsleem-handle-tooltip .vsleem-arrow[data-v-9038462b]:before{position:absolute;bottom:-1px;inset-inline-start:0;width:16px;height:8px;background-color:#0009;clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");content:""}.vsleem-playbar-silder .playbar-silder-handle .vsleem-handle-tooltip .vsleem-arrow[data-v-9038462b]:after{position:absolute;width:9px;height:9px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px #0000001a;z-index:0;background:transparent;content:""}.vsleem-playbar-silder .playbar-silder-handle .hover-focus-handle[data-v-9038462b]{border-color:#5bb36f;outline:none}.vsleem-playbar-silder .playbar-silder-handle.touch-handle .vsleem-handle-tooltip[data-v-9038462b]{opacity:1}.vsleem-playbar-silder .playbar-silder-handle.mouse-handle[data-v-9038462b]:hover{border-color:#5bb36f;outline:none}.vsleem-playbar-silder .playbar-silder-handle.mouse-handle:hover .vsleem-handle-tooltip[data-v-9038462b]{pointer-events:auto;opacity:1;transform:translate(-50%,-50%) scale(1)}.vsleem-playbar-silder .playbar-silder-handle.mouse-handle[data-v-9038462b]:focus{border-color:#5bb36f;outline:none}.vsleem-playbar-silder .handleTransition[data-v-9038462b]{transition:left .2s}.disabled .playbar-silder-rail[data-v-9038462b]{cursor:not-allowed;background:#0000000f}.disabled .playbar-silder-track[data-v-9038462b]{background:#00000040}.disabled .playbar-silder-handle[data-v-9038462b]{border-color:#00000040;cursor:not-allowed}.disabled .playbar-silder-handle[data-v-9038462b]:hover{width:14px;height:14px;border-width:2px;border-color:#00000040}.disabled .playbar-silder-handle[data-v-9038462b]:focus{width:14px;height:14px;border-width:2px;border-color:#00000040}.disabled:hover .playbar-silder-rail[data-v-9038462b]{background:#0000000f}.disabled:hover .playbar-silder-track[data-v-9038462b]{background:#00000040}.vsleem-playbar[data-v-78ea95cf]{max-width:600px;width:100%;padding:0 20px;position:absolute;left:50%;bottom:20px;transform:translate(-50%);-webkit-user-select:none;user-select:none;z-index:100}.vsleem-playbar .vsleem-silder[data-v-78ea95cf]{width:calc(100% - 20px);margin:0 10px 10px}.vsleem-playbar .vsleem-player[data-v-78ea95cf]{margin-top:8px}.vsleem-viewer[data-v-cc4956a7]{width:100%;height:100%}.psv-markers{-webkit-user-select:none;user-select:none;position:absolute;z-index:10;width:100%;height:100%;cursor:pointer}.psv-markers-svg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.psv-marker{display:none}.psv-marker--normal{position:absolute;top:0;left:0;z-index:30;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.psv-marker--transparent{display:block;opacity:0}.psv-marker--visible{display:block}.psv-marker--has-tooltip,.psv-marker--has-content{cursor:pointer}.psv-overlay{z-index:99!important}.vsleem-realsee[data-v-cacd6f9c]{position:relative;width:100%;height:100%;overflow:hidden}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
/** 组件导出 */
|
|
2
|
-
export { Map, Playbar,
|
|
2
|
+
export { Map, Playbar, Realsee as RealseePlugin, Viewer } from './components';
|
|
3
3
|
export { default as Realsee } from './components/Realsee.vue';
|
|
4
4
|
/** 核心类导出 */
|
|
5
|
-
export {
|
|
5
|
+
export { TrackMarker, TrackPoint, TrackRecord } from './core';
|
|
6
6
|
/** 钩子函数导出 */
|
|
7
7
|
export { useRealsee } from './hooks/useRealsee';
|
|
8
8
|
/** 数据模型类型导出 */
|
|
9
|
-
export type {
|
|
9
|
+
export type { TrackMarkerModel /** 轨迹标记模型 */, TrackPointModel /** 轨迹点模型 */, TrackRecordModel /** 轨迹记录模型 */, } from './types';
|
|
10
10
|
/** 配置相关类型导出 */
|
|
11
|
-
export type {
|
|
11
|
+
export type { AppSetting /** 应用设置 */, MarkerOptions /** 标记选项 */, PanoramaOptions /** 全景图选项 */, PanoramaSize /** 全景图尺寸 */, RealseeSetting /** Realsee 配置 */, SearchInfo /** 搜索信息 */, ViewerOptions /** 视图选项 */, } from './types';
|
|
12
12
|
/** 组件属性类型导出 */
|
|
13
|
-
export type {
|
|
13
|
+
export type { MapElement /** 地图元素类型 */, MapProps /** 地图属性 */, MarkerElement /** 标记元素类型 */, MarkerProps /** 标记属性 */, PlaybarElement /** 播放控制条元素类型 */, PlaybarProps /** 播放控制条属性 */, RealseeElement /** Realsee 元素类型 */,
|
|
14
14
|
/** Realsee 相关 */
|
|
15
|
-
RealseeProps /** Realsee 组件属性 */,
|
|
16
|
-
/** 标记相关 */
|
|
17
|
-
UpdatableMarkerProps /** 可更新的标记属性 */, MarkerProps /** 标记属性 */, MarkerElement /** 标记元素类型 */,
|
|
18
|
-
/** 查看器相关 */
|
|
19
|
-
UpdatableViewerProps /** 可更新的查看器属性 */, ViewerProps /** 查看器属性 */, ViewerElement /** 查看器元素类型 */,
|
|
15
|
+
RealseeProps /** Realsee 组件属性 */, RealseeStore /** Realsee 状态管理元素类型 */,
|
|
20
16
|
/** 地图相关 */
|
|
21
|
-
UpdatableMapProps /** 可更新的地图属性 */,
|
|
17
|
+
UpdatableMapProps /** 可更新的地图属性 */,
|
|
18
|
+
/** 标记相关 */
|
|
19
|
+
UpdatableMarkerProps /** 可更新的标记属性 */,
|
|
22
20
|
/** 播放控制条相关 */
|
|
23
|
-
UpdatablePlaybarProps /** 可更新的播放控制条属性 */,
|
|
21
|
+
UpdatablePlaybarProps /** 可更新的播放控制条属性 */,
|
|
22
|
+
/** 视图相关 */
|
|
23
|
+
UpdatableViewerProps /** 可更新的视图属性 */, ViewerElement /** 视图元素类型 */, ViewerProps /** 视图属性 */, } from './types';
|
|
24
24
|
/** 配置常量导出 */
|
|
25
|
-
export {
|
|
25
|
+
export { MAP_CONFIG /** 地图默认配置 */, MARKER_CONFIG /** 标记默认配置 */, PLAYBAR_CONFIG /** 播放控制条默认配置 */, REALSEE_CONFIG /** Realsee 全局配置 */, REALSEE_SETTING /** Realsee 默认设置 */, VIEWER_CONFIG /** 视图默认配置 */, } from './settings';
|