@realsee/dnalogel 2.0.0-alpha.32 → 2.0.0-alpha.34
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/components/index.js +1450 -0
- package/dist/ModelChassisCompassPlugin/index.js +5 -3
- package/dist/PanoSpatialTagPlugin/index.js +13 -11
- package/dist/components/PaintBrush/Controller.d.ts +43 -0
- package/dist/components/PaintBrush/Subscribe.d.ts +76 -0
- package/dist/components/PaintBrush/index.d.ts +27 -0
- package/dist/components/PaintBrush/style.d.ts +2 -0
- package/dist/components/PaintBrush/tween.d.ts +62 -0
- package/dist/components/PaintBrush/typings.d.ts +58 -0
- package/dist/components/PaintBrush/utils.d.ts +26 -0
- package/dist/components/index.d.ts +2 -0
- 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 +1 -0
- 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/components/PaintBrush/Controller.d.ts +43 -0
- package/libs/components/PaintBrush/Controller.js +575 -0
- package/libs/components/PaintBrush/Subscribe.d.ts +76 -0
- package/libs/components/PaintBrush/Subscribe.js +121 -0
- package/libs/components/PaintBrush/index.d.ts +27 -0
- package/libs/components/PaintBrush/index.js +57 -0
- package/libs/components/PaintBrush/style.d.ts +2 -0
- package/libs/components/PaintBrush/style.js +102 -0
- package/libs/components/PaintBrush/tween.d.ts +62 -0
- package/libs/components/PaintBrush/tween.js +15 -0
- package/libs/components/PaintBrush/typings.d.ts +58 -0
- package/libs/components/PaintBrush/typings.js +6 -0
- package/libs/components/PaintBrush/utils.d.ts +26 -0
- package/libs/components/PaintBrush/utils.js +51 -0
- package/libs/components/index.d.ts +2 -0
- package/libs/components/index.js +3 -0
- package/libs/floorplan/Components/Compass.js +7 -6
- package/libs/shared-utils/uuid.d.ts +1 -0
- package/libs/shared-utils/uuid.js +1 -0
- package/package.json +4 -2
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);
|
package/dist/index.umd.js
CHANGED
|
@@ -1346,7 +1346,7 @@
|
|
|
1346
1346
|
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}");
|
|
1347
1347
|
}
|
|
1348
1348
|
|
|
1349
|
-
// (
|
|
1349
|
+
// (14:0) {#if canShowCompass}
|
|
1350
1350
|
function create_if_block$a(ctx) {
|
|
1351
1351
|
let div1;
|
|
1352
1352
|
let div0;
|
|
@@ -1365,7 +1365,7 @@
|
|
|
1365
1365
|
internal.set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
|
|
1366
1366
|
internal.attr(span, "class", "floorplan-plugin__compass-text svelte-1q44ru9");
|
|
1367
1367
|
internal.attr(div1, "class", "floorplan-plugin__compass svelte-1q44ru9");
|
|
1368
|
-
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[
|
|
1368
|
+
internal.set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
|
|
1369
1369
|
},
|
|
1370
1370
|
m(target, anchor) {
|
|
1371
1371
|
internal.insert(target, div1, anchor);
|
|
@@ -1385,7 +1385,7 @@
|
|
|
1385
1385
|
|
|
1386
1386
|
function create_fragment$p(ctx) {
|
|
1387
1387
|
let if_block_anchor;
|
|
1388
|
-
let if_block = /*
|
|
1388
|
+
let if_block = /*canShowCompass*/ ctx[2] && create_if_block$a(ctx);
|
|
1389
1389
|
|
|
1390
1390
|
return {
|
|
1391
1391
|
c() {
|
|
@@ -1397,7 +1397,7 @@
|
|
|
1397
1397
|
internal.insert(target, if_block_anchor, anchor);
|
|
1398
1398
|
},
|
|
1399
1399
|
p(ctx, [dirty]) {
|
|
1400
|
-
if (/*
|
|
1400
|
+
if (/*canShowCompass*/ ctx[2]) if_block.p(ctx, dirty);
|
|
1401
1401
|
},
|
|
1402
1402
|
i: internal.noop,
|
|
1403
1403
|
o: internal.noop,
|
|
@@ -1421,15 +1421,16 @@
|
|
|
1421
1421
|
? void 0
|
|
1422
1422
|
: _a.northRad;
|
|
1423
1423
|
|
|
1424
|
-
const rotate =
|
|
1424
|
+
const rotate = typeof northRad !== 'number' ? 0 : rad2Deg(northRad);
|
|
1425
1425
|
const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
|
|
1426
|
+
const canShowCompass = typeof northRad === 'number';
|
|
1426
1427
|
|
|
1427
1428
|
$$self.$$set = $$props => {
|
|
1428
1429
|
if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
|
|
1429
1430
|
if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
|
|
1430
1431
|
};
|
|
1431
1432
|
|
|
1432
|
-
return [northDesc,
|
|
1433
|
+
return [northDesc, compassTransformStyle, canShowCompass, floorplanData];
|
|
1433
1434
|
}
|
|
1434
1435
|
|
|
1435
1436
|
class Compass extends internal.SvelteComponent {
|
|
@@ -6497,14 +6498,16 @@
|
|
|
6497
6498
|
* 模型底盘指南针插件
|
|
6498
6499
|
*/
|
|
6499
6500
|
const ModelChassisCompassPlugin = (five, params) => {
|
|
6501
|
+
var _a;
|
|
6500
6502
|
const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
|
|
6501
|
-
const defaultNorthRad = params.north_rad
|
|
6503
|
+
const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
|
|
6502
6504
|
// 局部状态
|
|
6503
6505
|
const state = {};
|
|
6504
6506
|
const load = async (data) => {
|
|
6507
|
+
var _a;
|
|
6505
6508
|
const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
|
|
6506
|
-
const northRad = (data === null || data === void 0 ? void 0 : data.north_rad)
|
|
6507
|
-
if (
|
|
6509
|
+
const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
|
|
6510
|
+
if (typeof northRad !== 'number') {
|
|
6508
6511
|
throw new Error('"northRad"配置参数缺失:未配置指南针指向!');
|
|
6509
6512
|
}
|
|
6510
6513
|
const bounding = five.model.bounding;
|
|
@@ -11942,7 +11945,7 @@
|
|
|
11942
11945
|
/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
|
|
11943
11946
|
|
|
11944
11947
|
function add_css$4(target) {
|
|
11945
|
-
internal.append_styles(target, "svelte-
|
|
11948
|
+
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)}}");
|
|
11946
11949
|
}
|
|
11947
11950
|
|
|
11948
11951
|
function create_fragment$4(ctx) {
|
|
@@ -11976,19 +11979,19 @@
|
|
|
11976
11979
|
t3 = internal.space();
|
|
11977
11980
|
div3 = internal.element("div");
|
|
11978
11981
|
div2 = internal.element("div");
|
|
11979
|
-
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-
|
|
11982
|
+
internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
|
|
11980
11983
|
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)");
|
|
11981
|
-
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-
|
|
11984
|
+
internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
|
|
11982
11985
|
internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
|
|
11983
|
-
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-
|
|
11984
|
-
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-
|
|
11985
|
-
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-
|
|
11986
|
-
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-
|
|
11987
|
-
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-
|
|
11986
|
+
internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
|
|
11987
|
+
internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
|
|
11988
|
+
internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
|
|
11989
|
+
internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
|
|
11990
|
+
internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
|
|
11988
11991
|
internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
|
|
11989
11992
|
internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
|
|
11990
11993
|
internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
|
|
11991
|
-
internal.attr(div4, "class", "svelte-
|
|
11994
|
+
internal.attr(div4, "class", "svelte-eb8bdm");
|
|
11992
11995
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
|
|
11993
11996
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
|
|
11994
11997
|
internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
|
|
@@ -12811,7 +12814,8 @@
|
|
|
12811
12814
|
if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
|
|
12812
12815
|
if (!wrapper)
|
|
12813
12816
|
wrapper = five$1.getElement().parentElement;
|
|
12814
|
-
wrapper
|
|
12817
|
+
if (wrapper)
|
|
12818
|
+
wrapper.appendChild(container);
|
|
12815
12819
|
state.forbidden = false;
|
|
12816
12820
|
updateTags();
|
|
12817
12821
|
five$1.on('panoWillArrive', onPanoWillArrive);
|
|
@@ -12823,7 +12827,8 @@
|
|
|
12823
12827
|
five$1.once('modelLoaded', () => {
|
|
12824
12828
|
if (!wrapper)
|
|
12825
12829
|
wrapper = five$1.getElement().parentElement;
|
|
12826
|
-
wrapper
|
|
12830
|
+
if (wrapper)
|
|
12831
|
+
wrapper.appendChild(container);
|
|
12827
12832
|
state.forbidden = false;
|
|
12828
12833
|
updateTags();
|
|
12829
12834
|
five$1.on('panoWillArrive', onPanoWillArrive);
|