@zentto/report-designer 1.5.6 → 1.5.7

package/dist/data-panel/er-diagram.js

@@ -0,0 +1,425 @@
+// @zentto/report-designer — Visual ER Diagram
+// Interactive SVG canvas showing tables as boxes with relation lines
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, svg, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+// ─── Layout Constants ─────────────────────────────────────────────
+const TABLE_WIDTH = 180;
+const TABLE_HEADER_HEIGHT = 28;
+const FIELD_ROW_HEIGHT = 20;
+const TABLE_PADDING = 12;
+const GRID_COLS = 3;
+const GRID_GAP_X = 220;
+const GRID_GAP_Y = 40;
+const JOIN_COLORS = {
+    inner: '#1976d2',
+    left: '#2e7d32',
+    right: '#e65100',
+    full: '#7b1fa2',
+};
+let ErDiagram = class ErDiagram extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.dataSources = [];
+        this.relations = [];
+        this._tables = [];
+        this._dragging = null;
+        this._hoveredRelation = null;
+        this._svgWidth = 800;
+        this._svgHeight = 600;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      height: 100%;
+      overflow: hidden;
+      font-family: 'Segoe UI', Roboto, Arial, sans-serif;
+    }
+
+    .er-container {
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+      background:
+        linear-gradient(90deg, var(--zrd-grid-line, #f0f0f0) 1px, transparent 1px),
+        linear-gradient(var(--zrd-grid-line, #f0f0f0) 1px, transparent 1px);
+      background-size: 20px 20px;
+      cursor: default;
+    }
+
+    svg {
+      display: block;
+    }
+
+    /* ─── Table Box ───────────────────────────── */
+    .table-box {
+      cursor: move;
+    }
+    .table-box:hover .table-border {
+      stroke: var(--zrd-primary, #1976d2);
+      stroke-width: 2;
+    }
+
+    .table-border {
+      fill: var(--zrd-panel-bg, #fff);
+      stroke: var(--zrd-border, #ccc);
+      stroke-width: 1;
+      rx: 6;
+      ry: 6;
+      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));
+    }
+
+    .table-header-bg {
+      rx: 6;
+      ry: 6;
+    }
+    .table-header-mask {
+      fill: var(--zrd-panel-bg, #fff);
+    }
+
+    .table-name {
+      font-size: 11px;
+      font-weight: 600;
+      fill: #fff;
+    }
+
+    .field-name {
+      font-size: 10px;
+      fill: var(--zrd-text, #333);
+    }
+    .field-type {
+      font-size: 9px;
+      fill: var(--zrd-text-muted, #999);
+    }
+    .field-pk {
+      font-size: 9px;
+      fill: #ff9800;
+    }
+
+    .field-row:hover {
+      opacity: 0.8;
+    }
+
+    .field-separator {
+      stroke: var(--zrd-border, #eee);
+      stroke-width: 0.5;
+    }
+
+    /* ─── Relation Lines ──────────────────────── */
+    .relation-line {
+      fill: none;
+      stroke-width: 1.5;
+      cursor: pointer;
+      transition: stroke-width 0.15s;
+    }
+    .relation-line:hover,
+    .relation-line.hovered {
+      stroke-width: 3;
+    }
+
+    .relation-label {
+      font-size: 9px;
+      font-weight: 600;
+      pointer-events: none;
+    }
+    .relation-label-bg {
+      fill: var(--zrd-panel-bg, #fff);
+      rx: 3;
+      ry: 3;
+    }
+
+    /* ─── Empty State ─────────────────────────── */
+    .empty-state {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      color: var(--zrd-text-muted, #999);
+      font-size: 12px;
+      text-align: center;
+      padding: 20px;
+    }
+  `; }
+    // ─── Lifecycle ────────────────────────────────────────────────
+    updated(changed) {
+        if (changed.has('dataSources')) {
+            this._layoutTables();
+        }
+    }
+    // ─── Auto Layout ──────────────────────────────────────────────
+    _layoutTables() {
+        const tables = [];
+        let col = 0;
+        let row = 0;
+        for (const ds of this.dataSources) {
+            const fieldCount = ds.fields?.length || 0;
+            const height = TABLE_HEADER_HEIGHT + fieldCount * FIELD_ROW_HEIGHT + TABLE_PADDING;
+            // Check if existing position is stored (preserve user moves)
+            const existing = this._tables.find(t => t.dsId === ds.id);
+            tables.push({
+                dsId: ds.id,
+                x: existing?.x ?? (TABLE_PADDING + col * GRID_GAP_X),
+                y: existing?.y ?? (TABLE_PADDING + row * (Math.max(height, 120) + GRID_GAP_Y)),
+                width: TABLE_WIDTH,
+                height,
+                ds,
+            });
+            col++;
+            if (col >= GRID_COLS) {
+                col = 0;
+                row++;
+            }
+        }
+        this._tables = tables;
+        this._updateSvgSize();
+    }
+    _updateSvgSize() {
+        let maxX = 400;
+        let maxY = 300;
+        for (const t of this._tables) {
+            maxX = Math.max(maxX, t.x + t.width + 40);
+            maxY = Math.max(maxY, t.y + t.height + 40);
+        }
+        this._svgWidth = maxX;
+        this._svgHeight = maxY;
+    }
+    // ─── Drag Handling ────────────────────────────────────────────
+    _onMouseDown(e, dsId) {
+        const table = this._tables.find(t => t.dsId === dsId);
+        if (!table)
+            return;
+        e.preventDefault();
+        const svgEl = this.renderRoot.querySelector('svg');
+        if (!svgEl)
+            return;
+        const rect = svgEl.getBoundingClientRect();
+        this._dragging = {
+            dsId,
+            offsetX: e.clientX - rect.left - table.x,
+            offsetY: e.clientY - rect.top - table.y,
+        };
+        const onMove = (ev) => {
+            if (!this._dragging)
+                return;
+            const newX = Math.max(0, ev.clientX - rect.left - this._dragging.offsetX);
+            const newY = Math.max(0, ev.clientY - rect.top - this._dragging.offsetY);
+            this._tables = this._tables.map(t => t.dsId === this._dragging.dsId ? { ...t, x: newX, y: newY } : t);
+            this._updateSvgSize();
+        };
+        const onUp = () => {
+            this._dragging = null;
+            document.removeEventListener('mousemove', onMove);
+            document.removeEventListener('mouseup', onUp);
+        };
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', onUp);
+    }
+    _onRelationClick(rel) {
+        this.dispatchEvent(new CustomEvent('relation-edit', {
+            detail: { relation: rel },
+            bubbles: true, composed: true,
+        }));
+    }
+    _onTableDoubleClick(dsId) {
+        this.dispatchEvent(new CustomEvent('table-focus', {
+            detail: { dataSourceId: dsId },
+            bubbles: true, composed: true,
+        }));
+    }
+    // ─── Relation Line Geometry ───────────────────────────────────
+    _getConnectionPoints(rel) {
+        const parent = this._tables.find(t => t.dsId === rel.parentSource);
+        const child = this._tables.find(t => t.dsId === rel.childSource);
+        if (!parent || !child)
+            return null;
+        // Connect from right edge of parent to left edge of child (or vice versa)
+        const parentCenterY = parent.y + parent.height / 2;
+        const childCenterY = child.y + child.height / 2;
+        let x1, x2;
+        if (parent.x + parent.width < child.x) {
+            // Parent is to the left
+            x1 = parent.x + parent.width;
+            x2 = child.x;
+        }
+        else if (child.x + child.width < parent.x) {
+            // Child is to the left
+            x1 = parent.x;
+            x2 = child.x + child.width;
+        }
+        else {
+            // Overlapping horizontally — connect from bottom/top
+            x1 = parent.x + parent.width / 2;
+            x2 = child.x + child.width / 2;
+        }
+        return { x1, y1: parentCenterY, x2, y2: childCenterY };
+    }
+    // ─── Rendering ────────────────────────────────────────────────
+    _renderTableBox(table) {
+        const fields = table.ds.fields || [];
+        const headerColor = '#1976d2';
+        return svg `
+      <g class="table-box"
+         @mousedown=${(e) => this._onMouseDown(e, table.dsId)}
+         @dblclick=${() => this._onTableDoubleClick(table.dsId)}>
+        <!-- Shadow/border -->
+        <rect class="table-border"
+              x=${table.x} y=${table.y}
+              width=${table.width} height=${table.height} />
+
+        <!-- Header background -->
+        <rect class="table-header-bg"
+              x=${table.x} y=${table.y}
+              width=${table.width} height=${TABLE_HEADER_HEIGHT}
+              fill=${headerColor} />
+        <!-- Mask bottom corners of header -->
+        <rect class="table-header-mask"
+              x=${table.x} y=${table.y + TABLE_HEADER_HEIGHT - 6}
+              width=${table.width} height="6" />
+
+        <!-- Table name -->
+        <text class="table-name"
+              x=${table.x + 10} y=${table.y + 18}>
+          ${table.ds.table || table.ds.name}
+        </text>
+
+        <!-- Fields -->
+        ${fields.map((f, i) => {
+            const fy = table.y + TABLE_HEADER_HEIGHT + i * FIELD_ROW_HEIGHT;
+            return svg `
+            <g class="field-row">
+              ${i > 0 ? svg `
+                <line class="field-separator"
+                      x1=${table.x + 4} y1=${fy}
+                      x2=${table.x + table.width - 4} y2=${fy} />
+              ` : nothing}
+              ${f.isPrimaryKey ? svg `
+                <text class="field-pk"
+                      x=${table.x + 6} y=${fy + 14}>\u{1F511}</text>
+              ` : nothing}
+              <text class="field-name"
+                    x=${table.x + (f.isPrimaryKey ? 20 : 8)}
+                    y=${fy + 14}>
+                ${f.label || f.name}
+              </text>
+              <text class="field-type"
+                    x=${table.x + table.width - 8}
+                    y=${fy + 14}
+                    text-anchor="end">
+                ${f.nativeType || f.type}
+              </text>
+            </g>
+          `;
+        })}
+      </g>
+    `;
+    }
+    _renderRelationLine(rel) {
+        const pts = this._getConnectionPoints(rel);
+        if (!pts)
+            return nothing;
+        const { x1, y1, x2, y2 } = pts;
+        const color = JOIN_COLORS[rel.joinType] || '#666';
+        const midX = (x1 + x2) / 2;
+        const midY = (y1 + y2) / 2;
+        // Bezier control points for smooth curve
+        const cx1 = x1 + (x2 - x1) * 0.4;
+        const cx2 = x1 + (x2 - x1) * 0.6;
+        const isHovered = this._hoveredRelation === rel.id;
+        const label = rel.joinType.toUpperCase();
+        return svg `
+      <g>
+        <!-- Clickable wider path for easier selection -->
+        <path
+          d="M ${x1} ${y1} C ${cx1} ${y1}, ${cx2} ${y2}, ${x2} ${y2}"
+          stroke="transparent" fill="none" stroke-width="12"
+          style="cursor:pointer"
+          @click=${() => this._onRelationClick(rel)}
+          @mouseenter=${() => { this._hoveredRelation = rel.id; }}
+          @mouseleave=${() => { this._hoveredRelation = null; }}
+        />
+        <!-- Visible line -->
+        <path
+          class="relation-line ${isHovered ? 'hovered' : ''}"
+          d="M ${x1} ${y1} C ${cx1} ${y1}, ${cx2} ${y2}, ${x2} ${y2}"
+          stroke=${color}
+          marker-end="url(#arrow-${rel.joinType})"
+        />
+        <!-- Label -->
+        <rect class="relation-label-bg"
+              x=${midX - 18} y=${midY - 8}
+              width="36" height="16"
+              stroke=${color} stroke-width="0.5" />
+        <text class="relation-label"
+              x=${midX} y=${midY + 4}
+              text-anchor="middle"
+              fill=${color}>
+          ${label}
+        </text>
+      </g>
+    `;
+    }
+    _renderArrowDefs() {
+        return svg `
+      <defs>
+        ${Object.entries(JOIN_COLORS).map(([type, color]) => svg `
+            <marker id="arrow-${type}" viewBox="0 0 10 6"
+                    refX="9" refY="3"
+                    markerWidth="8" markerHeight="6"
+                    orient="auto-start-reverse">
+              <path d="M 0 0 L 10 3 L 0 6 z" fill=${color} />
+            </marker>
+          `)}
+      </defs>
+    `;
+    }
+    render() {
+        if (this.dataSources.length === 0) {
+            return html `<div class="empty-state">No data sources to display.<br/>Add tables to see the ER diagram.</div>`;
+        }
+        return html `
+      <div class="er-container">
+        <svg width=${this._svgWidth} height=${this._svgHeight}
+             xmlns="http://www.w3.org/2000/svg">
+          ${this._renderArrowDefs()}
+
+          <!-- Relation lines (behind tables) -->
+          ${(this.relations || []).map(rel => this._renderRelationLine(rel))}
+
+          <!-- Table boxes -->
+          ${this._tables.map(table => this._renderTableBox(table))}
+        </svg>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], ErDiagram.prototype, "dataSources", void 0);
+__decorate([
+    property({ type: Array })
+], ErDiagram.prototype, "relations", void 0);
+__decorate([
+    state()
+], ErDiagram.prototype, "_tables", void 0);
+__decorate([
+    state()
+], ErDiagram.prototype, "_dragging", void 0);
+__decorate([
+    state()
+], ErDiagram.prototype, "_hoveredRelation", void 0);
+__decorate([
+    state()
+], ErDiagram.prototype, "_svgWidth", void 0);
+__decorate([
+    state()
+], ErDiagram.prototype, "_svgHeight", void 0);
+ErDiagram = __decorate([
+    customElement('zrd-er-diagram')
+], ErDiagram);
+export { ErDiagram };
+//# sourceMappingURL=er-diagram.js.map

package/dist/data-panel/er-diagram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"er-diagram.js","sourceRoot":"","sources":["../../src/data-panel/er-diagram.ts"],"names":[],"mappings":"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"}

package/dist/data-panel/relation-editor.d.ts

@@ -0,0 +1,29 @@
+import { LitElement, nothing } from 'lit';
+import type { DataSourceDef, RelationDef } from '@zentto/report-core';
+export declare class RelationEditor extends LitElement {
+    dataSources: DataSourceDef[];
+    relation: RelationDef | null;
+    open: boolean;
+    private _parentSource;
+    private _childSource;
+    private _joinType;
+    private _joinPairs;
+    private _alias;
+    static styles: import("lit").CSSResult;
+    updated(changed: Map<string, unknown>): void;
+    private _getFields;
+    private _isValid;
+    private _buildSqlPreview;
+    private _onSave;
+    private _onCancel;
+    private _addPair;
+    private _removePair;
+    private _updatePair;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zrd-relation-editor': RelationEditor;
+    }
+}
+//# sourceMappingURL=relation-editor.d.ts.map

package/dist/data-panel/relation-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-editor.d.ts","sourceRoot":"","sources":["../../src/data-panel/relation-editor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAY,WAAW,EAA8B,MAAM,qBAAqB,CAAC;AAS5G,qBACa,cAAe,SAAQ,UAAU;IACjB,WAAW,EAAE,aAAa,EAAE,CAAM;IACjC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAQ;IACnC,IAAI,UAAS;IAEjC,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,UAAU,CAA6D;IAC/E,OAAO,CAAC,MAAM,CAAM;IAE7B,OAAgB,MAAM,0BA8KpB;IAEO,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAmB9C,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,OAAO;IAkBf,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,WAAW;IAQV,MAAM;CAsHhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,cAAc,CAAC;KACvC;CACF"}