@qverse-ui/lit-components 1.0.5 → 1.0.7
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/components/common/lit-switch-dollhouse-view/constants.d.ts +2 -2
- package/dist/components/common/lit-switch-dollhouse-view/constants.d.ts.map +1 -1
- package/dist/components/common/lit-switch-dollhouse-view/constants.js +2 -2
- package/dist/components/common/lit-switch-dollhouse-view/constants.js.map +1 -1
- package/dist/components/common/lit-switch-dollhouse-view/index.d.ts +0 -15
- package/dist/components/common/lit-switch-dollhouse-view/index.d.ts.map +1 -1
- package/dist/components/common/lit-switch-dollhouse-view/index.js +20 -25
- package/dist/components/common/lit-switch-dollhouse-view/index.js.map +1 -1
- package/dist/components/common/lit-switch-floorplan-view/constants.d.ts +2 -2
- package/dist/components/common/lit-switch-floorplan-view/constants.d.ts.map +1 -1
- package/dist/components/common/lit-switch-floorplan-view/constants.js +2 -2
- package/dist/components/common/lit-switch-floorplan-view/constants.js.map +1 -1
- package/dist/components/common/lit-switch-floorplan-view/index.d.ts.map +1 -1
- package/dist/components/common/lit-switch-floorplan-view/index.js +8 -1
- package/dist/components/common/lit-switch-floorplan-view/index.js.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/constants.d.ts +2 -2
- package/dist/components/common/lit-switch-panorama-view/constants.d.ts.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/constants.js +2 -2
- package/dist/components/common/lit-switch-panorama-view/constants.js.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/index.d.ts +1 -19
- package/dist/components/common/lit-switch-panorama-view/index.d.ts.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/index.js +33 -28
- package/dist/components/common/lit-switch-panorama-view/index.js.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/interaction.d.ts.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/interaction.js +1 -0
- package/dist/components/common/lit-switch-panorama-view/interaction.js.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/properties.d.ts +2 -0
- package/dist/components/common/lit-switch-panorama-view/properties.d.ts.map +1 -1
- package/dist/components/common/lit-switch-panorama-view/properties.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,6 @@ import { ViewMode } from '@/enum/view.mode';
|
|
|
2
2
|
export declare const TAG: "lit-switch-dollhouse-view";
|
|
3
3
|
export declare const VIEW: ViewMode.Dollhouse;
|
|
4
4
|
export declare const ICON_CSS_VAR: "--lit-mode-dollhouse-icon";
|
|
5
|
-
export declare const CLICK_EVENT: "lit-
|
|
6
|
-
export declare const COMPLETE_EVENT: "lit-switch-
|
|
5
|
+
export declare const CLICK_EVENT: "lit-click";
|
|
6
|
+
export declare const COMPLETE_EVENT: "lit-switch-complete";
|
|
7
7
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-dollhouse-view/constants.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,eAAO,MAAM,GAAG,EAAG,2BAAoC,CAAA;AAEvD,eAAO,MAAM,IAAI,oBAA8B,CAAA;AAE/C,eAAO,MAAM,YAAY,EAAG,2BAAoC,CAAA;AAEhE,eAAO,MAAM,WAAW,EAAG,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-dollhouse-view/constants.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,eAAO,MAAM,GAAG,EAAG,2BAAoC,CAAA;AAEvD,eAAO,MAAM,IAAI,oBAA8B,CAAA;AAE/C,eAAO,MAAM,YAAY,EAAG,2BAAoC,CAAA;AAEhE,eAAO,MAAM,WAAW,EAAG,WAAoB,CAAA;AAE/C,eAAO,MAAM,cAAc,EAAG,qBAA8B,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ViewMode } from "../../../enum/view.mode.js";
|
|
2
2
|
const TAG = "lit-switch-dollhouse-view";
|
|
3
3
|
const VIEW = ViewMode.Dollhouse;
|
|
4
|
-
const CLICK_EVENT = "lit-
|
|
5
|
-
const COMPLETE_EVENT = "lit-switch-
|
|
4
|
+
const CLICK_EVENT = "lit-click";
|
|
5
|
+
const COMPLETE_EVENT = "lit-switch-complete";
|
|
6
6
|
export {
|
|
7
7
|
CLICK_EVENT,
|
|
8
8
|
COMPLETE_EVENT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/common/lit-switch-dollhouse-view/constants.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-dollhouse-view 常量（标签、事件名、CSS 变量）\n */\n\nimport { ViewMode } from '@/enum/view.mode'\n\nexport const TAG = 'lit-switch-dollhouse-view' as const\n\nexport const VIEW = ViewMode.Dollhouse as const\n\nexport const ICON_CSS_VAR = '--lit-mode-dollhouse-icon' as const\n\nexport const CLICK_EVENT = 'lit-
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/common/lit-switch-dollhouse-view/constants.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-dollhouse-view 常量（标签、事件名、CSS 变量）\n */\n\nimport { ViewMode } from '@/enum/view.mode'\n\nexport const TAG = 'lit-switch-dollhouse-view' as const\n\nexport const VIEW = ViewMode.Dollhouse as const\n\nexport const ICON_CSS_VAR = '--lit-mode-dollhouse-icon' as const\n\nexport const CLICK_EVENT = 'lit-click' as const\n\nexport const COMPLETE_EVENT = 'lit-switch-complete' as const\n"],"names":[],"mappings":";AAQO,MAAM,MAAM;AAEZ,MAAM,OAAO,SAAS;AAItB,MAAM,cAAc;AAEpB,MAAM,iBAAiB;"}
|
|
@@ -5,11 +5,8 @@ export declare class LitSwitchDollhouseView extends LitElement {
|
|
|
5
5
|
/** qspace SDK 实例；仅 JS 属性绑定，不映射 HTML attribute（对象无法序列化） */
|
|
6
6
|
qspace: any;
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
8
|
* 是否可点击；由 core.loaded / mode.change 自动同步，宿主亦可覆盖
|
|
10
|
-
|
|
11
9
|
* HTML: enabled / Vue: :enabled
|
|
12
|
-
|
|
13
10
|
*/
|
|
14
11
|
enabled: boolean;
|
|
15
12
|
setEnabled(value: boolean): void;
|
|
@@ -18,39 +15,27 @@ export declare class LitSwitchDollhouseView extends LitElement {
|
|
|
18
15
|
private _onCoreLoaded;
|
|
19
16
|
private _onViewModeChange;
|
|
20
17
|
/**
|
|
21
|
-
|
|
22
18
|
* 渲染模板
|
|
23
|
-
|
|
24
19
|
*/
|
|
25
20
|
render(): import("lit-html").TemplateResult;
|
|
26
21
|
/**
|
|
27
|
-
|
|
28
22
|
* 组件连接生命周期
|
|
29
|
-
|
|
30
23
|
*/
|
|
31
24
|
connectedCallback(): void;
|
|
32
25
|
/**
|
|
33
|
-
|
|
34
26
|
* 组件断开生命周期
|
|
35
|
-
|
|
36
27
|
*/
|
|
37
28
|
disconnectedCallback(): void;
|
|
38
29
|
/**
|
|
39
|
-
|
|
40
30
|
* 第一次更新
|
|
41
|
-
|
|
42
31
|
*/
|
|
43
32
|
firstUpdated(changed: Map<string, unknown>): void;
|
|
44
33
|
/**
|
|
45
|
-
|
|
46
34
|
* 组件更新
|
|
47
|
-
|
|
48
35
|
*/
|
|
49
36
|
updated(changed: Map<string, unknown>): void;
|
|
50
37
|
/**
|
|
51
|
-
|
|
52
38
|
* 将要更新
|
|
53
|
-
|
|
54
39
|
*/
|
|
55
40
|
protected willUpdate(_changedProperties: PropertyValues): void;
|
|
56
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-dollhouse-view/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-dollhouse-view/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGhD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAMpC,gDAAgD;AAChD,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,0DAA0D;IAE1D,MAAM,EAAE,GAAG,CAAO;IAElB;;;OAGG;IAOH,OAAO,UAAQ;IAEf,UAAU,CAAC,KAAK,EAAE,OAAO;IAQzB,MAAM,CAAC,MAAM,0BAAS;IAEtB,OAAO,CAAC,QAAQ,CAIf;IAED,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,iBAAiB,CAIxB;IAED;;OAEG;IACH,MAAM;IAMN;;OAEG;IACH,iBAAiB;IA6BjB;;OAEG;IACH,oBAAoB;IAcpB;;OAEG;IACH,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM1C;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAI/D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,qBAAqB;QAE7B,CAAC,GAAG,CAAC,EAAE,sBAAsB,CAAA;KAE9B;CAEF"}
|
|
@@ -2,10 +2,10 @@ import { LitElement } from "lit";
|
|
|
2
2
|
import { property } from "lit/decorators.js";
|
|
3
3
|
import { safeCustomElement } from "../../../utils/define-lit-element.js";
|
|
4
4
|
import { TAG } from "./constants.js";
|
|
5
|
-
import { handleDollhouseClick, handelCoreLoaded, handelViewModeChange } from "./interaction.js";
|
|
6
5
|
import { booleanAttr } from "./properties.js";
|
|
7
6
|
import { styles } from "./styles.js";
|
|
8
7
|
import { renderDollhouseView } from "./template.js";
|
|
8
|
+
import { handleDollhouseClick, handelCoreLoaded, handelViewModeChange, syncEnabledFromMode } from "./interaction.js";
|
|
9
9
|
var __defProp = Object.defineProperty;
|
|
10
10
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
11
11
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -36,30 +36,31 @@ let LitSwitchDollhouseView = class extends LitElement {
|
|
|
36
36
|
this.toggleAttribute("enabled", value);
|
|
37
37
|
}
|
|
38
38
|
/**
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
*/
|
|
39
|
+
* 渲染模板
|
|
40
|
+
*/
|
|
43
41
|
render() {
|
|
44
42
|
return renderDollhouseView(this._onClick);
|
|
45
43
|
}
|
|
46
44
|
/**
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
*/
|
|
45
|
+
* 组件连接生命周期
|
|
46
|
+
*/
|
|
51
47
|
connectedCallback() {
|
|
52
48
|
super.connectedCallback();
|
|
53
49
|
if (this.qspace) {
|
|
50
|
+
if (this.qspace.view) {
|
|
51
|
+
try {
|
|
52
|
+
syncEnabledFromMode(this, this.qspace.view.mode);
|
|
53
|
+
} catch (error) {
|
|
54
|
+
console.error(error);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
54
57
|
this.qspace.core.addEventListener("loaded", this._onCoreLoaded);
|
|
55
58
|
this.qspace.view.addEventListener("mode.change", this._onViewModeChange);
|
|
56
59
|
}
|
|
57
60
|
}
|
|
58
61
|
/**
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
*/
|
|
62
|
+
* 组件断开生命周期
|
|
63
|
+
*/
|
|
63
64
|
disconnectedCallback() {
|
|
64
65
|
if (this.qspace) {
|
|
65
66
|
this.qspace.core.removeEventListener("loaded", this._onCoreLoaded);
|
|
@@ -68,26 +69,20 @@ let LitSwitchDollhouseView = class extends LitElement {
|
|
|
68
69
|
super.disconnectedCallback();
|
|
69
70
|
}
|
|
70
71
|
/**
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
*/
|
|
72
|
+
* 第一次更新
|
|
73
|
+
*/
|
|
75
74
|
firstUpdated(changed) {
|
|
76
75
|
super.firstUpdated(changed);
|
|
77
76
|
}
|
|
78
77
|
/**
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
*/
|
|
78
|
+
* 组件更新
|
|
79
|
+
*/
|
|
83
80
|
updated(changed) {
|
|
84
81
|
super.updated(changed);
|
|
85
82
|
}
|
|
86
83
|
/**
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
*/
|
|
84
|
+
* 将要更新
|
|
85
|
+
*/
|
|
91
86
|
willUpdate(_changedProperties) {
|
|
92
87
|
}
|
|
93
88
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/common/lit-switch-dollhouse-view/index.ts"],"sourcesContent":["/*\r\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/common/lit-switch-dollhouse-view/index.ts"],"sourcesContent":["/*\r\n * @Author: ncz\r\n * @Date: 2026-05-30\r\n * @Description: lit-switch-dollhouse-view 组件注册与属性声明\r\n */\r\n\r\nimport { LitElement, PropertyValues } from 'lit'\r\nimport { property } from 'lit/decorators.js'\r\nimport { safeCustomElement } from '../../../utils/define-lit-element.js'\r\nimport { TAG } from './constants.js'\r\nimport { booleanAttr } from './properties.js'\r\nimport { styles } from './styles.js'\r\nimport { renderDollhouseView } from './template.js'\r\nimport { handleDollhouseClick, handelViewModeChange, handelCoreLoaded, syncEnabledFromMode } from './interaction.js'\r\n\r\n/** 切换到 dollhouse 视图；qspace 须由宿主通过 :qspace 传入 */\r\n@safeCustomElement(TAG)\r\nexport class LitSwitchDollhouseView extends LitElement {\r\n\r\n /** qspace SDK 实例；仅 JS 属性绑定，不映射 HTML attribute（对象无法序列化） */\r\n @property({ attribute: false })\r\n qspace: any = null\r\n\r\n /**\r\n * 是否可点击；由 core.loaded / mode.change 自动同步，宿主亦可覆盖\r\n * HTML: enabled / Vue: :enabled\r\n */\r\n @property({\r\n type: Boolean,\r\n attribute: 'enabled',\r\n reflect: true,\r\n converter: booleanAttr,\r\n })\r\n enabled = false\r\n\r\n setEnabled(value: boolean) {\r\n\r\n this.enabled = value\r\n\r\n this.toggleAttribute('enabled', value)\r\n\r\n }\r\n\r\n static styles = styles\r\n\r\n private _onClick = (e: Event) => {\r\n\r\n handleDollhouseClick(this, e)\r\n\r\n }\r\n\r\n private _onCoreLoaded = () => {\r\n\r\n handelCoreLoaded(this);\r\n\r\n }\r\n\r\n private _onViewModeChange = (mode: string) => {\r\n\r\n handelViewModeChange(this, mode);\r\n\r\n }\r\n\r\n /**\r\n * 渲染模板\r\n */\r\n render() {\r\n\r\n return renderDollhouseView(this._onClick)\r\n\r\n }\r\n\r\n /**\r\n * 组件连接生命周期\r\n */\r\n connectedCallback() {\r\n\r\n super.connectedCallback()\r\n\r\n if (this.qspace) {\r\n\r\n if (this.qspace.view) {\r\n\r\n // 待优化\r\n try {\r\n\r\n syncEnabledFromMode(this, this.qspace.view.mode);\r\n\r\n } catch (error) {\r\n\r\n console.error(error);\r\n\r\n }\r\n\r\n }\r\n\r\n this.qspace.core.addEventListener('loaded', this._onCoreLoaded);\r\n\r\n this.qspace.view.addEventListener('mode.change', this._onViewModeChange);\r\n\r\n }\r\n\r\n }\r\n\r\n /**\r\n * 组件断开生命周期\r\n */\r\n disconnectedCallback() {\r\n\r\n if (this.qspace) {\r\n\r\n this.qspace.core.removeEventListener('loaded', this._onCoreLoaded);\r\n\r\n this.qspace.view.removeEventListener('mode.change', this._onViewModeChange);\r\n\r\n }\r\n\r\n super.disconnectedCallback()\r\n\r\n }\r\n\r\n /**\r\n * 第一次更新\r\n */\r\n firstUpdated(changed: Map<string, unknown>) {\r\n\r\n super.firstUpdated(changed)\r\n\r\n }\r\n\r\n /**\r\n * 组件更新\r\n */\r\n updated(changed: Map<string, unknown>) {\r\n\r\n super.updated(changed)\r\n\r\n }\r\n\r\n /**\r\n * 将要更新\r\n */\r\n protected willUpdate(_changedProperties: PropertyValues): void {\r\n\r\n }\r\n\r\n}\r\n\r\ndeclare global {\r\n\r\n interface HTMLElementTagNameMap {\r\n\r\n [TAG]: LitSwitchDollhouseView\r\n\r\n }\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,IAAM,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,SAAc;AAYd,SAAA,UAAU;AAYV,SAAQ,WAAW,CAAC,MAAa;AAE/B,2BAAqB,MAAM,CAAC;AAAA,IAE9B;AAEA,SAAQ,gBAAgB,MAAM;AAE5B,uBAAiB,IAAI;AAAA,IAEvB;AAEA,SAAQ,oBAAoB,CAAC,SAAiB;AAE5C,2BAAqB,MAAM,IAAI;AAAA,IAEjC;AAAA,EAAA;AAAA,EA1BA,WAAW,OAAgB;AAEzB,SAAK,UAAU;AAEf,SAAK,gBAAgB,WAAW,KAAK;AAAA,EAEvC;AAAA;AAAA;AAAA;AAAA,EAyBA,SAAS;AAEP,WAAO,oBAAoB,KAAK,QAAQ;AAAA,EAE1C;AAAA;AAAA;AAAA;AAAA,EAKA,oBAAoB;AAElB,UAAM,kBAAA;AAEN,QAAI,KAAK,QAAQ;AAEf,UAAI,KAAK,OAAO,MAAM;AAGpB,YAAI;AAEF,8BAAoB,MAAM,KAAK,OAAO,KAAK,IAAI;AAAA,QAEjD,SAAS,OAAO;AAEd,kBAAQ,MAAM,KAAK;AAAA,QAErB;AAAA,MAEF;AAEA,WAAK,OAAO,KAAK,iBAAiB,UAAU,KAAK,aAAa;AAE9D,WAAK,OAAO,KAAK,iBAAiB,eAAe,KAAK,iBAAiB;AAAA,IAEzE;AAAA,EAEF;AAAA;AAAA;AAAA;AAAA,EAKA,uBAAuB;AAErB,QAAI,KAAK,QAAQ;AAEf,WAAK,OAAO,KAAK,oBAAoB,UAAU,KAAK,aAAa;AAEjE,WAAK,OAAO,KAAK,oBAAoB,eAAe,KAAK,iBAAiB;AAAA,IAE5E;AAEA,UAAM,qBAAA;AAAA,EAER;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa,SAA+B;AAE1C,UAAM,aAAa,OAAO;AAAA,EAE5B;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ,SAA+B;AAErC,UAAM,QAAQ,OAAO;AAAA,EAEvB;AAAA;AAAA;AAAA;AAAA,EAKU,WAAW,oBAA0C;AAAA,EAE/D;AAEF;AAjIa,uBA0BJ,SAAS;AAtBhB,gBAAA;AAAA,EADC,SAAS,EAAE,WAAW,MAAA,CAAO;AAAA,GAHnB,uBAIX,WAAA,UAAA,CAAA;AAYA,gBAAA;AAAA,EANC,SAAS;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,EAAA,CACZ;AAAA,GAfU,uBAgBX,WAAA,WAAA,CAAA;AAhBW,yBAAN,gBAAA;AAAA,EADN,kBAAkB,GAAG;AAAA,GACT,sBAAA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const TAG: "lit-switch-floorplan-view";
|
|
2
2
|
export declare const VIEW: "floorplan";
|
|
3
3
|
export declare const ICON_CSS_VAR: "--lit-mode-floorplan-icon";
|
|
4
|
-
export declare const CLICK_EVENT: "lit-
|
|
5
|
-
export declare const COMPLETE_EVENT: "lit-switch-
|
|
4
|
+
export declare const CLICK_EVENT: "lit-click";
|
|
5
|
+
export declare const COMPLETE_EVENT: "lit-switch-complete";
|
|
6
6
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-floorplan-view/constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG,EAAG,2BAAoC,CAAA;AAEvD,eAAO,MAAM,IAAI,EAAG,WAAoB,CAAA;AAExC,eAAO,MAAM,YAAY,EAAG,2BAAoC,CAAA;AAEhE,eAAO,MAAM,WAAW,EAAG,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-floorplan-view/constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG,EAAG,2BAAoC,CAAA;AAEvD,eAAO,MAAM,IAAI,EAAG,WAAoB,CAAA;AAExC,eAAO,MAAM,YAAY,EAAG,2BAAoC,CAAA;AAEhE,eAAO,MAAM,WAAW,EAAG,WAAoB,CAAA;AAE/C,eAAO,MAAM,cAAc,EAAG,qBAA8B,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const TAG = "lit-switch-floorplan-view";
|
|
2
2
|
const VIEW = "floorplan";
|
|
3
|
-
const CLICK_EVENT = "lit-
|
|
4
|
-
const COMPLETE_EVENT = "lit-switch-
|
|
3
|
+
const CLICK_EVENT = "lit-click";
|
|
4
|
+
const COMPLETE_EVENT = "lit-switch-complete";
|
|
5
5
|
export {
|
|
6
6
|
CLICK_EVENT,
|
|
7
7
|
COMPLETE_EVENT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/common/lit-switch-floorplan-view/constants.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-floorplan-view 常量（标签、事件名、CSS 变量）\n */\n\nexport const TAG = 'lit-switch-floorplan-view' as const\n\nexport const VIEW = 'floorplan' as const\n\nexport const ICON_CSS_VAR = '--lit-mode-floorplan-icon' as const\n\nexport const CLICK_EVENT = 'lit-
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/common/lit-switch-floorplan-view/constants.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-floorplan-view 常量（标签、事件名、CSS 变量）\n */\n\nexport const TAG = 'lit-switch-floorplan-view' as const\n\nexport const VIEW = 'floorplan' as const\n\nexport const ICON_CSS_VAR = '--lit-mode-floorplan-icon' as const\n\nexport const CLICK_EVENT = 'lit-click' as const\n\nexport const COMPLETE_EVENT = 'lit-switch-complete' as const\n"],"names":[],"mappings":"AAMO,MAAM,MAAM;AAEZ,MAAM,OAAO;AAIb,MAAM,cAAc;AAEpB,MAAM,iBAAiB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-floorplan-view/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGhD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAMpC,gDAAgD;AAChD,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,0DAA0D;IAE1D,MAAM,EAAE,GAAG,CAAO;IAElB;;;OAGG;IAOH,OAAO,UAAQ;IAEf,UAAU,CAAC,KAAK,EAAE,OAAO;IAQzB,MAAM,CAAC,MAAM,0BAAS;IAEtB,OAAO,CAAC,QAAQ,CAIf;IAED,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,iBAAiB,CAIxB;IAED;;OAEG;IACH,MAAM;IAMN;;OAEG;IACH,iBAAiB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-floorplan-view/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGhD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAMpC,gDAAgD;AAChD,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,0DAA0D;IAE1D,MAAM,EAAE,GAAG,CAAO;IAElB;;;OAGG;IAOH,OAAO,UAAQ;IAEf,UAAU,CAAC,KAAK,EAAE,OAAO;IAQzB,MAAM,CAAC,MAAM,0BAAS;IAEtB,OAAO,CAAC,QAAQ,CAIf;IAED,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,iBAAiB,CAIxB;IAED;;OAEG;IACH,MAAM;IAMN;;OAEG;IACH,iBAAiB;IA6BjB;;OAEG;IACH,oBAAoB;IAcpB;;OAEG;IACH,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM1C;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAI/D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,qBAAqB;QAE7B,CAAC,GAAG,CAAC,EAAE,sBAAsB,CAAA;KAE9B;CAEF"}
|
|
@@ -2,7 +2,7 @@ import { LitElement } from "lit";
|
|
|
2
2
|
import { property } from "lit/decorators.js";
|
|
3
3
|
import { safeCustomElement } from "../../../utils/define-lit-element.js";
|
|
4
4
|
import { TAG } from "./constants.js";
|
|
5
|
-
import { handleFloorplanClick, handelCoreLoaded, handelViewModeChange } from "./interaction.js";
|
|
5
|
+
import { handleFloorplanClick, handelCoreLoaded, handelViewModeChange, syncEnabledFromMode } from "./interaction.js";
|
|
6
6
|
import { booleanAttr } from "./properties.js";
|
|
7
7
|
import { styles } from "./styles.js";
|
|
8
8
|
import { renderFloorplanView } from "./template.js";
|
|
@@ -47,6 +47,13 @@ let LitSwitchFloorplanView = class extends LitElement {
|
|
|
47
47
|
connectedCallback() {
|
|
48
48
|
super.connectedCallback();
|
|
49
49
|
if (this.qspace) {
|
|
50
|
+
if (this.qspace.view) {
|
|
51
|
+
try {
|
|
52
|
+
syncEnabledFromMode(this, this.qspace.view.mode);
|
|
53
|
+
} catch (error) {
|
|
54
|
+
console.error(error);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
50
57
|
this.qspace.core.addEventListener("loaded", this._onCoreLoaded);
|
|
51
58
|
this.qspace.view.addEventListener("mode.change", this._onViewModeChange);
|
|
52
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/common/lit-switch-floorplan-view/index.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-floorplan-view 组件注册与属性声明\n */\n\nimport { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../../../utils/define-lit-element.js'\nimport { TAG } from './constants.js'\nimport { handleFloorplanClick, handelViewModeChange, handelCoreLoaded } from './interaction.js'\nimport { booleanAttr } from './properties.js'\nimport { styles } from './styles.js'\nimport { renderFloorplanView } from './template.js'\n\n/** 切换到 floorplan 视图；qspace 须由宿主通过 :qspace 传入 */\n@safeCustomElement(TAG)\nexport class LitSwitchFloorplanView extends LitElement {\n\n /** qspace SDK 实例；仅 JS 属性绑定，不映射 HTML attribute（对象无法序列化） */\n @property({ attribute: false })\n qspace: any = null\n\n /**\n * 是否可点击；由 core.loaded / mode.change 自动同步，宿主亦可覆盖\n * HTML: enabled / Vue: :enabled\n */\n @property({\n type: Boolean,\n attribute: 'enabled',\n reflect: true,\n converter: booleanAttr,\n })\n enabled = false\n\n setEnabled(value: boolean) {\n\n this.enabled = value\n\n this.toggleAttribute('enabled', value)\n\n }\n\n static styles = styles\n\n private _onClick = (e: Event) => {\n\n handleFloorplanClick(this, e)\n\n }\n\n private _onCoreLoaded = () => {\n\n handelCoreLoaded(this);\n\n }\n\n private _onViewModeChange = (mode: string) => {\n\n handelViewModeChange(this, mode);\n\n }\n\n /**\n * 渲染模板\n */\n render() {\n\n return renderFloorplanView(this._onClick)\n\n }\n\n /**\n * 组件连接生命周期\n */\n connectedCallback() {\n\n super.connectedCallback()\n\n if (this.qspace) {\n\n this.qspace.core.addEventListener('loaded', this._onCoreLoaded);\n\n this.qspace.view.addEventListener('mode.change', this._onViewModeChange);\n\n }\n\n }\n\n /**\n * 组件断开生命周期\n */\n disconnectedCallback() {\n\n if (this.qspace) {\n\n this.qspace.core.removeEventListener('loaded', this._onCoreLoaded);\n\n this.qspace.view.removeEventListener('mode.change', this._onViewModeChange);\n\n }\n\n super.disconnectedCallback()\n\n }\n\n /**\n * 第一次更新\n */\n firstUpdated(changed: Map<string, unknown>) {\n\n super.firstUpdated(changed)\n\n }\n\n /**\n * 组件更新\n */\n updated(changed: Map<string, unknown>) {\n\n super.updated(changed)\n\n }\n\n /**\n * 将要更新\n */\n protected willUpdate(_changedProperties: PropertyValues): void {\n\n }\n\n}\n\ndeclare global {\n\n interface HTMLElementTagNameMap {\n\n [TAG]: LitSwitchFloorplanView\n\n }\n\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,IAAM,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,SAAc;AAYd,SAAA,UAAU;AAYV,SAAQ,WAAW,CAAC,MAAa;AAE/B,2BAAqB,MAAM,CAAC;AAAA,IAE9B;AAEA,SAAQ,gBAAgB,MAAM;AAE5B,uBAAiB,IAAI;AAAA,IAEvB;AAEA,SAAQ,oBAAoB,CAAC,SAAiB;AAE5C,2BAAqB,MAAM,IAAI;AAAA,IAEjC;AAAA,EAAA;AAAA,EA1BA,WAAW,OAAgB;AAEzB,SAAK,UAAU;AAEf,SAAK,gBAAgB,WAAW,KAAK;AAAA,EAEvC;AAAA;AAAA;AAAA;AAAA,EAyBA,SAAS;AAEP,WAAO,oBAAoB,KAAK,QAAQ;AAAA,EAE1C;AAAA;AAAA;AAAA;AAAA,EAKA,oBAAoB;AAElB,UAAM,kBAAA;AAEN,QAAI,KAAK,QAAQ;AAEf,WAAK,OAAO,KAAK,iBAAiB,UAAU,KAAK,aAAa;AAE9D,WAAK,OAAO,KAAK,iBAAiB,eAAe,KAAK,iBAAiB;AAAA,IAEzE;AAAA,EAEF;AAAA;AAAA;AAAA;AAAA,EAKA,uBAAuB;AAErB,QAAI,KAAK,QAAQ;AAEf,WAAK,OAAO,KAAK,oBAAoB,UAAU,KAAK,aAAa;AAEjE,WAAK,OAAO,KAAK,oBAAoB,eAAe,KAAK,iBAAiB;AAAA,IAE5E;AAEA,UAAM,qBAAA;AAAA,EAER;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa,SAA+B;AAE1C,UAAM,aAAa,OAAO;AAAA,EAE5B;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ,SAA+B;AAErC,UAAM,QAAQ,OAAO;AAAA,EAEvB;AAAA;AAAA;AAAA;AAAA,EAKU,WAAW,oBAA0C;AAAA,EAE/D;AAEF;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/common/lit-switch-floorplan-view/index.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-floorplan-view 组件注册与属性声明\n */\n\nimport { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { safeCustomElement } from '../../../utils/define-lit-element.js'\nimport { TAG } from './constants.js'\nimport { handleFloorplanClick, handelViewModeChange, handelCoreLoaded, syncEnabledFromMode } from './interaction.js'\nimport { booleanAttr } from './properties.js'\nimport { styles } from './styles.js'\nimport { renderFloorplanView } from './template.js'\n\n/** 切换到 floorplan 视图；qspace 须由宿主通过 :qspace 传入 */\n@safeCustomElement(TAG)\nexport class LitSwitchFloorplanView extends LitElement {\n\n /** qspace SDK 实例；仅 JS 属性绑定，不映射 HTML attribute（对象无法序列化） */\n @property({ attribute: false })\n qspace: any = null\n\n /**\n * 是否可点击；由 core.loaded / mode.change 自动同步，宿主亦可覆盖\n * HTML: enabled / Vue: :enabled\n */\n @property({\n type: Boolean,\n attribute: 'enabled',\n reflect: true,\n converter: booleanAttr,\n })\n enabled = false\n\n setEnabled(value: boolean) {\n\n this.enabled = value\n\n this.toggleAttribute('enabled', value)\n\n }\n\n static styles = styles\n\n private _onClick = (e: Event) => {\n\n handleFloorplanClick(this, e)\n\n }\n\n private _onCoreLoaded = () => {\n\n handelCoreLoaded(this);\n\n }\n\n private _onViewModeChange = (mode: string) => {\n\n handelViewModeChange(this, mode);\n\n }\n\n /**\n * 渲染模板\n */\n render() {\n\n return renderFloorplanView(this._onClick)\n\n }\n\n /**\n * 组件连接生命周期\n */\n connectedCallback() {\n\n super.connectedCallback()\n\n if (this.qspace) {\n\n if (this.qspace.view) {\n\n // 待优化\n try {\n\n syncEnabledFromMode(this, this.qspace.view.mode);\n\n } catch (error) {\n\n console.error(error);\n\n }\n\n }\n\n this.qspace.core.addEventListener('loaded', this._onCoreLoaded);\n\n this.qspace.view.addEventListener('mode.change', this._onViewModeChange);\n\n }\n\n }\n\n /**\n * 组件断开生命周期\n */\n disconnectedCallback() {\n\n if (this.qspace) {\n\n this.qspace.core.removeEventListener('loaded', this._onCoreLoaded);\n\n this.qspace.view.removeEventListener('mode.change', this._onViewModeChange);\n\n }\n\n super.disconnectedCallback()\n\n }\n\n /**\n * 第一次更新\n */\n firstUpdated(changed: Map<string, unknown>) {\n\n super.firstUpdated(changed)\n\n }\n\n /**\n * 组件更新\n */\n updated(changed: Map<string, unknown>) {\n\n super.updated(changed)\n\n }\n\n /**\n * 将要更新\n */\n protected willUpdate(_changedProperties: PropertyValues): void {\n\n }\n\n}\n\ndeclare global {\n\n interface HTMLElementTagNameMap {\n\n [TAG]: LitSwitchFloorplanView\n\n }\n\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,IAAM,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,SAAc;AAYd,SAAA,UAAU;AAYV,SAAQ,WAAW,CAAC,MAAa;AAE/B,2BAAqB,MAAM,CAAC;AAAA,IAE9B;AAEA,SAAQ,gBAAgB,MAAM;AAE5B,uBAAiB,IAAI;AAAA,IAEvB;AAEA,SAAQ,oBAAoB,CAAC,SAAiB;AAE5C,2BAAqB,MAAM,IAAI;AAAA,IAEjC;AAAA,EAAA;AAAA,EA1BA,WAAW,OAAgB;AAEzB,SAAK,UAAU;AAEf,SAAK,gBAAgB,WAAW,KAAK;AAAA,EAEvC;AAAA;AAAA;AAAA;AAAA,EAyBA,SAAS;AAEP,WAAO,oBAAoB,KAAK,QAAQ;AAAA,EAE1C;AAAA;AAAA;AAAA;AAAA,EAKA,oBAAoB;AAElB,UAAM,kBAAA;AAEN,QAAI,KAAK,QAAQ;AAEf,UAAI,KAAK,OAAO,MAAM;AAGpB,YAAI;AAEF,8BAAoB,MAAM,KAAK,OAAO,KAAK,IAAI;AAAA,QAEjD,SAAS,OAAO;AAEd,kBAAQ,MAAM,KAAK;AAAA,QAErB;AAAA,MAEF;AAEA,WAAK,OAAO,KAAK,iBAAiB,UAAU,KAAK,aAAa;AAE9D,WAAK,OAAO,KAAK,iBAAiB,eAAe,KAAK,iBAAiB;AAAA,IAEzE;AAAA,EAEF;AAAA;AAAA;AAAA;AAAA,EAKA,uBAAuB;AAErB,QAAI,KAAK,QAAQ;AAEf,WAAK,OAAO,KAAK,oBAAoB,UAAU,KAAK,aAAa;AAEjE,WAAK,OAAO,KAAK,oBAAoB,eAAe,KAAK,iBAAiB;AAAA,IAE5E;AAEA,UAAM,qBAAA;AAAA,EAER;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa,SAA+B;AAE1C,UAAM,aAAa,OAAO;AAAA,EAE5B;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ,SAA+B;AAErC,UAAM,QAAQ,OAAO;AAAA,EAEvB;AAAA;AAAA;AAAA;AAAA,EAKU,WAAW,oBAA0C;AAAA,EAE/D;AAEF;AAjIa,uBA0BJ,SAAS;AAtBhB,gBAAA;AAAA,EADC,SAAS,EAAE,WAAW,MAAA,CAAO;AAAA,GAHnB,uBAIX,WAAA,UAAA,CAAA;AAYA,gBAAA;AAAA,EANC,SAAS;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,EAAA,CACZ;AAAA,GAfU,uBAgBX,WAAA,WAAA,CAAA;AAhBW,yBAAN,gBAAA;AAAA,EADN,kBAAkB,GAAG;AAAA,GACT,sBAAA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const TAG: "lit-switch-panorama-view";
|
|
2
2
|
export declare const VIEW: "panorama";
|
|
3
3
|
export declare const ICON_CSS_VAR: "--lit-mode-panorama-icon";
|
|
4
|
-
export declare const CLICK_EVENT: "lit-
|
|
5
|
-
export declare const COMPLETE_EVENT: "lit-switch-
|
|
4
|
+
export declare const CLICK_EVENT: "lit-click";
|
|
5
|
+
export declare const COMPLETE_EVENT: "lit-switch-complete";
|
|
6
6
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG,EAAG,0BAAmC,CAAA;AAEtD,eAAO,MAAM,IAAI,EAAG,UAAmB,CAAA;AAEvC,eAAO,MAAM,YAAY,EAAG,0BAAmC,CAAA;AAE/D,eAAO,MAAM,WAAW,EAAG,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG,EAAG,0BAAmC,CAAA;AAEtD,eAAO,MAAM,IAAI,EAAG,UAAmB,CAAA;AAEvC,eAAO,MAAM,YAAY,EAAG,0BAAmC,CAAA;AAE/D,eAAO,MAAM,WAAW,EAAG,WAAoB,CAAA;AAE/C,eAAO,MAAM,cAAc,EAAG,qBAA8B,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const TAG = "lit-switch-panorama-view";
|
|
2
2
|
const VIEW = "panorama";
|
|
3
|
-
const CLICK_EVENT = "lit-
|
|
4
|
-
const COMPLETE_EVENT = "lit-switch-
|
|
3
|
+
const CLICK_EVENT = "lit-click";
|
|
4
|
+
const COMPLETE_EVENT = "lit-switch-complete";
|
|
5
5
|
export {
|
|
6
6
|
CLICK_EVENT,
|
|
7
7
|
COMPLETE_EVENT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/common/lit-switch-panorama-view/constants.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 常量（标签、事件名、CSS 变量）\n */\n\nexport const TAG = 'lit-switch-panorama-view' as const\n\nexport const VIEW = 'panorama' as const\n\nexport const ICON_CSS_VAR = '--lit-mode-panorama-icon' as const\n\nexport const CLICK_EVENT = 'lit-
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/common/lit-switch-panorama-view/constants.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 常量（标签、事件名、CSS 变量）\n */\n\nexport const TAG = 'lit-switch-panorama-view' as const\n\nexport const VIEW = 'panorama' as const\n\nexport const ICON_CSS_VAR = '--lit-mode-panorama-icon' as const\n\nexport const CLICK_EVENT = 'lit-click' as const\n\nexport const COMPLETE_EVENT = 'lit-switch-complete' as const\n"],"names":[],"mappings":"AAMO,MAAM,MAAM;AAEZ,MAAM,OAAO;AAIb,MAAM,cAAc;AAEpB,MAAM,iBAAiB;"}
|
|
@@ -6,60 +6,42 @@ export declare class LitSwitchPanoramaView extends LitElement {
|
|
|
6
6
|
/** qspace SDK 实例；仅 JS 属性绑定，不映射 HTML attribute（对象无法序列化） */
|
|
7
7
|
qspace: any;
|
|
8
8
|
/**
|
|
9
|
-
|
|
10
9
|
* 是否可点击；由 core.loaded / mode.change 自动同步，宿主亦可覆盖
|
|
11
|
-
|
|
12
10
|
* HTML: enabled / Vue: :enabled
|
|
13
|
-
|
|
14
11
|
*/
|
|
15
12
|
enabled: boolean;
|
|
16
13
|
/**
|
|
17
|
-
|
|
18
14
|
* 切换全景视图参数；仅 JS 属性绑定
|
|
19
|
-
|
|
20
15
|
* Vue: :option="{ locationId, quaternion }"
|
|
21
|
-
|
|
22
16
|
*/
|
|
23
|
-
option: PanoramaSwitchOption
|
|
17
|
+
option: PanoramaSwitchOption;
|
|
24
18
|
setEnabled(value: boolean): void;
|
|
25
19
|
static styles: import("lit").CSSResult;
|
|
26
20
|
private _onClick;
|
|
27
21
|
private _onCoreLoaded;
|
|
28
22
|
private _onViewModeChange;
|
|
29
23
|
/**
|
|
30
|
-
|
|
31
24
|
* 渲染模板
|
|
32
|
-
|
|
33
25
|
*/
|
|
34
26
|
render(): import("lit-html").TemplateResult;
|
|
35
27
|
/**
|
|
36
|
-
|
|
37
28
|
* 组件连接生命周期
|
|
38
|
-
|
|
39
29
|
*/
|
|
40
30
|
connectedCallback(): void;
|
|
41
31
|
/**
|
|
42
|
-
|
|
43
32
|
* 组件断开生命周期
|
|
44
|
-
|
|
45
33
|
*/
|
|
46
34
|
disconnectedCallback(): void;
|
|
47
35
|
/**
|
|
48
|
-
|
|
49
36
|
* 第一次更新
|
|
50
|
-
|
|
51
37
|
*/
|
|
52
38
|
firstUpdated(changed: Map<string, unknown>): void;
|
|
53
39
|
/**
|
|
54
|
-
|
|
55
40
|
* 组件更新
|
|
56
|
-
|
|
57
41
|
*/
|
|
58
42
|
updated(changed: Map<string, unknown>): void;
|
|
59
43
|
/**
|
|
60
|
-
|
|
61
44
|
* 将要更新
|
|
62
|
-
|
|
63
45
|
*/
|
|
64
46
|
protected willUpdate(_changedProperties: PropertyValues): void;
|
|
65
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGhD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAe,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAIxE,+CAA+C;AAC/C,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,0DAA0D;IAK1D,MAAM,EAAE,GAAG,CAAO;IAElB;;;OAGG;IAOH,OAAO,UAAQ;IAEf;;;OAGG;IAKH,MAAM,EAAE,oBAAoB,CAAK;IAEjC,UAAU,CAAC,KAAK,EAAE,OAAO;IAQzB,MAAM,CAAC,MAAM,0BAAS;IAEtB,OAAO,CAAC,QAAQ,CAIf;IAED,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,iBAAiB,CAIxB;IAED;;OAEG;IACH,MAAM;IAMN;;OAEG;IACH,iBAAiB;IA6BjB;;OAEG;IACH,oBAAoB;IAcpB;;OAEG;IACH,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM1C;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAI/D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,qBAAqB;QAE7B,CAAC,GAAG,CAAC,EAAE,qBAAqB,CAAA;KAE7B;CAEF"}
|
|
@@ -2,7 +2,7 @@ import { LitElement } from "lit";
|
|
|
2
2
|
import { property } from "lit/decorators.js";
|
|
3
3
|
import { safeCustomElement } from "../../../utils/define-lit-element.js";
|
|
4
4
|
import { TAG } from "./constants.js";
|
|
5
|
-
import { handlePanoramaClick, handelCoreLoaded, handelViewModeChange } from "./interaction.js";
|
|
5
|
+
import { handlePanoramaClick, handelCoreLoaded, handelViewModeChange, syncEnabledFromMode } from "./interaction.js";
|
|
6
6
|
import { booleanAttr } from "./properties.js";
|
|
7
7
|
import { styles } from "./styles.js";
|
|
8
8
|
import { renderPanoramaView } from "./template.js";
|
|
@@ -21,7 +21,7 @@ let LitSwitchPanoramaView = class extends LitElement {
|
|
|
21
21
|
super(...arguments);
|
|
22
22
|
this.qspace = null;
|
|
23
23
|
this.enabled = false;
|
|
24
|
-
this.option =
|
|
24
|
+
this.option = {};
|
|
25
25
|
this._onClick = (e) => {
|
|
26
26
|
handlePanoramaClick(this, e);
|
|
27
27
|
};
|
|
@@ -37,30 +37,31 @@ let LitSwitchPanoramaView = class extends LitElement {
|
|
|
37
37
|
this.toggleAttribute("enabled", value);
|
|
38
38
|
}
|
|
39
39
|
/**
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
*/
|
|
40
|
+
* 渲染模板
|
|
41
|
+
*/
|
|
44
42
|
render() {
|
|
45
43
|
return renderPanoramaView(this._onClick);
|
|
46
44
|
}
|
|
47
45
|
/**
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
*/
|
|
46
|
+
* 组件连接生命周期
|
|
47
|
+
*/
|
|
52
48
|
connectedCallback() {
|
|
53
49
|
super.connectedCallback();
|
|
54
50
|
if (this.qspace) {
|
|
51
|
+
if (this.qspace.view) {
|
|
52
|
+
try {
|
|
53
|
+
syncEnabledFromMode(this, this.qspace.view.mode);
|
|
54
|
+
} catch (error) {
|
|
55
|
+
console.error(error);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
55
58
|
this.qspace.core.addEventListener("loaded", this._onCoreLoaded);
|
|
56
59
|
this.qspace.view.addEventListener("mode.change", this._onViewModeChange);
|
|
57
60
|
}
|
|
58
61
|
}
|
|
59
62
|
/**
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
*/
|
|
63
|
+
* 组件断开生命周期
|
|
64
|
+
*/
|
|
64
65
|
disconnectedCallback() {
|
|
65
66
|
if (this.qspace) {
|
|
66
67
|
this.qspace.core.removeEventListener("loaded", this._onCoreLoaded);
|
|
@@ -69,43 +70,47 @@ let LitSwitchPanoramaView = class extends LitElement {
|
|
|
69
70
|
super.disconnectedCallback();
|
|
70
71
|
}
|
|
71
72
|
/**
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
*/
|
|
73
|
+
* 第一次更新
|
|
74
|
+
*/
|
|
76
75
|
firstUpdated(changed) {
|
|
77
76
|
super.firstUpdated(changed);
|
|
78
77
|
}
|
|
79
78
|
/**
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
*/
|
|
79
|
+
* 组件更新
|
|
80
|
+
*/
|
|
84
81
|
updated(changed) {
|
|
85
82
|
super.updated(changed);
|
|
86
83
|
}
|
|
87
84
|
/**
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
*/
|
|
85
|
+
* 将要更新
|
|
86
|
+
*/
|
|
92
87
|
willUpdate(_changedProperties) {
|
|
93
88
|
}
|
|
94
89
|
};
|
|
95
90
|
LitSwitchPanoramaView.styles = styles;
|
|
96
91
|
__decorateClass([
|
|
97
|
-
property({
|
|
92
|
+
property({
|
|
93
|
+
type: Object,
|
|
94
|
+
attribute: false
|
|
95
|
+
})
|
|
98
96
|
], LitSwitchPanoramaView.prototype, "qspace", 2);
|
|
99
97
|
__decorateClass([
|
|
100
98
|
property({
|
|
101
99
|
type: Boolean,
|
|
100
|
+
// 属性类型
|
|
102
101
|
attribute: "enabled",
|
|
102
|
+
// HTML attribute
|
|
103
103
|
reflect: true,
|
|
104
|
+
// 反射属性到 HTML attribute
|
|
104
105
|
converter: booleanAttr
|
|
106
|
+
// 布尔属性转换器
|
|
105
107
|
})
|
|
106
108
|
], LitSwitchPanoramaView.prototype, "enabled", 2);
|
|
107
109
|
__decorateClass([
|
|
108
|
-
property({
|
|
110
|
+
property({
|
|
111
|
+
type: Object,
|
|
112
|
+
attribute: false
|
|
113
|
+
})
|
|
109
114
|
], LitSwitchPanoramaView.prototype, "option", 2);
|
|
110
115
|
LitSwitchPanoramaView = __decorateClass([
|
|
111
116
|
safeCustomElement(TAG)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/common/lit-switch-panorama-view/index.ts"],"sourcesContent":["/*\r\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/common/lit-switch-panorama-view/index.ts"],"sourcesContent":["/*\r\n * @Author: ncz\r\n * @Date: 2026-05-30\r\n * @Description: lit-switch-panorama-view 组件注册与属性声明\r\n */\r\n\r\nimport { LitElement, PropertyValues } from 'lit'\r\nimport { property } from 'lit/decorators.js'\r\nimport { safeCustomElement } from '../../../utils/define-lit-element.js'\r\nimport { TAG } from './constants.js'\r\nimport { handlePanoramaClick, handelViewModeChange, handelCoreLoaded, syncEnabledFromMode } from './interaction.js'\r\nimport { booleanAttr, type PanoramaSwitchOption } from './properties.js'\r\nimport { styles } from './styles.js'\r\nimport { renderPanoramaView } from './template.js'\r\n\r\n/** 切换到 panorama 视图；qspace 须由宿主通过 :qspace 传入 */\r\n@safeCustomElement(TAG)\r\nexport class LitSwitchPanoramaView extends LitElement {\r\n\r\n /** qspace SDK 实例；仅 JS 属性绑定，不映射 HTML attribute（对象无法序列化） */\r\n @property({\r\n type: Object,\r\n attribute: false\r\n })\r\n qspace: any = null\r\n\r\n /**\r\n * 是否可点击；由 core.loaded / mode.change 自动同步，宿主亦可覆盖\r\n * HTML: enabled / Vue: :enabled\r\n */\r\n @property({\r\n type: Boolean, // 属性类型\r\n attribute: 'enabled', // HTML attribute\r\n reflect: true, // 反射属性到 HTML attribute\r\n converter: booleanAttr, // 布尔属性转换器\r\n })\r\n enabled = false\r\n\r\n /**\r\n * 切换全景视图参数；仅 JS 属性绑定\r\n * Vue: :option=\"{ locationId, quaternion }\"\r\n */\r\n @property({\r\n type: Object,\r\n attribute: false\r\n })\r\n option: PanoramaSwitchOption = {}\r\n\r\n setEnabled(value: boolean) {\r\n\r\n this.enabled = value\r\n\r\n this.toggleAttribute('enabled', value)\r\n\r\n }\r\n\r\n static styles = styles\r\n\r\n private _onClick = (e: Event) => {\r\n\r\n handlePanoramaClick(this, e)\r\n\r\n }\r\n\r\n private _onCoreLoaded = () => {\r\n\r\n handelCoreLoaded(this);\r\n\r\n }\r\n\r\n private _onViewModeChange = (mode: string) => {\r\n\r\n handelViewModeChange(this, mode);\r\n\r\n }\r\n\r\n /**\r\n * 渲染模板\r\n */\r\n render() {\r\n\r\n return renderPanoramaView(this._onClick)\r\n\r\n }\r\n\r\n /**\r\n * 组件连接生命周期\r\n */\r\n connectedCallback() {\r\n\r\n super.connectedCallback()\r\n\r\n if (this.qspace) {\r\n\r\n if (this.qspace.view) {\r\n\r\n // 待优化\r\n try {\r\n\r\n syncEnabledFromMode(this, this.qspace.view.mode);\r\n\r\n } catch (error) {\r\n\r\n console.error(error);\r\n\r\n }\r\n\r\n }\r\n\r\n this.qspace.core.addEventListener('loaded', this._onCoreLoaded);\r\n\r\n this.qspace.view.addEventListener('mode.change', this._onViewModeChange);\r\n\r\n }\r\n\r\n }\r\n\r\n /**\r\n * 组件断开生命周期\r\n */\r\n disconnectedCallback() {\r\n\r\n if (this.qspace) {\r\n\r\n this.qspace.core.removeEventListener('loaded', this._onCoreLoaded);\r\n\r\n this.qspace.view.removeEventListener('mode.change', this._onViewModeChange);\r\n\r\n }\r\n\r\n super.disconnectedCallback()\r\n\r\n }\r\n\r\n /**\r\n * 第一次更新\r\n */\r\n firstUpdated(changed: Map<string, unknown>) {\r\n\r\n super.firstUpdated(changed)\r\n\r\n }\r\n\r\n /**\r\n * 组件更新\r\n */\r\n updated(changed: Map<string, unknown>) {\r\n\r\n super.updated(changed)\r\n\r\n }\r\n\r\n /**\r\n * 将要更新\r\n */\r\n protected willUpdate(_changedProperties: PropertyValues): void {\r\n\r\n }\r\n\r\n}\r\n\r\ndeclare global {\r\n\r\n interface HTMLElementTagNameMap {\r\n\r\n [TAG]: LitSwitchPanoramaView\r\n\r\n }\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,IAAM,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAOL,SAAA,SAAc;AAYd,SAAA,UAAU;AAUV,SAAA,SAA+B,CAAA;AAY/B,SAAQ,WAAW,CAAC,MAAa;AAE/B,0BAAoB,MAAM,CAAC;AAAA,IAE7B;AAEA,SAAQ,gBAAgB,MAAM;AAE5B,uBAAiB,IAAI;AAAA,IAEvB;AAEA,SAAQ,oBAAoB,CAAC,SAAiB;AAE5C,2BAAqB,MAAM,IAAI;AAAA,IAEjC;AAAA,EAAA;AAAA,EA1BA,WAAW,OAAgB;AAEzB,SAAK,UAAU;AAEf,SAAK,gBAAgB,WAAW,KAAK;AAAA,EAEvC;AAAA;AAAA;AAAA;AAAA,EAyBA,SAAS;AAEP,WAAO,mBAAmB,KAAK,QAAQ;AAAA,EAEzC;AAAA;AAAA;AAAA;AAAA,EAKA,oBAAoB;AAElB,UAAM,kBAAA;AAEN,QAAI,KAAK,QAAQ;AAEf,UAAI,KAAK,OAAO,MAAM;AAGpB,YAAI;AAEF,8BAAoB,MAAM,KAAK,OAAO,KAAK,IAAI;AAAA,QAEjD,SAAS,OAAO;AAEd,kBAAQ,MAAM,KAAK;AAAA,QAErB;AAAA,MAEF;AAEA,WAAK,OAAO,KAAK,iBAAiB,UAAU,KAAK,aAAa;AAE9D,WAAK,OAAO,KAAK,iBAAiB,eAAe,KAAK,iBAAiB;AAAA,IAEzE;AAAA,EAEF;AAAA;AAAA;AAAA;AAAA,EAKA,uBAAuB;AAErB,QAAI,KAAK,QAAQ;AAEf,WAAK,OAAO,KAAK,oBAAoB,UAAU,KAAK,aAAa;AAEjE,WAAK,OAAO,KAAK,oBAAoB,eAAe,KAAK,iBAAiB;AAAA,IAE5E;AAEA,UAAM,qBAAA;AAAA,EAER;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa,SAA+B;AAE1C,UAAM,aAAa,OAAO;AAAA,EAE5B;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ,SAA+B;AAErC,UAAM,QAAQ,OAAO;AAAA,EAEvB;AAAA;AAAA;AAAA;AAAA,EAKU,WAAW,oBAA0C;AAAA,EAE/D;AAEF;AA9Ia,sBAuCJ,SAAS;AAhChB,gBAAA;AAAA,EAJC,SAAS;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA,CACZ;AAAA,GANU,sBAOX,WAAA,UAAA,CAAA;AAYA,gBAAA;AAAA,EANC,SAAS;AAAA,IACR,MAAM;AAAA;AAAA,IACN,WAAW;AAAA;AAAA,IACX,SAAS;AAAA;AAAA,IACT,WAAW;AAAA;AAAA,EAAA,CACZ;AAAA,GAlBU,sBAmBX,WAAA,WAAA,CAAA;AAUA,gBAAA;AAAA,EAJC,SAAS;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA,CACZ;AAAA,GA5BU,sBA6BX,WAAA,UAAA,CAAA;AA7BW,wBAAN,gBAAA;AAAA,EADN,kBAAkB,GAAG;AAAA,GACT,qBAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/interaction.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAE3C,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAErC,CAAA;AAED,iDAAiD;AACjD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,QAmBnF;AAED,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/interaction.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAE3C,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAErC,CAAA;AAED,iDAAiD;AACjD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,QAmBnF;AAED,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,KAAK,QA6BnE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,QAItD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,QAIxE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interaction.js","sources":["../../../../src/components/common/lit-switch-panorama-view/interaction.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 点击交互流程\n */\n\nimport { ViewMode } from '@/enum/view.mode'\nimport { dispatchClick, dispatchComplete } from './events.js'\nimport { turnToPanoramaView } from './logic.js'\nimport type { PanoramaSwitchOption } from './properties.js'\n\nexport type PanoramaViewHost = HTMLElement & {\n\n qspace: any\n option: PanoramaSwitchOption | null\n enabled: boolean\n setEnabled: (value: boolean) => void\n\n}\n\n/** 根据 qspace.view.mode 同步 enabled：当前视图或过渡中不可点 */\nexport function syncEnabledFromMode(host: PanoramaViewHost, mode: string | undefined) {\n\n switch (mode) {\n\n case ViewMode.Transitioning:\n case ViewMode.Panorama:\n host.setEnabled(false)\n break\n\n case ViewMode.Dollhouse:\n case ViewMode.Floorplan:\n host.setEnabled(true)\n break\n\n default:\n break\n\n }\n\n}\n\n/** 点击交互：校验 → 派发 click → 执行 qspace 切换 → 派发 complete */\nexport function handlePanoramaClick(host: PanoramaViewHost, e: Event) {\n\n if (!host.enabled) {\n\n e.preventDefault()\n e.stopPropagation()\n\n return\n\n }\n\n dispatchClick(host, e)\n\n if (!host.qspace) {\n\n return\n\n }\n\n host.setEnabled(false)\n\n turnToPanoramaView(host.qspace, host.option, () => {\n\n dispatchComplete(host, e)\n\n })\n\n}\n\nexport function handelCoreLoaded(host: PanoramaViewHost) {\n\n syncEnabledFromMode(host, host.qspace?.view?.mode)\n\n}\n\nexport function handelViewModeChange(host: PanoramaViewHost, mode: string) {\n\n syncEnabledFromMode(host, mode)\n\n}\n"],"names":[],"mappings":";;;AAqBO,SAAS,oBAAoB,MAAwB,MAA0B;AAEpF,UAAQ,MAAA;AAAA,IAEN,KAAK,SAAS;AAAA,IACd,KAAK,SAAS;AACZ,WAAK,WAAW,KAAK;AACrB;AAAA,IAEF,KAAK,SAAS;AAAA,IACd,KAAK,SAAS;AACZ,WAAK,WAAW,IAAI;AACpB;AAAA,EAGA;AAIN;AAGO,SAAS,oBAAoB,MAAwB,GAAU;AAEpE,MAAI,CAAC,KAAK,SAAS;AAEjB,MAAE,eAAA;AACF,MAAE,gBAAA;AAEF;AAAA,EAEF;AAEA,gBAAc,MAAM,CAAC;AAErB,MAAI,CAAC,KAAK,QAAQ;AAEhB;AAAA,EAEF;AAEA,OAAK,WAAW,KAAK;AAErB,qBAAmB,KAAK,QAAQ,KAAK,QAAQ,MAAM;AAEjD,qBAAiB,MAAM,CAAC;AAAA,EAE1B,CAAC;AAEH;AAEO,SAAS,iBAAiB,MAAwB;;AAEvD,sBAAoB,OAAM,gBAAK,WAAL,mBAAa,SAAb,mBAAmB,IAAI;AAEnD;AAEO,SAAS,qBAAqB,MAAwB,MAAc;AAEzE,sBAAoB,MAAM,IAAI;AAEhC;"}
|
|
1
|
+
{"version":3,"file":"interaction.js","sources":["../../../../src/components/common/lit-switch-panorama-view/interaction.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 点击交互流程\n */\n\nimport { ViewMode } from '@/enum/view.mode'\nimport { dispatchClick, dispatchComplete } from './events.js'\nimport { turnToPanoramaView } from './logic.js'\nimport type { PanoramaSwitchOption } from './properties.js'\n\nexport type PanoramaViewHost = HTMLElement & {\n\n qspace: any\n option: PanoramaSwitchOption | null\n enabled: boolean\n setEnabled: (value: boolean) => void\n\n}\n\n/** 根据 qspace.view.mode 同步 enabled：当前视图或过渡中不可点 */\nexport function syncEnabledFromMode(host: PanoramaViewHost, mode: string | undefined) {\n\n switch (mode) {\n\n case ViewMode.Transitioning:\n case ViewMode.Panorama:\n host.setEnabled(false)\n break\n\n case ViewMode.Dollhouse:\n case ViewMode.Floorplan:\n host.setEnabled(true)\n break\n\n default:\n break\n\n }\n\n}\n\n/** 点击交互：校验 → 派发 click → 执行 qspace 切换 → 派发 complete */\nexport function handlePanoramaClick(host: PanoramaViewHost, e: Event) {\n\n if (!host.enabled) {\n\n e.preventDefault()\n e.stopPropagation()\n\n return\n\n }\n\n dispatchClick(host, e)\n\n if (!host.qspace) {\n\n return\n\n }\n\n host.setEnabled(false)\n\n console.log('host.option', host.option);\n\n turnToPanoramaView(host.qspace, host.option, () => {\n\n dispatchComplete(host, e)\n\n })\n\n}\n\nexport function handelCoreLoaded(host: PanoramaViewHost) {\n\n syncEnabledFromMode(host, host.qspace?.view?.mode)\n\n}\n\nexport function handelViewModeChange(host: PanoramaViewHost, mode: string) {\n\n syncEnabledFromMode(host, mode)\n\n}\n"],"names":[],"mappings":";;;AAqBO,SAAS,oBAAoB,MAAwB,MAA0B;AAEpF,UAAQ,MAAA;AAAA,IAEN,KAAK,SAAS;AAAA,IACd,KAAK,SAAS;AACZ,WAAK,WAAW,KAAK;AACrB;AAAA,IAEF,KAAK,SAAS;AAAA,IACd,KAAK,SAAS;AACZ,WAAK,WAAW,IAAI;AACpB;AAAA,EAGA;AAIN;AAGO,SAAS,oBAAoB,MAAwB,GAAU;AAEpE,MAAI,CAAC,KAAK,SAAS;AAEjB,MAAE,eAAA;AACF,MAAE,gBAAA;AAEF;AAAA,EAEF;AAEA,gBAAc,MAAM,CAAC;AAErB,MAAI,CAAC,KAAK,QAAQ;AAEhB;AAAA,EAEF;AAEA,OAAK,WAAW,KAAK;AAErB,UAAQ,IAAI,eAAe,KAAK,MAAM;AAEtC,qBAAmB,KAAK,QAAQ,KAAK,QAAQ,MAAM;AAEjD,qBAAiB,MAAM,CAAC;AAAA,EAE1B,CAAC;AAEH;AAEO,SAAS,iBAAiB,MAAwB;;AAEvD,sBAAoB,OAAM,gBAAK,WAAL,mBAAa,SAAb,mBAAmB,IAAI;AAEnD;AAEO,SAAS,qBAAqB,MAAwB,MAAc;AAEzE,sBAAoB,MAAM,IAAI;AAEhC;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/** 切换全景视图四元数；由宿主通过 :option 传入 */
|
|
1
2
|
export type PanoramaSwitchQuaternion = {
|
|
2
3
|
x: number;
|
|
3
4
|
y: number;
|
|
@@ -9,6 +10,7 @@ export type PanoramaSwitchOption = {
|
|
|
9
10
|
locationId?: string;
|
|
10
11
|
quaternion?: PanoramaSwitchQuaternion;
|
|
11
12
|
};
|
|
13
|
+
/** 布尔属性转换器 */
|
|
12
14
|
export declare const booleanAttr: {
|
|
13
15
|
fromAttribute(value: string | null): boolean;
|
|
14
16
|
toAttribute(value: boolean): string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/properties.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,wBAAwB,GAAG;IAErC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CAEV,CAAA;AAED,gCAAgC;AAChC,MAAM,MAAM,oBAAoB,GAAG;IAEjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,wBAAwB,CAAA;CAEtC,CAAA;AAED,eAAO,MAAM,WAAW;yBACD,MAAM,GAAG,IAAI,GAAG,OAAO;uBAQzB,OAAO,GAAG,MAAM,GAAG,IAAI;CAK3C,CAAA"}
|
|
1
|
+
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/properties.ts"],"names":[],"mappings":"AAMA,iCAAiC;AACjC,MAAM,MAAM,wBAAwB,GAAG;IAErC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CAEV,CAAA;AAED,gCAAgC;AAChC,MAAM,MAAM,oBAAoB,GAAG;IAEjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,wBAAwB,CAAA;CAEtC,CAAA;AAED,cAAc;AACd,eAAO,MAAM,WAAW;yBACD,MAAM,GAAG,IAAI,GAAG,OAAO;uBAQzB,OAAO,GAAG,MAAM,GAAG,IAAI;CAK3C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.js","sources":["../../../../src/components/common/lit-switch-panorama-view/properties.ts"],"sourcesContent":["/*\r\n * @Author: ncz\r\n * @Date: 2026-05-30\r\n * @Description: lit-switch-panorama-view 属性转换器与类型\r\n */\r\n\r\nexport type PanoramaSwitchQuaternion = {\r\n\r\n x: number\r\n y: number\r\n z: number\r\n w: number\r\n\r\n}\r\n\r\n/** 切换全景视图参数；由宿主通过 :option 传入 */\r\nexport type PanoramaSwitchOption = {\r\n\r\n locationId?: string\r\n quaternion?: PanoramaSwitchQuaternion\r\n\r\n}\r\n\r\nexport const booleanAttr = {\r\n fromAttribute(value: string | null): boolean {\r\n\r\n if (value === null) return false\r\n if (value === 'false' || value === '0') return false\r\n\r\n return true\r\n\r\n },\r\n toAttribute(value: boolean): string | null {\r\n\r\n return value ? '' : null\r\n\r\n },\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"properties.js","sources":["../../../../src/components/common/lit-switch-panorama-view/properties.ts"],"sourcesContent":["/*\r\n * @Author: ncz\r\n * @Date: 2026-05-30\r\n * @Description: lit-switch-panorama-view 属性转换器与类型\r\n */\r\n\r\n/** 切换全景视图四元数；由宿主通过 :option 传入 */\r\nexport type PanoramaSwitchQuaternion = {\r\n\r\n x: number\r\n y: number\r\n z: number\r\n w: number\r\n\r\n}\r\n\r\n/** 切换全景视图参数；由宿主通过 :option 传入 */\r\nexport type PanoramaSwitchOption = {\r\n\r\n locationId?: string\r\n quaternion?: PanoramaSwitchQuaternion\r\n\r\n}\r\n\r\n/** 布尔属性转换器 */\r\nexport const booleanAttr = {\r\n fromAttribute(value: string | null): boolean {\r\n\r\n if (value === null) return false\r\n if (value === 'false' || value === '0') return false\r\n\r\n return true\r\n\r\n },\r\n toAttribute(value: boolean): string | null {\r\n\r\n return value ? '' : null\r\n\r\n },\r\n}\r\n"],"names":[],"mappings":"AAyBO,MAAM,cAAc;AAAA,EACzB,cAAc,OAA+B;AAE3C,QAAI,UAAU,KAAM,QAAO;AAC3B,QAAI,UAAU,WAAW,UAAU,IAAK,QAAO;AAE/C,WAAO;AAAA,EAET;AAAA,EACA,YAAY,OAA+B;AAEzC,WAAO,QAAQ,KAAK;AAAA,EAEtB;AACF;"}
|