@svadmin/lite 0.27.0 → 0.30.1

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

@@ -0,0 +1,10 @@
+interface Props {
+    secret?: string;
+    payload?: string;
+    algorithm?: string;
+    signature?: string;
+    class?: string;
+}
+declare const LiteHmacSignatureCalculator: import("svelte").Component<Props, {}, "">;
+type LiteHmacSignatureCalculator = ReturnType<typeof LiteHmacSignatureCalculator>;
+export default LiteHmacSignatureCalculator;

package/dist/components/LiteImportPreviewValidator.svelte

@@ -0,0 +1,136 @@
+<script lang="ts">
+  interface ValidationError {
+    row: number;
+    col: string;
+    value: string;
+    message: string;
+  }
+
+  interface Props {
+    title?: string;
+    totalRows?: number;
+    validRows?: number;
+    errors?: ValidationError[];
+    class?: string;
+  }
+
+  let {
+    title = '导入数据预检与错误定位',
+    totalRows = 100,
+    validRows = 98,
+    errors = [
+      { row: 14, col: 'mobile_phone', value: '138000', message: '手机号格式非法，必须为11位国内有效号码' },
+      { row: 42, col: 'email', value: 'invalid-email', message: '电子邮箱格式不合规' }
+    ],
+    class: className = '',
+  }: Props = $props();
+
+  const errorCount = $derived(errors.length);
+</script>
+
+<div
+  class="lite-preview-validator {className}"
+  data-svadmin-component="LiteImportPreviewValidator"
+  role="region"
+  aria-label="Import Preview Validator"
+>
+  <header class="lite-validator-header">
+    <h4 class="lite-validator-title">{title}</h4>
+    <div class="lite-stats-wrap">
+      <span class="lite-stat-total">总记录: {totalRows}</span>
+      <span class="lite-stat-valid">合格: {validRows}</span>
+      {#if errorCount > 0}
+        <span class="lite-stat-err">异常: {errorCount}</span>
+      {/if}
+    </div>
+  </header>
+
+  <div class="lite-validator-body">
+    {#if errorCount === 0}
+      <div class="lite-valid-notice">
+        ✓ 所有导入记录校验通过，未发现格式或必填项异常。
+      </div>
+    {:else}
+      <div class="lite-errors-list">
+        <div class="lite-err-notice">
+          发现 {errorCount} 处数据格式异常，建议修正后重新上传或选择忽略错误行入库。
+        </div>
+        <table class="lite-errors-table">
+          <thead>
+            <tr>
+              <th>数据行号</th>
+              <th>异常列</th>
+              <th>当前取值</th>
+              <th>失败原因说明</th>
+            </tr>
+          </thead>
+          <tbody>
+            {#each errors as err (err.row + err.col)}
+              <tr>
+                <td class="font-mono">第 {err.row} 行</td>
+                <td><code>{err.col}</code></td>
+                <td class="lite-err-val">{err.value}</td>
+                <td class="lite-err-msg">{err.message}</td>
+              </tr>
+            {/each}
+          </tbody>
+        </table>
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>
+  .lite-preview-validator {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-validator-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-validator-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-stats-wrap { display: flex; font-size: 11px; font-weight: 500; }
+  .lite-stats-wrap > * + * { margin-left: 8px; }
+  .lite-stat-total { color: #4e5969; }
+  .lite-stat-valid { color: #00b42a; }
+  .lite-stat-err { color: #f53f3f; }
+  .lite-validator-body { padding: 12px 14px; }
+  .lite-valid-notice {
+    padding: 10px;
+    background: #e8ffea;
+    color: #00b42a;
+    border-radius: 4px;
+    font-weight: 500;
+  }
+  .lite-err-notice {
+    padding: 8px 10px;
+    background: #ffece8;
+    color: #f53f3f;
+    border-radius: 4px;
+    font-size: 11px;
+    margin-bottom: 10px;
+  }
+  .lite-errors-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
+  .lite-errors-table th {
+    padding: 6px 10px;
+    background: #f2f3f5;
+    border-bottom: 1px solid #e5e6eb;
+    color: #4e5969;
+  }
+  .lite-errors-table td {
+    padding: 6px 10px;
+    border-bottom: 1px solid #f2f3f5;
+  }
+  .font-mono { font-family: monospace; font-weight: 600; }
+  code { font-family: monospace; color: #165dff; }
+  .lite-err-val { color: #f53f3f; font-family: monospace; }
+  .lite-err-msg { color: #4e5969; }
+</style>

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

@@ -0,0 +1,16 @@
+interface ValidationError {
+    row: number;
+    col: string;
+    value: string;
+    message: string;
+}
+interface Props {
+    title?: string;
+    totalRows?: number;
+    validRows?: number;
+    errors?: ValidationError[];
+    class?: string;
+}
+declare const LiteImportPreviewValidator: import("svelte").Component<Props, {}, "">;
+type LiteImportPreviewValidator = ReturnType<typeof LiteImportPreviewValidator>;
+export default LiteImportPreviewValidator;

package/dist/components/LiteLiveStreamLogViewer.svelte

@@ -0,0 +1,84 @@
+<script lang="ts">
+  interface LogItem {
+    id: string;
+    timestamp: string;
+    level: string;
+    message: string;
+  }
+
+  interface Props {
+    title?: string;
+    logs?: LogItem[];
+    class?: string;
+  }
+
+  let {
+    title = '实时日志控制台',
+    logs = [
+      { id: '1', timestamp: '08:45:10', level: 'INFO', message: '[Gateway] Inbound HTTP POST /api/v1/orders/create (200 OK)' },
+      { id: '2', timestamp: '08:45:11', level: 'WARN', message: '[Redis] Cache miss on key "session:usr_9901"' },
+      { id: '3', timestamp: '08:45:12', level: 'ERROR', message: '[NotificationService] Third-party SMS webhook timed out' }
+    ],
+    class: className = '',
+  }: Props = $props();
+
+  function getLevelColor(lvl: string): string {
+    if (lvl === 'ERROR') return '#f53f3f';
+    if (lvl === 'WARN') return '#ff7d00';
+    return '#165dff';
+  }
+</script>
+
+<div
+  class="lite-log-viewer {className}"
+  data-svadmin-component="LiteLiveStreamLogViewer"
+  role="region"
+  aria-label="Live Stream Log Viewer"
+>
+  <header class="lite-log-header">
+    <h4 class="lite-log-title">{title}</h4>
+    <span class="lite-log-count">{logs.length} 条日志记录</span>
+  </header>
+
+  <div class="lite-log-console">
+    {#each logs as log (log.id)}
+      <div class="lite-log-line font-mono">
+        <span class="lite-log-time">{log.timestamp}</span>
+        <span class="lite-log-badge" style="color: {getLevelColor(log.level)};">[{log.level}]</span>
+        <span class="lite-log-msg">{log.message}</span>
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .lite-log-viewer {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-log-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-log-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-log-count { font-size: 11px; color: #86909c; }
+  .lite-log-console {
+    background: #1e293b;
+    color: #f8fafc;
+    padding: 12px 14px;
+    font-size: 11px;
+    overflow-x: auto;
+  }
+  .lite-log-line { line-height: 1.6; }
+  .font-mono { font-family: monospace; }
+  .lite-log-time { color: #94a3b8; margin-right: 6px; }
+  .lite-log-badge { font-weight: 700; margin-right: 6px; }
+  .lite-log-msg { color: #f8fafc; }
+</style>

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

@@ -0,0 +1,14 @@
+interface LogItem {
+    id: string;
+    timestamp: string;
+    level: string;
+    message: string;
+}
+interface Props {
+    title?: string;
+    logs?: LogItem[];
+    class?: string;
+}
+declare const LiteLiveStreamLogViewer: import("svelte").Component<Props, {}, "">;
+type LiteLiveStreamLogViewer = ReturnType<typeof LiteLiveStreamLogViewer>;
+export default LiteLiveStreamLogViewer;

package/dist/components/LiteOmnibarCommandPalette.svelte

@@ -0,0 +1,111 @@
+<script lang="ts">
+  export interface CommandPaletteItem {
+    id: string;
+    title: string;
+    category?: string;
+    description?: string;
+    shortcut?: string;
+  }
+
+  interface Props {
+    placeholder?: string;
+    items?: CommandPaletteItem[];
+    class?: string;
+  }
+
+  let {
+    placeholder = '全局快捷命令面板 (SSR 静态列表)',
+    items = [
+      { id: 'nav-dashboard', title: '运营与财务仪表盘', category: '系统导航', shortcut: 'G D' },
+      { id: 'act-new-order', title: '新建采购审批流', category: '快捷操作', shortcut: '⌘ N' },
+      { id: 'res-order-88', title: '订单 #ORD-2026-9882', category: '业务实体' },
+    ],
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-omnibar-box {className}"
+  data-svadmin-component="LiteOmnibarCommandPalette"
+  role="region"
+  aria-label="Global Omnibar Command Palette"
+>
+  <div class="lite-omnibar-input">
+    <span class="lite-search-icon">🔍</span>
+    <span class="lite-input-mock">{placeholder}</span>
+    <span class="lite-kbd-hint">⌘K</span>
+  </div>
+
+  <div class="lite-omnibar-list">
+    <div class="lite-items-header">默认常用指令与导航直达 (SSR 静态降级):</div>
+    {#each items as item (item.id)}
+      <div class="lite-cmd-row">
+        <div class="lite-cmd-main">
+          <span class="lite-cmd-title">{item.title}</span>
+          {#if item.category}
+            <span class="lite-cmd-cat">{item.category}</span>
+          {/if}
+        </div>
+        {#if item.shortcut}
+          <span class="lite-cmd-shortcut">{item.shortcut}</span>
+        {/if}
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .lite-omnibar-box {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-omnibar-input {
+    display: flex;
+    align-items: center;
+    padding: 10px 12px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-search-icon { font-size: 12px; margin-right: 8px; }
+  .lite-input-mock { flex: 1; color: #86909c; font-size: 12px; margin-right: 8px; }
+  .lite-kbd-hint {
+    font-size: 10px;
+    font-family: monospace;
+    background: #ffffff;
+    border: 1px solid #e5e6eb;
+    padding: 2px 4px;
+    border-radius: 3px;
+    color: #4e5969;
+  }
+  .lite-omnibar-list { padding: 8px 12px; }
+  .lite-items-header { font-size: 11px; color: #86909c; margin-bottom: 6px; }
+  .lite-cmd-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 6px 0;
+    border-bottom: 1px dashed #f2f3f5;
+  }
+  .lite-cmd-row:last-child { border-bottom: none; }
+  .lite-cmd-main { display: flex; align-items: center; }
+  .lite-cmd-title { font-weight: 500; color: #1d2129; margin-right: 6px; }
+  .lite-cmd-cat {
+    font-size: 10px;
+    color: #86909c;
+    background: #f2f3f5;
+    padding: 1px 4px;
+    border-radius: 2px;
+  }
+  .lite-cmd-shortcut {
+    font-size: 10px;
+    font-family: monospace;
+    background: #f7f8fa;
+    border: 1px solid #e5e6eb;
+    padding: 1px 4px;
+    border-radius: 2px;
+    color: #4e5969;
+  }
+</style>

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

@@ -0,0 +1,15 @@
+export interface CommandPaletteItem {
+    id: string;
+    title: string;
+    category?: string;
+    description?: string;
+    shortcut?: string;
+}
+interface Props {
+    placeholder?: string;
+    items?: CommandPaletteItem[];
+    class?: string;
+}
+declare const LiteOmnibarCommandPalette: import("svelte").Component<Props, {}, "">;
+type LiteOmnibarCommandPalette = ReturnType<typeof LiteOmnibarCommandPalette>;
+export default LiteOmnibarCommandPalette;

package/dist/components/LitePeriodComparisonCard.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+  interface Props {
+    title?: string;
+    currentValue?: string | number;
+    priorValue?: string | number;
+    deltaPercentage?: number;
+    periodLabel?: string;
+    class?: string;
+  }
+
+  let {
+    title = '月度营收环比对比',
+    currentValue = '¥ 1,280,000',
+    priorValue = '¥ 1,120,000',
+    deltaPercentage = 14.28,
+    periodLabel = '较上月 (2026-10)',
+    class: className = '',
+  }: Props = $props();
+
+  const isUp = $derived(deltaPercentage >= 0);
+</script>
+
+<div
+  class="lite-period-card {className}"
+  data-svadmin-component="LitePeriodComparisonCard"
+  role="region"
+  aria-label="Period Comparison Card"
+>
+  <div class="lite-period-header">
+    <span class="lite-period-title">{title}</span>
+    <span class="lite-period-badge" class:lite-badge-up={isUp} class:lite-badge-down={!isUp}>
+      {isUp ? '↑ +' : '↓ '}{deltaPercentage}%
+    </span>
+  </div>
+
+  <div class="lite-period-body">
+    <div class="lite-val-current">{currentValue}</div>
+    <div class="lite-val-prior">
+      基期数值: <span class="font-mono">{priorValue}</span> ({periodLabel})
+    </div>
+  </div>
+</div>
+
+<style>
+  .lite-period-card {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    padding: 12px 14px;
+    font-size: 12px;
+  }
+  .lite-period-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
+  .lite-period-title { font-weight: 500; color: #4e5969; font-size: 11px; }
+  .lite-period-badge { font-size: 11px; font-weight: 700; font-family: monospace; padding: 2px 6px; border-radius: 3px; }
+  .lite-badge-up { color: #00b42a; background: #e8ffea; }
+  .lite-badge-down { color: #f53f3f; background: #ffece8; }
+  .lite-val-current { font-size: 20px; font-weight: 700; color: #1d2129; margin-bottom: 4px; }
+  .lite-val-prior { font-size: 11px; color: #86909c; }
+  .font-mono { font-family: monospace; color: #4e5969; }
+</style>

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

@@ -0,0 +1,11 @@
+interface Props {
+    title?: string;
+    currentValue?: string | number;
+    priorValue?: string | number;
+    deltaPercentage?: number;
+    periodLabel?: string;
+    class?: string;
+}
+declare const LitePeriodComparisonCard: import("svelte").Component<Props, {}, "">;
+type LitePeriodComparisonCard = ReturnType<typeof LitePeriodComparisonCard>;
+export default LitePeriodComparisonCard;

package/dist/components/LitePermissionSimulator.svelte

@@ -0,0 +1,90 @@
+<script lang="ts">
+  export interface SimulationUser {
+    id: string;
+    name: string;
+    department: string;
+    securityClearance: string;
+  }
+
+  interface Props {
+    title?: string;
+    users?: SimulationUser[];
+    class?: string;
+  }
+
+  let {
+    title = '权限模拟沙箱 (SSR 静态列表)',
+    users = [
+      { id: 'u1', name: '李思远 (财务主管)', department: '财务结算中心', securityClearance: 'L3' },
+      { id: 'u2', name: '王小磊 (开发人员)', department: '技术工程部', securityClearance: 'L1' },
+      { id: 'u3', name: '赵宏 (合规安全总监)', department: '信息安全合规处', securityClearance: 'L4' },
+    ],
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-perm-simulator {className}"
+  data-svadmin-component="LitePermissionSimulator"
+  role="region"
+  aria-label="Permission Simulator"
+>
+  <header class="lite-sim-header">
+    <div class="lite-sim-title-row">
+      <span class="lite-sim-icon">👤</span>
+      <h4 class="lite-sim-title">{title}</h4>
+    </div>
+    <span class="lite-sim-count">可模拟 {users.length} 个角色身份</span>
+  </header>
+
+  <div class="lite-sim-body">
+    <div class="lite-sim-users">
+      {#each users as u (u.id)}
+        <div class="lite-user-card">
+          <div class="lite-user-top">
+            <span class="lite-user-name">{u.name}</span>
+            <span class="lite-user-level font-mono">[{u.securityClearance}]</span>
+          </div>
+          <div class="lite-user-dept">{u.department}</div>
+        </div>
+      {/each}
+    </div>
+  </div>
+</div>
+
+<style>
+  .lite-perm-simulator {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-sim-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-sim-title-row { display: flex; align-items: center; }
+  .lite-sim-icon { font-size: 14px; margin-right: 6px; }
+  .lite-sim-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-sim-count { font-size: 11px; color: #86909c; }
+  .lite-sim-body { padding: 12px 14px; }
+  .lite-sim-users { display: flex; flex-direction: column; }
+  .lite-user-card {
+    border: 1px solid #f2f3f5;
+    background: #fafafa;
+    border-radius: 4px;
+    padding: 8px 10px;
+    margin-bottom: 6px;
+  }
+  .lite-user-card:last-child { margin-bottom: 0; }
+  .lite-user-top { display: flex; justify-content: space-between; align-items: center; }
+  .lite-user-name { font-weight: 600; color: #1d2129; }
+  .lite-user-level { font-size: 10px; color: #165dff; font-weight: 600; }
+  .font-mono { font-family: monospace; }
+  .lite-user-dept { font-size: 11px; color: #86909c; margin-top: 2px; }
+</style>

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

@@ -0,0 +1,14 @@
+export interface SimulationUser {
+    id: string;
+    name: string;
+    department: string;
+    securityClearance: string;
+}
+interface Props {
+    title?: string;
+    users?: SimulationUser[];
+    class?: string;
+}
+declare const LitePermissionSimulator: import("svelte").Component<Props, {}, "">;
+type LitePermissionSimulator = ReturnType<typeof LitePermissionSimulator>;
+export default LitePermissionSimulator;