@svadmin/lite 0.27.0 → 0.30.1

package/dist/components/LitePivotMatrix.svelte

@@ -0,0 +1,138 @@
+<script lang="ts">
+  interface Props {
+    title?: string;
+    rowDimensionLabel?: string;
+    colDimensionLabel?: string;
+    measureLabel?: string;
+    cols?: string[];
+    rows?: { name: string; cells: (number | string)[]; total: number | string }[];
+    grandTotals?: (number | string)[];
+    grandTotalAll?: number | string;
+    class?: string;
+  }
+
+  let {
+    title = '多维交叉透视分析矩阵',
+    rowDimensionLabel = '区域 / 部门',
+    colDimensionLabel = '季度',
+    measureLabel = '销售额 (SUM)',
+    cols = ['2026 Q1', '2026 Q2', '2026 Q3', '2026 Q4'],
+    rows = [
+      { name: '华东大区 / 软件业务部', cells: ['¥ 1,280,000', '¥ 1,540,000', '¥ 1,120,000', '¥ 1,350,000'], total: '¥ 5,290,000' },
+      { name: '华南大区 / 跨境电商部', cells: ['¥ 950,000', '¥ 1,020,000', '¥ 1,480,000', '¥ 1,890,000'], total: '¥ 5,340,000' },
+      { name: '华北大区 / 政府业务线', cells: ['¥ 820,000', '¥ 780,000', '¥ 910,000', '¥ 1,320,000'], total: '¥ 3,830,000' }
+    ],
+    grandTotals = ['¥ 3,050,000', '¥ 3,340,000', '¥ 3,510,000', '¥ 4,560,000'],
+    grandTotalAll = '¥ 14,460,000',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-pivot-matrix {className}"
+  data-svadmin-component="LitePivotMatrix"
+  role="region"
+  aria-label="Pivot Matrix"
+>
+  <header class="lite-pivot-header">
+    <div class="lite-pivot-title-wrap">
+      <h4 class="lite-pivot-title">{title}</h4>
+      <span class="lite-pivot-meta">行: {rowDimensionLabel} ✕ 列: {colDimensionLabel}</span>
+    </div>
+    <span class="lite-pivot-measure">{measureLabel}</span>
+  </header>
+
+  <div class="lite-pivot-table-wrap">
+    <table class="lite-pivot-table">
+      <thead>
+        <tr>
+          <th class="lite-th-rowdim">{rowDimensionLabel}</th>
+          {#each cols as col (col)}
+            <th class="lite-th-coldim">{col}</th>
+          {/each}
+          <th class="lite-th-rowtotal">行汇总</th>
+        </tr>
+      </thead>
+      <tbody>
+        {#each rows as row (row.name)}
+          <tr>
+            <td class="lite-td-rowname">{row.name}</td>
+            {#each row.cells as cell, idx (idx)}
+              <td class="lite-td-cell">{cell}</td>
+            {/each}
+            <td class="lite-td-rowtotal">{row.total}</td>
+          </tr>
+        {/each}
+      </tbody>
+      <tfoot>
+        <tr class="lite-tr-grandtotal">
+          <td class="lite-td-grandlabel">列汇总</td>
+          {#each grandTotals as gTotal, idx (idx)}
+            <td class="lite-td-coltotal">{gTotal}</td>
+          {/each}
+          <td class="lite-td-grandall">{grandTotalAll}</td>
+        </tr>
+      </tfoot>
+    </table>
+  </div>
+</div>
+
+<style>
+  .lite-pivot-matrix {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-pivot-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-pivot-title-wrap { display: block; }
+  .lite-pivot-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-pivot-meta { font-size: 11px; color: #86909c; display: block; margin-top: 2px; }
+  .lite-pivot-measure {
+    font-size: 11px;
+    font-weight: 600;
+    color: #165dff;
+    background: #e8f3ff;
+    padding: 2px 8px;
+    border-radius: 4px;
+  }
+  .lite-pivot-table-wrap { overflow-x: auto; }
+  .lite-pivot-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
+  .lite-pivot-table th {
+    padding: 8px 12px;
+    background: #f2f3f5;
+    border-bottom: 1px solid #e5e6eb;
+    border-right: 1px solid #e5e6eb;
+    color: #4e5969;
+    font-weight: 600;
+  }
+  .lite-th-coldim, .lite-th-rowtotal, .lite-td-cell, .lite-td-rowtotal, .lite-td-coltotal, .lite-td-grandall {
+    text-align: right;
+  }
+  .lite-th-rowtotal { background: #e8f3ff; color: #165dff; }
+  .lite-pivot-table td {
+    padding: 8px 12px;
+    border-bottom: 1px solid #f2f3f5;
+    border-right: 1px solid #f2f3f5;
+    color: #1d2129;
+  }
+  .lite-td-rowname { font-weight: 600; background: #fafbfc; }
+  .lite-td-cell { font-family: monospace; }
+  .lite-td-rowtotal { font-family: monospace; font-weight: 600; background: #fafbfc; }
+  .lite-tr-grandtotal td {
+    border-top: 2px solid #e5e6eb;
+    background: #f7f8fa;
+    font-weight: 700;
+  }
+  .lite-td-grandlabel { color: #1d2129; }
+  .lite-td-coltotal { font-family: monospace; }
+  .lite-td-grandall { font-family: monospace; color: #165dff; font-size: 12px; }
+</style>

package/dist/components/LitePivotMatrix.svelte.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    title?: string;
+    rowDimensionLabel?: string;
+    colDimensionLabel?: string;
+    measureLabel?: string;
+    cols?: string[];
+    rows?: {
+        name: string;
+        cells: (number | string)[];
+        total: number | string;
+    }[];
+    grandTotals?: (number | string)[];
+    grandTotalAll?: number | string;
+    class?: string;
+}
+declare const LitePivotMatrix: import("svelte").Component<Props, {}, "">;
+type LitePivotMatrix = ReturnType<typeof LitePivotMatrix>;
+export default LitePivotMatrix;

package/dist/components/LitePlanUsageQuotaBar.svelte

@@ -0,0 +1,96 @@
+<script lang="ts">
+  interface Quota {
+    label: string;
+    current: number;
+    limit: number;
+    unit?: string;
+  }
+
+  interface Props {
+    planName?: string;
+    quotas?: Quota[];
+    resetDateText?: string;
+    class?: string;
+  }
+
+  let {
+    planName = 'Enterprise Scale',
+    quotas = [
+      { label: 'API Requests', current: 75000, limit: 100000, unit: 'req' },
+      { label: 'Storage', current: 18, limit: 20, unit: 'GB' },
+    ],
+    resetDateText = '2026-12-01',
+    class: className = '',
+  }: Props = $props();
+
+  function calcPct(current: number, limit: number): number {
+    if (limit <= 0) return 0;
+    return Math.max(0, Math.min(100, Math.round((current / limit) * 100)));
+  }
+</script>
+
+<div
+  class="lite-plan-quota {className}"
+  data-svadmin-component="LitePlanUsageQuotaBar"
+  role="region"
+  aria-label="Plan Usage Quotas"
+>
+  <header class="lite-quota-header">
+    <div>
+      <h4 class="lite-quota-title">{planName}</h4>
+      {#if resetDateText}
+        <span class="lite-quota-reset">重置周期: {resetDateText}</span>
+      {/if}
+    </div>
+  </header>
+
+  <div class="lite-quota-body">
+    {#each quotas as q (q.label)}
+      {@const pct = calcPct(q.current, q.limit)}
+      <div class="lite-quota-item">
+        <div class="lite-quota-labels">
+          <span class="lite-quota-name">{q.label}</span>
+          <span class="lite-quota-values">{q.current} / {q.limit} {q.unit ?? ''} ({pct}%)</span>
+        </div>
+        <div class="lite-quota-track">
+          <div
+            class="lite-quota-bar"
+            class:lite-bar-warn={pct >= 80 && pct < 95}
+            class:lite-bar-danger={pct >= 95}
+            style="width: {pct}%;"
+          ></div>
+        </div>
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .lite-plan-quota {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-quota-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-quota-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-quota-reset { font-size: 11px; color: #86909c; font-family: monospace; display: block; margin-top: 2px; }
+  .lite-quota-body { padding: 12px 14px; }
+  .lite-quota-item { margin-bottom: 10px; }
+  .lite-quota-item:last-child { margin-bottom: 0; }
+  .lite-quota-labels { display: flex; justify-content: space-between; margin-bottom: 4px; font-size: 11px; font-family: monospace; }
+  .lite-quota-name { font-weight: 500; color: #4e5969; font-family: sans-serif; }
+  .lite-quota-values { color: #1d2129; font-weight: 600; }
+  .lite-quota-track { height: 6px; background: #f2f3f5; border-radius: 3px; overflow: hidden; }
+  .lite-quota-bar { height: 100%; background: #165dff; border-radius: 3px; }
+  .lite-bar-warn { background: #ff7d00; }
+  .lite-bar-danger { background: #f53f3f; }
+</style>

package/dist/components/LitePlanUsageQuotaBar.svelte.d.ts

@@ -0,0 +1,15 @@
+interface Quota {
+    label: string;
+    current: number;
+    limit: number;
+    unit?: string;
+}
+interface Props {
+    planName?: string;
+    quotas?: Quota[];
+    resetDateText?: string;
+    class?: string;
+}
+declare const LitePlanUsageQuotaBar: import("svelte").Component<Props, {}, "">;
+type LitePlanUsageQuotaBar = ReturnType<typeof LitePlanUsageQuotaBar>;
+export default LitePlanUsageQuotaBar;

package/dist/components/LiteQueryAiExplainer.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+  interface Props {
+    title?: string;
+    queryText?: string;
+    contextName?: string;
+    explanation?: string;
+    class?: string;
+  }
+
+  let {
+    title = 'AI 规则语义解释卡片',
+    queryText = "WHERE region = 'East' AND amount >= 50000",
+    contextName = '大额核销清单',
+    explanation = '该查询用于筛选属于华东大区且结算金额不低于 5 万元的所有合规单据。',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-query-explainer {className}"
+  data-svadmin-component="LiteQueryAiExplainer"
+  role="region"
+  aria-label="Query AI Explainer"
+>
+  <header class="lite-explainer-header">
+    <div class="lite-explainer-title-wrap">
+      <span class="lite-explainer-icon">✨</span>
+      <h4 class="lite-explainer-title">{title}</h4>
+      <span class="lite-explainer-ctx">({contextName})</span>
+    </div>
+  </header>
+
+  <div class="lite-explainer-body">
+    <div class="lite-query-code">
+      <code>{queryText}</code>
+    </div>
+
+    <div class="lite-explanation-box">
+      <div class="lite-explanation-title">业务通俗口径解释：</div>
+      <div class="lite-explanation-content">{explanation}</div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .lite-query-explainer {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-explainer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-explainer-title-wrap { display: flex; align-items: center; }
+  .lite-explainer-title-wrap > * + * { margin-left: 6px; }
+  .lite-explainer-icon { color: #165dff; font-size: 12px; }
+  .lite-explainer-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-explainer-ctx { font-size: 11px; color: #86909c; }
+  .lite-explainer-body { padding: 12px 14px; }
+  .lite-query-code {
+    background: #f2f3f5;
+    padding: 8px 12px;
+    border-radius: 4px;
+    font-family: monospace;
+    font-size: 11px;
+    color: #1d2129;
+    margin-bottom: 10px;
+    overflow-x: auto;
+  }
+  .lite-explanation-box {
+    background: #e8f3ff;
+    border: 1px solid #bedaff;
+    border-radius: 6px;
+    padding: 10px 12px;
+  }
+  .lite-explanation-title { font-weight: 600; color: #165dff; font-size: 11px; margin-bottom: 4px; }
+  .lite-explanation-content { color: #1d2129; line-height: 1.5; font-size: 12px; }
+</style>

package/dist/components/LiteQueryAiExplainer.svelte.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    title?: string;
+    queryText?: string;
+    contextName?: string;
+    explanation?: string;
+    class?: string;
+}
+declare const LiteQueryAiExplainer: import("svelte").Component<Props, {}, "">;
+type LiteQueryAiExplainer = ReturnType<typeof LiteQueryAiExplainer>;
+export default LiteQueryAiExplainer;

package/dist/components/LiteScheduledJobManager.svelte

@@ -0,0 +1,116 @@
+<script lang="ts">
+  interface Job {
+    id: string;
+    name: string;
+    cronExpression: string;
+    status: 'running' | 'idle' | 'disabled' | 'failed';
+    lastRunAt?: string;
+    nextRunAt?: string;
+  }
+
+  interface Props {
+    title?: string;
+    jobs?: Job[];
+    class?: string;
+  }
+
+  let {
+    title = '定时任务与计划调度管理',
+    jobs = [
+      { id: 'job_01', name: '每日数据汇总快照', cronExpression: '0 2 * * *', status: 'idle', lastRunAt: '2026-11-11 02:00:00', nextRunAt: '2026-11-12 02:00:00' },
+      { id: 'job_02', name: '离线账单自动结算', cronExpression: '0 0 1 * *', status: 'idle', lastRunAt: '2026-11-01 00:00:00', nextRunAt: '2026-12-01 00:00:00' },
+      { id: 'job_03', name: '审计日志冷备归档', cronExpression: '0 */6 * * *', status: 'running', lastRunAt: '2026-11-11 18:00:00', nextRunAt: '2026-11-12 00:00:00' },
+      { id: 'job_04', name: '临时测试数据清理', cronExpression: '0 4 * * 0', status: 'disabled', lastRunAt: '2026-11-08 04:00:00', nextRunAt: '—' }
+    ],
+    class: className = '',
+  }: Props = $props();
+
+  function getStatusStyle(st: string): { label: string; color: string; bg: string } {
+    switch (st) {
+      case 'running': return { label: '运行中', color: '#165dff', bg: '#e8f3ff' };
+      case 'failed': return { label: '执行失败', color: '#f53f3f', bg: '#ffece8' };
+      case 'disabled': return { label: '已停用', color: '#86909c', bg: '#f2f3f5' };
+      default: return { label: '就绪等待', color: '#00b42a', bg: '#e8ffea' };
+    }
+  }
+</script>
+
+<div
+  class="lite-scheduler-matrix {className}"
+  data-svadmin-component="LiteScheduledJobManager"
+  role="region"
+  aria-label="Scheduled Job Manager"
+>
+  <header class="lite-scheduler-header">
+    <h4 class="lite-scheduler-title">{title}</h4>
+    <span class="lite-scheduler-count">{jobs.length} 项定时作业</span>
+  </header>
+
+  <div class="lite-scheduler-table-wrap">
+    <table class="lite-scheduler-table">
+      <thead>
+        <tr>
+          <th>任务名称</th>
+          <th>Cron 调度表达式</th>
+          <th>状态</th>
+          <th>上次执行</th>
+          <th>下次预定</th>
+        </tr>
+      </thead>
+      <tbody>
+        {#each jobs as j (j.id)}
+          {@const st = getStatusStyle(j.status)}
+          <tr>
+            <td class="lite-job-name">{j.name}</td>
+            <td><code class="lite-cron-exp">{j.cronExpression}</code></td>
+            <td>
+              <span class="lite-job-status" style="color: {st.color}; background: {st.bg};">
+                {st.label}
+              </span>
+            </td>
+            <td class="lite-time-text">{j.lastRunAt ?? '—'}</td>
+            <td class="lite-time-text">{j.nextRunAt ?? '—'}</td>
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<style>
+  .lite-scheduler-matrix {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-scheduler-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-scheduler-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-scheduler-count { font-size: 11px; color: #86909c; }
+  .lite-scheduler-table-wrap { overflow-x: auto; }
+  .lite-scheduler-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
+  .lite-scheduler-table th {
+    padding: 8px 12px;
+    background: #f2f3f5;
+    border-bottom: 1px solid #e5e6eb;
+    color: #4e5969;
+    font-weight: 600;
+  }
+  .lite-scheduler-table td {
+    padding: 8px 12px;
+    border-bottom: 1px solid #f2f3f5;
+    color: #1d2129;
+  }
+  .lite-job-name { font-weight: 600; }
+  .lite-cron-exp { font-family: monospace; font-size: 11px; background: #f2f3f5; padding: 2px 4px; border-radius: 3px; color: #165dff; }
+  .lite-job-status { font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 3px; display: inline-block; }
+  .lite-time-text { font-family: monospace; color: #4e5969; font-size: 10px; }
+</style>

package/dist/components/LiteScheduledJobManager.svelte.d.ts

@@ -0,0 +1,16 @@
+interface Job {
+    id: string;
+    name: string;
+    cronExpression: string;
+    status: 'running' | 'idle' | 'disabled' | 'failed';
+    lastRunAt?: string;
+    nextRunAt?: string;
+}
+interface Props {
+    title?: string;
+    jobs?: Job[];
+    class?: string;
+}
+declare const LiteScheduledJobManager: import("svelte").Component<Props, {}, "">;
+type LiteScheduledJobManager = ReturnType<typeof LiteScheduledJobManager>;
+export default LiteScheduledJobManager;

package/dist/components/LiteScreenAntiLeakGuard.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  interface Props {
+    text?: string;
+    subtext?: string;
+    class?: string;
+  }
+
+  let {
+    text = '机密数据 · 严禁拍照',
+    subtext = '保密审计中 · 泄漏追责',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-watermark-overlay {className}"
+  data-svadmin-component="LiteScreenAntiLeakGuard"
+  role="region"
+  aria-label="Security Watermark"
+>
+  <div class="lite-watermark-grid">
+    {#each Array(12) as _, idx (idx)}
+      <div class="lite-watermark-item">
+        <span class="lite-wm-text">{text}</span>
+        {#if subtext}
+          <span class="lite-wm-sub">{subtext}</span>
+        {/if}
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .lite-watermark-overlay {
+    position: relative;
+    padding: 16px;
+    background: #f7f8fa;
+    border: 1px dashed #c9cdd4;
+    border-radius: 6px;
+    overflow: hidden;
+  }
+  .lite-watermark-grid {
+    display: block;
+    text-align: center;
+  }
+  .lite-watermark-item {
+    display: inline-block;
+    margin: 12px 18px;
+    transform: rotate(-15deg);
+    color: #86909c;
+    font-family: monospace;
+    opacity: 0.6;
+  }
+  .lite-wm-text { display: block; font-size: 11px; font-weight: bold; }
+  .lite-wm-sub { display: block; font-size: 9px; margin-top: 2px; }
+</style>

package/dist/components/LiteScreenAntiLeakGuard.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    text?: string;
+    subtext?: string;
+    class?: string;
+}
+declare const LiteScreenAntiLeakGuard: import("svelte").Component<Props, {}, "">;
+type LiteScreenAntiLeakGuard = ReturnType<typeof LiteScreenAntiLeakGuard>;
+export default LiteScreenAntiLeakGuard;

package/dist/components/LiteSecureDataExporter.svelte

@@ -0,0 +1,101 @@
+<script lang="ts">
+  interface Props {
+    title?: string;
+    fingerprint?: string;
+    operator?: string;
+    rowCount?: number;
+    format?: string;
+    generatedAt?: string;
+    class?: string;
+  }
+
+  let {
+    title = '安全数据导出与审计水印溯源',
+    fingerprint = 'FP-202611-9842A',
+    operator = 'admin@example.com',
+    rowCount = 1250,
+    format = 'CSV (UTF-8 with BOM)',
+    generatedAt = '2026-11-12 06:00:00',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-secure-exporter {className}"
+  data-svadmin-component="LiteSecureDataExporter"
+  role="region"
+  aria-label="Secure Data Exporter"
+>
+  <header class="lite-exporter-header">
+    <div class="lite-exporter-title-wrap">
+      <span class="lite-exporter-shield">🛡️ 安全审计</span>
+      <h4 class="lite-exporter-title">{title}</h4>
+    </div>
+    <span class="lite-fp-tag">指纹: {fingerprint}</span>
+  </header>
+
+  <div class="lite-exporter-body">
+    <div class="lite-meta-grid">
+      <div class="lite-meta-item">
+        <span class="lite-meta-label">导出操作员</span>
+        <span class="lite-meta-val">{operator}</span>
+      </div>
+      <div class="lite-meta-item">
+        <span class="lite-meta-label">记录行数</span>
+        <span class="lite-meta-val">{rowCount} 条</span>
+      </div>
+      <div class="lite-meta-item">
+        <span class="lite-meta-label">文件格式</span>
+        <span class="lite-meta-val">{format}</span>
+      </div>
+      <div class="lite-meta-item">
+        <span class="lite-meta-label">生成时间</span>
+        <span class="lite-meta-val font-mono">{generatedAt}</span>
+      </div>
+    </div>
+
+    <div class="lite-exporter-watermark-note">
+      导出的文件头部已内嵌数字隐形防伪指纹，严禁向外部未经授权机构分发传输。
+    </div>
+  </div>
+</div>
+
+<style>
+  .lite-secure-exporter {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-exporter-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-exporter-title-wrap { display: flex; align-items: center; }
+  .lite-exporter-title-wrap > * + * { margin-left: 8px; }
+  .lite-exporter-shield { font-size: 11px; font-weight: 600; color: #00b42a; }
+  .lite-exporter-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-fp-tag { font-size: 10px; font-family: monospace; color: #165dff; background: #e8f3ff; padding: 2px 6px; border-radius: 3px; }
+  .lite-exporter-body { padding: 12px 14px; }
+  .lite-meta-grid { margin-bottom: 10px; overflow: hidden; }
+  .lite-meta-grid .lite-meta-item { float: left; width: 50%; box-sizing: border-box; margin-bottom: 10px; padding-right: 5px; }
+  .lite-meta-grid .lite-meta-item:nth-child(2n) { padding-right: 0; padding-left: 5px; }
+  .lite-meta-item { display: flex; flex-direction: column; }
+  .lite-meta-item > * + * { margin-top: 2px; }
+  .lite-meta-label { font-size: 10px; color: #86909c; }
+  .lite-meta-val { font-size: 11px; font-weight: 500; color: #1d2129; }
+  .font-mono { font-family: monospace; }
+  .lite-exporter-watermark-note {
+    background: #f2f3f5;
+    padding: 8px 10px;
+    border-radius: 4px;
+    font-size: 10px;
+    color: #4e5969;
+    border-left: 3px solid #165dff;
+  }
+</style>

package/dist/components/LiteSecureDataExporter.svelte.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    title?: string;
+    fingerprint?: string;
+    operator?: string;
+    rowCount?: number;
+    format?: string;
+    generatedAt?: string;
+    class?: string;
+}
+declare const LiteSecureDataExporter: import("svelte").Component<Props, {}, "">;
+type LiteSecureDataExporter = ReturnType<typeof LiteSecureDataExporter>;
+export default LiteSecureDataExporter;