@shjjs/visual-ui 1.0.39 → 1.0.40
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/es/commons/core/earth/main.vue.mjs +7 -7
- package/es/commons/core/useChart.mjs +301 -301
- package/es/commons/utils/parseDataset.mjs +19 -19
- package/es/commons/utils/typescript.d.ts +5 -5
- package/es/components/chart/commons/components/common-chart/index.vue.mjs +269 -269
- package/es/components/chart/commons/components/common-chart-map/index.vue.mjs +247 -247
- package/es/components/chart/commons/hooks/useChart.mjs +316 -316
- package/es/components/chart-other-candlestick-basic/index.vue.mjs +261 -261
- package/es/components/chart-other-candlestick-demo/index.vue.mjs +260 -260
- package/es/components/chart-other-candlestick-shanghai/index.vue.mjs +260 -260
- package/es/components/chart-other-circular-graph/index.vue.mjs +260 -260
- package/es/components/chart-other-force/index.vue.mjs +260 -260
- package/es/components/chart-other-force2/index.vue.mjs +260 -260
- package/es/components/chart-other-funnel/index.vue.mjs +260 -260
- package/es/components/chart-other-funnel-contrast/index.vue.mjs +260 -260
- package/es/components/chart-other-funnel-split/index.vue.mjs +260 -260
- package/es/components/chart-other-funnel2/index.vue.mjs +260 -260
- package/es/components/chart-other-gauge/index.vue.mjs +260 -260
- package/es/components/chart-other-gauge-grade/index.vue.mjs +260 -260
- package/es/components/chart-other-gauge-stage/index.vue.mjs +260 -260
- package/es/components/chart-other-graph-basic/index.vue.mjs +260 -260
- package/es/components/chart-other-graph-basic2/index.vue.mjs +260 -260
- package/es/components/chart-other-graph-calendar/index.vue.mjs +260 -260
- package/es/components/chart-other-grid-percentage/index.vue.mjs +266 -266
- package/es/components/chart-other-heatmap/index.vue.mjs +260 -260
- package/es/components/chart-other-label-gauge/index.vue.mjs +262 -262
- package/es/components/chart-other-liquidfill/index.vue.mjs +259 -259
- package/es/components/chart-other-parallel-basic/index.vue.mjs +260 -260
- package/es/components/chart-other-parallel-mul/index.vue.mjs +260 -260
- package/es/components/chart-other-radar/index.vue.mjs +281 -281
- package/es/components/chart-other-radar-stack/index.vue.mjs +261 -261
- package/es/components/chart-other-sunburst-basic/index.vue.mjs +260 -260
- package/es/components/chart-other-sunburst-basic2/index.vue.mjs +260 -260
- package/es/components/chart-other-sunburst-basic3/index.vue.mjs +260 -260
- package/es/components/chart-other-sunburst-basic4/index.vue.mjs +260 -260
- package/es/components/chart-other-sunburst-book/index.vue.mjs +260 -260
- package/es/components/chart-other-sunburst-flavors/index.vue.mjs +260 -260
- package/es/components/chart-other-sunburst-radius/index.vue.mjs +260 -260
- package/es/components/chart-other-theme-river/index.vue.mjs +265 -265
- package/es/components/chart-other-tree/index.vue.mjs +259 -259
- package/es/components/chart-other-tree-line/index.vue.mjs +259 -259
- package/es/components/chart-other-treemap/index.vue.mjs +259 -259
- package/es/components/chart-other-treemap-basic/index.vue.mjs +259 -259
- package/es/components/chart-other-word-cloud/index.vue.mjs +259 -259
- package/es/components/commons/custom-component-render/index.d.ts +76 -76
- package/es/components/commons/custom-component-render/index.vue.d.ts +76 -76
- package/es/components/commons/custom-component-render/index.vue.mjs +7 -7
- package/es/components/commons/custom-component-render/index.vue2.mjs +280 -280
- package/es/components/commons-echarts/compileAndRunEcharts.mjs +279 -279
- package/es/components/commons-gaussian-splatting-view/index.vue.mjs +7 -7
- package/es/components/commons-loop-iterator/index.vue.mjs +7 -7
- package/es/components/commons-loop-iterator/index.vue2.mjs +315 -315
- package/es/components/commons-product-model/index.vue.mjs +7 -7
- package/es/components/commons-product-model/index.vue2.mjs +424 -424
- package/es/components/commons-qrcode/index.vue.d.ts +90 -90
- package/es/components/commons-qrcode/index.vue.mjs +7 -7
- package/es/components/commons-three-loader/index.vue.mjs +7 -7
- package/es/components/commons-three-loader/index.vue2.mjs +410 -410
- package/es/components/commons-three-loader3/index.vue.mjs +7 -7
- package/es/components/commons-three-loader3/index.vue2.mjs +387 -387
- package/es/components/commons-weather/index.vue.mjs +7 -7
- package/es/components/commons-weather/index.vue2.mjs +297 -297
- package/es/components/commons-weather-dynamic/index.vue.mjs +7 -7
- package/es/components/commons-weather-dynamic/index.vue2.mjs +305 -305
- package/es/components/graphical-circle/index.vue.mjs +7 -7
- package/es/components/graphical-diamond/index.vue.mjs +7 -7
- package/es/components/graphical-hexagon/index.vue.mjs +7 -7
- package/es/components/graphical-isosceles-triangle/index.vue.mjs +7 -7
- package/es/components/graphical-pentagon/index.vue.mjs +7 -7
- package/es/components/graphical-rect/index.vue.mjs +7 -7
- package/es/components/graphical-right-triangle/index.vue.mjs +7 -7
- package/es/components/index.d.ts +113 -113
- package/es/components/index.mjs +364 -364
- package/es/components/interaction/button/index.vue.mjs +7 -7
- package/es/components/interaction/button/index.vue2.mjs +280 -280
- package/es/components/interaction/date-picker/components/common-date-picker/index.vue.mjs +7 -7
- package/es/components/interaction/date-picker/components/common-date-picker/index.vue2.mjs +409 -409
- package/es/components/interaction/date-picker/src/date-picker/index.d.ts +186 -186
- package/es/components/interaction/date-picker/src/date-picker/index.vue.d.ts +186 -186
- package/es/components/interaction/date-picker/src/date-picker-range/index.d.ts +186 -186
- package/es/components/interaction/date-picker/src/date-picker-range/index.vue.d.ts +186 -186
- package/es/components/interaction/tabs/index.vue.mjs +272 -272
- package/es/components/interaction/tabs-icon/index.vue.mjs +277 -277
- package/es/components/interaction-button/index.vue.mjs +7 -7
- package/es/components/interaction-button-image/index.vue.mjs +7 -7
- package/es/components/interaction-button-refresh/index.vue.mjs +7 -7
- package/es/components/interaction-data-picker/index.vue.mjs +7 -7
- package/es/components/interaction-input/index.vue.mjs +7 -7
- package/es/components/interaction-input/index.vue2.mjs +286 -286
- package/es/components/interaction-select/index.vue.mjs +7 -7
- package/es/components/interaction-select/index.vue2.mjs +422 -422
- package/es/components/interaction-slider/index.vue.mjs +7 -7
- package/es/components/interaction-slider/index.vue2.mjs +283 -283
- package/es/components/interaction-switch/index.vue.mjs +7 -7
- package/es/components/interaction-switch/index.vue2.mjs +244 -244
- package/es/components/interaction-tabs/index.vue.mjs +7 -7
- package/es/components/interaction-tabs/index.vue2.mjs +255 -255
- package/es/components/interaction-tabs2/index.vue.mjs +7 -7
- package/es/components/interaction-tabs2/index.vue2.mjs +255 -255
- package/es/components/map-earth-basic/index.vue.mjs +332 -332
- package/es/components/map-earth-cool-tech/index.vue.mjs +332 -332
- package/es/components/map-earth-fly-line/index.vue.mjs +332 -332
- package/es/components/map-earth-hacker/index.vue.mjs +332 -332
- package/es/components/map-earth-particle/index.vue.mjs +332 -332
- package/es/components/media-audio/index.vue.mjs +7 -7
- package/es/components/media-audio/index.vue2.mjs +277 -277
- package/es/components/media-audio-dynamic/index.vue.mjs +7 -7
- package/es/components/media-audio-dynamic/index.vue2.mjs +296 -296
- package/es/components/media-carousel/index.vue.mjs +7 -7
- package/es/components/media-carousel-slides/index.vue.mjs +7 -7
- package/es/components/media-flv/index.vue.mjs +284 -284
- package/es/components/media-iframe/index.vue.mjs +7 -7
- package/es/components/media-iframe/index.vue2.mjs +217 -217
- package/es/components/media-iframe-carousel/index.vue.mjs +7 -7
- package/es/components/media-iframe-dynamic/index.vue.mjs +7 -7
- package/es/components/media-iframe-dynamic/index.vue2.mjs +261 -261
- package/es/components/media-image/index.vue.mjs +7 -7
- package/es/components/media-image-dynamic/index.vue.mjs +7 -7
- package/es/components/media-image-dynamic/index.vue2.mjs +236 -236
- package/es/components/media-m3u8/index.vue.mjs +302 -302
- package/es/components/media-m3u8-dynamic/index.vue.mjs +319 -319
- package/es/components/media-video/index.vue.mjs +7 -7
- package/es/components/media-video/index.vue2.mjs +258 -258
- package/es/components/media-video-dynamic/index.vue.mjs +7 -7
- package/es/components/media-video-dynamic/index.vue2.mjs +280 -280
- package/es/components/media-wavesurfer/index.vue.mjs +7 -7
- package/es/components/scene-amap2d/index.vue.mjs +7 -7
- package/es/components/scene-amap2d/index.vue2.mjs +627 -627
- package/es/components/scene-amap3d/index.vue.mjs +7 -7
- package/es/components/scene-amap3d/index.vue2.mjs +752 -752
- package/es/components/scene-default/index.vue.mjs +7 -7
- package/es/components/scene-default/index.vue2.mjs +221 -221
- package/es/components/scene-map3d/index.vue.mjs +8 -8
- package/es/components/scene-map3d/index.vue2.mjs +480 -480
- package/es/components/scene-ue-iframe/index.vue.mjs +7 -7
- package/es/components/scene-ue-iframe/index.vue2.mjs +242 -242
- package/es/components/scene-ue-shj/index.vue.mjs +7 -7
- package/es/components/scene-ue-shj/index.vue2.mjs +219 -219
- package/es/components/scene-unity-iframe/index.vue.mjs +7 -7
- package/es/components/scene-unity-iframe/index.vue2.mjs +224 -224
- package/es/components/scene-unity-webgl/index.vue.mjs +7 -7
- package/es/components/scene-unity-webgl/index.vue2.mjs +226 -226
- package/es/components/scene-vr/index.d.ts +101 -101
- package/es/components/scene-vr/index.vue.d.ts +102 -102
- package/es/components/scene-vr/index.vue.mjs +7 -7
- package/es/components/scene-vr/index.vue2.mjs +543 -543
- package/es/components/text/list/index.vue.mjs +295 -295
- package/es/components/text-carousel/index.vue.mjs +7 -7
- package/es/components/text-count-down/index.vue.mjs +7 -7
- package/es/components/text-count-down/index.vue2.mjs +284 -284
- package/es/components/text-over-number/index.vue.mjs +7 -7
- package/es/components/text-over-number/index.vue2.mjs +286 -286
- package/es/components/text-real-time/index.vue.mjs +7 -7
- package/es/components/text-real-time/index.vue2.mjs +241 -241
- package/es/components/text-row-scroll/index.vue.mjs +7 -7
- package/es/components/text-row-scroll/index.vue2.mjs +352 -352
- package/es/components/text-table-basic/index.vue.mjs +7 -7
- package/es/components/text-table-basic/index.vue2.mjs +366 -366
- package/es/components/text-table-scroll/index.vue.mjs +7 -7
- package/es/components/text-table-scroll/index.vue2.mjs +356 -356
- package/es/components/text-text-basic/index.vue.mjs +7 -7
- package/es/components/text-text-dynamic/index.vue.mjs +7 -7
- package/es/components/text-text-dynamic/index.vue2.mjs +242 -242
- package/es/components/text-title/index.vue.mjs +7 -7
- package/es/index.mjs +388 -388
- package/es/plugins/datasource/index.mjs +216 -216
- package/es/widgets.css +1 -1
- package/package.json +2 -2
- package/umd/index.js +33660 -0
- package/umd/widgets.css +1 -0
|
@@ -1,480 +1,480 @@
|
|
|
1
|
-
import { defineComponent as P, ref as f, onMounted as Q, onBeforeUnmount as X, computed as Y, watch as b, createElementBlock as c, openBlock as u, normalizeClass as L, createCommentVNode as E, normalizeStyle as y, Fragment as R, renderList as T, createElementVNode as I, toDisplayString as w, unref as Z } from "vue";
|
|
2
|
-
import { cloneDeep as d, isEqual as k } from "lodash";
|
|
3
|
-
import $ from "gsap";
|
|
4
|
-
import { useFps as x } from "@vueuse/core";
|
|
5
|
-
import { World as ee } from "./map3d/map.mjs";
|
|
6
|
-
import { initWatch as te } from "./watch.mjs";
|
|
7
|
-
import "three";
|
|
8
|
-
import "d3-geo";
|
|
9
|
-
import "three/examples/jsm/controls/OrbitControls";
|
|
10
|
-
import "three/examples/jsm/loaders/GLTFLoader";
|
|
11
|
-
import "three/examples/jsm/loaders/DRACOLoader.js";
|
|
12
|
-
import { createHistory as oe } from "./map3d/mini3d/utils/CreateHistory.mjs";
|
|
13
|
-
import "three/examples/jsm/libs/lil-gui.module.min";
|
|
14
|
-
import "three/examples/jsm/utils/BufferGeometryUtils";
|
|
15
|
-
import "three/examples/jsm/renderers/CSS3DRenderer";
|
|
16
|
-
import "../text-text-basic/index.mjs";
|
|
17
|
-
import "../text-table-basic/index.mjs";
|
|
18
|
-
import "../chart-other-gauge/index.mjs";
|
|
19
|
-
import "../chart-other-gauge-stage/index.mjs";
|
|
20
|
-
import "../chart-other-gauge-grade/index.mjs";
|
|
21
|
-
import "../chart-other-word-cloud/index.mjs";
|
|
22
|
-
import "../chart-other-liquidfill/index.mjs";
|
|
23
|
-
import "../chart-other-funnel/index.mjs";
|
|
24
|
-
import "../chart-other-force/index.mjs";
|
|
25
|
-
import "../chart-other-radar/index.mjs";
|
|
26
|
-
import "../chart-other-funnel-split/index.mjs";
|
|
27
|
-
import "../chart-other-funnel-contrast/index.mjs";
|
|
28
|
-
import "../chart-other-candlestick-basic/index.mjs";
|
|
29
|
-
import "../chart-other-candlestick-shanghai/index.mjs";
|
|
30
|
-
import "../chart-other-candlestick-demo/index.mjs";
|
|
31
|
-
import "../chart-other-heatmap/index.mjs";
|
|
32
|
-
import "../chart-other-force2/index.mjs";
|
|
33
|
-
import "../chart-other-graph-basic/index.mjs";
|
|
34
|
-
import "../chart-other-graph-basic2/index.mjs";
|
|
35
|
-
import "../chart-other-graph-calendar/index.mjs";
|
|
36
|
-
import "../chart-other-tree-line/index.mjs";
|
|
37
|
-
import "../chart-other-treemap-basic/index.mjs";
|
|
38
|
-
import "../chart-other-sunburst-basic/index.mjs";
|
|
39
|
-
import "../chart-other-sunburst-basic2/index.mjs";
|
|
40
|
-
import "../chart-other-sunburst-basic3/index.mjs";
|
|
41
|
-
import "../chart-other-sunburst-basic4/index.mjs";
|
|
42
|
-
import "../chart-other-sunburst-book/index.mjs";
|
|
43
|
-
import "../chart-other-sunburst-radius/index.mjs";
|
|
44
|
-
import "../chart-other-sunburst-flavors/index.mjs";
|
|
45
|
-
import "../chart-other-parallel-basic/index.mjs";
|
|
46
|
-
import "../chart-other-parallel-mul/index.mjs";
|
|
47
|
-
import "../chart-other-circular-graph/index.mjs";
|
|
48
|
-
import "../map-earth-basic/index.mjs";
|
|
49
|
-
import "../map-earth-cool-tech/index.mjs";
|
|
50
|
-
import "../map-earth-particle/index.mjs";
|
|
51
|
-
import "../map-earth-hacker/index.mjs";
|
|
52
|
-
import "../map-earth-fly-line/index.mjs";
|
|
53
|
-
import "../chart-other-grid-percentage/index.mjs";
|
|
54
|
-
import "../chart-other-radar-stack/index.mjs";
|
|
55
|
-
import "../chart-other-funnel2/index.mjs";
|
|
56
|
-
import "../chart-other-label-gauge/index.mjs";
|
|
57
|
-
import "../chart-other-theme-river/index.mjs";
|
|
58
|
-
import "../chart-other-tree/index.mjs";
|
|
59
|
-
import "../chart-other-treemap/index.mjs";
|
|
60
|
-
import "../commons-product-model/index.mjs";
|
|
61
|
-
import "../commons-vr-photo/index.mjs";
|
|
62
|
-
import "../commons-vr-video/index.mjs";
|
|
63
|
-
import "../commons-three-loader/index.mjs";
|
|
64
|
-
import "../commons-three-loader3/index.mjs";
|
|
65
|
-
import "../commons-loop-iterator/index.mjs";
|
|
66
|
-
import "../commons-gaussian-splatting-view/index.mjs";
|
|
67
|
-
import "../commons-babylon/index.mjs";
|
|
68
|
-
import "../commons-svg/index.mjs";
|
|
69
|
-
import "../commons-weather/index.mjs";
|
|
70
|
-
import "../commons-weather-dynamic/index.mjs";
|
|
71
|
-
import "../media-wavesurfer/index.mjs";
|
|
72
|
-
import "../interaction-tabs/index.mjs";
|
|
73
|
-
import "../interaction-tabs2/index.mjs";
|
|
74
|
-
import "../interaction-button/index.mjs";
|
|
75
|
-
import "../interaction-button-image/index.mjs";
|
|
76
|
-
import "../interaction-select/index.mjs";
|
|
77
|
-
import "../interaction-input/index.mjs";
|
|
78
|
-
import "../interaction-radio/index.mjs";
|
|
79
|
-
import "../interaction-slider/index.mjs";
|
|
80
|
-
import "../interaction-switch/index.mjs";
|
|
81
|
-
import "../interaction-data-picker/index.mjs";
|
|
82
|
-
import "../interaction-button-refresh/index.mjs";
|
|
83
|
-
import "../media-image/index.mjs";
|
|
84
|
-
import "../text-title/index.mjs";
|
|
85
|
-
import "../commons-qrcode/index.mjs";
|
|
86
|
-
import "../media-video/index.mjs";
|
|
87
|
-
import "../media-audio/index.mjs";
|
|
88
|
-
import "../text-real-time/index.mjs";
|
|
89
|
-
import "../media-carousel/index.mjs";
|
|
90
|
-
import "../media-carousel-slides/index.mjs";
|
|
91
|
-
import "../media-iframe-carousel/index.mjs";
|
|
92
|
-
import "../media-iframe/index.mjs";
|
|
93
|
-
import "../media-m3u8/index.mjs";
|
|
94
|
-
import "../media-m3u8-dynamic/index.mjs";
|
|
95
|
-
import "../media-audio-dynamic/index.mjs";
|
|
96
|
-
import "../media-video-dynamic/index.mjs";
|
|
97
|
-
import "../media-image-dynamic/index.mjs";
|
|
98
|
-
import "../media-iframe-dynamic/index.mjs";
|
|
99
|
-
import "../media-flv/index.mjs";
|
|
100
|
-
import "../commons-echarts/index.mjs";
|
|
101
|
-
import "../text-over-number/index.mjs";
|
|
102
|
-
import "../text-table-scroll/index.mjs";
|
|
103
|
-
import "../text-carousel/index.mjs";
|
|
104
|
-
import "../text-row-scroll/index.mjs";
|
|
105
|
-
import "../text-text-dynamic/index.mjs";
|
|
106
|
-
import "../text-count-down/index.mjs";
|
|
107
|
-
import "../graphical-circle/index.mjs";
|
|
108
|
-
import "../graphical-diamond/index.mjs";
|
|
109
|
-
import "../graphical-hexagon/index.mjs";
|
|
110
|
-
import "../graphical-isosceles-triangle/index.mjs";
|
|
111
|
-
import "../graphical-pentagon/index.mjs";
|
|
112
|
-
import "../graphical-rect/index.mjs";
|
|
113
|
-
import "../graphical-right-triangle/index.mjs";
|
|
114
|
-
import "./index.mjs";
|
|
115
|
-
import "../scene-amap2d/index.mjs";
|
|
116
|
-
import "../scene-amap3d/index.mjs";
|
|
117
|
-
import "../scene-vr/index.mjs";
|
|
118
|
-
import "../scene-unity-iframe/index.mjs";
|
|
119
|
-
import "../scene-unity-webgl/index.mjs";
|
|
120
|
-
import "../scene-ue-iframe/index.mjs";
|
|
121
|
-
import "../scene-ue-shj/index.mjs";
|
|
122
|
-
import "../scene-default/index.mjs";
|
|
123
|
-
import "../interaction/tabs/index.mjs";
|
|
124
|
-
import "../interaction/tabs-icon/index.mjs";
|
|
125
|
-
import "../interaction/button/index.mjs";
|
|
126
|
-
import "../interaction/date-picker/src/date-picker/index.mjs";
|
|
127
|
-
import "../interaction/date-picker/src/date-picker-range/index.mjs";
|
|
128
|
-
import "../text/list/index.mjs";
|
|
129
|
-
import "../chart/src/bar/basic/index.mjs";
|
|
130
|
-
import "../chart/src/bar/animation/index.mjs";
|
|
131
|
-
import "../chart/src/bar/contrast/index.mjs";
|
|
132
|
-
import "../chart/src/bar/contrast2/index.mjs";
|
|
133
|
-
import "../chart/src/bar/contrast3/index.mjs";
|
|
134
|
-
import "../chart/src/bar/gradient-column-chart/index.mjs";
|
|
135
|
-
import "../chart/src/bar/horizontal/index.mjs";
|
|
136
|
-
import "../chart/src/bar/horizontal-stack/index.mjs";
|
|
137
|
-
import "../chart/src/bar/line-bar/index.mjs";
|
|
138
|
-
import "../chart/src/bar/line-bar2/index.mjs";
|
|
139
|
-
import "../chart/src/bar/loop/index.mjs";
|
|
140
|
-
import "../chart/src/bar/mini/index.mjs";
|
|
141
|
-
import "../chart/src/bar/polar/index.mjs";
|
|
142
|
-
import "../chart/src/bar/polar-stack/index.mjs";
|
|
143
|
-
import "../chart/src/bar/polar2/index.mjs";
|
|
144
|
-
import "../chart/src/bar/radius-circle/index.mjs";
|
|
145
|
-
import "../chart/src/bar/rank/index.mjs";
|
|
146
|
-
import "../chart/src/bar/segmented-progress/index.mjs";
|
|
147
|
-
import "../chart/src/bar/spire/index.mjs";
|
|
148
|
-
import "../chart/src/bar/stack/index.mjs";
|
|
149
|
-
import "../chart/src/bar/stack-line/index.mjs";
|
|
150
|
-
import "../chart/src/bar/stack2/index.mjs";
|
|
151
|
-
import "../chart/src/bar/stack3/index.mjs";
|
|
152
|
-
import "../chart/src/bar/staggered/index.mjs";
|
|
153
|
-
import "../chart/src/bar/three/index.mjs";
|
|
154
|
-
import "../chart/src/bar/waterfall/index.mjs";
|
|
155
|
-
import "../chart/src/bar/zebra/index.mjs";
|
|
156
|
-
import "../chart/src/line/area-gradient/index.mjs";
|
|
157
|
-
import "../chart/src/line/area-highlight/index.mjs";
|
|
158
|
-
import "../chart/src/line/area-highlight2/index.mjs";
|
|
159
|
-
import "../chart/src/line/basic/index.mjs";
|
|
160
|
-
import "../chart/src/line/bump/index.mjs";
|
|
161
|
-
import "../chart/src/line/dashed/index.mjs";
|
|
162
|
-
import "../chart/src/line/ladder/index.mjs";
|
|
163
|
-
import "../chart/src/line/logarithm/index.mjs";
|
|
164
|
-
import "../chart/src/line/multix/index.mjs";
|
|
165
|
-
import "../chart/src/line/polar-double/index.mjs";
|
|
166
|
-
import "../chart/src/line/rain-flow/index.mjs";
|
|
167
|
-
import "../chart/src/line/scale/index.mjs";
|
|
168
|
-
import "../chart/src/line/smooth/index.mjs";
|
|
169
|
-
import "../chart/src/line/smooth-area/index.mjs";
|
|
170
|
-
import "../chart/src/line/stack/index.mjs";
|
|
171
|
-
import "../chart/src/line/stack-area/index.mjs";
|
|
172
|
-
import "../chart/src/line/temp/index.mjs";
|
|
173
|
-
import "../chart/src/line/vertical/index.mjs";
|
|
174
|
-
import "../chart/src/map/basic/index.mjs";
|
|
175
|
-
import "../chart/src/map/bmap-basic/index.mjs";
|
|
176
|
-
import "../chart/src/map/bmap-heatmap/index.mjs";
|
|
177
|
-
import "../chart/src/map/bmap-rich/index.mjs";
|
|
178
|
-
import "../chart/src/map/customize/index.mjs";
|
|
179
|
-
import "../chart/src/map/lines/index.mjs";
|
|
180
|
-
import "../chart/src/map/scatter/index.mjs";
|
|
181
|
-
import "../chart/src/pie/3d/index.mjs";
|
|
182
|
-
import "../chart/src/pie/basic/index.mjs";
|
|
183
|
-
import "../chart/src/pie/basic2/index.mjs";
|
|
184
|
-
import "../chart/src/pie/customized/index.mjs";
|
|
185
|
-
import "../chart/src/pie/index/index.mjs";
|
|
186
|
-
import "../chart/src/pie/interval/index.mjs";
|
|
187
|
-
import "../chart/src/pie/legend-scroll/index.mjs";
|
|
188
|
-
import "../chart/src/pie/radius/index.mjs";
|
|
189
|
-
import "../chart/src/pie/rose/index.mjs";
|
|
190
|
-
import "../chart/src/pie/round/index.mjs";
|
|
191
|
-
import "../chart/src/pie/sunburst/index.mjs";
|
|
192
|
-
import "../chart/src/scatter/basic/index.mjs";
|
|
193
|
-
import "../chart/src/scatter/basic2/index.mjs";
|
|
194
|
-
import "../chart/src/scatter/bubble/index.mjs";
|
|
195
|
-
import "../chart/src/scatter/ripples/index.mjs";
|
|
196
|
-
import "../commons/custom-component-render/index.mjs";
|
|
197
|
-
/* empty css */
|
|
198
|
-
/* empty css */
|
|
199
|
-
import { SHJDatasourceV2 as re } from "../../plugins/datasource/index.mjs";
|
|
200
|
-
import { SHJParseEvent as n } from "../../plugins/event/index.mjs";
|
|
201
|
-
import { autoInstallFont as H, jsonToCssStyle as O } from "../../commons/utils/json2css.mjs";
|
|
202
|
-
const ie = { class: "value" }, ae = ["onClick"], le = {
|
|
203
|
-
key: 3,
|
|
204
|
-
class: "fps"
|
|
205
|
-
}, ne = P({ name: "zv-scene-map3d" }), Kr = /* @__PURE__ */ P({
|
|
206
|
-
...ne,
|
|
207
|
-
props: {
|
|
208
|
-
basicOption: {},
|
|
209
|
-
sources: {},
|
|
210
|
-
useEvents: {},
|
|
211
|
-
uuid: {}
|
|
212
|
-
},
|
|
213
|
-
emits: [
|
|
214
|
-
"on-loaded",
|
|
215
|
-
"on-animated",
|
|
216
|
-
"on-drill-down",
|
|
217
|
-
"on-area-mouseover",
|
|
218
|
-
"on-area-mouseout",
|
|
219
|
-
"on-area-click",
|
|
220
|
-
"on-bar-click",
|
|
221
|
-
"on-scatter-click",
|
|
222
|
-
"on-flyline-click",
|
|
223
|
-
"on-return",
|
|
224
|
-
"on-data-change"
|
|
225
|
-
],
|
|
226
|
-
setup(V, { expose: N, emit: j }) {
|
|
227
|
-
const r = V, p = j;
|
|
228
|
-
n.parseEvents(r.useEvents, "on-page-loaded", null);
|
|
229
|
-
const i = f(), C = f(!1), B = f(!1), S = "zerov-map3d-scene", A = "zerov-map3d-scene-wrap", a = new oe(), v = f(!1), h = (e = !0) => {
|
|
230
|
-
i.value.cleanAllBar(), i.value.cleanAllScatter(), i.value.cleanAllFlyLine(), i.value.createAllRegionalLevel(), r.sources && r.sources.length > 0 && re.parse({
|
|
231
|
-
tId: r.uuid,
|
|
232
|
-
sources: r.sources,
|
|
233
|
-
callback: (o) => {
|
|
234
|
-
try {
|
|
235
|
-
const t = r.basicOption.widgets && r.basicOption.widgets.find((s) => s._sourceId === o.id);
|
|
236
|
-
t && t.type === "bar" && i.value.createBar(t, o.data[0].data, !0, e), t && t.type === "scatter" && i.value.createScatter(t, o.data[0].data, !0, e), t && t.type === "flyline" && i.value.createFlyLine(t, o.data[0].data, !0, e), t && t.type === "regionalLevel" && i.value.createRegionalLevel(t, o.data[0].data, !0, e), e && (i.value.createBarTimeLine(), i.value.createScatterTimeLine(), i.value.createFlyLineTimeLine(), i.value.createRegionalLevelTimeLine()), p("on-data-change", o), n.parseEvents(r.useEvents, "on-data-change", o);
|
|
237
|
-
} catch {
|
|
238
|
-
p("on-data-change", null), n.parseEvents(r.useEvents, "on-data-change", null);
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
});
|
|
242
|
-
}, D = () => {
|
|
243
|
-
try {
|
|
244
|
-
document.getElementById(S) && document.getElementById(A).removeChild(document.getElementById(S));
|
|
245
|
-
const e = document.createElement("canvas");
|
|
246
|
-
e.id = S, e.className = "zerov-map-3d", e.style.width = "100%", e.style.height = "100%", document.getElementById(A).appendChild(e);
|
|
247
|
-
} catch {
|
|
248
|
-
}
|
|
249
|
-
}, g = (e) => (C.value = !1, B.value = !1, i.value && (i.value.destroy(), i.value = null), D(), new ee(document.getElementById(S), { geoProjectionCenter: [108.55, 36.32] }, e, {
|
|
250
|
-
onAreaMouseover: (t) => {
|
|
251
|
-
p("on-area-mouseover", t), n.parseEvents(r.useEvents, "on-area-mouseover", t);
|
|
252
|
-
},
|
|
253
|
-
onAreaMouseout: (t) => {
|
|
254
|
-
p("on-area-mouseout", t), n.parseEvents(r.useEvents, "on-area-mouseout", t);
|
|
255
|
-
},
|
|
256
|
-
onLoadChild: (t) => {
|
|
257
|
-
if (p("on-area-click", t), n.parseEvents(r.useEvents, "on-area-click", t), t.adcode !== a.present && r.basicOption.scene.isDrilling && r.basicOption.scene.defaultMapAdcode !== 1) {
|
|
258
|
-
p("on-drill-down", t), n.parseEvents(r.useEvents, "on-drill-down", t);
|
|
259
|
-
const s = d(r.basicOption);
|
|
260
|
-
s.scene.defaultMapAdcode = t.adcode, i.value = g(s), a.push(t.adcode), a.past.length <= 0 ? v.value = !1 : v.value = !0;
|
|
261
|
-
}
|
|
262
|
-
},
|
|
263
|
-
onMapSuccess: () => {
|
|
264
|
-
C.value = !0, p("on-loaded"), n.parseEvents(r.useEvents, "on-loaded", null);
|
|
265
|
-
},
|
|
266
|
-
onMapAnimationSuccess: () => {
|
|
267
|
-
h(), B.value = !0, p("on-animated"), n.parseEvents(r.useEvents, "on-animated", null);
|
|
268
|
-
},
|
|
269
|
-
onClickBar: (t) => {
|
|
270
|
-
p("on-bar-click", t), n.parseEvents(r.useEvents, "on-bar-click", t);
|
|
271
|
-
},
|
|
272
|
-
onClickScatter: (t) => {
|
|
273
|
-
p("on-scatter-click", t), n.parseEvents(r.useEvents, "on-scatter-click", t);
|
|
274
|
-
},
|
|
275
|
-
onClickFlyline: (t) => {
|
|
276
|
-
p("on-flyline-click", t), n.parseEvents(r.useEvents, "on-flyline-click", t);
|
|
277
|
-
}
|
|
278
|
-
}));
|
|
279
|
-
Q(() => {
|
|
280
|
-
setTimeout(() => {
|
|
281
|
-
i.value = g(r.basicOption), a.push(r.basicOption.scene.defaultMapAdcode), te(r, i, g, h, J);
|
|
282
|
-
}, 0), window.addEventListener("resize", () => {
|
|
283
|
-
i.value = g(r.basicOption);
|
|
284
|
-
});
|
|
285
|
-
}), X(() => {
|
|
286
|
-
i.value && i.value.destroy();
|
|
287
|
-
});
|
|
288
|
-
const F = () => {
|
|
289
|
-
p("on-return", {
|
|
290
|
-
parentAdcode: a.past[a.past.length - 1],
|
|
291
|
-
adcode: a.present
|
|
292
|
-
}), n.parseEvents(r.useEvents, "on-return", {
|
|
293
|
-
parentAdcode: a.past[a.past.length - 1],
|
|
294
|
-
adcode: a.present
|
|
295
|
-
}), a.undo();
|
|
296
|
-
const e = d(r.basicOption);
|
|
297
|
-
e.scene.defaultMapAdcode = a.present, i.value = g(e), a.past.length <= 0 ? v.value = !1 : v.value = !0;
|
|
298
|
-
}, J = () => {
|
|
299
|
-
a.empty(), a.push(r.basicOption.scene.defaultMapAdcode), i.value = g(r.basicOption), a.past.length <= 0 ? v.value = !1 : v.value = !0;
|
|
300
|
-
}, U = (e, o, t) => {
|
|
301
|
-
$.timeline().add($.to(i.value.camera.instance.position, {
|
|
302
|
-
duration: 2,
|
|
303
|
-
delay: 0,
|
|
304
|
-
x: e,
|
|
305
|
-
y: o,
|
|
306
|
-
z: t,
|
|
307
|
-
ease: "circ.out"
|
|
308
|
-
}));
|
|
309
|
-
};
|
|
310
|
-
N({
|
|
311
|
-
refresh: () => h(),
|
|
312
|
-
refreshView: () => h(),
|
|
313
|
-
refreshData: () => h(),
|
|
314
|
-
// 返回上一级
|
|
315
|
-
goBack: () => F(),
|
|
316
|
-
// 更新相机位置
|
|
317
|
-
setCameraPosition: (e, o, t) => U(e, o, t)
|
|
318
|
-
});
|
|
319
|
-
const _ = x(), W = f(), q = (e) => {
|
|
320
|
-
if (W.value && e) {
|
|
321
|
-
H(r.basicOption.backButtonCss.fontFamily);
|
|
322
|
-
const o = `url(${e.backgroundImage})`;
|
|
323
|
-
return {
|
|
324
|
-
...O(e),
|
|
325
|
-
left: r.basicOption.backButtonLeft + "%",
|
|
326
|
-
bottom: r.basicOption.backButtonBottom + "%",
|
|
327
|
-
"background-image": o
|
|
328
|
-
};
|
|
329
|
-
}
|
|
330
|
-
return {};
|
|
331
|
-
}, m = f(d(r.basicOption.widgets)), l = Y(() => {
|
|
332
|
-
try {
|
|
333
|
-
const e = m.value.filter((o) => o.type === "regionalLevel");
|
|
334
|
-
return e.length > 0 ? (H(e[0].labelStyle.fontFamily), e[0].isHide ? null : e[0]) : null;
|
|
335
|
-
} catch {
|
|
336
|
-
return null;
|
|
337
|
-
}
|
|
338
|
-
});
|
|
339
|
-
b(() => d(r.basicOption.widgets), (e, o) => {
|
|
340
|
-
try {
|
|
341
|
-
!k(e, o) && i.value && (m.value = d(r.basicOption.widgets));
|
|
342
|
-
} catch {
|
|
343
|
-
}
|
|
344
|
-
}, {
|
|
345
|
-
deep: !0
|
|
346
|
-
}), b(() => d(m.value.filter((e) => e.type === "bar")), (e, o) => {
|
|
347
|
-
try {
|
|
348
|
-
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
349
|
-
i.value.createBar(t, void 0, !1);
|
|
350
|
-
});
|
|
351
|
-
} catch {
|
|
352
|
-
}
|
|
353
|
-
}, {
|
|
354
|
-
deep: !0
|
|
355
|
-
}), b(() => d(m.value.filter((e) => e.type === "scatter")), (e, o) => {
|
|
356
|
-
try {
|
|
357
|
-
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
358
|
-
i.value.createScatter(t, void 0, !1);
|
|
359
|
-
});
|
|
360
|
-
} catch {
|
|
361
|
-
}
|
|
362
|
-
}, {
|
|
363
|
-
deep: !0
|
|
364
|
-
}), b(() => d(m.value.filter((e) => e.type === "flyline")), (e, o) => {
|
|
365
|
-
try {
|
|
366
|
-
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
367
|
-
i.value.createFlyLine(t, void 0, !1);
|
|
368
|
-
});
|
|
369
|
-
} catch {
|
|
370
|
-
}
|
|
371
|
-
}, {
|
|
372
|
-
deep: !0
|
|
373
|
-
}), b(() => d(m.value.filter((e) => e.type === "regionalLevel")), (e, o) => {
|
|
374
|
-
try {
|
|
375
|
-
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
376
|
-
i.value.createRegionalLevel(t, void 0, !1);
|
|
377
|
-
});
|
|
378
|
-
} catch {
|
|
379
|
-
}
|
|
380
|
-
}, {
|
|
381
|
-
deep: !0
|
|
382
|
-
});
|
|
383
|
-
const G = (e) => {
|
|
384
|
-
try {
|
|
385
|
-
e.isHide === void 0 ? e.isHide = !0 : e.isHide = !e.isHide;
|
|
386
|
-
} catch {
|
|
387
|
-
}
|
|
388
|
-
}, K = () => {
|
|
389
|
-
try {
|
|
390
|
-
const e = m.value.every((o) => !o.isHide);
|
|
391
|
-
m.value.forEach((o) => o.isHide = e);
|
|
392
|
-
} catch {
|
|
393
|
-
}
|
|
394
|
-
}, z = (e) => {
|
|
395
|
-
H(r.basicOption.widgetControlStyle.fontFamily);
|
|
396
|
-
const o = `url(${e.backgroundImage})`, t = `url(${M(e.hover.backgroundImage)})`, s = `url(${M(e.active.backgroundImage)})`;
|
|
397
|
-
return {
|
|
398
|
-
...O(e),
|
|
399
|
-
...O(e.hover, "hover"),
|
|
400
|
-
...O(e.active, "active"),
|
|
401
|
-
"background-image": o,
|
|
402
|
-
"--hover-background-image": t,
|
|
403
|
-
"--active-background-image": s
|
|
404
|
-
};
|
|
405
|
-
}, M = (e) => !e.startsWith("http") && !e.startsWith("//") ? "../" + e : e;
|
|
406
|
-
return (e, o) => (u(), c("div", {
|
|
407
|
-
id: "zerov-map3d-scene-wrap",
|
|
408
|
-
class: L(["map-3d-wrap", { show: C.value }])
|
|
409
|
-
}, [
|
|
410
|
-
B.value && v.value && e.basicOption.backButton ? (u(), c("div", {
|
|
411
|
-
key: 0,
|
|
412
|
-
ref_key: "buttonRef",
|
|
413
|
-
ref: W,
|
|
414
|
-
class: "return-btn",
|
|
415
|
-
style: y(q(e.basicOption.backButtonCss)),
|
|
416
|
-
onClick: F
|
|
417
|
-
}, " 返回上一级 ", 4)) : E("", !0),
|
|
418
|
-
l.value ? (u(), c("div", {
|
|
419
|
-
key: 1,
|
|
420
|
-
class: "regional-level",
|
|
421
|
-
style: y({
|
|
422
|
-
left: l.value.labelStyle.left + "%",
|
|
423
|
-
top: l.value.labelStyle.top + "%",
|
|
424
|
-
flexDirection: l.value.labelStyle.direction,
|
|
425
|
-
gap: l.value.labelStyle.gap + "px",
|
|
426
|
-
fontSize: l.value.labelStyle.fontSize + "px",
|
|
427
|
-
fontFamily: l.value.labelStyle.fontFamily,
|
|
428
|
-
fontStyle: l.value.labelStyle.fontStyle,
|
|
429
|
-
color: l.value.labelStyle.color,
|
|
430
|
-
"--color-width": l.value.labelStyle.colorStyle.width + "px",
|
|
431
|
-
"--color-height": l.value.labelStyle.colorStyle.height + "px",
|
|
432
|
-
"--color-borderRadius": l.value.labelStyle.colorStyle.borderRadius + "px"
|
|
433
|
-
})
|
|
434
|
-
}, [
|
|
435
|
-
(u(!0), c(R, null, T(l.value.rules, (t, s) => (u(), c("div", {
|
|
436
|
-
key: s,
|
|
437
|
-
class: "item"
|
|
438
|
-
}, [
|
|
439
|
-
I("div", {
|
|
440
|
-
class: "color",
|
|
441
|
-
style: y({ backgroundColor: t.color })
|
|
442
|
-
}, null, 4),
|
|
443
|
-
I("span", ie, w(t.label), 1)
|
|
444
|
-
]))), 128))
|
|
445
|
-
], 4)) : E("", !0),
|
|
446
|
-
e.basicOption.widgets.length > 0 && e.basicOption.widgetControlStyle && e.basicOption.widgetControlStyle.show ? (u(), c("div", {
|
|
447
|
-
key: 2,
|
|
448
|
-
class: "widget-control",
|
|
449
|
-
style: y({
|
|
450
|
-
left: e.basicOption.widgetControlStyle.left + "%",
|
|
451
|
-
top: e.basicOption.widgetControlStyle.top + "%",
|
|
452
|
-
flexDirection: e.basicOption.widgetControlStyle.direction,
|
|
453
|
-
gap: e.basicOption.widgetControlStyle.gap + "px",
|
|
454
|
-
"--widget-width": e.basicOption.widgetControlStyle.width + "px",
|
|
455
|
-
"--widget-height": e.basicOption.widgetControlStyle.height + "px"
|
|
456
|
-
})
|
|
457
|
-
}, [
|
|
458
|
-
I("div", {
|
|
459
|
-
class: L(["control-button", {
|
|
460
|
-
active: m.value.every((t) => !t.isHide)
|
|
461
|
-
}]),
|
|
462
|
-
style: y(z(e.basicOption.widgetControlStyle)),
|
|
463
|
-
onClick: K
|
|
464
|
-
}, w(m.value.every((t) => !t.isHide) ? "隐藏" : "显示") + "/全部 ", 7),
|
|
465
|
-
(u(!0), c(R, null, T(m.value, (t) => (u(), c("div", {
|
|
466
|
-
key: t.id,
|
|
467
|
-
class: L(["control-button", {
|
|
468
|
-
active: !t.isHide
|
|
469
|
-
}]),
|
|
470
|
-
style: y(z(e.basicOption.widgetControlStyle)),
|
|
471
|
-
onClick: (s) => G(t)
|
|
472
|
-
}, w(t.name || "-"), 15, ae))), 128))
|
|
473
|
-
], 4)) : E("", !0),
|
|
474
|
-
e.basicOption.debugger ? (u(), c("div", le, " fps:" + w(Z(_)), 1)) : E("", !0)
|
|
475
|
-
], 2));
|
|
476
|
-
}
|
|
477
|
-
});
|
|
478
|
-
export {
|
|
479
|
-
Kr as default
|
|
480
|
-
};
|
|
1
|
+
import { defineComponent as P, ref as f, onMounted as Q, onBeforeUnmount as X, computed as Y, watch as b, createElementBlock as c, openBlock as u, normalizeClass as L, createCommentVNode as E, normalizeStyle as y, Fragment as R, renderList as T, createElementVNode as I, toDisplayString as w, unref as Z } from "vue";
|
|
2
|
+
import { cloneDeep as d, isEqual as k } from "lodash";
|
|
3
|
+
import $ from "gsap";
|
|
4
|
+
import { useFps as x } from "@vueuse/core";
|
|
5
|
+
import { World as ee } from "./map3d/map.mjs";
|
|
6
|
+
import { initWatch as te } from "./watch.mjs";
|
|
7
|
+
import "three";
|
|
8
|
+
import "d3-geo";
|
|
9
|
+
import "three/examples/jsm/controls/OrbitControls";
|
|
10
|
+
import "three/examples/jsm/loaders/GLTFLoader";
|
|
11
|
+
import "three/examples/jsm/loaders/DRACOLoader.js";
|
|
12
|
+
import { createHistory as oe } from "./map3d/mini3d/utils/CreateHistory.mjs";
|
|
13
|
+
import "three/examples/jsm/libs/lil-gui.module.min";
|
|
14
|
+
import "three/examples/jsm/utils/BufferGeometryUtils";
|
|
15
|
+
import "three/examples/jsm/renderers/CSS3DRenderer";
|
|
16
|
+
import "../text-text-basic/index.mjs";
|
|
17
|
+
import "../text-table-basic/index.mjs";
|
|
18
|
+
import "../chart-other-gauge/index.mjs";
|
|
19
|
+
import "../chart-other-gauge-stage/index.mjs";
|
|
20
|
+
import "../chart-other-gauge-grade/index.mjs";
|
|
21
|
+
import "../chart-other-word-cloud/index.mjs";
|
|
22
|
+
import "../chart-other-liquidfill/index.mjs";
|
|
23
|
+
import "../chart-other-funnel/index.mjs";
|
|
24
|
+
import "../chart-other-force/index.mjs";
|
|
25
|
+
import "../chart-other-radar/index.mjs";
|
|
26
|
+
import "../chart-other-funnel-split/index.mjs";
|
|
27
|
+
import "../chart-other-funnel-contrast/index.mjs";
|
|
28
|
+
import "../chart-other-candlestick-basic/index.mjs";
|
|
29
|
+
import "../chart-other-candlestick-shanghai/index.mjs";
|
|
30
|
+
import "../chart-other-candlestick-demo/index.mjs";
|
|
31
|
+
import "../chart-other-heatmap/index.mjs";
|
|
32
|
+
import "../chart-other-force2/index.mjs";
|
|
33
|
+
import "../chart-other-graph-basic/index.mjs";
|
|
34
|
+
import "../chart-other-graph-basic2/index.mjs";
|
|
35
|
+
import "../chart-other-graph-calendar/index.mjs";
|
|
36
|
+
import "../chart-other-tree-line/index.mjs";
|
|
37
|
+
import "../chart-other-treemap-basic/index.mjs";
|
|
38
|
+
import "../chart-other-sunburst-basic/index.mjs";
|
|
39
|
+
import "../chart-other-sunburst-basic2/index.mjs";
|
|
40
|
+
import "../chart-other-sunburst-basic3/index.mjs";
|
|
41
|
+
import "../chart-other-sunburst-basic4/index.mjs";
|
|
42
|
+
import "../chart-other-sunburst-book/index.mjs";
|
|
43
|
+
import "../chart-other-sunburst-radius/index.mjs";
|
|
44
|
+
import "../chart-other-sunburst-flavors/index.mjs";
|
|
45
|
+
import "../chart-other-parallel-basic/index.mjs";
|
|
46
|
+
import "../chart-other-parallel-mul/index.mjs";
|
|
47
|
+
import "../chart-other-circular-graph/index.mjs";
|
|
48
|
+
import "../map-earth-basic/index.mjs";
|
|
49
|
+
import "../map-earth-cool-tech/index.mjs";
|
|
50
|
+
import "../map-earth-particle/index.mjs";
|
|
51
|
+
import "../map-earth-hacker/index.mjs";
|
|
52
|
+
import "../map-earth-fly-line/index.mjs";
|
|
53
|
+
import "../chart-other-grid-percentage/index.mjs";
|
|
54
|
+
import "../chart-other-radar-stack/index.mjs";
|
|
55
|
+
import "../chart-other-funnel2/index.mjs";
|
|
56
|
+
import "../chart-other-label-gauge/index.mjs";
|
|
57
|
+
import "../chart-other-theme-river/index.mjs";
|
|
58
|
+
import "../chart-other-tree/index.mjs";
|
|
59
|
+
import "../chart-other-treemap/index.mjs";
|
|
60
|
+
import "../commons-product-model/index.mjs";
|
|
61
|
+
import "../commons-vr-photo/index.mjs";
|
|
62
|
+
import "../commons-vr-video/index.mjs";
|
|
63
|
+
import "../commons-three-loader/index.mjs";
|
|
64
|
+
import "../commons-three-loader3/index.mjs";
|
|
65
|
+
import "../commons-loop-iterator/index.mjs";
|
|
66
|
+
import "../commons-gaussian-splatting-view/index.mjs";
|
|
67
|
+
import "../commons-babylon/index.mjs";
|
|
68
|
+
import "../commons-svg/index.mjs";
|
|
69
|
+
import "../commons-weather/index.mjs";
|
|
70
|
+
import "../commons-weather-dynamic/index.mjs";
|
|
71
|
+
import "../media-wavesurfer/index.mjs";
|
|
72
|
+
import "../interaction-tabs/index.mjs";
|
|
73
|
+
import "../interaction-tabs2/index.mjs";
|
|
74
|
+
import "../interaction-button/index.mjs";
|
|
75
|
+
import "../interaction-button-image/index.mjs";
|
|
76
|
+
import "../interaction-select/index.mjs";
|
|
77
|
+
import "../interaction-input/index.mjs";
|
|
78
|
+
import "../interaction-radio/index.mjs";
|
|
79
|
+
import "../interaction-slider/index.mjs";
|
|
80
|
+
import "../interaction-switch/index.mjs";
|
|
81
|
+
import "../interaction-data-picker/index.mjs";
|
|
82
|
+
import "../interaction-button-refresh/index.mjs";
|
|
83
|
+
import "../media-image/index.mjs";
|
|
84
|
+
import "../text-title/index.mjs";
|
|
85
|
+
import "../commons-qrcode/index.mjs";
|
|
86
|
+
import "../media-video/index.mjs";
|
|
87
|
+
import "../media-audio/index.mjs";
|
|
88
|
+
import "../text-real-time/index.mjs";
|
|
89
|
+
import "../media-carousel/index.mjs";
|
|
90
|
+
import "../media-carousel-slides/index.mjs";
|
|
91
|
+
import "../media-iframe-carousel/index.mjs";
|
|
92
|
+
import "../media-iframe/index.mjs";
|
|
93
|
+
import "../media-m3u8/index.mjs";
|
|
94
|
+
import "../media-m3u8-dynamic/index.mjs";
|
|
95
|
+
import "../media-audio-dynamic/index.mjs";
|
|
96
|
+
import "../media-video-dynamic/index.mjs";
|
|
97
|
+
import "../media-image-dynamic/index.mjs";
|
|
98
|
+
import "../media-iframe-dynamic/index.mjs";
|
|
99
|
+
import "../media-flv/index.mjs";
|
|
100
|
+
import "../commons-echarts/index.mjs";
|
|
101
|
+
import "../text-over-number/index.mjs";
|
|
102
|
+
import "../text-table-scroll/index.mjs";
|
|
103
|
+
import "../text-carousel/index.mjs";
|
|
104
|
+
import "../text-row-scroll/index.mjs";
|
|
105
|
+
import "../text-text-dynamic/index.mjs";
|
|
106
|
+
import "../text-count-down/index.mjs";
|
|
107
|
+
import "../graphical-circle/index.mjs";
|
|
108
|
+
import "../graphical-diamond/index.mjs";
|
|
109
|
+
import "../graphical-hexagon/index.mjs";
|
|
110
|
+
import "../graphical-isosceles-triangle/index.mjs";
|
|
111
|
+
import "../graphical-pentagon/index.mjs";
|
|
112
|
+
import "../graphical-rect/index.mjs";
|
|
113
|
+
import "../graphical-right-triangle/index.mjs";
|
|
114
|
+
import "./index.mjs";
|
|
115
|
+
import "../scene-amap2d/index.mjs";
|
|
116
|
+
import "../scene-amap3d/index.mjs";
|
|
117
|
+
import "../scene-vr/index.mjs";
|
|
118
|
+
import "../scene-unity-iframe/index.mjs";
|
|
119
|
+
import "../scene-unity-webgl/index.mjs";
|
|
120
|
+
import "../scene-ue-iframe/index.mjs";
|
|
121
|
+
import "../scene-ue-shj/index.mjs";
|
|
122
|
+
import "../scene-default/index.mjs";
|
|
123
|
+
import "../interaction/tabs/index.mjs";
|
|
124
|
+
import "../interaction/tabs-icon/index.mjs";
|
|
125
|
+
import "../interaction/button/index.mjs";
|
|
126
|
+
import "../interaction/date-picker/src/date-picker/index.mjs";
|
|
127
|
+
import "../interaction/date-picker/src/date-picker-range/index.mjs";
|
|
128
|
+
import "../text/list/index.mjs";
|
|
129
|
+
import "../chart/src/bar/basic/index.mjs";
|
|
130
|
+
import "../chart/src/bar/animation/index.mjs";
|
|
131
|
+
import "../chart/src/bar/contrast/index.mjs";
|
|
132
|
+
import "../chart/src/bar/contrast2/index.mjs";
|
|
133
|
+
import "../chart/src/bar/contrast3/index.mjs";
|
|
134
|
+
import "../chart/src/bar/gradient-column-chart/index.mjs";
|
|
135
|
+
import "../chart/src/bar/horizontal/index.mjs";
|
|
136
|
+
import "../chart/src/bar/horizontal-stack/index.mjs";
|
|
137
|
+
import "../chart/src/bar/line-bar/index.mjs";
|
|
138
|
+
import "../chart/src/bar/line-bar2/index.mjs";
|
|
139
|
+
import "../chart/src/bar/loop/index.mjs";
|
|
140
|
+
import "../chart/src/bar/mini/index.mjs";
|
|
141
|
+
import "../chart/src/bar/polar/index.mjs";
|
|
142
|
+
import "../chart/src/bar/polar-stack/index.mjs";
|
|
143
|
+
import "../chart/src/bar/polar2/index.mjs";
|
|
144
|
+
import "../chart/src/bar/radius-circle/index.mjs";
|
|
145
|
+
import "../chart/src/bar/rank/index.mjs";
|
|
146
|
+
import "../chart/src/bar/segmented-progress/index.mjs";
|
|
147
|
+
import "../chart/src/bar/spire/index.mjs";
|
|
148
|
+
import "../chart/src/bar/stack/index.mjs";
|
|
149
|
+
import "../chart/src/bar/stack-line/index.mjs";
|
|
150
|
+
import "../chart/src/bar/stack2/index.mjs";
|
|
151
|
+
import "../chart/src/bar/stack3/index.mjs";
|
|
152
|
+
import "../chart/src/bar/staggered/index.mjs";
|
|
153
|
+
import "../chart/src/bar/three/index.mjs";
|
|
154
|
+
import "../chart/src/bar/waterfall/index.mjs";
|
|
155
|
+
import "../chart/src/bar/zebra/index.mjs";
|
|
156
|
+
import "../chart/src/line/area-gradient/index.mjs";
|
|
157
|
+
import "../chart/src/line/area-highlight/index.mjs";
|
|
158
|
+
import "../chart/src/line/area-highlight2/index.mjs";
|
|
159
|
+
import "../chart/src/line/basic/index.mjs";
|
|
160
|
+
import "../chart/src/line/bump/index.mjs";
|
|
161
|
+
import "../chart/src/line/dashed/index.mjs";
|
|
162
|
+
import "../chart/src/line/ladder/index.mjs";
|
|
163
|
+
import "../chart/src/line/logarithm/index.mjs";
|
|
164
|
+
import "../chart/src/line/multix/index.mjs";
|
|
165
|
+
import "../chart/src/line/polar-double/index.mjs";
|
|
166
|
+
import "../chart/src/line/rain-flow/index.mjs";
|
|
167
|
+
import "../chart/src/line/scale/index.mjs";
|
|
168
|
+
import "../chart/src/line/smooth/index.mjs";
|
|
169
|
+
import "../chart/src/line/smooth-area/index.mjs";
|
|
170
|
+
import "../chart/src/line/stack/index.mjs";
|
|
171
|
+
import "../chart/src/line/stack-area/index.mjs";
|
|
172
|
+
import "../chart/src/line/temp/index.mjs";
|
|
173
|
+
import "../chart/src/line/vertical/index.mjs";
|
|
174
|
+
import "../chart/src/map/basic/index.mjs";
|
|
175
|
+
import "../chart/src/map/bmap-basic/index.mjs";
|
|
176
|
+
import "../chart/src/map/bmap-heatmap/index.mjs";
|
|
177
|
+
import "../chart/src/map/bmap-rich/index.mjs";
|
|
178
|
+
import "../chart/src/map/customize/index.mjs";
|
|
179
|
+
import "../chart/src/map/lines/index.mjs";
|
|
180
|
+
import "../chart/src/map/scatter/index.mjs";
|
|
181
|
+
import "../chart/src/pie/3d/index.mjs";
|
|
182
|
+
import "../chart/src/pie/basic/index.mjs";
|
|
183
|
+
import "../chart/src/pie/basic2/index.mjs";
|
|
184
|
+
import "../chart/src/pie/customized/index.mjs";
|
|
185
|
+
import "../chart/src/pie/index/index.mjs";
|
|
186
|
+
import "../chart/src/pie/interval/index.mjs";
|
|
187
|
+
import "../chart/src/pie/legend-scroll/index.mjs";
|
|
188
|
+
import "../chart/src/pie/radius/index.mjs";
|
|
189
|
+
import "../chart/src/pie/rose/index.mjs";
|
|
190
|
+
import "../chart/src/pie/round/index.mjs";
|
|
191
|
+
import "../chart/src/pie/sunburst/index.mjs";
|
|
192
|
+
import "../chart/src/scatter/basic/index.mjs";
|
|
193
|
+
import "../chart/src/scatter/basic2/index.mjs";
|
|
194
|
+
import "../chart/src/scatter/bubble/index.mjs";
|
|
195
|
+
import "../chart/src/scatter/ripples/index.mjs";
|
|
196
|
+
import "../commons/custom-component-render/index.mjs";
|
|
197
|
+
/* empty css */
|
|
198
|
+
/* empty css */
|
|
199
|
+
import { SHJDatasourceV2 as re } from "../../plugins/datasource/index.mjs";
|
|
200
|
+
import { SHJParseEvent as n } from "../../plugins/event/index.mjs";
|
|
201
|
+
import { autoInstallFont as H, jsonToCssStyle as O } from "../../commons/utils/json2css.mjs";
|
|
202
|
+
const ie = { class: "value" }, ae = ["onClick"], le = {
|
|
203
|
+
key: 3,
|
|
204
|
+
class: "fps"
|
|
205
|
+
}, ne = P({ name: "zv-scene-map3d" }), Kr = /* @__PURE__ */ P({
|
|
206
|
+
...ne,
|
|
207
|
+
props: {
|
|
208
|
+
basicOption: {},
|
|
209
|
+
sources: {},
|
|
210
|
+
useEvents: {},
|
|
211
|
+
uuid: {}
|
|
212
|
+
},
|
|
213
|
+
emits: [
|
|
214
|
+
"on-loaded",
|
|
215
|
+
"on-animated",
|
|
216
|
+
"on-drill-down",
|
|
217
|
+
"on-area-mouseover",
|
|
218
|
+
"on-area-mouseout",
|
|
219
|
+
"on-area-click",
|
|
220
|
+
"on-bar-click",
|
|
221
|
+
"on-scatter-click",
|
|
222
|
+
"on-flyline-click",
|
|
223
|
+
"on-return",
|
|
224
|
+
"on-data-change"
|
|
225
|
+
],
|
|
226
|
+
setup(V, { expose: N, emit: j }) {
|
|
227
|
+
const r = V, p = j;
|
|
228
|
+
n.parseEvents(r.useEvents, "on-page-loaded", null);
|
|
229
|
+
const i = f(), C = f(!1), B = f(!1), S = "zerov-map3d-scene", A = "zerov-map3d-scene-wrap", a = new oe(), v = f(!1), h = (e = !0) => {
|
|
230
|
+
i.value.cleanAllBar(), i.value.cleanAllScatter(), i.value.cleanAllFlyLine(), i.value.createAllRegionalLevel(), r.sources && r.sources.length > 0 && re.parse({
|
|
231
|
+
tId: r.uuid,
|
|
232
|
+
sources: r.sources,
|
|
233
|
+
callback: (o) => {
|
|
234
|
+
try {
|
|
235
|
+
const t = r.basicOption.widgets && r.basicOption.widgets.find((s) => s._sourceId === o.id);
|
|
236
|
+
t && t.type === "bar" && i.value.createBar(t, o.data[0].data, !0, e), t && t.type === "scatter" && i.value.createScatter(t, o.data[0].data, !0, e), t && t.type === "flyline" && i.value.createFlyLine(t, o.data[0].data, !0, e), t && t.type === "regionalLevel" && i.value.createRegionalLevel(t, o.data[0].data, !0, e), e && (i.value.createBarTimeLine(), i.value.createScatterTimeLine(), i.value.createFlyLineTimeLine(), i.value.createRegionalLevelTimeLine()), p("on-data-change", o), n.parseEvents(r.useEvents, "on-data-change", o);
|
|
237
|
+
} catch {
|
|
238
|
+
p("on-data-change", null), n.parseEvents(r.useEvents, "on-data-change", null);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
});
|
|
242
|
+
}, D = () => {
|
|
243
|
+
try {
|
|
244
|
+
document.getElementById(S) && document.getElementById(A).removeChild(document.getElementById(S));
|
|
245
|
+
const e = document.createElement("canvas");
|
|
246
|
+
e.id = S, e.className = "zerov-map-3d", e.style.width = "100%", e.style.height = "100%", document.getElementById(A).appendChild(e);
|
|
247
|
+
} catch {
|
|
248
|
+
}
|
|
249
|
+
}, g = (e) => (C.value = !1, B.value = !1, i.value && (i.value.destroy(), i.value = null), D(), new ee(document.getElementById(S), { geoProjectionCenter: [108.55, 36.32] }, e, {
|
|
250
|
+
onAreaMouseover: (t) => {
|
|
251
|
+
p("on-area-mouseover", t), n.parseEvents(r.useEvents, "on-area-mouseover", t);
|
|
252
|
+
},
|
|
253
|
+
onAreaMouseout: (t) => {
|
|
254
|
+
p("on-area-mouseout", t), n.parseEvents(r.useEvents, "on-area-mouseout", t);
|
|
255
|
+
},
|
|
256
|
+
onLoadChild: (t) => {
|
|
257
|
+
if (p("on-area-click", t), n.parseEvents(r.useEvents, "on-area-click", t), t.adcode !== a.present && r.basicOption.scene.isDrilling && r.basicOption.scene.defaultMapAdcode !== 1) {
|
|
258
|
+
p("on-drill-down", t), n.parseEvents(r.useEvents, "on-drill-down", t);
|
|
259
|
+
const s = d(r.basicOption);
|
|
260
|
+
s.scene.defaultMapAdcode = t.adcode, i.value = g(s), a.push(t.adcode), a.past.length <= 0 ? v.value = !1 : v.value = !0;
|
|
261
|
+
}
|
|
262
|
+
},
|
|
263
|
+
onMapSuccess: () => {
|
|
264
|
+
C.value = !0, p("on-loaded"), n.parseEvents(r.useEvents, "on-loaded", null);
|
|
265
|
+
},
|
|
266
|
+
onMapAnimationSuccess: () => {
|
|
267
|
+
h(), B.value = !0, p("on-animated"), n.parseEvents(r.useEvents, "on-animated", null);
|
|
268
|
+
},
|
|
269
|
+
onClickBar: (t) => {
|
|
270
|
+
p("on-bar-click", t), n.parseEvents(r.useEvents, "on-bar-click", t);
|
|
271
|
+
},
|
|
272
|
+
onClickScatter: (t) => {
|
|
273
|
+
p("on-scatter-click", t), n.parseEvents(r.useEvents, "on-scatter-click", t);
|
|
274
|
+
},
|
|
275
|
+
onClickFlyline: (t) => {
|
|
276
|
+
p("on-flyline-click", t), n.parseEvents(r.useEvents, "on-flyline-click", t);
|
|
277
|
+
}
|
|
278
|
+
}));
|
|
279
|
+
Q(() => {
|
|
280
|
+
setTimeout(() => {
|
|
281
|
+
i.value = g(r.basicOption), a.push(r.basicOption.scene.defaultMapAdcode), te(r, i, g, h, J);
|
|
282
|
+
}, 0), window.addEventListener("resize", () => {
|
|
283
|
+
i.value = g(r.basicOption);
|
|
284
|
+
});
|
|
285
|
+
}), X(() => {
|
|
286
|
+
i.value && i.value.destroy();
|
|
287
|
+
});
|
|
288
|
+
const F = () => {
|
|
289
|
+
p("on-return", {
|
|
290
|
+
parentAdcode: a.past[a.past.length - 1],
|
|
291
|
+
adcode: a.present
|
|
292
|
+
}), n.parseEvents(r.useEvents, "on-return", {
|
|
293
|
+
parentAdcode: a.past[a.past.length - 1],
|
|
294
|
+
adcode: a.present
|
|
295
|
+
}), a.undo();
|
|
296
|
+
const e = d(r.basicOption);
|
|
297
|
+
e.scene.defaultMapAdcode = a.present, i.value = g(e), a.past.length <= 0 ? v.value = !1 : v.value = !0;
|
|
298
|
+
}, J = () => {
|
|
299
|
+
a.empty(), a.push(r.basicOption.scene.defaultMapAdcode), i.value = g(r.basicOption), a.past.length <= 0 ? v.value = !1 : v.value = !0;
|
|
300
|
+
}, U = (e, o, t) => {
|
|
301
|
+
$.timeline().add($.to(i.value.camera.instance.position, {
|
|
302
|
+
duration: 2,
|
|
303
|
+
delay: 0,
|
|
304
|
+
x: e,
|
|
305
|
+
y: o,
|
|
306
|
+
z: t,
|
|
307
|
+
ease: "circ.out"
|
|
308
|
+
}));
|
|
309
|
+
};
|
|
310
|
+
N({
|
|
311
|
+
refresh: () => h(),
|
|
312
|
+
refreshView: () => h(),
|
|
313
|
+
refreshData: () => h(),
|
|
314
|
+
// 返回上一级
|
|
315
|
+
goBack: () => F(),
|
|
316
|
+
// 更新相机位置
|
|
317
|
+
setCameraPosition: (e, o, t) => U(e, o, t)
|
|
318
|
+
});
|
|
319
|
+
const _ = x(), W = f(), q = (e) => {
|
|
320
|
+
if (W.value && e) {
|
|
321
|
+
H(r.basicOption.backButtonCss.fontFamily);
|
|
322
|
+
const o = `url(${e.backgroundImage})`;
|
|
323
|
+
return {
|
|
324
|
+
...O(e),
|
|
325
|
+
left: r.basicOption.backButtonLeft + "%",
|
|
326
|
+
bottom: r.basicOption.backButtonBottom + "%",
|
|
327
|
+
"background-image": o
|
|
328
|
+
};
|
|
329
|
+
}
|
|
330
|
+
return {};
|
|
331
|
+
}, m = f(d(r.basicOption.widgets)), l = Y(() => {
|
|
332
|
+
try {
|
|
333
|
+
const e = m.value.filter((o) => o.type === "regionalLevel");
|
|
334
|
+
return e.length > 0 ? (H(e[0].labelStyle.fontFamily), e[0].isHide ? null : e[0]) : null;
|
|
335
|
+
} catch {
|
|
336
|
+
return null;
|
|
337
|
+
}
|
|
338
|
+
});
|
|
339
|
+
b(() => d(r.basicOption.widgets), (e, o) => {
|
|
340
|
+
try {
|
|
341
|
+
!k(e, o) && i.value && (m.value = d(r.basicOption.widgets));
|
|
342
|
+
} catch {
|
|
343
|
+
}
|
|
344
|
+
}, {
|
|
345
|
+
deep: !0
|
|
346
|
+
}), b(() => d(m.value.filter((e) => e.type === "bar")), (e, o) => {
|
|
347
|
+
try {
|
|
348
|
+
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
349
|
+
i.value.createBar(t, void 0, !1);
|
|
350
|
+
});
|
|
351
|
+
} catch {
|
|
352
|
+
}
|
|
353
|
+
}, {
|
|
354
|
+
deep: !0
|
|
355
|
+
}), b(() => d(m.value.filter((e) => e.type === "scatter")), (e, o) => {
|
|
356
|
+
try {
|
|
357
|
+
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
358
|
+
i.value.createScatter(t, void 0, !1);
|
|
359
|
+
});
|
|
360
|
+
} catch {
|
|
361
|
+
}
|
|
362
|
+
}, {
|
|
363
|
+
deep: !0
|
|
364
|
+
}), b(() => d(m.value.filter((e) => e.type === "flyline")), (e, o) => {
|
|
365
|
+
try {
|
|
366
|
+
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
367
|
+
i.value.createFlyLine(t, void 0, !1);
|
|
368
|
+
});
|
|
369
|
+
} catch {
|
|
370
|
+
}
|
|
371
|
+
}, {
|
|
372
|
+
deep: !0
|
|
373
|
+
}), b(() => d(m.value.filter((e) => e.type === "regionalLevel")), (e, o) => {
|
|
374
|
+
try {
|
|
375
|
+
!k(e, o) && i.value && e.length === o.length && e.forEach((t) => {
|
|
376
|
+
i.value.createRegionalLevel(t, void 0, !1);
|
|
377
|
+
});
|
|
378
|
+
} catch {
|
|
379
|
+
}
|
|
380
|
+
}, {
|
|
381
|
+
deep: !0
|
|
382
|
+
});
|
|
383
|
+
const G = (e) => {
|
|
384
|
+
try {
|
|
385
|
+
e.isHide === void 0 ? e.isHide = !0 : e.isHide = !e.isHide;
|
|
386
|
+
} catch {
|
|
387
|
+
}
|
|
388
|
+
}, K = () => {
|
|
389
|
+
try {
|
|
390
|
+
const e = m.value.every((o) => !o.isHide);
|
|
391
|
+
m.value.forEach((o) => o.isHide = e);
|
|
392
|
+
} catch {
|
|
393
|
+
}
|
|
394
|
+
}, z = (e) => {
|
|
395
|
+
H(r.basicOption.widgetControlStyle.fontFamily);
|
|
396
|
+
const o = `url(${e.backgroundImage})`, t = `url(${M(e.hover.backgroundImage)})`, s = `url(${M(e.active.backgroundImage)})`;
|
|
397
|
+
return {
|
|
398
|
+
...O(e),
|
|
399
|
+
...O(e.hover, "hover"),
|
|
400
|
+
...O(e.active, "active"),
|
|
401
|
+
"background-image": o,
|
|
402
|
+
"--hover-background-image": t,
|
|
403
|
+
"--active-background-image": s
|
|
404
|
+
};
|
|
405
|
+
}, M = (e) => !e.startsWith("http") && !e.startsWith("//") ? "../" + e : e;
|
|
406
|
+
return (e, o) => (u(), c("div", {
|
|
407
|
+
id: "zerov-map3d-scene-wrap",
|
|
408
|
+
class: L(["map-3d-wrap", { show: C.value }])
|
|
409
|
+
}, [
|
|
410
|
+
B.value && v.value && e.basicOption.backButton ? (u(), c("div", {
|
|
411
|
+
key: 0,
|
|
412
|
+
ref_key: "buttonRef",
|
|
413
|
+
ref: W,
|
|
414
|
+
class: "return-btn",
|
|
415
|
+
style: y(q(e.basicOption.backButtonCss)),
|
|
416
|
+
onClick: F
|
|
417
|
+
}, " 返回上一级 ", 4)) : E("", !0),
|
|
418
|
+
l.value ? (u(), c("div", {
|
|
419
|
+
key: 1,
|
|
420
|
+
class: "regional-level",
|
|
421
|
+
style: y({
|
|
422
|
+
left: l.value.labelStyle.left + "%",
|
|
423
|
+
top: l.value.labelStyle.top + "%",
|
|
424
|
+
flexDirection: l.value.labelStyle.direction,
|
|
425
|
+
gap: l.value.labelStyle.gap + "px",
|
|
426
|
+
fontSize: l.value.labelStyle.fontSize + "px",
|
|
427
|
+
fontFamily: l.value.labelStyle.fontFamily,
|
|
428
|
+
fontStyle: l.value.labelStyle.fontStyle,
|
|
429
|
+
color: l.value.labelStyle.color,
|
|
430
|
+
"--color-width": l.value.labelStyle.colorStyle.width + "px",
|
|
431
|
+
"--color-height": l.value.labelStyle.colorStyle.height + "px",
|
|
432
|
+
"--color-borderRadius": l.value.labelStyle.colorStyle.borderRadius + "px"
|
|
433
|
+
})
|
|
434
|
+
}, [
|
|
435
|
+
(u(!0), c(R, null, T(l.value.rules, (t, s) => (u(), c("div", {
|
|
436
|
+
key: s,
|
|
437
|
+
class: "item"
|
|
438
|
+
}, [
|
|
439
|
+
I("div", {
|
|
440
|
+
class: "color",
|
|
441
|
+
style: y({ backgroundColor: t.color })
|
|
442
|
+
}, null, 4),
|
|
443
|
+
I("span", ie, w(t.label), 1)
|
|
444
|
+
]))), 128))
|
|
445
|
+
], 4)) : E("", !0),
|
|
446
|
+
e.basicOption.widgets.length > 0 && e.basicOption.widgetControlStyle && e.basicOption.widgetControlStyle.show ? (u(), c("div", {
|
|
447
|
+
key: 2,
|
|
448
|
+
class: "widget-control",
|
|
449
|
+
style: y({
|
|
450
|
+
left: e.basicOption.widgetControlStyle.left + "%",
|
|
451
|
+
top: e.basicOption.widgetControlStyle.top + "%",
|
|
452
|
+
flexDirection: e.basicOption.widgetControlStyle.direction,
|
|
453
|
+
gap: e.basicOption.widgetControlStyle.gap + "px",
|
|
454
|
+
"--widget-width": e.basicOption.widgetControlStyle.width + "px",
|
|
455
|
+
"--widget-height": e.basicOption.widgetControlStyle.height + "px"
|
|
456
|
+
})
|
|
457
|
+
}, [
|
|
458
|
+
I("div", {
|
|
459
|
+
class: L(["control-button", {
|
|
460
|
+
active: m.value.every((t) => !t.isHide)
|
|
461
|
+
}]),
|
|
462
|
+
style: y(z(e.basicOption.widgetControlStyle)),
|
|
463
|
+
onClick: K
|
|
464
|
+
}, w(m.value.every((t) => !t.isHide) ? "隐藏" : "显示") + "/全部 ", 7),
|
|
465
|
+
(u(!0), c(R, null, T(m.value, (t) => (u(), c("div", {
|
|
466
|
+
key: t.id,
|
|
467
|
+
class: L(["control-button", {
|
|
468
|
+
active: !t.isHide
|
|
469
|
+
}]),
|
|
470
|
+
style: y(z(e.basicOption.widgetControlStyle)),
|
|
471
|
+
onClick: (s) => G(t)
|
|
472
|
+
}, w(t.name || "-"), 15, ae))), 128))
|
|
473
|
+
], 4)) : E("", !0),
|
|
474
|
+
e.basicOption.debugger ? (u(), c("div", le, " fps:" + w(Z(_)), 1)) : E("", !0)
|
|
475
|
+
], 2));
|
|
476
|
+
}
|
|
477
|
+
});
|
|
478
|
+
export {
|
|
479
|
+
Kr as default
|
|
480
|
+
};
|