@realsee/dnalogel 2.0.0-alpha.33-beta → 2.0.0-alpha.33
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/dist/ModelChassisCompassPlugin/index.js +5 -3
- package/dist/PanoSpatialTagPlugin/index.js +13 -11
- package/dist/floorplan/ModelFloorplanPlugin/index.js +7 -6
- package/dist/floorplan/TopviewFloorplanPlugin/index.js +7 -6
- package/dist/index.es.js +25 -20
- package/dist/index.js +25 -20
- package/dist/index.umd.js +25 -20
- package/dist/shared-utils/uuid.d.ts +0 -1
- package/docs/classes/Magnifier.html +4 -4
- package/docs/classes/ModelRoomLabelController.html +4 -4
- package/docs/classes/PanoFloorplanRadarPluginController.html +2 -2
- package/docs/enums/CameraMovementEffect.html +2 -2
- package/docs/enums/DIRECTION.html +1 -1
- package/docs/enums/DISPLAY_STRATEGY_TYPE.html +1 -1
- package/docs/enums/FLOOR_PLAN_ATTACHED_TO.html +1 -1
- package/docs/enums/ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.html +1 -1
- package/docs/enums/ModelFloorplanErrorType.html +1 -1
- package/docs/enums/Rotation.html +2 -2
- package/docs/index.html +1 -1
- package/docs/interfaces/CSS3DRenderPluginExportType.html +2 -2
- package/docs/interfaces/CameraMovementPluginExportType.html +2 -2
- package/docs/interfaces/FloorplanBounding.html +4 -4
- package/docs/interfaces/FloorplanData.html +2 -2
- package/docs/interfaces/FloorplanEntrance.html +7 -7
- package/docs/interfaces/FloorplanExtraObject.html +3 -3
- package/docs/interfaces/FloorplanExtraObject3D.html +2 -2
- package/docs/interfaces/FloorplanFloorData.html +2 -2
- package/docs/interfaces/FloorplanImagePosition.html +2 -2
- package/docs/interfaces/FloorplanObserver.html +2 -2
- package/docs/interfaces/FloorplanOutlineItem.html +2 -2
- package/docs/interfaces/FloorplanPosition.html +2 -2
- package/docs/interfaces/FloorplanRoomItem.html +6 -6
- package/docs/interfaces/FloorplanRoomLabelItem.html +3 -3
- package/docs/interfaces/FloorplanServerBounding.html +4 -4
- package/docs/interfaces/FloorplanServerComputedData.html +1 -1
- package/docs/interfaces/FloorplanServerData.html +2 -2
- package/docs/interfaces/FloorplanServerEntrance.html +7 -7
- package/docs/interfaces/FloorplanServerFloorData.html +2 -2
- package/docs/interfaces/FloorplanServerImagePosition.html +2 -2
- package/docs/interfaces/FloorplanServerObserver.html +2 -2
- package/docs/interfaces/FloorplanServerOutlineItem.html +2 -2
- package/docs/interfaces/FloorplanServerPosition.html +2 -2
- package/docs/interfaces/FloorplanServerRoomItem.html +7 -7
- package/docs/interfaces/FloorplanServerRoomLabelItem.html +3 -3
- package/docs/interfaces/ItemLabelPluginData.html +1 -1
- package/docs/interfaces/ItemLabelPluginExportReturnsType.html +1 -1
- package/docs/interfaces/ItemLabelPluginParametersType.html +1 -1
- package/docs/interfaces/LineJson.html +1 -1
- package/docs/interfaces/ModelChassisCompassPluginData.html +1 -1
- package/docs/interfaces/ModelChassisCompassPluginExportType.html +1 -1
- package/docs/interfaces/ModelChassisCompassPluginParameterType.html +1 -1
- package/docs/interfaces/ModelEntryDoorGuidePluginData.html +1 -1
- package/docs/interfaces/ModelEntryDoorGuidePluginExportType.html +1 -1
- package/docs/interfaces/ModelFloorplanParameterType.html +1 -1
- package/docs/interfaces/ModelFloorplanViewEvent.html +2 -2
- package/docs/interfaces/ModelItemLabelPluginData.html +1 -1
- package/docs/interfaces/ModelItemLabelPluginExportReturnsType.html +1 -1
- package/docs/interfaces/ModelItemLabelPluginParametersType.html +1 -1
- package/docs/interfaces/ModelRoomLabelPluginData.html +1 -1
- package/docs/interfaces/ModelTVVideoPluginData.html +1 -1
- package/docs/interfaces/ModelTVVideoPluginExportType.html +1 -1
- package/docs/interfaces/ModelTVVideoPluginParameterType.html +1 -1
- package/docs/interfaces/ModelViewPluginExportType.html +1 -1
- package/docs/interfaces/OpenParameter.html +2 -2
- package/docs/interfaces/PanoCompassPluginData.html +1 -1
- package/docs/interfaces/PanoCompassPluginParameterType.html +1 -1
- package/docs/interfaces/PanoCursorRaycasterPluginExportType.html +6 -6
- package/docs/interfaces/PanoCursorRaycasterPluginParameterType.html +1 -1
- package/docs/interfaces/PanoFloorplanRadarPluginControllerParameter.html +1 -1
- package/docs/interfaces/PanoMeasureParameterType.html +1 -1
- package/docs/interfaces/PanoRulerPluginExportType.html +1 -1
- package/docs/interfaces/PanoRulerPluginOptions.html +1 -1
- package/docs/interfaces/PanoRulerPluginParameterType.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginContentEvent.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginContentReplacement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginData.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginDataElement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginExportType.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginOriginElement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginParameterType.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginPointElement.html +1 -1
- package/docs/interfaces/PanoSpatialTagPluginTagElement.html +1 -1
- package/docs/interfaces/Point.html +1 -1
- package/docs/interfaces/PointJson.html +1 -1
- package/docs/interfaces/Room.html +1 -1
- package/docs/interfaces/RoomInfo.html +1 -1
- package/docs/interfaces/RoomLabel.html +7 -7
- package/docs/interfaces/RoomRules.html +1 -1
- package/docs/interfaces/Rooms.html +1 -1
- package/docs/interfaces/TopviewFloorplanPluginParameterType.html +9 -9
- package/docs/modules.html +20 -20
- package/libs/ModelChassisCompassPlugin/Plugin.js +5 -3
- package/libs/PanoSpatialTagPlugin/Components/tag.js +9 -9
- package/libs/PanoSpatialTagPlugin/Plugin.js +4 -2
- package/libs/floorplan/Components/Compass.js +7 -6
- package/libs/shared-utils/uuid.d.ts +0 -1
- package/libs/shared-utils/uuid.js +0 -1
- package/package.json +2 -4
- package/components/index.js +0 -1450
- package/dist/components/PaintBrush/Controller.d.ts +0 -43
- package/dist/components/PaintBrush/Subscribe.d.ts +0 -76
- package/dist/components/PaintBrush/index.d.ts +0 -27
- package/dist/components/PaintBrush/style.d.ts +0 -2
- package/dist/components/PaintBrush/tween.d.ts +0 -62
- package/dist/components/PaintBrush/typings.d.ts +0 -58
- package/dist/components/PaintBrush/utils.d.ts +0 -26
- package/dist/components/index.d.ts +0 -2
- package/libs/components/PaintBrush/Controller.d.ts +0 -43
- package/libs/components/PaintBrush/Controller.js +0 -575
- package/libs/components/PaintBrush/Subscribe.d.ts +0 -76
- package/libs/components/PaintBrush/Subscribe.js +0 -121
- package/libs/components/PaintBrush/index.d.ts +0 -27
- package/libs/components/PaintBrush/index.js +0 -57
- package/libs/components/PaintBrush/style.d.ts +0 -2
- package/libs/components/PaintBrush/style.js +0 -102
- package/libs/components/PaintBrush/tween.d.ts +0 -62
- package/libs/components/PaintBrush/tween.js +0 -15
- package/libs/components/PaintBrush/typings.d.ts +0 -58
- package/libs/components/PaintBrush/typings.js +0 -6
- package/libs/components/PaintBrush/utils.d.ts +0 -26
- package/libs/components/PaintBrush/utils.js +0 -51
- package/libs/components/index.d.ts +0 -2
- package/libs/components/index.js +0 -3
|
@@ -72,14 +72,16 @@ function transfromToMeshBasicMaterial(object, options) {
|
|
|
72
72
|
* 模型底盘指南针插件
|
|
73
73
|
*/
|
|
74
74
|
const ModelChassisCompassPlugin = (five, params) => {
|
|
75
|
+
var _a;
|
|
75
76
|
const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
|
|
76
|
-
const defaultNorthRad = params.north_rad
|
|
77
|
+
const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
|
|
77
78
|
// 局部状态
|
|
78
79
|
const state = {};
|
|
79
80
|
const load = async (data) => {
|
|
81
|
+
var _a;
|
|
80
82
|
const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
|
|
81
|
-
const northRad = (data === null || data === void 0 ? void 0 : data.north_rad)
|
|
82
|
-
if (
|
|
83
|
+
const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
|
|
84
|
+
if (typeof northRad !== 'number') {
|
|
83
85
|
throw new Error('"northRad"配置参数缺失:未配置指南针指向!');
|
|
84
86
|
}
|
|
85
87
|
const bounding = five.model.bounding;
|
|
@@ -388,7 +388,7 @@ class Origins extends internal.SvelteComponent {
|
|
|
388
388
|
/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
|
|
389
389
|
|
|
390
390
|
function add_css(target) {
|
|
391
|
-
internal.append_styles(target, "svelte-
|
|
391
|
+
internal.append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
function create_fragment(ctx) {
|
|
@@ -422,19 +422,19 @@ function create_fragment(ctx) {
|
|
|
422
422
|
t3 = internal.space();
|
|
423
423
|
div3 = internal.element("div");
|
|
424
424
|
div2 = internal.element("div");
|
|
425
|
-
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-
|
|
425
|
+
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
|
|
426
426
|
internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
|
|
427
|
-
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-
|
|
427
|
+
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
|
|
428
428
|
internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
|
|
429
|
-
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-
|
|
430
|
-
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-
|
|
431
|
-
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-
|
|
432
|
-
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-
|
|
433
|
-
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-
|
|
429
|
+
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
|
|
430
|
+
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
|
|
431
|
+
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
|
|
432
|
+
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
|
|
433
|
+
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
|
|
434
434
|
internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
|
|
435
435
|
internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
|
|
436
436
|
internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
|
|
437
|
-
internal.attr(div4, "class", "svelte-
|
|
437
|
+
internal.attr(div4, "class", "svelte-eb8bdm");
|
|
438
438
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
|
|
439
439
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
|
|
440
440
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
|
|
@@ -1257,7 +1257,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
|
|
|
1257
1257
|
if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
|
|
1258
1258
|
if (!wrapper)
|
|
1259
1259
|
wrapper = five$1.getElement().parentElement;
|
|
1260
|
-
wrapper
|
|
1260
|
+
if (wrapper)
|
|
1261
|
+
wrapper.appendChild(container);
|
|
1261
1262
|
state.forbidden = false;
|
|
1262
1263
|
updateTags();
|
|
1263
1264
|
five$1.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -1269,7 +1270,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
|
|
|
1269
1270
|
five$1.once('modelLoaded', () => {
|
|
1270
1271
|
if (!wrapper)
|
|
1271
1272
|
wrapper = five$1.getElement().parentElement;
|
|
1272
|
-
wrapper
|
|
1273
|
+
if (wrapper)
|
|
1274
|
+
wrapper.appendChild(container);
|
|
1273
1275
|
state.forbidden = false;
|
|
1274
1276
|
updateTags();
|
|
1275
1277
|
five$1.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -207,7 +207,7 @@ function add_css$c(target) {
|
|
|
207
207
|
internal.append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-1q44ru9{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
// (
|
|
210
|
+
// (14:0) {#if canShowCompass}
|
|
211
211
|
function create_if_block$6(ctx) {
|
|
212
212
|
let div1;
|
|
213
213
|
let div0;
|
|
@@ -226,7 +226,7 @@ function create_if_block$6(ctx) {
|
|
|
226
226
|
internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
227
227
|
internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
228
228
|
internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
229
|
-
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
229
|
+
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
230
230
|
},
|
|
231
231
|
m(target, anchor) {
|
|
232
232
|
internal.insert(target, div1, anchor);
|
|
@@ -246,7 +246,7 @@ function create_if_block$6(ctx) {
|
|
|
246
246
|
|
|
247
247
|
function create_fragment$f(ctx) {
|
|
248
248
|
let if_block_anchor;
|
|
249
|
-
let if_block = /*
|
|
249
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$6(ctx);
|
|
250
250
|
|
|
251
251
|
return {
|
|
252
252
|
c() {
|
|
@@ -258,7 +258,7 @@ function create_fragment$f(ctx) {
|
|
|
258
258
|
internal.insert(target, if_block_anchor, anchor);
|
|
259
259
|
},
|
|
260
260
|
p(ctx, [dirty]) {
|
|
261
|
-
if (/*
|
|
261
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
262
262
|
},
|
|
263
263
|
i: internal.noop,
|
|
264
264
|
o: internal.noop,
|
|
@@ -282,15 +282,16 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
282
282
|
? void 0
|
|
283
283
|
: _a.northRad;
|
|
284
284
|
|
|
285
|
-
const rotate =
|
|
285
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
286
286
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
287
|
+
const canShowCompass = typeof northRad === 'number';
|
|
287
288
|
|
|
288
289
|
$$self.$$set = $$props => {
|
|
289
290
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
290
291
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
291
292
|
};
|
|
292
293
|
|
|
293
|
-
return [northDesc,
|
|
294
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
294
295
|
}
|
|
295
296
|
|
|
296
297
|
class Compass extends internal.SvelteComponent {
|
|
@@ -324,7 +324,7 @@ function add_css$c(target) {
|
|
|
324
324
|
internal.append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-1q44ru9{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
// (
|
|
327
|
+
// (14:0) {#if canShowCompass}
|
|
328
328
|
function create_if_block$6(ctx) {
|
|
329
329
|
let div1;
|
|
330
330
|
let div0;
|
|
@@ -343,7 +343,7 @@ function create_if_block$6(ctx) {
|
|
|
343
343
|
internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
344
344
|
internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
345
345
|
internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
346
|
-
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
346
|
+
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
347
347
|
},
|
|
348
348
|
m(target, anchor) {
|
|
349
349
|
internal.insert(target, div1, anchor);
|
|
@@ -363,7 +363,7 @@ function create_if_block$6(ctx) {
|
|
|
363
363
|
|
|
364
364
|
function create_fragment$f(ctx) {
|
|
365
365
|
let if_block_anchor;
|
|
366
|
-
let if_block = /*
|
|
366
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$6(ctx);
|
|
367
367
|
|
|
368
368
|
return {
|
|
369
369
|
c() {
|
|
@@ -375,7 +375,7 @@ function create_fragment$f(ctx) {
|
|
|
375
375
|
internal.insert(target, if_block_anchor, anchor);
|
|
376
376
|
},
|
|
377
377
|
p(ctx, [dirty]) {
|
|
378
|
-
if (/*
|
|
378
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
379
379
|
},
|
|
380
380
|
i: internal.noop,
|
|
381
381
|
o: internal.noop,
|
|
@@ -399,15 +399,16 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
399
399
|
? void 0
|
|
400
400
|
: _a.northRad;
|
|
401
401
|
|
|
402
|
-
const rotate =
|
|
402
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
403
403
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
404
|
+
const canShowCompass = typeof northRad === 'number';
|
|
404
405
|
|
|
405
406
|
$$self.$$set = $$props => {
|
|
406
407
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
407
408
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
408
409
|
};
|
|
409
410
|
|
|
410
|
-
return [northDesc,
|
|
411
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
411
412
|
}
|
|
412
413
|
|
|
413
414
|
class Compass extends internal.SvelteComponent {
|
package/dist/index.es.js
CHANGED
|
@@ -1330,7 +1330,7 @@ function add_css$l(target) {
|
|
|
1330
1330
|
append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-1q44ru9{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
|
|
1331
1331
|
}
|
|
1332
1332
|
|
|
1333
|
-
// (
|
|
1333
|
+
// (14:0) {#if canShowCompass}
|
|
1334
1334
|
function create_if_block$a(ctx) {
|
|
1335
1335
|
let div1;
|
|
1336
1336
|
let div0;
|
|
@@ -1349,7 +1349,7 @@ function create_if_block$a(ctx) {
|
|
|
1349
1349
|
set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
1350
1350
|
attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
1351
1351
|
attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
1352
|
-
set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
1352
|
+
set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
1353
1353
|
},
|
|
1354
1354
|
m(target, anchor) {
|
|
1355
1355
|
insert(target, div1, anchor);
|
|
@@ -1369,7 +1369,7 @@ function create_if_block$a(ctx) {
|
|
|
1369
1369
|
|
|
1370
1370
|
function create_fragment$p(ctx) {
|
|
1371
1371
|
let if_block_anchor;
|
|
1372
|
-
let if_block = /*
|
|
1372
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$a(ctx);
|
|
1373
1373
|
|
|
1374
1374
|
return {
|
|
1375
1375
|
c() {
|
|
@@ -1381,7 +1381,7 @@ function create_fragment$p(ctx) {
|
|
|
1381
1381
|
insert(target, if_block_anchor, anchor);
|
|
1382
1382
|
},
|
|
1383
1383
|
p(ctx, [dirty]) {
|
|
1384
|
-
if (/*
|
|
1384
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
1385
1385
|
},
|
|
1386
1386
|
i: noop$1,
|
|
1387
1387
|
o: noop$1,
|
|
@@ -1405,15 +1405,16 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
1405
1405
|
? void 0
|
|
1406
1406
|
: _a.northRad;
|
|
1407
1407
|
|
|
1408
|
-
const rotate =
|
|
1408
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
1409
1409
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
1410
|
+
const canShowCompass = typeof northRad === 'number';
|
|
1410
1411
|
|
|
1411
1412
|
$$self.$$set = $$props => {
|
|
1412
1413
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
1413
1414
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
1414
1415
|
};
|
|
1415
1416
|
|
|
1416
|
-
return [northDesc,
|
|
1417
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
1417
1418
|
}
|
|
1418
1419
|
|
|
1419
1420
|
class Compass extends SvelteComponent {
|
|
@@ -6481,14 +6482,16 @@ function transfromToMeshBasicMaterial(object, options) {
|
|
|
6481
6482
|
* 模型底盘指南针插件
|
|
6482
6483
|
*/
|
|
6483
6484
|
const ModelChassisCompassPlugin = (five, params) => {
|
|
6485
|
+
var _a;
|
|
6484
6486
|
const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
|
|
6485
|
-
const defaultNorthRad = params.north_rad
|
|
6487
|
+
const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
|
|
6486
6488
|
// 局部状态
|
|
6487
6489
|
const state = {};
|
|
6488
6490
|
const load = async (data) => {
|
|
6491
|
+
var _a;
|
|
6489
6492
|
const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
|
|
6490
|
-
const northRad = (data === null || data === void 0 ? void 0 : data.north_rad)
|
|
6491
|
-
if (
|
|
6493
|
+
const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
|
|
6494
|
+
if (typeof northRad !== 'number') {
|
|
6492
6495
|
throw new Error('"northRad"配置参数缺失:未配置指南针指向!');
|
|
6493
6496
|
}
|
|
6494
6497
|
const bounding = five.model.bounding;
|
|
@@ -11926,7 +11929,7 @@ class Origins extends SvelteComponent {
|
|
|
11926
11929
|
/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
|
|
11927
11930
|
|
|
11928
11931
|
function add_css$4(target) {
|
|
11929
|
-
append_styles(target, "svelte-
|
|
11932
|
+
append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
|
|
11930
11933
|
}
|
|
11931
11934
|
|
|
11932
11935
|
function create_fragment$4(ctx) {
|
|
@@ -11960,19 +11963,19 @@ function create_fragment$4(ctx) {
|
|
|
11960
11963
|
t3 = space();
|
|
11961
11964
|
div3 = element("div");
|
|
11962
11965
|
div2 = element("div");
|
|
11963
|
-
attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-
|
|
11966
|
+
attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
|
|
11964
11967
|
set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
|
|
11965
|
-
attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-
|
|
11968
|
+
attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
|
|
11966
11969
|
set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
|
|
11967
|
-
attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-
|
|
11968
|
-
attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-
|
|
11969
|
-
attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-
|
|
11970
|
-
attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-
|
|
11971
|
-
attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-
|
|
11970
|
+
attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
|
|
11971
|
+
attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
|
|
11972
|
+
attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
|
|
11973
|
+
attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
|
|
11974
|
+
attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
|
|
11972
11975
|
set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
|
|
11973
11976
|
attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
|
|
11974
11977
|
set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
|
|
11975
|
-
attr(div4, "class", "svelte-
|
|
11978
|
+
attr(div4, "class", "svelte-eb8bdm");
|
|
11976
11979
|
toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
|
|
11977
11980
|
toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
|
|
11978
11981
|
toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
|
|
@@ -12795,7 +12798,8 @@ const PanoSpatialTagPlugin = (five, params) => {
|
|
|
12795
12798
|
if ((_f = five === null || five === void 0 ? void 0 : five.model) === null || _f === void 0 ? void 0 : _f.loaded) {
|
|
12796
12799
|
if (!wrapper)
|
|
12797
12800
|
wrapper = five.getElement().parentElement;
|
|
12798
|
-
wrapper
|
|
12801
|
+
if (wrapper)
|
|
12802
|
+
wrapper.appendChild(container);
|
|
12799
12803
|
state.forbidden = false;
|
|
12800
12804
|
updateTags();
|
|
12801
12805
|
five.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -12807,7 +12811,8 @@ const PanoSpatialTagPlugin = (five, params) => {
|
|
|
12807
12811
|
five.once('modelLoaded', () => {
|
|
12808
12812
|
if (!wrapper)
|
|
12809
12813
|
wrapper = five.getElement().parentElement;
|
|
12810
|
-
wrapper
|
|
12814
|
+
if (wrapper)
|
|
12815
|
+
wrapper.appendChild(container);
|
|
12811
12816
|
state.forbidden = false;
|
|
12812
12817
|
updateTags();
|
|
12813
12818
|
five.on('panoWillArrive', onPanoWillArrive);
|
package/dist/index.js
CHANGED
|
@@ -1358,7 +1358,7 @@ function add_css$l(target) {
|
|
|
1358
1358
|
internal.append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-1q44ru9{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
|
|
1359
1359
|
}
|
|
1360
1360
|
|
|
1361
|
-
// (
|
|
1361
|
+
// (14:0) {#if canShowCompass}
|
|
1362
1362
|
function create_if_block$a(ctx) {
|
|
1363
1363
|
let div1;
|
|
1364
1364
|
let div0;
|
|
@@ -1377,7 +1377,7 @@ function create_if_block$a(ctx) {
|
|
|
1377
1377
|
internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
1378
1378
|
internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
1379
1379
|
internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
1380
|
-
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
1380
|
+
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
1381
1381
|
},
|
|
1382
1382
|
m(target, anchor) {
|
|
1383
1383
|
internal.insert(target, div1, anchor);
|
|
@@ -1397,7 +1397,7 @@ function create_if_block$a(ctx) {
|
|
|
1397
1397
|
|
|
1398
1398
|
function create_fragment$p(ctx) {
|
|
1399
1399
|
let if_block_anchor;
|
|
1400
|
-
let if_block = /*
|
|
1400
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$a(ctx);
|
|
1401
1401
|
|
|
1402
1402
|
return {
|
|
1403
1403
|
c() {
|
|
@@ -1409,7 +1409,7 @@ function create_fragment$p(ctx) {
|
|
|
1409
1409
|
internal.insert(target, if_block_anchor, anchor);
|
|
1410
1410
|
},
|
|
1411
1411
|
p(ctx, [dirty]) {
|
|
1412
|
-
if (/*
|
|
1412
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
1413
1413
|
},
|
|
1414
1414
|
i: internal.noop,
|
|
1415
1415
|
o: internal.noop,
|
|
@@ -1433,15 +1433,16 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
1433
1433
|
? void 0
|
|
1434
1434
|
: _a.northRad;
|
|
1435
1435
|
|
|
1436
|
-
const rotate =
|
|
1436
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
1437
1437
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
1438
|
+
const canShowCompass = typeof northRad === 'number';
|
|
1438
1439
|
|
|
1439
1440
|
$$self.$$set = $$props => {
|
|
1440
1441
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
1441
1442
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
1442
1443
|
};
|
|
1443
1444
|
|
|
1444
|
-
return [northDesc,
|
|
1445
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
1445
1446
|
}
|
|
1446
1447
|
|
|
1447
1448
|
class Compass extends internal.SvelteComponent {
|
|
@@ -6509,14 +6510,16 @@ function transfromToMeshBasicMaterial(object, options) {
|
|
|
6509
6510
|
* 模型底盘指南针插件
|
|
6510
6511
|
*/
|
|
6511
6512
|
const ModelChassisCompassPlugin = (five, params) => {
|
|
6513
|
+
var _a;
|
|
6512
6514
|
const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
|
|
6513
|
-
const defaultNorthRad = params.north_rad
|
|
6515
|
+
const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
|
|
6514
6516
|
// 局部状态
|
|
6515
6517
|
const state = {};
|
|
6516
6518
|
const load = async (data) => {
|
|
6519
|
+
var _a;
|
|
6517
6520
|
const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
|
|
6518
|
-
const northRad = (data === null || data === void 0 ? void 0 : data.north_rad)
|
|
6519
|
-
if (
|
|
6521
|
+
const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
|
|
6522
|
+
if (typeof northRad !== 'number') {
|
|
6520
6523
|
throw new Error('"northRad"配置参数缺失:未配置指南针指向!');
|
|
6521
6524
|
}
|
|
6522
6525
|
const bounding = five.model.bounding;
|
|
@@ -11954,7 +11957,7 @@ class Origins extends internal.SvelteComponent {
|
|
|
11954
11957
|
/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
|
|
11955
11958
|
|
|
11956
11959
|
function add_css$4(target) {
|
|
11957
|
-
internal.append_styles(target, "svelte-
|
|
11960
|
+
internal.append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
|
|
11958
11961
|
}
|
|
11959
11962
|
|
|
11960
11963
|
function create_fragment$4(ctx) {
|
|
@@ -11988,19 +11991,19 @@ function create_fragment$4(ctx) {
|
|
|
11988
11991
|
t3 = internal.space();
|
|
11989
11992
|
div3 = internal.element("div");
|
|
11990
11993
|
div2 = internal.element("div");
|
|
11991
|
-
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-
|
|
11994
|
+
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
|
|
11992
11995
|
internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
|
|
11993
|
-
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-
|
|
11996
|
+
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
|
|
11994
11997
|
internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
|
|
11995
|
-
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-
|
|
11996
|
-
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-
|
|
11997
|
-
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-
|
|
11998
|
-
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-
|
|
11999
|
-
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-
|
|
11998
|
+
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
|
|
11999
|
+
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
|
|
12000
|
+
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
|
|
12001
|
+
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
|
|
12002
|
+
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
|
|
12000
12003
|
internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
|
|
12001
12004
|
internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
|
|
12002
12005
|
internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
|
|
12003
|
-
internal.attr(div4, "class", "svelte-
|
|
12006
|
+
internal.attr(div4, "class", "svelte-eb8bdm");
|
|
12004
12007
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
|
|
12005
12008
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
|
|
12006
12009
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
|
|
@@ -12823,7 +12826,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
|
|
|
12823
12826
|
if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
|
|
12824
12827
|
if (!wrapper)
|
|
12825
12828
|
wrapper = five$1.getElement().parentElement;
|
|
12826
|
-
wrapper
|
|
12829
|
+
if (wrapper)
|
|
12830
|
+
wrapper.appendChild(container);
|
|
12827
12831
|
state.forbidden = false;
|
|
12828
12832
|
updateTags();
|
|
12829
12833
|
five$1.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -12835,7 +12839,8 @@ const PanoSpatialTagPlugin = (five$1, params) => {
|
|
|
12835
12839
|
five$1.once('modelLoaded', () => {
|
|
12836
12840
|
if (!wrapper)
|
|
12837
12841
|
wrapper = five$1.getElement().parentElement;
|
|
12838
|
-
wrapper
|
|
12842
|
+
if (wrapper)
|
|
12843
|
+
wrapper.appendChild(container);
|
|
12839
12844
|
state.forbidden = false;
|
|
12840
12845
|
updateTags();
|
|
12841
12846
|
five$1.on('panoWillArrive', onPanoWillArrive);
|