@svadmin/lite 0.26.0 → 0.30.1

package/dist/components/LiteResultPage.svelte

@@ -0,0 +1,135 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  type ResultStatus = 'success' | 'processing' | 'warning' | 'error' | '403' | '404' | '500';
+
+  interface Props {
+    status?: ResultStatus;
+    title: string;
+    description?: string;
+    primaryActionHref?: string;
+    primaryActionLabel?: string;
+    secondaryActionHref?: string;
+    secondaryActionLabel?: string;
+    class?: string;
+    actions?: Snippet;
+    children?: Snippet;
+  }
+
+  let {
+    status = 'success',
+    title,
+    description,
+    primaryActionHref,
+    primaryActionLabel = 'Back to Home',
+    secondaryActionHref,
+    secondaryActionLabel,
+    class: className = '',
+    actions,
+    children,
+  }: Props = $props();
+
+  const iconSymbol = $derived.by(() => {
+    switch (status) {
+      case 'success':
+        return '✓';
+      case 'processing':
+        return '⏳';
+      case 'warning':
+      case '403':
+        return '!';
+      case 'error':
+      case '500':
+        return '✕';
+      case '404':
+      default:
+        return '?';
+    }
+  });
+</script>
+
+<div
+  class="lite-result-page lite-result-{status} {className}"
+  data-svadmin-component="LiteResultPage"
+  role="status"
+>
+  <div class="lite-result-icon-wrapper" aria-hidden="true">
+    <span class="lite-result-icon">{iconSymbol}</span>
+  </div>
+
+  <h2 class="lite-result-title">{title}</h2>
+
+  {#if description}
+    <p class="lite-result-description">{description}</p>
+  {/if}
+
+  {#if actions}
+    <div class="lite-result-actions">{@render actions()}</div>
+  {:else if primaryActionHref || secondaryActionHref}
+    <div class="lite-result-actions">
+      {#if primaryActionHref}
+        <a href={primaryActionHref} class="lite-result-btn-primary">{primaryActionLabel}</a>
+      {/if}
+      {#if secondaryActionHref && secondaryActionLabel}
+        <a href={secondaryActionHref} class="lite-result-btn-secondary">{secondaryActionLabel}</a>
+      {/if}
+    </div>
+  {/if}
+
+  {#if children}
+    <div class="lite-result-extra">{@render children()}</div>
+  {/if}
+</div>
+
+<style>
+  .lite-result-page {
+    text-align: center;
+    padding: 48px 24px;
+    background: #ffffff;
+    border-radius: 8px;
+    border: 1px solid #e5e6eb;
+    box-sizing: border-box;
+  }
+  .lite-result-icon-wrapper {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    margin-bottom: 16px;
+    font-size: 28px;
+    font-weight: 700;
+  }
+  .lite-result-success .lite-result-icon-wrapper { background: #e8ffea; color: #00b42a; }
+  .lite-result-processing .lite-result-icon-wrapper { background: #e8f3ff; color: #165dff; }
+  .lite-result-warning .lite-result-icon-wrapper { background: #fff7e8; color: #ff7d00; }
+  .lite-result-error .lite-result-icon-wrapper { background: #ffece8; color: #f53f3f; }
+  .lite-result-403 .lite-result-icon-wrapper { background: #fff7e8; color: #ff7d00; }
+  .lite-result-404 .lite-result-icon-wrapper { background: #f2f3f5; color: #86909c; }
+  .lite-result-500 .lite-result-icon-wrapper { background: #ffece8; color: #f53f3f; }
+  .lite-result-title { margin: 0 0 8px; font-size: 20px; font-weight: 600; color: #1d2129; }
+  .lite-result-description { margin: 0 0 24px; font-size: 14px; color: #4e5969; max-width: 480px; margin-left: auto; margin-right: auto; }
+  .lite-result-actions { display: flex; justify-content: center; }
+  .lite-result-actions > * + * { margin-left: 12px; }
+  .lite-result-btn-primary {
+    display: inline-block;
+    padding: 8px 18px;
+    background: #165dff;
+    color: #ffffff;
+    border-radius: 4px;
+    text-decoration: none;
+    font-size: 13px;
+    font-weight: 500;
+  }
+  .lite-result-btn-secondary {
+    display: inline-block;
+    padding: 8px 18px;
+    background: #f2f3f5;
+    color: #4e5969;
+    border-radius: 4px;
+    text-decoration: none;
+    font-size: 13px;
+  }
+  .lite-result-extra { margin-top: 24px; padding-top: 16px; border-top: 1px solid #f2f3f5; }
+</style>

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

@@ -0,0 +1,17 @@
+import type { Snippet } from 'svelte';
+type ResultStatus = 'success' | 'processing' | 'warning' | 'error' | '403' | '404' | '500';
+interface Props {
+    status?: ResultStatus;
+    title: string;
+    description?: string;
+    primaryActionHref?: string;
+    primaryActionLabel?: string;
+    secondaryActionHref?: string;
+    secondaryActionLabel?: string;
+    class?: string;
+    actions?: Snippet;
+    children?: Snippet;
+}
+declare const LiteResultPage: import("svelte").Component<Props, {}, "">;
+type LiteResultPage = ReturnType<typeof LiteResultPage>;
+export default LiteResultPage;

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;

package/dist/components/LiteSensitiveDataMask.svelte

@@ -1,8 +1,17 @@
 <script lang="ts">
   interface Props {
     value?: string | number | null;
-    type?: 'phone' | 'id-card' | 'email' | 'bank-card' | 'secret' | 'custom';
-    /** Caller class merged with the built-in class list. */
+    type?:
+      | 'phone'
+      | 'mobile'
+      | 'id-card'
+      | 'idCard'
+      | 'email'
+      | 'bank-card'
+      | 'bankCard'
+      | 'name'
+      | 'secret'
+      | 'custom';
     class?: string;
   }
 
@@ -14,13 +23,36 @@
 
   const rawString = $derived(String(value ?? ''));
 
+  function maskName(val: string): string {
+    const trimmed = val.trim();
+    if (!trimmed) return '—';
+    if (trimmed.includes(' ')) {
+      return trimmed
+        .split(/\s+/)
+        .map((part) => (part.length <= 1 ? '*' : `${part[0]}${'*'.repeat(Math.max(1, part.length - 2))}${part.length > 2 ? part.slice(-1) : '*'}`))
+        .join(' ');
+    }
+    const len = trimmed.length;
+    if (len <= 1) return '*';
+    if (len === 2) return `${trimmed[0]}*`;
+    if (len === 3) return `${trimmed[0]}*${trimmed[2]}`;
+    return `${trimmed[0]}${'*'.repeat(len - 2)}${trimmed.slice(-1)}`;
+  }
+
   function mask(val: string, maskType: string): string {
     if (!val) return '—';
     switch (maskType) {
       case 'phone':
+      case 'mobile':
         return val.length >= 7 ? `${val.slice(0, 3)}****${val.slice(-4)}` : '****';
       case 'id-card':
+      case 'idCard':
         return val.length >= 10 ? `${val.slice(0, 6)}********${val.slice(-4)}` : '********';
+      case 'bank-card':
+      case 'bankCard':
+        return val.length >= 8 ? `${val.slice(0, 4)} **** **** ${val.slice(-4)}` : '**** ****';
+      case 'name':
+        return maskName(val);
       case 'email': {
         const parts = val.split('@');
         const [name, domain] = parts;

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

@@ -1,7 +1,6 @@
 interface Props {
     value?: string | number | null;
-    type?: 'phone' | 'id-card' | 'email' | 'bank-card' | 'secret' | 'custom';
-    /** Caller class merged with the built-in class list. */
+    type?: 'phone' | 'mobile' | 'id-card' | 'idCard' | 'email' | 'bank-card' | 'bankCard' | 'name' | 'secret' | 'custom';
     class?: string;
 }
 declare const LiteSensitiveDataMask: import("svelte").Component<Props, {}, "">;

package/dist/components/LiteSqlConsole.svelte

@@ -0,0 +1,128 @@
+<script lang="ts">
+  interface Column {
+    name: string;
+    type?: string;
+  }
+
+  interface Props {
+    title?: string;
+    query?: string;
+    columns?: Column[];
+    rows?: Record<string, string | number | null>[];
+    rowCount?: number;
+    executionTimeMs?: number;
+    class?: string;
+  }
+
+  let {
+    title = 'SQL 只读查询控制台',
+    query = 'SELECT id, tenant_id, name, created_at FROM sys_tenants LIMIT 10;',
+    columns = [
+      { name: 'id', type: 'uuid' },
+      { name: 'tenant_id', type: 'varchar' },
+      { name: 'name', type: 'varchar' },
+      { name: 'created_at', type: 'timestamp' }
+    ],
+    rows = [
+      { id: '1a2b-3c4d', tenant_id: 't_enterprise', name: '上海华东研发中心', created_at: '2026-11-10 10:00:00' },
+      { id: '5e6f-7g8h', tenant_id: 't_standard', name: '北京华北创新科技', created_at: '2026-11-11 14:30:00' }
+    ],
+    rowCount = 2,
+    executionTimeMs = 12,
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-sql-console {className}"
+  data-svadmin-component="LiteSqlConsole"
+  role="region"
+  aria-label="SQL Console"
+>
+  <header class="lite-sql-header">
+    <div class="lite-sql-title-wrap">
+      <span class="lite-sql-tag">READONLY</span>
+      <h4 class="lite-sql-title">{title}</h4>
+    </div>
+    <span class="lite-sql-stats">{rowCount} 行记录 · 耗时 {executionTimeMs}ms</span>
+  </header>
+
+  <div class="lite-sql-query-box">
+    <code>{query}</code>
+  </div>
+
+  <div class="lite-sql-table-wrap">
+    <table class="lite-sql-table">
+      <thead>
+        <tr>
+          {#each columns as col (col)}
+            <th>{col.name} <span class="lite-sql-col-type">({col.type ?? 'text'})</span></th>
+          {/each}
+        </tr>
+      </thead>
+      <tbody>
+        {#each rows as row, rIdx (rIdx)}
+          <tr>
+            {#each columns as col (col)}
+              <td>{row[col.name] ?? 'NULL'}</td>
+            {/each}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<style>
+  .lite-sql-console {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-sql-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-sql-title-wrap { display: flex; align-items: center; }
+  .lite-sql-title-wrap > * + * { margin-left: 8px; }
+  .lite-sql-tag {
+    font-size: 10px;
+    font-weight: 700;
+    color: #165dff;
+    background: #e8f3ff;
+    padding: 2px 6px;
+    border-radius: 4px;
+  }
+  .lite-sql-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-sql-stats { font-size: 11px; color: #86909c; font-family: monospace; }
+  .lite-sql-query-box {
+    padding: 10px 14px;
+    background: #272e3b;
+    color: #f2f3f5;
+    font-family: monospace;
+    font-size: 11px;
+    overflow-x: auto;
+  }
+  .lite-sql-table-wrap { overflow-x: auto; }
+  .lite-sql-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
+  .lite-sql-table th {
+    padding: 8px 12px;
+    background: #f2f3f5;
+    border-bottom: 1px solid #e5e6eb;
+    color: #4e5969;
+    font-weight: 600;
+  }
+  .lite-sql-col-type { font-size: 10px; color: #86909c; font-weight: normal; }
+  .lite-sql-table td {
+    padding: 8px 12px;
+    border-bottom: 1px solid #f2f3f5;
+    color: #1d2129;
+    font-family: monospace;
+  }
+</style>

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

@@ -0,0 +1,16 @@
+interface Column {
+    name: string;
+    type?: string;
+}
+interface Props {
+    title?: string;
+    query?: string;
+    columns?: Column[];
+    rows?: Record<string, string | number | null>[];
+    rowCount?: number;
+    executionTimeMs?: number;
+    class?: string;
+}
+declare const LiteSqlConsole: import("svelte").Component<Props, {}, "">;
+type LiteSqlConsole = ReturnType<typeof LiteSqlConsole>;
+export default LiteSqlConsole;