@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.
Files changed (136) hide show
  1. package/README.md +78 -0
  2. package/dist/components/base/index.d.ts +8 -0
  3. package/dist/components/base/index.d.ts.map +1 -0
  4. package/dist/components/base/index.js +7 -0
  5. package/dist/components/base/index.js.map +1 -0
  6. package/dist/components/base/lit-button.d.ts +18 -0
  7. package/dist/components/base/lit-button.d.ts.map +1 -0
  8. package/dist/components/base/lit-button.js +161 -0
  9. package/dist/components/base/lit-button.js.map +1 -0
  10. package/dist/components/common/index.d.ts +9 -0
  11. package/dist/components/common/index.d.ts.map +1 -0
  12. package/dist/components/common/index.js +15 -0
  13. package/dist/components/common/index.js.map +1 -0
  14. package/dist/components/common/lit-switch-dollhouse-view/assets/icon.png.js +5 -0
  15. package/dist/components/common/lit-switch-dollhouse-view/assets/icon.png.js.map +1 -0
  16. package/dist/components/common/lit-switch-dollhouse-view/constants.d.ts +6 -0
  17. package/dist/components/common/lit-switch-dollhouse-view/constants.d.ts.map +1 -0
  18. package/dist/components/common/lit-switch-dollhouse-view/constants.js +11 -0
  19. package/dist/components/common/lit-switch-dollhouse-view/constants.js.map +1 -0
  20. package/dist/components/common/lit-switch-dollhouse-view/events.d.ts +3 -0
  21. package/dist/components/common/lit-switch-dollhouse-view/events.d.ts.map +1 -0
  22. package/dist/components/common/lit-switch-dollhouse-view/events.js +26 -0
  23. package/dist/components/common/lit-switch-dollhouse-view/events.js.map +1 -0
  24. package/dist/components/common/lit-switch-dollhouse-view/index.d.ts +18 -0
  25. package/dist/components/common/lit-switch-dollhouse-view/index.d.ts.map +1 -0
  26. package/dist/components/common/lit-switch-dollhouse-view/index.js +58 -0
  27. package/dist/components/common/lit-switch-dollhouse-view/index.js.map +1 -0
  28. package/dist/components/common/lit-switch-dollhouse-view/interaction.d.ts +7 -0
  29. package/dist/components/common/lit-switch-dollhouse-view/interaction.d.ts.map +1 -0
  30. package/dist/components/common/lit-switch-dollhouse-view/interaction.js +20 -0
  31. package/dist/components/common/lit-switch-dollhouse-view/interaction.js.map +1 -0
  32. package/dist/components/common/lit-switch-dollhouse-view/logic.d.ts +2 -0
  33. package/dist/components/common/lit-switch-dollhouse-view/logic.d.ts.map +1 -0
  34. package/dist/components/common/lit-switch-dollhouse-view/logic.js +7 -0
  35. package/dist/components/common/lit-switch-dollhouse-view/logic.js.map +1 -0
  36. package/dist/components/common/lit-switch-dollhouse-view/properties.d.ts +5 -0
  37. package/dist/components/common/lit-switch-dollhouse-view/properties.d.ts.map +1 -0
  38. package/dist/components/common/lit-switch-dollhouse-view/properties.js +14 -0
  39. package/dist/components/common/lit-switch-dollhouse-view/properties.js.map +1 -0
  40. package/dist/components/common/lit-switch-dollhouse-view/styles.d.ts +2 -0
  41. package/dist/components/common/lit-switch-dollhouse-view/styles.d.ts.map +1 -0
  42. package/dist/components/common/lit-switch-dollhouse-view/styles.js +41 -0
  43. package/dist/components/common/lit-switch-dollhouse-view/styles.js.map +1 -0
  44. package/dist/components/common/lit-switch-dollhouse-view/template.d.ts +3 -0
  45. package/dist/components/common/lit-switch-dollhouse-view/template.d.ts.map +1 -0
  46. package/dist/components/common/lit-switch-dollhouse-view/template.js +18 -0
  47. package/dist/components/common/lit-switch-dollhouse-view/template.js.map +1 -0
  48. package/dist/components/common/lit-switch-floorplan-view/assets/icon.png.js +5 -0
  49. package/dist/components/common/lit-switch-floorplan-view/assets/icon.png.js.map +1 -0
  50. package/dist/components/common/lit-switch-floorplan-view/constants.d.ts +6 -0
  51. package/dist/components/common/lit-switch-floorplan-view/constants.d.ts.map +1 -0
  52. package/dist/components/common/lit-switch-floorplan-view/constants.js +11 -0
  53. package/dist/components/common/lit-switch-floorplan-view/constants.js.map +1 -0
  54. package/dist/components/common/lit-switch-floorplan-view/events.d.ts +3 -0
  55. package/dist/components/common/lit-switch-floorplan-view/events.d.ts.map +1 -0
  56. package/dist/components/common/lit-switch-floorplan-view/events.js +26 -0
  57. package/dist/components/common/lit-switch-floorplan-view/events.js.map +1 -0
  58. package/dist/components/common/lit-switch-floorplan-view/index.d.ts +18 -0
  59. package/dist/components/common/lit-switch-floorplan-view/index.d.ts.map +1 -0
  60. package/dist/components/common/lit-switch-floorplan-view/index.js +58 -0
  61. package/dist/components/common/lit-switch-floorplan-view/index.js.map +1 -0
  62. package/dist/components/common/lit-switch-floorplan-view/interaction.d.ts +7 -0
  63. package/dist/components/common/lit-switch-floorplan-view/interaction.d.ts.map +1 -0
  64. package/dist/components/common/lit-switch-floorplan-view/interaction.js +20 -0
  65. package/dist/components/common/lit-switch-floorplan-view/interaction.js.map +1 -0
  66. package/dist/components/common/lit-switch-floorplan-view/logic.d.ts +2 -0
  67. package/dist/components/common/lit-switch-floorplan-view/logic.d.ts.map +1 -0
  68. package/dist/components/common/lit-switch-floorplan-view/logic.js +7 -0
  69. package/dist/components/common/lit-switch-floorplan-view/logic.js.map +1 -0
  70. package/dist/components/common/lit-switch-floorplan-view/properties.d.ts +5 -0
  71. package/dist/components/common/lit-switch-floorplan-view/properties.d.ts.map +1 -0
  72. package/dist/components/common/lit-switch-floorplan-view/properties.js +14 -0
  73. package/dist/components/common/lit-switch-floorplan-view/properties.js.map +1 -0
  74. package/dist/components/common/lit-switch-floorplan-view/styles.d.ts +2 -0
  75. package/dist/components/common/lit-switch-floorplan-view/styles.d.ts.map +1 -0
  76. package/dist/components/common/lit-switch-floorplan-view/styles.js +41 -0
  77. package/dist/components/common/lit-switch-floorplan-view/styles.js.map +1 -0
  78. package/dist/components/common/lit-switch-floorplan-view/template.d.ts +3 -0
  79. package/dist/components/common/lit-switch-floorplan-view/template.d.ts.map +1 -0
  80. package/dist/components/common/lit-switch-floorplan-view/template.js +18 -0
  81. package/dist/components/common/lit-switch-floorplan-view/template.js.map +1 -0
  82. package/dist/components/common/lit-switch-panorama-view/assets/panorama-btn.svg.js +5 -0
  83. package/dist/components/common/lit-switch-panorama-view/assets/panorama-btn.svg.js.map +1 -0
  84. package/dist/components/common/lit-switch-panorama-view/constants.d.ts +6 -0
  85. package/dist/components/common/lit-switch-panorama-view/constants.d.ts.map +1 -0
  86. package/dist/components/common/lit-switch-panorama-view/constants.js +11 -0
  87. package/dist/components/common/lit-switch-panorama-view/constants.js.map +1 -0
  88. package/dist/components/common/lit-switch-panorama-view/events.d.ts +3 -0
  89. package/dist/components/common/lit-switch-panorama-view/events.d.ts.map +1 -0
  90. package/dist/components/common/lit-switch-panorama-view/events.js +26 -0
  91. package/dist/components/common/lit-switch-panorama-view/events.js.map +1 -0
  92. package/dist/components/common/lit-switch-panorama-view/index.d.ts +18 -0
  93. package/dist/components/common/lit-switch-panorama-view/index.d.ts.map +1 -0
  94. package/dist/components/common/lit-switch-panorama-view/index.js +58 -0
  95. package/dist/components/common/lit-switch-panorama-view/index.js.map +1 -0
  96. package/dist/components/common/lit-switch-panorama-view/interaction.d.ts +8 -0
  97. package/dist/components/common/lit-switch-panorama-view/interaction.d.ts.map +1 -0
  98. package/dist/components/common/lit-switch-panorama-view/interaction.js +20 -0
  99. package/dist/components/common/lit-switch-panorama-view/interaction.js.map +1 -0
  100. package/dist/components/common/lit-switch-panorama-view/logic.d.ts +2 -0
  101. package/dist/components/common/lit-switch-panorama-view/logic.d.ts.map +1 -0
  102. package/dist/components/common/lit-switch-panorama-view/logic.js +12 -0
  103. package/dist/components/common/lit-switch-panorama-view/logic.js.map +1 -0
  104. package/dist/components/common/lit-switch-panorama-view/properties.d.ts +5 -0
  105. package/dist/components/common/lit-switch-panorama-view/properties.d.ts.map +1 -0
  106. package/dist/components/common/lit-switch-panorama-view/properties.js +14 -0
  107. package/dist/components/common/lit-switch-panorama-view/properties.js.map +1 -0
  108. package/dist/components/common/lit-switch-panorama-view/styles.d.ts +2 -0
  109. package/dist/components/common/lit-switch-panorama-view/styles.d.ts.map +1 -0
  110. package/dist/components/common/lit-switch-panorama-view/styles.js +40 -0
  111. package/dist/components/common/lit-switch-panorama-view/styles.js.map +1 -0
  112. package/dist/components/common/lit-switch-panorama-view/template.d.ts +3 -0
  113. package/dist/components/common/lit-switch-panorama-view/template.d.ts.map +1 -0
  114. package/dist/components/common/lit-switch-panorama-view/template.js +18 -0
  115. package/dist/components/common/lit-switch-panorama-view/template.js.map +1 -0
  116. package/dist/components/index.d.ts +10 -0
  117. package/dist/components/index.d.ts.map +1 -0
  118. package/dist/components/index.js +26 -0
  119. package/dist/components/index.js.map +1 -0
  120. package/dist/index.d.ts +2 -0
  121. package/dist/index.d.ts.map +1 -0
  122. package/dist/index.js +18 -0
  123. package/dist/index.js.map +1 -0
  124. package/dist/styles/tokens.d.ts +3 -0
  125. package/dist/styles/tokens.d.ts.map +1 -0
  126. package/dist/styles/tokens.generated.d.ts +3 -0
  127. package/dist/styles/tokens.generated.d.ts.map +1 -0
  128. package/dist/styles/tokens.generated.js +28 -0
  129. package/dist/styles/tokens.generated.js.map +1 -0
  130. package/dist/utils/define-lit-element.d.ts +5 -0
  131. package/dist/utils/define-lit-element.d.ts.map +1 -0
  132. package/dist/utils/define-lit-element.js +12 -0
  133. package/dist/utils/define-lit-element.js.map +1 -0
  134. package/package.json +58 -0
  135. package/theme/generated/element-plus-vars.css +60 -0
  136. 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,2 @@
1
+ export declare function turnToPanoramaView(qspace: any, complete: () => void): void;
2
+ //# sourceMappingURL=logic.d.ts.map
@@ -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,5 @@
1
+ export declare const booleanAttr: {
2
+ fromAttribute(value: string | null): boolean;
3
+ toAttribute(value: boolean): string | null;
4
+ };
5
+ //# sourceMappingURL=properties.d.ts.map
@@ -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,2 @@
1
+ export declare const styles: import("lit").CSSResult;
2
+ //# sourceMappingURL=styles.d.ts.map
@@ -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,3 @@
1
+ import { type TemplateResult } from 'lit';
2
+ export declare function renderPanoramaView(onClick: (e: Event) => void): TemplateResult;
3
+ //# sourceMappingURL=template.d.ts.map
@@ -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;"}
@@ -0,0 +1,2 @@
1
+ export * from './components/index.js';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ /** 由 theme/tokens.json 生成,请勿手改 tokens.generated.ts */
2
+ export { designTokens } from './tokens.generated.js';
3
+ //# sourceMappingURL=tokens.d.ts.map
@@ -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,3 @@
1
+ /** @lit-common 设计令牌(与 Element Plus --el-* 对齐) */
2
+ export declare const designTokens: import("lit").CSSResult;
3
+ //# sourceMappingURL=tokens.generated.d.ts.map
@@ -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,5 @@
1
+ /**
2
+ * 安全注册自定义元素:微前端多应用 / HMR 重复加载同一模块时跳过已注册标签
3
+ */
4
+ export declare function safeCustomElement(tag: string): <T extends CustomElementConstructor>(cls: T, _context?: ClassDecoratorContext) => T;
5
+ //# sourceMappingURL=define-lit-element.d.ts.map
@@ -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,12 @@
1
+ function safeCustomElement(tag) {
2
+ return (cls, _context) => {
3
+ if (!customElements.get(tag)) {
4
+ customElements.define(tag, cls);
5
+ }
6
+ return cls;
7
+ };
8
+ }
9
+ export {
10
+ safeCustomElement
11
+ };
12
+ //# sourceMappingURL=define-lit-element.js.map
@@ -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
+ }