@kq_npm/client3d_webgl_vue 4.5.31 → 4.5.32
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/adddata/index.js +226 -495
- package/aspectanalysis/index.js +71 -182
- package/baseterraingallery/index.js +40 -102
- package/boxclip/index.js +197 -423
- package/clientPrint/index.js +6953 -17145
- package/comparemap/index.js +165 -216
- package/compass/index.js +20 -47
- package/excavatefillanalysis/index.js +101 -206
- package/fixedzoomin/index.js +20 -43
- package/fixedzoomout/index.js +18 -42
- package/flight/index.js +206 -353
- package/floodanalysis/index.js +145 -328
- package/geologicalbodyanalysis/index.js +114 -241
- package/gpuspatialquery/index.js +146 -340
- package/hawkeye/index.js +78 -80
- package/headertemp/index.js +8 -19
- package/heatmap3d/index.js +304 -645
- package/index.js +6525 -16962
- package/isolineanalysis/index.js +451 -1183
- package/light/index.js +308 -486
- package/limitheightanalysis/index.js +107 -204
- package/measure/index.js +145 -331
- package/modelFlat/index.js +114 -183
- package/modelexcavate/index.js +78 -172
- package/modelfilter/index.js +127 -252
- package/modelprofileanalysis/index.js +154 -297
- package/modelselect/index.js +90 -128
- package/package.json +1 -1
- package/particleeffect/index.js +170 -381
- package/planeclip/index.js +146 -281
- package/resetview/index.js +12 -31
- package/roller/index.js +252 -353
- package/scaneffect/index.js +178 -518
- package/sceneadvancedtoimage/index.js +152 -337
- package/sceneapp/index.js +6953 -17145
- package/sceneset/index.js +299 -838
- package/scenetohdimage/index.js +105 -276
- package/sceneview/index.js +6953 -17145
- package/screenshot/index.js +204 -281
- package/shadowanalysis/index.js +175 -386
- package/sightlineanalysis/index.js +135 -245
- package/skylineanalysis/index.js +108 -289
- package/slopeanalysis/index.js +174 -378
- package/slopeaspectanalysis/index.js +206 -466
- package/statusbar/index.js +37 -39
- package/terrainoperation/index.js +124 -218
- package/terrainprofileanalysis/index.js +66 -118
- package/typhoontrac/index.js +165 -321
- package/underground/index.js +16 -40
- package/videofusion/index.js +214 -470
- package/videoproject/index.js +220 -472
- package/viewshedanalysis/index.js +93 -230
- package/weathereffect/index.js +111 -295
- package/windyslicing/index.js +262 -695
- package/wireframesketch/index.js +49 -106
package/screenshot/index.js
CHANGED
|
@@ -12,171 +12,31 @@ return /******/ (function() { // webpackBootstrap
|
|
|
12
12
|
/******/ "use strict";
|
|
13
13
|
/******/ var __webpack_modules__ = ({
|
|
14
14
|
|
|
15
|
-
/***/
|
|
16
|
-
/***/ (function(
|
|
17
|
-
|
|
18
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
19
|
-
/* harmony export */ "Z": function() { return /* binding */ ScreenshotViewModel; }
|
|
20
|
-
/* harmony export */ });
|
|
21
|
-
/* harmony import */ var _Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8270);
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
/*
|
|
25
|
-
* Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
|
|
26
|
-
* All rights reserved.
|
|
27
|
-
*/
|
|
28
|
-
//截图逻辑类
|
|
29
|
-
class ScreenshotViewModel {
|
|
30
|
-
//三维viewer对象
|
|
31
|
-
//截图存储参数对象
|
|
32
|
-
//截图三维对象
|
|
33
|
-
constructor(viewer, options) {
|
|
34
|
-
(0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_viewer", null);
|
|
35
|
-
|
|
36
|
-
(0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_options", null);
|
|
37
|
-
|
|
38
|
-
(0,_Users_zpc_Documents_KQGEOSpace_KQGISClientForVue_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(this, "_cameraToImage", null);
|
|
39
|
-
|
|
40
|
-
this._options = {
|
|
41
|
-
width: options.imgWidth,
|
|
42
|
-
height: options.imgHeight,
|
|
43
|
-
imageType: options.imgFormat,
|
|
44
|
-
fixedRatio: options.lockAspectRatio,
|
|
45
|
-
//锁定宽高比
|
|
46
|
-
style: options.tilesetStyle,
|
|
47
|
-
//倾斜样式
|
|
48
|
-
tilesetName: options.tilesetName //倾斜名称
|
|
49
|
-
|
|
50
|
-
};
|
|
51
|
-
this._viewer = viewer;
|
|
52
|
-
this._viewer.enabledFXAA = true; //声明场景出图类
|
|
53
|
-
|
|
54
|
-
this._cameraToImage = new Cesium.Kq3dCanvasToImage(viewer._container, {
|
|
55
|
-
viewer: viewer,
|
|
56
|
-
canvas: viewer.scene.canvas
|
|
57
|
-
});
|
|
58
|
-
let that = this;
|
|
59
|
-
setTimeout(() => {
|
|
60
|
-
let tileset = this.findLayerByName(this._options.tilesetName);
|
|
61
|
-
|
|
62
|
-
if (tileset) {
|
|
63
|
-
if (tileset instanceof Array && tileset.length > 0) {
|
|
64
|
-
tileset[0].readyPromise.then(function (tileset) {
|
|
65
|
-
tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
|
|
66
|
-
});
|
|
67
|
-
} else if (tileset instanceof Object) {
|
|
68
|
-
tileset.readyPromise.then(function (tileset) {
|
|
69
|
-
tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}, 800);
|
|
74
|
-
} // 查找所有3dtiles模型对象
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
findLayers() {
|
|
78
|
-
let tilesets = [];
|
|
79
|
-
const primitives = this._viewer.scene.primitives._primitives;
|
|
80
|
-
|
|
81
|
-
for (let m = 0; m < primitives.length; m++) {
|
|
82
|
-
if (primitives[m] instanceof Cesium.Cesium3DTileset) {
|
|
83
|
-
tilesets.push({
|
|
84
|
-
guid: primitives[m].guid,
|
|
85
|
-
name: primitives[m].name ? primitives[m].name : primitives[m].guid
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
return tilesets;
|
|
91
|
-
} // 出图
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
sceneFigure() {
|
|
95
|
-
this.saveAsimages();
|
|
96
|
-
} // 返回base64
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
saveAsimages() {
|
|
100
|
-
//设置宽、高、图片类型
|
|
101
|
-
var options = {
|
|
102
|
-
width: this._options.width,
|
|
103
|
-
//图片宽度
|
|
104
|
-
height: this._options.height,
|
|
105
|
-
//图片高度
|
|
106
|
-
type: this._options.imageType //图片类型
|
|
107
|
-
|
|
108
|
-
}; //返回图片
|
|
109
|
-
|
|
110
|
-
var img = this._cameraToImage.saveAsimages(this._viewer.scene.canvas, options);
|
|
111
|
-
|
|
112
|
-
return img;
|
|
113
|
-
} // 返回base64
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
toDataURL() {
|
|
117
|
-
var base64 = this._cameraToImage.toDataURL({
|
|
118
|
-
width: this._options.width,
|
|
119
|
-
height: this._options.height,
|
|
120
|
-
type: Cesium.Kq3dImageFormatter.JPG
|
|
121
|
-
});
|
|
122
|
-
|
|
123
|
-
return base64;
|
|
124
|
-
} //根据id获取tileset对象
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
findLayerByName(name) {
|
|
128
|
-
const primitives = this._viewer.scene.primitives._primitives;
|
|
129
|
-
const tileset = primitives.find(function (item) {
|
|
130
|
-
return item.name === name;
|
|
131
|
-
});
|
|
132
|
-
return tileset;
|
|
133
|
-
} //根据宽度计算高度
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
calcWidthByWindowRatio(width) {
|
|
137
|
-
var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
|
|
138
|
-
return parseInt(width * r);
|
|
139
|
-
} //根据高度计算宽度
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
calcHeightByWindowRatio(height) {
|
|
143
|
-
var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
|
|
144
|
-
return parseInt(height / r);
|
|
145
|
-
} // 锁定图片宽高比
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
setImgAspectRatio(val) {
|
|
149
|
-
this._options.fixedRatio = val;
|
|
150
|
-
} // 设置图片宽度
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
setImgWidth(val) {
|
|
154
|
-
this._options.width = val;
|
|
155
|
-
} // 设置图片高度
|
|
15
|
+
/***/ 348:
|
|
16
|
+
/***/ (function(module) {
|
|
156
17
|
|
|
18
|
+
module.exports = require("@kq_npm/client_icons_vue");
|
|
157
19
|
|
|
158
|
-
|
|
159
|
-
this._options.height = val;
|
|
160
|
-
} // 设置图片类型
|
|
20
|
+
/***/ }),
|
|
161
21
|
|
|
22
|
+
/***/ 2118:
|
|
23
|
+
/***/ (function(module) {
|
|
162
24
|
|
|
163
|
-
|
|
164
|
-
this._options.imageType = val;
|
|
165
|
-
} // 注销
|
|
25
|
+
module.exports = require("core-js/modules/es.array.push.js");
|
|
166
26
|
|
|
27
|
+
/***/ }),
|
|
167
28
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
}
|
|
29
|
+
/***/ 8470:
|
|
30
|
+
/***/ (function(module) {
|
|
171
31
|
|
|
172
|
-
|
|
32
|
+
module.exports = require("core-js/modules/esnext.iterator.constructor.js");
|
|
173
33
|
|
|
174
34
|
/***/ }),
|
|
175
35
|
|
|
176
|
-
/***/
|
|
36
|
+
/***/ 8697:
|
|
177
37
|
/***/ (function(module) {
|
|
178
38
|
|
|
179
|
-
module.exports = require("
|
|
39
|
+
module.exports = require("core-js/modules/esnext.iterator.find.js");
|
|
180
40
|
|
|
181
41
|
/***/ }),
|
|
182
42
|
|
|
@@ -232,7 +92,6 @@ function _defineProperty(obj, key, value) {
|
|
|
232
92
|
} else {
|
|
233
93
|
obj[key] = value;
|
|
234
94
|
}
|
|
235
|
-
|
|
236
95
|
return obj;
|
|
237
96
|
}
|
|
238
97
|
|
|
@@ -314,7 +173,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
314
173
|
|
|
315
174
|
// EXPORTS
|
|
316
175
|
__webpack_require__.d(__webpack_exports__, {
|
|
317
|
-
"ScreenshotViewModel": function() { return /* reexport */ ScreenshotViewModel
|
|
176
|
+
"ScreenshotViewModel": function() { return /* reexport */ ScreenshotViewModel; },
|
|
318
177
|
"default": function() { return /* reexport */ Screenshot; }
|
|
319
178
|
});
|
|
320
179
|
|
|
@@ -324,8 +183,146 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
|
|
|
324
183
|
var client_icons_vue_ = __webpack_require__(348);
|
|
325
184
|
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
|
|
326
185
|
var gis_utils_ = __webpack_require__(7135);
|
|
327
|
-
// EXTERNAL MODULE: ./
|
|
328
|
-
var
|
|
186
|
+
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
187
|
+
var defineProperty = __webpack_require__(8270);
|
|
188
|
+
// EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
|
|
189
|
+
var es_array_push_js_ = __webpack_require__(2118);
|
|
190
|
+
// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.constructor.js"
|
|
191
|
+
var esnext_iterator_constructor_js_ = __webpack_require__(8470);
|
|
192
|
+
// EXTERNAL MODULE: external "core-js/modules/esnext.iterator.find.js"
|
|
193
|
+
var esnext_iterator_find_js_ = __webpack_require__(8697);
|
|
194
|
+
;// CONCATENATED MODULE: ./src/webgl/screenshot/ScreenshotViewModel.js
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
/*
|
|
200
|
+
* Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
|
|
201
|
+
* All rights reserved.
|
|
202
|
+
*/
|
|
203
|
+
//截图逻辑类
|
|
204
|
+
class ScreenshotViewModel {
|
|
205
|
+
//截图三维对象
|
|
206
|
+
constructor(viewer, options) {
|
|
207
|
+
(0,defineProperty/* default */.Z)(this, "_viewer", null);
|
|
208
|
+
//三维viewer对象
|
|
209
|
+
(0,defineProperty/* default */.Z)(this, "_options", null);
|
|
210
|
+
//截图存储参数对象
|
|
211
|
+
(0,defineProperty/* default */.Z)(this, "_cameraToImage", null);
|
|
212
|
+
this._options = {
|
|
213
|
+
width: options.imgWidth,
|
|
214
|
+
height: options.imgHeight,
|
|
215
|
+
imageType: options.imgFormat,
|
|
216
|
+
fixedRatio: options.lockAspectRatio,
|
|
217
|
+
//锁定宽高比
|
|
218
|
+
style: options.tilesetStyle,
|
|
219
|
+
//倾斜样式
|
|
220
|
+
tilesetName: options.tilesetName //倾斜名称
|
|
221
|
+
};
|
|
222
|
+
this._viewer = viewer;
|
|
223
|
+
this._viewer.enabledFXAA = true;
|
|
224
|
+
//声明场景出图类
|
|
225
|
+
this._cameraToImage = new Cesium.Kq3dCanvasToImage(viewer._container, {
|
|
226
|
+
viewer: viewer,
|
|
227
|
+
canvas: viewer.scene.canvas
|
|
228
|
+
});
|
|
229
|
+
let that = this;
|
|
230
|
+
setTimeout(() => {
|
|
231
|
+
let tileset = this.findLayerByName(this._options.tilesetName);
|
|
232
|
+
if (tileset) {
|
|
233
|
+
if (tileset instanceof Array && tileset.length > 0) {
|
|
234
|
+
tileset[0].readyPromise.then(function (tileset) {
|
|
235
|
+
tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
|
|
236
|
+
});
|
|
237
|
+
} else if (tileset instanceof Object) {
|
|
238
|
+
tileset.readyPromise.then(function (tileset) {
|
|
239
|
+
tileset.style = new Cesium.Cesium3DTileStyle(that._options.style);
|
|
240
|
+
});
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
}, 800);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
// 查找所有3dtiles模型对象
|
|
247
|
+
findLayers() {
|
|
248
|
+
let tilesets = [];
|
|
249
|
+
const primitives = this._viewer.scene.primitives._primitives;
|
|
250
|
+
for (let m = 0; m < primitives.length; m++) {
|
|
251
|
+
if (primitives[m] instanceof Cesium.Cesium3DTileset) {
|
|
252
|
+
tilesets.push({
|
|
253
|
+
guid: primitives[m].guid,
|
|
254
|
+
name: primitives[m].name ? primitives[m].name : primitives[m].guid
|
|
255
|
+
});
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
return tilesets;
|
|
259
|
+
}
|
|
260
|
+
// 出图
|
|
261
|
+
sceneFigure() {
|
|
262
|
+
this.saveAsimages();
|
|
263
|
+
}
|
|
264
|
+
// 返回base64
|
|
265
|
+
saveAsimages() {
|
|
266
|
+
//设置宽、高、图片类型
|
|
267
|
+
var options = {
|
|
268
|
+
width: this._options.width,
|
|
269
|
+
//图片宽度
|
|
270
|
+
height: this._options.height,
|
|
271
|
+
//图片高度
|
|
272
|
+
type: this._options.imageType //图片类型
|
|
273
|
+
};
|
|
274
|
+
//返回图片
|
|
275
|
+
var img = this._cameraToImage.saveAsimages(this._viewer.scene.canvas, options);
|
|
276
|
+
return img;
|
|
277
|
+
}
|
|
278
|
+
// 返回base64
|
|
279
|
+
toDataURL() {
|
|
280
|
+
var base64 = this._cameraToImage.toDataURL({
|
|
281
|
+
width: this._options.width,
|
|
282
|
+
height: this._options.height,
|
|
283
|
+
type: Cesium.Kq3dImageFormatter.JPG
|
|
284
|
+
});
|
|
285
|
+
return base64;
|
|
286
|
+
}
|
|
287
|
+
//根据id获取tileset对象
|
|
288
|
+
findLayerByName(name) {
|
|
289
|
+
const primitives = this._viewer.scene.primitives._primitives;
|
|
290
|
+
const tileset = primitives.find(function (item) {
|
|
291
|
+
return item.name === name;
|
|
292
|
+
});
|
|
293
|
+
return tileset;
|
|
294
|
+
}
|
|
295
|
+
//根据宽度计算高度
|
|
296
|
+
calcWidthByWindowRatio(width) {
|
|
297
|
+
var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
|
|
298
|
+
return parseInt(width * r);
|
|
299
|
+
}
|
|
300
|
+
//根据高度计算宽度
|
|
301
|
+
calcHeightByWindowRatio(height) {
|
|
302
|
+
var r = this._viewer.scene.canvas.width / this._viewer.scene.canvas.height;
|
|
303
|
+
return parseInt(height / r);
|
|
304
|
+
}
|
|
305
|
+
// 锁定图片宽高比
|
|
306
|
+
setImgAspectRatio(val) {
|
|
307
|
+
this._options.fixedRatio = val;
|
|
308
|
+
}
|
|
309
|
+
// 设置图片宽度
|
|
310
|
+
setImgWidth(val) {
|
|
311
|
+
this._options.width = val;
|
|
312
|
+
}
|
|
313
|
+
// 设置图片高度
|
|
314
|
+
setImgHeight(val) {
|
|
315
|
+
this._options.height = val;
|
|
316
|
+
}
|
|
317
|
+
// 设置图片类型
|
|
318
|
+
setImgType(val) {
|
|
319
|
+
this._options.imageType = val;
|
|
320
|
+
}
|
|
321
|
+
// 注销
|
|
322
|
+
destroy() {
|
|
323
|
+
if (this._cameraToImage) this._cameraToImage = null;
|
|
324
|
+
}
|
|
325
|
+
}
|
|
329
326
|
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util"
|
|
330
327
|
var util_ = __webpack_require__(3458);
|
|
331
328
|
// EXTERNAL MODULE: external "vue-i18n/dist/vue-i18n.cjs.js"
|
|
@@ -343,7 +340,9 @@ const _hoisted_2 = {
|
|
|
343
340
|
|
|
344
341
|
|
|
345
342
|
|
|
346
|
-
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
// 场景宽度
|
|
347
346
|
|
|
348
347
|
const __default__ = {
|
|
349
348
|
name: "Kq3dScreenShot"
|
|
@@ -358,7 +357,6 @@ const __default__ = {
|
|
|
358
357
|
type: Boolean,
|
|
359
358
|
default: true
|
|
360
359
|
},
|
|
361
|
-
|
|
362
360
|
/**
|
|
363
361
|
* 例:"center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
|
|
364
362
|
*/
|
|
@@ -388,22 +386,22 @@ const __default__ = {
|
|
|
388
386
|
default: true
|
|
389
387
|
}
|
|
390
388
|
},
|
|
391
|
-
|
|
392
389
|
setup(__props, {
|
|
393
390
|
expose: __expose
|
|
394
391
|
}) {
|
|
395
392
|
const props = __props;
|
|
396
|
-
let imgWidthMax = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(800);
|
|
397
|
-
|
|
393
|
+
let imgWidthMax = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(800);
|
|
394
|
+
// 场景高度
|
|
398
395
|
let imgHeightMax = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(800);
|
|
399
396
|
const {
|
|
400
397
|
proxy
|
|
401
398
|
} = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.getCurrentInstance)();
|
|
402
|
-
let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
|
|
399
|
+
let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(proxy.$i18n.global.messages[proxy.$i18n.global.locale]["webgl"]);
|
|
400
|
+
// 分析类
|
|
401
|
+
let viewModel = null;
|
|
402
|
+
// 获取组件传参
|
|
403
403
|
|
|
404
|
-
let viewModel = null; // 获取组件传参
|
|
405
404
|
//设置样式
|
|
406
|
-
|
|
407
405
|
var style = {
|
|
408
406
|
color: {
|
|
409
407
|
conditions: [["${height} >= 250", "rgb(255, 0, 0)"], ["${height} >= 200", "rgb(255, 255, 0)"], ["${height} >= 150", "rgb(255, 255, 255)"], ["${height} >= 100", "rgb(0, 0, 255)"], ["${height} >= 80", "rgb(0, 255, 255)"], ["${height} >= 50", "rgb(255, 0, 255)"], ["${height} >= 20", "rgb(0, 255, 0)"], ["true", "rgb(125527, 255, 255)"]]
|
|
@@ -421,14 +419,16 @@ const __default__ = {
|
|
|
421
419
|
tilesetName: props.settingParams && props.settingParams.tilesetName || "ShangHai-White",
|
|
422
420
|
//倾斜摄影名称
|
|
423
421
|
tilesetStyle: props.settingParams && props.settingParams.tilesetStyle || style // 倾斜摄影样式
|
|
422
|
+
});
|
|
424
423
|
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null); // 生成组件默认header
|
|
424
|
+
// 组件容器Ref
|
|
425
|
+
let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
|
|
428
426
|
|
|
427
|
+
// 生成组件默认header
|
|
429
428
|
let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
|
|
430
|
-
let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
|
|
429
|
+
let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
|
|
431
430
|
|
|
431
|
+
// 国际化
|
|
432
432
|
let {
|
|
433
433
|
locale,
|
|
434
434
|
messages
|
|
@@ -457,85 +457,67 @@ const __default__ = {
|
|
|
457
457
|
imgHeightMax.value = canvas.height;
|
|
458
458
|
formItem.imgWidth = canvas.width;
|
|
459
459
|
formItem.imgHeight = canvas.height;
|
|
460
|
-
viewModel = new ScreenshotViewModel
|
|
460
|
+
viewModel = new ScreenshotViewModel(scenceView._viewer, formItem);
|
|
461
461
|
}
|
|
462
462
|
});
|
|
463
463
|
});
|
|
464
|
+
|
|
464
465
|
/**
|
|
465
466
|
* @description 监听header生成
|
|
466
467
|
*/
|
|
467
|
-
|
|
468
468
|
const watchCreateHeaderTemp = () => {
|
|
469
469
|
if (props.showHeaderTemp) {
|
|
470
470
|
// 生成headerTemp
|
|
471
471
|
headerTemp.value = (0,util_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, headerTempTitle);
|
|
472
472
|
}
|
|
473
|
-
};
|
|
474
|
-
|
|
473
|
+
};
|
|
475
474
|
|
|
475
|
+
// 场景出图
|
|
476
476
|
function sceneFigure() {
|
|
477
477
|
viewModel && viewModel.sceneFigure();
|
|
478
|
-
}
|
|
479
|
-
|
|
480
|
-
|
|
478
|
+
}
|
|
479
|
+
// 参数联动
|
|
481
480
|
function paramsChanged(key) {
|
|
482
481
|
if (!viewModel) return;
|
|
483
|
-
|
|
484
482
|
switch (key) {
|
|
485
483
|
case "lockAspectRatio":
|
|
486
484
|
viewModel.setImgAspectRatio(formItem.lockAspectRatio);
|
|
487
485
|
break;
|
|
488
|
-
|
|
489
486
|
case "imgWidth":
|
|
490
487
|
viewModel.setImgWidth(formItem.imgWidth);
|
|
491
488
|
formItem.imgHeight = formItem.lockAspectRatio ? viewModel.calcHeightByWindowRatio(formItem.imgWidth) : Number(formItem.imgWidth);
|
|
492
489
|
viewModel.setImgHeight(formItem.imgHeight);
|
|
493
490
|
break;
|
|
494
|
-
|
|
495
491
|
case "imgHeight":
|
|
496
492
|
viewModel.setImgHeight(formItem.imgHeight);
|
|
497
493
|
formItem.imgWidth = formItem.lockAspectRatio ? viewModel.calcWidthByWindowRatio(formItem.imgHeight) : Number(formItem.imgHeight);
|
|
498
494
|
viewModel.setImgWidth(formItem.imgWidth);
|
|
499
495
|
break;
|
|
500
|
-
|
|
501
496
|
case "imgFormat":
|
|
502
497
|
viewModel.setImgType(formItem.imgFormat);
|
|
503
498
|
break;
|
|
504
|
-
|
|
505
499
|
default:
|
|
506
500
|
break;
|
|
507
501
|
}
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
|
|
502
|
+
}
|
|
503
|
+
// 销毁
|
|
511
504
|
(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
|
|
512
505
|
viewModel && viewModel.destroy();
|
|
513
506
|
});
|
|
514
|
-
|
|
515
507
|
__expose({
|
|
516
508
|
paramsChanged,
|
|
517
509
|
sceneFigure
|
|
518
510
|
});
|
|
519
|
-
|
|
520
511
|
return (_ctx, _cache) => {
|
|
521
512
|
const _component_kq_checkbox = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-checkbox");
|
|
522
|
-
|
|
523
513
|
const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-row");
|
|
524
|
-
|
|
525
514
|
const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-input-number");
|
|
526
|
-
|
|
527
515
|
const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-col");
|
|
528
|
-
|
|
529
516
|
const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item");
|
|
530
|
-
|
|
531
517
|
const _component_kq_option = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-option");
|
|
532
|
-
|
|
533
518
|
const _component_kq_select = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-select");
|
|
534
|
-
|
|
535
519
|
const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form");
|
|
536
|
-
|
|
537
520
|
const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button");
|
|
538
|
-
|
|
539
521
|
return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
|
|
540
522
|
class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq3d-screenshot", {
|
|
541
523
|
'kq-box-shadow': __props.showShadow
|
|
@@ -546,9 +528,7 @@ const __default__ = {
|
|
|
546
528
|
key: 0,
|
|
547
529
|
ref_key: "headerTempRef",
|
|
548
530
|
ref: headerTempRef
|
|
549
|
-
}, null, 512
|
|
550
|
-
/* NEED_PATCH */
|
|
551
|
-
)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
|
|
531
|
+
}, null, 512 /* NEED_PATCH */)) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
|
|
552
532
|
"label-width": "120px",
|
|
553
533
|
"label-position": "left"
|
|
554
534
|
}, {
|
|
@@ -558,18 +538,10 @@ const __default__ = {
|
|
|
558
538
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(formItem).lockAspectRatio = $event),
|
|
559
539
|
onChange: _cache[1] || (_cache[1] = $event => paramsChanged('lockAspectRatio'))
|
|
560
540
|
}, {
|
|
561
|
-
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).lockAspectRatio), 1
|
|
562
|
-
/*
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
/* STABLE */
|
|
566
|
-
|
|
567
|
-
}, 8
|
|
568
|
-
/* PROPS */
|
|
569
|
-
, ["modelValue"])]),
|
|
570
|
-
_: 1
|
|
571
|
-
/* STABLE */
|
|
572
|
-
|
|
541
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).lockAspectRatio), 1 /* TEXT */)]),
|
|
542
|
+
_: 1 /* STABLE */
|
|
543
|
+
}, 8 /* PROPS */, ["modelValue"])]),
|
|
544
|
+
_: 1 /* STABLE */
|
|
573
545
|
}), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
|
|
574
546
|
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
|
|
575
547
|
label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgWidth + '(px)'
|
|
@@ -590,26 +562,14 @@ const __default__ = {
|
|
|
590
562
|
max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imgWidthMax),
|
|
591
563
|
"controls-position": "right",
|
|
592
564
|
onChange: _cache[3] || (_cache[3] = $event => paramsChanged('imgWidth'))
|
|
593
|
-
}, null, 8
|
|
594
|
-
/*
|
|
595
|
-
, ["modelValue", "max"])]),
|
|
596
|
-
_: 1
|
|
597
|
-
/* STABLE */
|
|
598
|
-
|
|
565
|
+
}, null, 8 /* PROPS */, ["modelValue", "max"])]),
|
|
566
|
+
_: 1 /* STABLE */
|
|
599
567
|
})]),
|
|
600
|
-
_: 1
|
|
601
|
-
/* STABLE */
|
|
602
|
-
|
|
568
|
+
_: 1 /* STABLE */
|
|
603
569
|
})]),
|
|
604
|
-
_: 1
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
}, 8
|
|
608
|
-
/* PROPS */
|
|
609
|
-
, ["label"])]),
|
|
610
|
-
_: 1
|
|
611
|
-
/* STABLE */
|
|
612
|
-
|
|
570
|
+
_: 1 /* STABLE */
|
|
571
|
+
}, 8 /* PROPS */, ["label"])]),
|
|
572
|
+
_: 1 /* STABLE */
|
|
613
573
|
}), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
|
|
614
574
|
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
|
|
615
575
|
label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgHeight + '(px)'
|
|
@@ -630,26 +590,14 @@ const __default__ = {
|
|
|
630
590
|
max: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imgHeightMax),
|
|
631
591
|
"controls-position": "right",
|
|
632
592
|
onChange: _cache[5] || (_cache[5] = $event => paramsChanged('imgHeight'))
|
|
633
|
-
}, null, 8
|
|
634
|
-
/*
|
|
635
|
-
, ["modelValue", "max"])]),
|
|
636
|
-
_: 1
|
|
637
|
-
/* STABLE */
|
|
638
|
-
|
|
593
|
+
}, null, 8 /* PROPS */, ["modelValue", "max"])]),
|
|
594
|
+
_: 1 /* STABLE */
|
|
639
595
|
})]),
|
|
640
|
-
_: 1
|
|
641
|
-
/* STABLE */
|
|
642
|
-
|
|
596
|
+
_: 1 /* STABLE */
|
|
643
597
|
})]),
|
|
644
|
-
_: 1
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
}, 8
|
|
648
|
-
/* PROPS */
|
|
649
|
-
, ["label"])]),
|
|
650
|
-
_: 1
|
|
651
|
-
/* STABLE */
|
|
652
|
-
|
|
598
|
+
_: 1 /* STABLE */
|
|
599
|
+
}, 8 /* PROPS */, ["label"])]),
|
|
600
|
+
_: 1 /* STABLE */
|
|
653
601
|
}), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_row, null, {
|
|
654
602
|
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
|
|
655
603
|
label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).imgFormat
|
|
@@ -680,48 +628,25 @@ const __default__ = {
|
|
|
680
628
|
label: "JPEG",
|
|
681
629
|
value: "jpeg"
|
|
682
630
|
})]),
|
|
683
|
-
_: 1
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
}, 8
|
|
687
|
-
/* PROPS */
|
|
688
|
-
, ["modelValue"])]),
|
|
689
|
-
_: 1
|
|
690
|
-
/* STABLE */
|
|
691
|
-
|
|
631
|
+
_: 1 /* STABLE */
|
|
632
|
+
}, 8 /* PROPS */, ["modelValue"])]),
|
|
633
|
+
_: 1 /* STABLE */
|
|
692
634
|
})]),
|
|
693
|
-
_: 1
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
}, 8
|
|
697
|
-
/* PROPS */
|
|
698
|
-
, ["label"])]),
|
|
699
|
-
_: 1
|
|
700
|
-
/* STABLE */
|
|
701
|
-
|
|
635
|
+
_: 1 /* STABLE */
|
|
636
|
+
}, 8 /* PROPS */, ["label"])]),
|
|
637
|
+
_: 1 /* STABLE */
|
|
702
638
|
})]),
|
|
703
|
-
_: 1
|
|
704
|
-
/* STABLE */
|
|
705
|
-
|
|
639
|
+
_: 1 /* STABLE */
|
|
706
640
|
}), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
|
|
707
641
|
onClick: _cache[8] || (_cache[8] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withModifiers)($event => sceneFigure(), ["stop"])),
|
|
708
642
|
title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).screenshotTips,
|
|
709
643
|
type: "primary"
|
|
710
644
|
}, {
|
|
711
|
-
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).screenshotTips), 1
|
|
712
|
-
/*
|
|
713
|
-
|
|
714
|
-
_: 1
|
|
715
|
-
/* STABLE */
|
|
716
|
-
|
|
717
|
-
}, 8
|
|
718
|
-
/* PROPS */
|
|
719
|
-
, ["title"])])])], 2
|
|
720
|
-
/* CLASS */
|
|
721
|
-
);
|
|
645
|
+
default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(language).screenshotTips), 1 /* TEXT */)]),
|
|
646
|
+
_: 1 /* STABLE */
|
|
647
|
+
}, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
|
|
722
648
|
};
|
|
723
649
|
}
|
|
724
|
-
|
|
725
650
|
}));
|
|
726
651
|
;// CONCATENATED MODULE: ./src/webgl/screenshot/Screenshot.vue?vue&type=script&setup=true&lang=js
|
|
727
652
|
|
|
@@ -743,13 +668,11 @@ var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
|
|
|
743
668
|
|
|
744
669
|
|
|
745
670
|
|
|
746
|
-
|
|
747
671
|
Screenshot.install = (Vue, opts) => {
|
|
748
672
|
init_js_default()(Vue, opts);
|
|
749
673
|
Vue.component(Screenshot.name, Screenshot);
|
|
750
674
|
};
|
|
751
675
|
|
|
752
|
-
|
|
753
676
|
}();
|
|
754
677
|
/******/ return __webpack_exports__;
|
|
755
678
|
/******/ })()
|