@zentto/studio 0.5.2 → 0.6.1
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/designer/zs-app-wizard.d.ts +15 -0
- package/dist/designer/zs-app-wizard.d.ts.map +1 -1
- package/dist/designer/zs-app-wizard.js +749 -295
- package/dist/designer/zs-app-wizard.js.map +1 -1
- package/dist/designer/zs-page-designer.d.ts +27 -0
- package/dist/designer/zs-page-designer.d.ts.map +1 -1
- package/dist/designer/zs-page-designer.js +1396 -945
- package/dist/designer/zs-page-designer.js.map +1 -1
- package/dist/fields/zs-field-datagrid.d.ts +42 -0
- package/dist/fields/zs-field-datagrid.d.ts.map +1 -0
- package/dist/fields/zs-field-datagrid.js +206 -0
- package/dist/fields/zs-field-datagrid.js.map +1 -0
- package/dist/fields/zs-field-report.d.ts +36 -0
- package/dist/fields/zs-field-report.d.ts.map +1 -0
- package/dist/fields/zs-field-report.js +168 -0
- package/dist/fields/zs-field-report.js.map +1 -0
- package/dist/zentto-studio-renderer.d.ts +2 -0
- package/dist/zentto-studio-renderer.d.ts.map +1 -1
- package/dist/zentto-studio-renderer.js +313 -298
- package/dist/zentto-studio-renderer.js.map +1 -1
- package/package.json +74 -59
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
// @zentto/studio — Report viewer field (embeds <zentto-report-viewer> via dynamic import)
|
|
2
|
+
// Renders a real Zentto Report Viewer inside the studio form
|
|
3
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
4
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
6
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
8
|
+
};
|
|
9
|
+
import { LitElement, html, css, nothing } from 'lit';
|
|
10
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
11
|
+
let ZsFieldReport = class ZsFieldReport extends LitElement {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
// ─── Properties ──────────────────────────────────────────────
|
|
15
|
+
this.config = null;
|
|
16
|
+
this.template = null;
|
|
17
|
+
this.data = null;
|
|
18
|
+
this.theme = 'light';
|
|
19
|
+
// ─── Internal State ──────────────────────────────────────────
|
|
20
|
+
this.viewerLoaded = false;
|
|
21
|
+
this.loadError = '';
|
|
22
|
+
this.loading = true;
|
|
23
|
+
}
|
|
24
|
+
static { this.styles = css `
|
|
25
|
+
:host { display: block; }
|
|
26
|
+
|
|
27
|
+
.zs-report-wrapper {
|
|
28
|
+
font-family: var(--zs-font-family, sans-serif);
|
|
29
|
+
border: 1px solid var(--zs-border, #dee2e6);
|
|
30
|
+
border-radius: var(--zs-radius, 6px);
|
|
31
|
+
overflow: auto;
|
|
32
|
+
background: var(--zs-bg, #fff);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.zs-report-label {
|
|
36
|
+
font-size: var(--zs-font-size, 14px);
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
margin-bottom: 6px;
|
|
39
|
+
color: var(--zs-text, #212529);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.zs-report-loading,
|
|
43
|
+
.zs-report-error {
|
|
44
|
+
display: flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
padding: 32px;
|
|
48
|
+
color: var(--zs-text-secondary, #6c757d);
|
|
49
|
+
font-size: var(--zs-font-size-sm, 13px);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.zs-report-error {
|
|
53
|
+
color: var(--zs-danger, #dc3545);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.zs-report-container {
|
|
57
|
+
width: 100%;
|
|
58
|
+
}
|
|
59
|
+
`; }
|
|
60
|
+
// ─── Resolved props from config ──────────────────────────────
|
|
61
|
+
get templateId() {
|
|
62
|
+
return this.config?.props?.templateId ?? '';
|
|
63
|
+
}
|
|
64
|
+
get reportTemplate() {
|
|
65
|
+
// Direct property takes precedence over config
|
|
66
|
+
if (this.template)
|
|
67
|
+
return this.template;
|
|
68
|
+
return this.config?.props?.template ?? null;
|
|
69
|
+
}
|
|
70
|
+
get reportData() {
|
|
71
|
+
// Direct property takes precedence over config
|
|
72
|
+
if (this.data)
|
|
73
|
+
return this.data;
|
|
74
|
+
return this.config?.props?.data ?? null;
|
|
75
|
+
}
|
|
76
|
+
get dataSourceId() {
|
|
77
|
+
return this.config?.props?.dataSourceId ?? '';
|
|
78
|
+
}
|
|
79
|
+
get viewerHeight() {
|
|
80
|
+
return this.config?.props?.height ?? '500px';
|
|
81
|
+
}
|
|
82
|
+
get showToolbar() {
|
|
83
|
+
return this.config?.props?.showToolbar ?? true;
|
|
84
|
+
}
|
|
85
|
+
get zoom() {
|
|
86
|
+
return this.config?.props?.zoom ?? 1;
|
|
87
|
+
}
|
|
88
|
+
// ─── Lifecycle ───────────────────────────────────────────────
|
|
89
|
+
connectedCallback() {
|
|
90
|
+
super.connectedCallback();
|
|
91
|
+
this.loadViewer();
|
|
92
|
+
}
|
|
93
|
+
async loadViewer() {
|
|
94
|
+
if (this.viewerLoaded)
|
|
95
|
+
return;
|
|
96
|
+
this.loading = true;
|
|
97
|
+
this.loadError = '';
|
|
98
|
+
try {
|
|
99
|
+
// @ts-ignore — optional peer dependency, loaded at runtime
|
|
100
|
+
await import('@zentto/report-viewer');
|
|
101
|
+
this.viewerLoaded = true;
|
|
102
|
+
}
|
|
103
|
+
catch (err) {
|
|
104
|
+
this.loadError = `Failed to load @zentto/report-viewer: ${err instanceof Error ? err.message : String(err)}`;
|
|
105
|
+
console.warn('[zs-field-report]', this.loadError);
|
|
106
|
+
}
|
|
107
|
+
finally {
|
|
108
|
+
this.loading = false;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
// ─── Render ──────────────────────────────────────────────────
|
|
112
|
+
render() {
|
|
113
|
+
const label = this.config?.label;
|
|
114
|
+
return html `
|
|
115
|
+
${label ? html `<div class="zs-report-label">${label}</div>` : nothing}
|
|
116
|
+
<div class="zs-report-wrapper">
|
|
117
|
+
${this.loading
|
|
118
|
+
? html `<div class="zs-report-loading">Loading Report Viewer...</div>`
|
|
119
|
+
: this.loadError
|
|
120
|
+
? html `<div class="zs-report-error">${this.loadError}</div>`
|
|
121
|
+
: this.renderViewer()}
|
|
122
|
+
</div>
|
|
123
|
+
`;
|
|
124
|
+
}
|
|
125
|
+
renderViewer() {
|
|
126
|
+
if (!this.viewerLoaded)
|
|
127
|
+
return nothing;
|
|
128
|
+
return html `
|
|
129
|
+
<div class="zs-report-container" style="height: ${this.viewerHeight}">
|
|
130
|
+
<zentto-report-viewer
|
|
131
|
+
.templateId="${this.templateId}"
|
|
132
|
+
.template="${this.reportTemplate}"
|
|
133
|
+
.data="${this.reportData}"
|
|
134
|
+
.dataSourceId="${this.dataSourceId}"
|
|
135
|
+
.theme="${this.theme}"
|
|
136
|
+
.zoom="${this.zoom}"
|
|
137
|
+
?showToolbar="${this.showToolbar}"
|
|
138
|
+
></zentto-report-viewer>
|
|
139
|
+
</div>
|
|
140
|
+
`;
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
__decorate([
|
|
144
|
+
property({ type: Object })
|
|
145
|
+
], ZsFieldReport.prototype, "config", void 0);
|
|
146
|
+
__decorate([
|
|
147
|
+
property({ type: Object })
|
|
148
|
+
], ZsFieldReport.prototype, "template", void 0);
|
|
149
|
+
__decorate([
|
|
150
|
+
property({ type: Object })
|
|
151
|
+
], ZsFieldReport.prototype, "data", void 0);
|
|
152
|
+
__decorate([
|
|
153
|
+
property({ type: String })
|
|
154
|
+
], ZsFieldReport.prototype, "theme", void 0);
|
|
155
|
+
__decorate([
|
|
156
|
+
state()
|
|
157
|
+
], ZsFieldReport.prototype, "viewerLoaded", void 0);
|
|
158
|
+
__decorate([
|
|
159
|
+
state()
|
|
160
|
+
], ZsFieldReport.prototype, "loadError", void 0);
|
|
161
|
+
__decorate([
|
|
162
|
+
state()
|
|
163
|
+
], ZsFieldReport.prototype, "loading", void 0);
|
|
164
|
+
ZsFieldReport = __decorate([
|
|
165
|
+
customElement('zs-field-report')
|
|
166
|
+
], ZsFieldReport);
|
|
167
|
+
export { ZsFieldReport };
|
|
168
|
+
//# sourceMappingURL=zs-field-report.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zs-field-report.js","sourceRoot":"","sources":["../../src/fields/zs-field-report.ts"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,8 @@ import './fields/zs-field-chart.js';
|
|
|
17
17
|
import './fields/zs-field-media.js';
|
|
18
18
|
import './fields/zs-field-treeview.js';
|
|
19
19
|
import './fields/zs-field-chips.js';
|
|
20
|
+
import './fields/zs-field-datagrid.js';
|
|
21
|
+
import './fields/zs-field-report.js';
|
|
20
22
|
export declare class ZenttoStudioRenderer extends LitElement {
|
|
21
23
|
static styles: import("lit").CSSResult[];
|
|
22
24
|
schema: StudioSchema | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zentto-studio-renderer.d.ts","sourceRoot":"","sources":["../src/zentto-studio-renderer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EACL,KAAK,YAAY,EAQlB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"zentto-studio-renderer.d.ts","sourceRoot":"","sources":["../src/zentto-studio-renderer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EACL,KAAK,YAAY,EAQlB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAErC,qBACa,oBAAqB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,4BAmGV;IAIyB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAQ;IACnC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IAC7B,SAAS,EAAE,OAAO,GAAG,MAAM,CAAW;IAI/D,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,aAAa,CAAK;IAInC,iBAAiB;IAOjB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,iBAAiB;YA2BX,YAAY;IA0D1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,QAAQ;IAmBhB,MAAM;IAyBN,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,YAAY;IAkCpB,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,WAAW;IA4CnB,OAAO,CAAC,gBAAgB;IAuNxB,OAAO,CAAC,aAAa;CAwBtB;AAGD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,+BAA+B,CAAC;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF"}
|