@qverse-component/lit-components 1.0.0
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/README.md +78 -0
- package/dist/components/base/index.d.ts +8 -0
- package/dist/components/base/index.d.ts.map +1 -0
- package/dist/components/base/index.js +7 -0
- package/dist/components/base/index.js.map +1 -0
- package/dist/components/base/lit-button.d.ts +18 -0
- package/dist/components/base/lit-button.d.ts.map +1 -0
- package/dist/components/base/lit-button.js +161 -0
- package/dist/components/base/lit-button.js.map +1 -0
- package/dist/components/common/index.d.ts +9 -0
- package/dist/components/common/index.d.ts.map +1 -0
- package/dist/components/common/index.js +15 -0
- package/dist/components/common/index.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/assets/icon.png.js +5 -0
- package/dist/components/common/lit-switch-dollhouse-view/assets/icon.png.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/constants.d.ts +6 -0
- package/dist/components/common/lit-switch-dollhouse-view/constants.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/constants.js +11 -0
- package/dist/components/common/lit-switch-dollhouse-view/constants.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/events.d.ts +3 -0
- package/dist/components/common/lit-switch-dollhouse-view/events.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/events.js +26 -0
- package/dist/components/common/lit-switch-dollhouse-view/events.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/index.d.ts +18 -0
- package/dist/components/common/lit-switch-dollhouse-view/index.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/index.js +58 -0
- package/dist/components/common/lit-switch-dollhouse-view/index.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/interaction.d.ts +7 -0
- package/dist/components/common/lit-switch-dollhouse-view/interaction.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/interaction.js +20 -0
- package/dist/components/common/lit-switch-dollhouse-view/interaction.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/logic.d.ts +2 -0
- package/dist/components/common/lit-switch-dollhouse-view/logic.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/logic.js +7 -0
- package/dist/components/common/lit-switch-dollhouse-view/logic.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/properties.d.ts +5 -0
- package/dist/components/common/lit-switch-dollhouse-view/properties.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/properties.js +14 -0
- package/dist/components/common/lit-switch-dollhouse-view/properties.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/styles.d.ts +2 -0
- package/dist/components/common/lit-switch-dollhouse-view/styles.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/styles.js +41 -0
- package/dist/components/common/lit-switch-dollhouse-view/styles.js.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/template.d.ts +3 -0
- package/dist/components/common/lit-switch-dollhouse-view/template.d.ts.map +1 -0
- package/dist/components/common/lit-switch-dollhouse-view/template.js +18 -0
- package/dist/components/common/lit-switch-dollhouse-view/template.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/assets/icon.png.js +5 -0
- package/dist/components/common/lit-switch-floorplan-view/assets/icon.png.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/constants.d.ts +6 -0
- package/dist/components/common/lit-switch-floorplan-view/constants.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/constants.js +11 -0
- package/dist/components/common/lit-switch-floorplan-view/constants.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/events.d.ts +3 -0
- package/dist/components/common/lit-switch-floorplan-view/events.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/events.js +26 -0
- package/dist/components/common/lit-switch-floorplan-view/events.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/index.d.ts +18 -0
- package/dist/components/common/lit-switch-floorplan-view/index.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/index.js +58 -0
- package/dist/components/common/lit-switch-floorplan-view/index.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/interaction.d.ts +7 -0
- package/dist/components/common/lit-switch-floorplan-view/interaction.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/interaction.js +20 -0
- package/dist/components/common/lit-switch-floorplan-view/interaction.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/logic.d.ts +2 -0
- package/dist/components/common/lit-switch-floorplan-view/logic.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/logic.js +7 -0
- package/dist/components/common/lit-switch-floorplan-view/logic.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/properties.d.ts +5 -0
- package/dist/components/common/lit-switch-floorplan-view/properties.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/properties.js +14 -0
- package/dist/components/common/lit-switch-floorplan-view/properties.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/styles.d.ts +2 -0
- package/dist/components/common/lit-switch-floorplan-view/styles.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/styles.js +41 -0
- package/dist/components/common/lit-switch-floorplan-view/styles.js.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/template.d.ts +3 -0
- package/dist/components/common/lit-switch-floorplan-view/template.d.ts.map +1 -0
- package/dist/components/common/lit-switch-floorplan-view/template.js +18 -0
- package/dist/components/common/lit-switch-floorplan-view/template.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/assets/panorama-btn.svg.js +5 -0
- package/dist/components/common/lit-switch-panorama-view/assets/panorama-btn.svg.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/constants.d.ts +6 -0
- package/dist/components/common/lit-switch-panorama-view/constants.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/constants.js +11 -0
- package/dist/components/common/lit-switch-panorama-view/constants.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/events.d.ts +3 -0
- package/dist/components/common/lit-switch-panorama-view/events.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/events.js +26 -0
- package/dist/components/common/lit-switch-panorama-view/events.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/index.d.ts +18 -0
- package/dist/components/common/lit-switch-panorama-view/index.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/index.js +58 -0
- package/dist/components/common/lit-switch-panorama-view/index.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/interaction.d.ts +8 -0
- package/dist/components/common/lit-switch-panorama-view/interaction.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/interaction.js +20 -0
- package/dist/components/common/lit-switch-panorama-view/interaction.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/logic.d.ts +2 -0
- package/dist/components/common/lit-switch-panorama-view/logic.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/logic.js +12 -0
- package/dist/components/common/lit-switch-panorama-view/logic.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/properties.d.ts +5 -0
- package/dist/components/common/lit-switch-panorama-view/properties.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/properties.js +14 -0
- package/dist/components/common/lit-switch-panorama-view/properties.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/styles.d.ts +2 -0
- package/dist/components/common/lit-switch-panorama-view/styles.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/styles.js +40 -0
- package/dist/components/common/lit-switch-panorama-view/styles.js.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/template.d.ts +3 -0
- package/dist/components/common/lit-switch-panorama-view/template.d.ts.map +1 -0
- package/dist/components/common/lit-switch-panorama-view/template.js +18 -0
- package/dist/components/common/lit-switch-panorama-view/template.js.map +1 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +26 -0
- package/dist/components/index.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +18 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/tokens.d.ts +3 -0
- package/dist/styles/tokens.d.ts.map +1 -0
- package/dist/styles/tokens.generated.d.ts +3 -0
- package/dist/styles/tokens.generated.d.ts.map +1 -0
- package/dist/styles/tokens.generated.js +28 -0
- package/dist/styles/tokens.generated.js.map +1 -0
- package/dist/utils/define-lit-element.d.ts +5 -0
- package/dist/utils/define-lit-element.d.ts.map +1 -0
- package/dist/utils/define-lit-element.js +12 -0
- package/dist/utils/define-lit-element.js.map +1 -0
- package/package.json +58 -0
- package/theme/generated/element-plus-vars.css +60 -0
- package/theme/tokens.json +65 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/interaction.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAE3C,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;CAEnB,CAAA;AAED,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,KAAK,QAyBnE"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { dispatchClick, dispatchComplete } from "./events.js";
|
|
2
|
+
import { turnToPanoramaView } from "./logic.js";
|
|
3
|
+
function handlePanoramaClick(host, e) {
|
|
4
|
+
if (!host.buttonEnabled || host.switching) {
|
|
5
|
+
e.preventDefault();
|
|
6
|
+
e.stopPropagation();
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
dispatchClick(host, e);
|
|
10
|
+
if (!host.qspace) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
turnToPanoramaView(host.qspace, () => {
|
|
14
|
+
dispatchComplete(host, e);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
handlePanoramaClick
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=interaction.js.map
|
|
@@ -0,0 +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 { dispatchClick, dispatchComplete } from './events.js'\r\nimport { turnToPanoramaView } from './logic.js'\r\n\r\nexport type PanoramaViewHost = HTMLElement & {\r\n\r\n qspace: any\r\n buttonEnabled: boolean\r\n switching: boolean\r\n\r\n}\r\n\r\n/** 点击交互:校验 → 派发 click → 执行 qspace 切换 → 派发 complete */\r\nexport function handlePanoramaClick(host: PanoramaViewHost, e: Event) {\r\n\r\n if (!host.buttonEnabled || host.switching) {\r\n\r\n e.preventDefault()\r\n e.stopPropagation()\r\n\r\n return\r\n\r\n }\r\n\r\n dispatchClick(host, e)\r\n\r\n if (!host.qspace) {\r\n\r\n return\r\n\r\n }\r\n\r\n turnToPanoramaView(host.qspace, () => {\r\n\r\n dispatchComplete(host, e)\r\n\r\n })\r\n\r\n}\r\n"],"names":[],"mappings":";;AAkBO,SAAS,oBAAoB,MAAwB,GAAU;AAEpE,MAAI,CAAC,KAAK,iBAAiB,KAAK,WAAW;AAEzC,MAAE,eAAA;AACF,MAAE,gBAAA;AAEF;AAAA,EAEF;AAEA,gBAAc,MAAM,CAAC;AAErB,MAAI,CAAC,KAAK,QAAQ;AAEhB;AAAA,EAEF;AAEA,qBAAmB,KAAK,QAAQ,MAAM;AAEpC,qBAAiB,MAAM,CAAC;AAAA,EAE1B,CAAC;AAEH;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logic.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/logic.ts"],"names":[],"mappings":"AAMA,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,IAAI,QASnE"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
function turnToPanoramaView(qspace, complete) {
|
|
2
|
+
var _a, _b, _c;
|
|
3
|
+
const locationId = (_c = (_b = (_a = qspace.model) == null ? void 0 : _a.waypoints) == null ? void 0 : _b[0]) == null ? void 0 : _c.location_id;
|
|
4
|
+
qspace.view.turnToPanorama({
|
|
5
|
+
location_id: locationId,
|
|
6
|
+
complete
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
export {
|
|
10
|
+
turnToPanoramaView
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=logic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logic.js","sources":["../../../../src/components/common/lit-switch-panorama-view/logic.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view qspace 视图切换逻辑\n */\n\nexport function turnToPanoramaView(qspace: any, complete: () => void) {\r\n\r\n const locationId = qspace.model?.waypoints?.[0]?.location_id\r\n\r\n qspace.view.turnToPanorama({\r\n location_id: locationId,\r\n complete,\r\n })\r\n\r\n}\r\n"],"names":[],"mappings":"AAMO,SAAS,mBAAmB,QAAa,UAAsB;AAA/D;AAEL,QAAM,cAAa,wBAAO,UAAP,mBAAc,cAAd,mBAA0B,OAA1B,mBAA8B;AAEjD,SAAO,KAAK,eAAe;AAAA,IACzB,aAAa;AAAA,IACb;AAAA,EAAA,CACD;AAEH;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/properties.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;yBACD,MAAM,GAAG,IAAI,GAAG,OAAO;uBAQzB,OAAO,GAAG,MAAM,GAAG,IAAI;CAK3C,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const booleanAttr = {
|
|
2
|
+
fromAttribute(value) {
|
|
3
|
+
if (value === null) return false;
|
|
4
|
+
if (value === "false" || value === "0") return false;
|
|
5
|
+
return true;
|
|
6
|
+
},
|
|
7
|
+
toAttribute(value) {
|
|
8
|
+
return value ? "" : null;
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
booleanAttr
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=properties.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"properties.js","sources":["../../../../src/components/common/lit-switch-panorama-view/properties.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 属性转换器\n */\n\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":"AAMO,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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM,yBAgClB,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { unsafeCSS, css } from "lit";
|
|
2
|
+
import panoramaIcon from "./assets/panorama-btn.svg.js";
|
|
3
|
+
const defaultIcon = `url("data:image/svg+xml,${encodeURIComponent(panoramaIcon)}")`;
|
|
4
|
+
const styles = css`
|
|
5
|
+
:host {
|
|
6
|
+
display: inline-block;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
:host([active]) {
|
|
10
|
+
display: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.mode-item {
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
width: 26px;
|
|
16
|
+
height: 26px;
|
|
17
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
18
|
+
border-radius: 4px;
|
|
19
|
+
background-repeat: no-repeat;
|
|
20
|
+
background-size: 26px 26px;
|
|
21
|
+
background-position: center;
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
background-image: var(--lit-mode-panorama-icon, ${unsafeCSS(defaultIcon)});
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
:host(:not([button-enabled])),
|
|
27
|
+
:host([switching]) {
|
|
28
|
+
pointer-events: none;
|
|
29
|
+
opacity: 0.5;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
:host(:not([button-enabled])) .mode-item,
|
|
33
|
+
:host([switching]) .mode-item {
|
|
34
|
+
cursor: not-allowed;
|
|
35
|
+
}
|
|
36
|
+
`;
|
|
37
|
+
export {
|
|
38
|
+
styles
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../src/components/common/lit-switch-panorama-view/styles.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 样式\n */\n\nimport { css, unsafeCSS } from 'lit'\r\nimport panoramaIcon from './assets/panorama-btn.svg?raw'\r\n\r\nconst defaultIcon = `url(\"data:image/svg+xml,${encodeURIComponent(panoramaIcon)}\")`\r\n\r\nexport const styles = css`\r\n :host {\r\n display: inline-block;\r\n }\r\n\r\n :host([active]) {\r\n display: none;\r\n }\r\n\r\n .mode-item {\r\n box-sizing: border-box;\r\n width: 26px;\r\n height: 26px;\r\n background-color: rgba(0, 0, 0, 0.4);\r\n border-radius: 4px;\r\n background-repeat: no-repeat;\r\n background-size: 26px 26px;\r\n background-position: center;\r\n cursor: pointer;\r\n background-image: var(--lit-mode-panorama-icon, ${unsafeCSS(defaultIcon)});\r\n }\r\n\r\n :host(:not([button-enabled])),\r\n :host([switching]) {\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n\r\n :host(:not([button-enabled])) .mode-item,\r\n :host([switching]) .mode-item {\r\n cursor: not-allowed;\r\n }\r\n`\r\n"],"names":[],"mappings":";;AASA,MAAM,cAAc,2BAA2B,mBAAmB,YAAY,CAAC;AAExE,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sDAmBgC,UAAU,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../../src/components/common/lit-switch-panorama-view/template.ts"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG/C,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,cAAc,CAa9E"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { html } from "lit";
|
|
2
|
+
import { VIEW } from "./constants.js";
|
|
3
|
+
function renderPanoramaView(onClick) {
|
|
4
|
+
return html`
|
|
5
|
+
<div
|
|
6
|
+
class="mode-item ${VIEW}"
|
|
7
|
+
part="button"
|
|
8
|
+
role="button"
|
|
9
|
+
tabindex="0"
|
|
10
|
+
aria-label=${VIEW}
|
|
11
|
+
@click=${onClick}
|
|
12
|
+
></div>
|
|
13
|
+
`;
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
renderPanoramaView
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"template.js","sources":["../../../../src/components/common/lit-switch-panorama-view/template.ts"],"sourcesContent":["/*\n * @Author: ncz\n * @Date: 2026-05-30\n * @Description: lit-switch-panorama-view 渲染模板\n */\n\nimport { html, type TemplateResult } from 'lit'\r\nimport { VIEW } from './constants.js'\r\n\r\nexport function renderPanoramaView(onClick: (e: Event) => void): TemplateResult {\r\n\r\n return html`\r\n <div\r\n class=\"mode-item ${VIEW}\"\r\n part=\"button\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=${VIEW}\r\n @click=${onClick}\r\n ></div>\r\n `\r\n\r\n}\r\n"],"names":[],"mappings":";;AASO,SAAS,mBAAmB,SAA6C;AAE9E,SAAO;AAAA;AAAA,yBAEgB,IAAI;AAAA;AAAA;AAAA;AAAA,mBAIV,IAAI;AAAA,eACR,OAAO;AAAA;AAAA;AAItB;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @qverse/lit-components — 组件聚合入口
|
|
3
|
+
*/
|
|
4
|
+
import './base/index.js';
|
|
5
|
+
import './common/index.js';
|
|
6
|
+
export * from './base/index.js';
|
|
7
|
+
export * from './common/index.js';
|
|
8
|
+
export declare const LIT_ALL_TAGS: readonly ["lit-button", "lit-switch-panorama-view", "lit-switch-dollhouse-view", "lit-switch-floorplan-view"];
|
|
9
|
+
export declare function isLitCommonElement(tag: string): boolean;
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,iBAAiB,CAAA;AACxB,OAAO,mBAAmB,CAAA;AAE1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AAEjC,eAAO,MAAM,YAAY,+GAKf,CAAA;AAEV,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAIvD"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { LIT_BASE_TAGS } from "./base/index.js";
|
|
2
|
+
import { LIT_COMMON_TAGS } from "./common/index.js";
|
|
3
|
+
import { LitButton } from "./base/lit-button.js";
|
|
4
|
+
import { LitSwitchDollhouseView } from "./common/lit-switch-dollhouse-view/index.js";
|
|
5
|
+
import { LitSwitchFloorplanView } from "./common/lit-switch-floorplan-view/index.js";
|
|
6
|
+
import { LitSwitchPanoramaView } from "./common/lit-switch-panorama-view/index.js";
|
|
7
|
+
const LIT_ALL_TAGS = [
|
|
8
|
+
"lit-button",
|
|
9
|
+
"lit-switch-panorama-view",
|
|
10
|
+
"lit-switch-dollhouse-view",
|
|
11
|
+
"lit-switch-floorplan-view"
|
|
12
|
+
];
|
|
13
|
+
function isLitCommonElement(tag) {
|
|
14
|
+
return /^lit-[\w-]+$/.test(tag);
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
LIT_ALL_TAGS,
|
|
18
|
+
LIT_BASE_TAGS,
|
|
19
|
+
LIT_COMMON_TAGS,
|
|
20
|
+
LitButton,
|
|
21
|
+
LitSwitchDollhouseView,
|
|
22
|
+
LitSwitchFloorplanView,
|
|
23
|
+
LitSwitchPanoramaView,
|
|
24
|
+
isLitCommonElement
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/index.ts"],"sourcesContent":["/**\r\n * @qverse/lit-components — 组件聚合入口\r\n */\r\nimport './base/index.js'\r\nimport './common/index.js'\r\n\r\nexport * from './base/index.js'\r\nexport * from './common/index.js'\r\n\r\nexport const LIT_ALL_TAGS = [\r\n 'lit-button',\r\n 'lit-switch-panorama-view',\r\n 'lit-switch-dollhouse-view',\r\n 'lit-switch-floorplan-view',\r\n] as const\r\n\r\nexport function isLitCommonElement(tag: string): boolean {\r\n\r\n return /^lit-[\\w-]+$/.test(tag)\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;;AASO,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,mBAAmB,KAAsB;AAEvD,SAAO,eAAe,KAAK,GAAG;AAEhC;"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { LIT_ALL_TAGS, isLitCommonElement } from "./components/index.js";
|
|
2
|
+
import { LIT_BASE_TAGS } from "./components/base/index.js";
|
|
3
|
+
import { LIT_COMMON_TAGS } from "./components/common/index.js";
|
|
4
|
+
import { LitButton } from "./components/base/lit-button.js";
|
|
5
|
+
import { LitSwitchDollhouseView } from "./components/common/lit-switch-dollhouse-view/index.js";
|
|
6
|
+
import { LitSwitchFloorplanView } from "./components/common/lit-switch-floorplan-view/index.js";
|
|
7
|
+
import { LitSwitchPanoramaView } from "./components/common/lit-switch-panorama-view/index.js";
|
|
8
|
+
export {
|
|
9
|
+
LIT_ALL_TAGS,
|
|
10
|
+
LIT_BASE_TAGS,
|
|
11
|
+
LIT_COMMON_TAGS,
|
|
12
|
+
LitButton,
|
|
13
|
+
LitSwitchDollhouseView,
|
|
14
|
+
LitSwitchFloorplanView,
|
|
15
|
+
LitSwitchPanoramaView,
|
|
16
|
+
isLitCommonElement
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.generated.ts"],"names":[],"mappings":"AAMA,iDAAiD;AACjD,eAAO,MAAM,YAAY,yBAsBxB,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { css } from "lit";
|
|
2
|
+
const designTokens = css`
|
|
3
|
+
:host {
|
|
4
|
+
--lit-color-primary: var(--el-color-primary, #409eff);
|
|
5
|
+
--lit-color-success: var(--el-color-success, #67c23a);
|
|
6
|
+
--lit-color-danger: var(--el-color-danger, #f56c6c);
|
|
7
|
+
--lit-color-primary-hover: var(--el-color-primary-light-3, #79bbff);
|
|
8
|
+
--lit-color-success-hover: var(--el-color-success-light-3, #95d475);
|
|
9
|
+
--lit-color-danger-hover: var(--el-color-danger-light-3, #f89898);
|
|
10
|
+
--lit-text-regular: var(--el-text-color-regular, #606266);
|
|
11
|
+
--lit-border: var(--el-border-color, #dcdfe6);
|
|
12
|
+
--lit-bg: var(--el-bg-color, #ffffff);
|
|
13
|
+
--lit-radius: var(--el-border-radius-base, 4px);
|
|
14
|
+
--lit-font: var(--el-font-family, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif);
|
|
15
|
+
--lit-font-size: var(--el-font-size-base, 14px);
|
|
16
|
+
--lit-button-height: var(--el-component-size, 32px);
|
|
17
|
+
--lit-button-height-small: var(--el-component-size-small, 24px);
|
|
18
|
+
--lit-button-height-large: var(--el-component-size-large, 40px);
|
|
19
|
+
--lit-color-primary-light-9: var(--el-color-primary-light-9, #ecf5ff);
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
font-family: var(--lit-font);
|
|
22
|
+
font-size: var(--lit-font-size);
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
export {
|
|
26
|
+
designTokens
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=tokens.generated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.generated.js","sources":["../../src/styles/tokens.generated.ts"],"sourcesContent":["/**\n * AUTO-GENERATED from theme/tokens.json — do not edit\n * Run: npm run generate-theme (in Qverse-Lit-Component)\n */\nimport { css } from 'lit'\n\n/** @lit-common 设计令牌(与 Element Plus --el-* 对齐) */\nexport const designTokens = css`\n :host {\n --lit-color-primary: var(--el-color-primary, #409eff);\n --lit-color-success: var(--el-color-success, #67c23a);\n --lit-color-danger: var(--el-color-danger, #f56c6c);\n --lit-color-primary-hover: var(--el-color-primary-light-3, #79bbff);\n --lit-color-success-hover: var(--el-color-success-light-3, #95d475);\n --lit-color-danger-hover: var(--el-color-danger-light-3, #f89898);\n --lit-text-regular: var(--el-text-color-regular, #606266);\n --lit-border: var(--el-border-color, #dcdfe6);\n --lit-bg: var(--el-bg-color, #ffffff);\n --lit-radius: var(--el-border-radius-base, 4px);\n --lit-font: var(--el-font-family, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif);\n --lit-font-size: var(--el-font-size-base, 14px);\n --lit-button-height: var(--el-component-size, 32px);\n --lit-button-height-small: var(--el-component-size-small, 24px);\n --lit-button-height-large: var(--el-component-size-large, 40px);\n --lit-color-primary-light-9: var(--el-color-primary-light-9, #ecf5ff);\n box-sizing: border-box;\n font-family: var(--lit-font);\n font-size: var(--lit-font-size);\n }\n`\n"],"names":[],"mappings":";AAOO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define-lit-element.d.ts","sourceRoot":"","sources":["../../src/utils/define-lit-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,IAEnC,CAAC,SAAS,wBAAwB,EACxC,KAAK,CAAC,EACN,WAAW,qBAAqB,KAC/B,CAAC,CAYL"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define-lit-element.js","sources":["../../src/utils/define-lit-element.ts"],"sourcesContent":["/**\r\n * 安全注册自定义元素:微前端多应用 / HMR 重复加载同一模块时跳过已注册标签\r\n */\r\nexport function safeCustomElement(tag: string) {\r\n\r\n return <T extends CustomElementConstructor>(\r\n cls: T,\r\n _context?: ClassDecoratorContext,\r\n ): T => {\r\n\r\n if (!customElements.get(tag)) {\r\n\r\n customElements.define(tag, cls)\r\n\r\n }\r\n\r\n return cls\r\n\r\n }\r\n\r\n}\r\n"],"names":[],"mappings":"AAGO,SAAS,kBAAkB,KAAa;AAE7C,SAAO,CACL,KACA,aACM;AAEN,QAAI,CAAC,eAAe,IAAI,GAAG,GAAG;AAE5B,qBAAe,OAAO,KAAK,GAAG;AAAA,IAEhC;AAEA,WAAO;AAAA,EAET;AAEF;"}
|
package/package.json
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@qverse-component/lit-components",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"description": "Lit Web Components(components/base + components/common)",
|
|
9
|
+
"type": "module",
|
|
10
|
+
"main": "./dist/index.js",
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/index.js"
|
|
16
|
+
},
|
|
17
|
+
"./components": {
|
|
18
|
+
"types": "./dist/components/index.d.ts",
|
|
19
|
+
"import": "./dist/components/index.js"
|
|
20
|
+
},
|
|
21
|
+
"./base": {
|
|
22
|
+
"types": "./dist/components/base/index.d.ts",
|
|
23
|
+
"import": "./dist/components/base/index.js"
|
|
24
|
+
},
|
|
25
|
+
"./common": {
|
|
26
|
+
"types": "./dist/components/common/index.d.ts",
|
|
27
|
+
"import": "./dist/components/common/index.js"
|
|
28
|
+
},
|
|
29
|
+
"./theme.css": {
|
|
30
|
+
"import": "./theme/generated/element-plus-vars.css",
|
|
31
|
+
"default": "./theme/generated/element-plus-vars.css"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"files": [
|
|
35
|
+
"dist",
|
|
36
|
+
"theme/tokens.json",
|
|
37
|
+
"theme/generated"
|
|
38
|
+
],
|
|
39
|
+
"scripts": {
|
|
40
|
+
"generate-theme": "node scripts/generate-theme.mjs",
|
|
41
|
+
"dev": "npm run generate-theme && vite build --watch",
|
|
42
|
+
"build": "npm run generate-theme && vite build && tsc -p tsconfig.build.json",
|
|
43
|
+
"prepare": "npm run build",
|
|
44
|
+
"prepublishOnly": "npm run build",
|
|
45
|
+
"sample:dev": "npm run dev --prefix samples",
|
|
46
|
+
"sample:build": "npm run build --prefix samples"
|
|
47
|
+
},
|
|
48
|
+
"peerDependencies": {
|
|
49
|
+
"element-plus": "^2.14.0",
|
|
50
|
+
"lit": "^3.2.0"
|
|
51
|
+
},
|
|
52
|
+
"devDependencies": {
|
|
53
|
+
"element-plus": "^2.14.0",
|
|
54
|
+
"lit": "^3.2.1",
|
|
55
|
+
"typescript": "^5.7.3",
|
|
56
|
+
"vite": "^6.0.7"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/* AUTO-GENERATED from theme/tokens.json — do not edit */
|
|
2
|
+
/* Run: npm run generate-theme (in Qverse-Lit-Component) */
|
|
3
|
+
:root {
|
|
4
|
+
--el-color-primary: #409eff;
|
|
5
|
+
--el-color-primary-light-3: #79bbff;
|
|
6
|
+
--el-color-primary-light-5: #a0cfff;
|
|
7
|
+
--el-color-primary-light-7: #c6e2ff;
|
|
8
|
+
--el-color-primary-light-8: #d9ecff;
|
|
9
|
+
--el-color-primary-light-9: #ecf5ff;
|
|
10
|
+
--el-color-primary-dark-2: #337ecc;
|
|
11
|
+
--el-color-success: #67c23a;
|
|
12
|
+
--el-color-success-light-3: #95d475;
|
|
13
|
+
--el-color-success-light-5: #b3e19d;
|
|
14
|
+
--el-color-success-dark-2: #529b2e;
|
|
15
|
+
--el-color-warning: #e6a23c;
|
|
16
|
+
--el-color-danger: #f56c6c;
|
|
17
|
+
--el-color-danger-light-3: #f89898;
|
|
18
|
+
--el-color-danger-light-5: #fab6b6;
|
|
19
|
+
--el-color-danger-dark-2: #c45656;
|
|
20
|
+
--el-color-info: #909399;
|
|
21
|
+
--el-text-color-primary: #303133;
|
|
22
|
+
--el-text-color-regular: #606266;
|
|
23
|
+
--el-text-color-secondary: #909399;
|
|
24
|
+
--el-text-color-placeholder: #a8abb2;
|
|
25
|
+
--el-border-color: #dcdfe6;
|
|
26
|
+
--el-border-color-light: #e4e7ed;
|
|
27
|
+
--el-border-color-lighter: #ebeef5;
|
|
28
|
+
--el-fill-color: #f0f2f5;
|
|
29
|
+
--el-fill-color-blank: #ffffff;
|
|
30
|
+
--el-bg-color: #ffffff;
|
|
31
|
+
--el-bg-color-page: #f2f3f5;
|
|
32
|
+
--el-border-radius-base: 4px;
|
|
33
|
+
--el-border-radius-small: 2px;
|
|
34
|
+
--el-border-radius-round: 20px;
|
|
35
|
+
--el-border-radius-circle: 100%;
|
|
36
|
+
--el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
|
|
37
|
+
--el-font-size-base: 14px;
|
|
38
|
+
--el-font-size-small: 13px;
|
|
39
|
+
--el-font-size-large: 18px;
|
|
40
|
+
--el-font-line-height-primary: 24px;
|
|
41
|
+
--el-component-size: 32px;
|
|
42
|
+
--el-component-size-small: 24px;
|
|
43
|
+
--el-component-size-large: 40px;
|
|
44
|
+
--el-card-border-color: #e4e7ed;
|
|
45
|
+
--el-card-border-radius: 4px;
|
|
46
|
+
--el-card-padding: 20px;
|
|
47
|
+
--el-card-bg-color: #ffffff;
|
|
48
|
+
--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
|
49
|
+
--el-transition-duration: 0.3s;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* 全站统一 EP 正文字体 */
|
|
53
|
+
html,
|
|
54
|
+
body {
|
|
55
|
+
font-family: var(--el-font-family);
|
|
56
|
+
font-size: var(--el-font-size-base);
|
|
57
|
+
line-height: var(--el-font-line-height-primary);
|
|
58
|
+
-webkit-font-smoothing: antialiased;
|
|
59
|
+
-moz-osx-font-smoothing: grayscale;
|
|
60
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$comment": "设计令牌单一数据源。修改后执行: npm run generate-theme",
|
|
3
|
+
"elementPlus": {
|
|
4
|
+
"color": {
|
|
5
|
+
"primary": "#409eff",
|
|
6
|
+
"primaryLight3": "#79bbff",
|
|
7
|
+
"primaryLight5": "#a0cfff",
|
|
8
|
+
"primaryLight7": "#c6e2ff",
|
|
9
|
+
"primaryLight8": "#d9ecff",
|
|
10
|
+
"primaryLight9": "#ecf5ff",
|
|
11
|
+
"primaryDark2": "#337ecc",
|
|
12
|
+
"success": "#67c23a",
|
|
13
|
+
"successLight3": "#95d475",
|
|
14
|
+
"successLight5": "#b3e19d",
|
|
15
|
+
"successDark2": "#529b2e",
|
|
16
|
+
"warning": "#e6a23c",
|
|
17
|
+
"danger": "#f56c6c",
|
|
18
|
+
"dangerLight3": "#f89898",
|
|
19
|
+
"dangerLight5": "#fab6b6",
|
|
20
|
+
"dangerDark2": "#c45656",
|
|
21
|
+
"info": "#909399",
|
|
22
|
+
"textPrimary": "#303133",
|
|
23
|
+
"textRegular": "#606266",
|
|
24
|
+
"textSecondary": "#909399",
|
|
25
|
+
"textPlaceholder": "#a8abb2",
|
|
26
|
+
"border": "#dcdfe6",
|
|
27
|
+
"borderLight": "#e4e7ed",
|
|
28
|
+
"borderLighter": "#ebeef5",
|
|
29
|
+
"fill": "#f0f2f5",
|
|
30
|
+
"fillBlank": "#ffffff",
|
|
31
|
+
"bg": "#ffffff",
|
|
32
|
+
"bgPage": "#f2f3f5"
|
|
33
|
+
},
|
|
34
|
+
"borderRadius": {
|
|
35
|
+
"base": "4px",
|
|
36
|
+
"small": "2px",
|
|
37
|
+
"round": "20px",
|
|
38
|
+
"circle": "100%"
|
|
39
|
+
},
|
|
40
|
+
"font": {
|
|
41
|
+
"family": "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif",
|
|
42
|
+
"sizeBase": "14px",
|
|
43
|
+
"sizeSmall": "13px",
|
|
44
|
+
"sizeLarge": "18px",
|
|
45
|
+
"lineHeightPrimary": "24px"
|
|
46
|
+
},
|
|
47
|
+
"component": {
|
|
48
|
+
"size": "32px",
|
|
49
|
+
"sizeSmall": "24px",
|
|
50
|
+
"sizeLarge": "40px"
|
|
51
|
+
},
|
|
52
|
+
"card": {
|
|
53
|
+
"borderColor": "#e4e7ed",
|
|
54
|
+
"borderRadius": "4px",
|
|
55
|
+
"padding": "20px",
|
|
56
|
+
"bgColor": "#ffffff"
|
|
57
|
+
},
|
|
58
|
+
"shadow": {
|
|
59
|
+
"light": "0px 0px 12px rgba(0, 0, 0, 0.12)"
|
|
60
|
+
},
|
|
61
|
+
"transition": {
|
|
62
|
+
"duration": "0.3s"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|