@svadmin/lite 0.26.0 → 0.30.1

package/dist/components/LiteWebhookSimulator.svelte

@@ -0,0 +1,120 @@
+<script lang="ts">
+  interface Props {
+    endpoint?: string;
+    eventType?: string;
+    payload?: string | Record<string, unknown>;
+    statusCode?: number;
+    durationMs?: number;
+    class?: string;
+  }
+
+  let {
+    endpoint = 'https://api.example.com/webhooks',
+    eventType = 'order.payment_succeeded',
+    payload = { event: 'order.payment_succeeded', amount: 99.5 },
+    statusCode = 200,
+    durationMs = 85,
+    class: className = '',
+  }: Props = $props();
+
+  const formattedPayload = $derived.by(() => {
+    if (typeof payload === 'string') return payload;
+    try {
+      return JSON.stringify(payload, null, 2);
+    } catch {
+      return String(payload);
+    }
+  });
+</script>
+
+<div
+  class="lite-webhook-simulator {className}"
+  data-svadmin-component="LiteWebhookSimulator"
+  role="region"
+  aria-label="Webhook Simulator"
+>
+  <header class="lite-webhook-header">
+    <span class="lite-webhook-title">Webhook 投递模拟器 (SSR)</span>
+    <span class="lite-webhook-badge">模拟沙箱</span>
+  </header>
+
+  <div class="lite-webhook-body">
+    <div class="lite-webhook-field">
+      <span class="lite-field-label">事件类型:</span>
+      <code class="lite-field-val">{eventType}</code>
+    </div>
+    <div class="lite-webhook-field">
+      <span class="lite-field-label">接收端点:</span>
+      <code class="lite-field-val">{endpoint}</code>
+    </div>
+
+    <div class="lite-webhook-payload">
+      <span class="lite-field-label">请求载荷 (JSON):</span>
+      <pre class="lite-payload-code"><code>{formattedPayload}</code></pre>
+    </div>
+
+    {#if statusCode}
+      <div class="lite-webhook-result" class:lite-res-ok={statusCode >= 200 && statusCode < 300}>
+        <span>HTTP {statusCode} {statusCode === 200 ? 'OK' : ''}</span>
+        {#if durationMs}
+          <span class="lite-res-time">{durationMs}ms</span>
+        {/if}
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>
+  .lite-webhook-simulator {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-webhook-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 12px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-webhook-title { font-weight: 600; color: #1d2129; }
+  .lite-webhook-badge { font-size: 10px; background: #e8f3ff; color: #165dff; padding: 1px 6px; border-radius: 3px; font-mono: true; }
+  .lite-webhook-body { padding: 12px; space-y: 8px; }
+  .lite-webhook-field { display: flex; align-items: baseline; margin-bottom: 6px; font-family: monospace; }
+  .lite-webhook-field > * + * { margin-left: 8px; }
+  .lite-field-label { color: #86909c; min-width: 70px; font-sans: true; }
+  .lite-field-val { color: #1d2129; word-break: break-all; }
+  .lite-webhook-payload { margin-top: 8px; }
+  .lite-payload-code {
+    margin: 4px 0 0;
+    padding: 8px;
+    background: #f7f8fa;
+    border: 1px solid #e5e6eb;
+    border-radius: 4px;
+    font-family: monospace;
+    font-size: 11px;
+    color: #1d2129;
+    white-space: pre-wrap;
+    max-height: 160px;
+    overflow: auto;
+  }
+  .lite-webhook-result {
+    margin-top: 10px;
+    padding: 6px 10px;
+    border-radius: 4px;
+    font-family: monospace;
+    font-weight: 600;
+    display: flex;
+    justify-content: space-between;
+    background: #ffece8;
+    color: #f53f3f;
+  }
+  .lite-webhook-result.lite-res-ok {
+    background: #e8ffea;
+    color: #00b42a;
+  }
+  .lite-res-time { font-weight: normal; opacity: 0.8; }
+</style>

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

@@ -0,0 +1,11 @@
+interface Props {
+    endpoint?: string;
+    eventType?: string;
+    payload?: string | Record<string, unknown>;
+    statusCode?: number;
+    durationMs?: number;
+    class?: string;
+}
+declare const LiteWebhookSimulator: import("svelte").Component<Props, {}, "">;
+type LiteWebhookSimulator = ReturnType<typeof LiteWebhookSimulator>;
+export default LiteWebhookSimulator;

package/dist/components/LiteWorkflowNodeInspector.svelte

@@ -0,0 +1,79 @@
+<script lang="ts">
+  interface Props {
+    title?: string;
+    nodeName?: string;
+    nodeType?: string;
+    approverRole?: string;
+    approvalMode?: string;
+    class?: string;
+  }
+
+  let {
+    title = '流程节点属性检查器 (SSR 静态面板)',
+    nodeName = '部门主管审批节点',
+    nodeType = '审批节点',
+    approverRole = '直属部门经理',
+    approvalMode = '会签 (全员同意)',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-node-inspector {className}"
+  data-svadmin-component="LiteWorkflowNodeInspector"
+  role="region"
+  aria-label="Workflow Node Inspector"
+>
+  <header class="lite-insp-header">
+    <span class="lite-insp-icon">⚙️</span>
+    <h4 class="lite-insp-title">{title}</h4>
+  </header>
+
+  <div class="lite-insp-body">
+    <div class="lite-prop-row">
+      <span class="lite-prop-label">节点名称:</span>
+      <span class="lite-prop-val">{nodeName}</span>
+    </div>
+    <div class="lite-prop-row">
+      <span class="lite-prop-label">节点类型:</span>
+      <span class="lite-prop-val">{nodeType}</span>
+    </div>
+    <div class="lite-prop-row">
+      <span class="lite-prop-label">审批角色:</span>
+      <span class="lite-prop-val">{approverRole}</span>
+    </div>
+    <div class="lite-prop-row">
+      <span class="lite-prop-label">流转模式:</span>
+      <span class="lite-prop-val">{approvalMode}</span>
+    </div>
+  </div>
+</div>
+
+<style>
+  .lite-node-inspector {
+    border: 1px solid #e5e6eb;
+    border-radius: 6px;
+    background: #ffffff;
+    font-size: 12px;
+    overflow: hidden;
+  }
+  .lite-insp-header {
+    display: flex;
+    align-items: center;
+    padding: 10px 14px;
+    background: #f7f8fa;
+    border-bottom: 1px solid #e5e6eb;
+  }
+  .lite-insp-icon { font-size: 14px; margin-right: 6px; }
+  .lite-insp-title { margin: 0; font-size: 13px; font-weight: 600; color: #1d2129; }
+  .lite-insp-body { padding: 12px 14px; }
+  .lite-prop-row {
+    display: flex;
+    justify-content: space-between;
+    padding: 6px 0;
+    border-bottom: 1px dashed #f2f3f5;
+  }
+  .lite-prop-row:last-child { border-bottom: none; }
+  .lite-prop-label { color: #86909c; }
+  .lite-prop-val { font-weight: 500; color: #1d2129; }
+</style>

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

@@ -0,0 +1,11 @@
+interface Props {
+    title?: string;
+    nodeName?: string;
+    nodeType?: string;
+    approverRole?: string;
+    approvalMode?: string;
+    class?: string;
+}
+declare const LiteWorkflowNodeInspector: import("svelte").Component<Props, {}, "">;
+type LiteWorkflowNodeInspector = ReturnType<typeof LiteWorkflowNodeInspector>;
+export default LiteWorkflowNodeInspector;

package/dist/components/LiteWorkflowStepper.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  export interface LiteWorkflowNode {
+    id: string;
+    label: string;
+    status: 'completed' | 'running' | 'failed' | 'pending';
+    durationText?: string;
+  }
+
+  interface Props {
+    nodes: LiteWorkflowNode[];
+    title?: string;
+    class?: string;
+  }
+
+  let {
+    nodes = [],
+    title = 'Workflow Execution',
+    class: className = '',
+  }: Props = $props();
+</script>
+
+<div
+  class="lite-workflow-stepper {className}"
+  data-svadmin-component="LiteWorkflowStepper"
+>
+  <h4 class="lite-workflow-title">{title}</h4>
+  <ol class="lite-workflow-list">
+    {#each nodes as node (node.id)}
+      <li class="lite-workflow-node lite-status-{node.status}">
+        <span class="lite-node-icon">
+          {#if node.status === 'completed'}✓{:else if node.status === 'running'}⏳{:else if node.status === 'failed'}✕{:else}○{/if}
+        </span>
+        <span class="lite-node-label">{node.label}</span>
+        {#if node.durationText}
+          <span class="lite-node-duration">{node.durationText}</span>
+        {/if}
+      </li>
+    {/each}
+  </ol>
+</div>
+
+<style>
+  .lite-workflow-stepper { border: 1px solid #e5e6eb; border-radius: 8px; background: #ffffff; padding: 16px; }
+  .lite-workflow-title { font-size: 14px; font-weight: 600; margin: 0 0 12px 0; color: #1d2129; }
+  .lite-workflow-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
+  .lite-workflow-list > * + * { margin-top: 8px; }
+  .lite-workflow-node { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; border: 1px solid #f2f3f5; font-size: 12px; }
+  .lite-workflow-node > * + * { margin-left: 10px; }
+  .lite-node-icon { font-weight: 700; width: 18px; text-align: center; }
+  .lite-status-completed { background: #e8ffea; color: #00b42a; border-color: #aff0b5; }
+  .lite-status-running { background: #e8f3ff; color: #165dff; border-color: #b3d6ff; }
+  .lite-status-failed { background: #ffece8; color: #f53f3f; border-color: #fbbbb0; }
+  .lite-status-pending { background: #f7f8fa; color: #86909c; }
+  .lite-node-label { font-weight: 500; flex: 1; }
+  .lite-node-duration { font-family: monospace; font-size: 11px; color: #86909c; }
+</style>

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

@@ -0,0 +1,14 @@
+export interface LiteWorkflowNode {
+    id: string;
+    label: string;
+    status: 'completed' | 'running' | 'failed' | 'pending';
+    durationText?: string;
+}
+interface Props {
+    nodes: LiteWorkflowNode[];
+    title?: string;
+    class?: string;
+}
+declare const LiteWorkflowStepper: import("svelte").Component<Props, {}, "">;
+type LiteWorkflowStepper = ReturnType<typeof LiteWorkflowStepper>;
+export default LiteWorkflowStepper;

package/dist/index.d.ts

@@ -125,6 +125,63 @@ export type { LiteVirtualTreeNode } from './components/LiteVirtualTreeSelect.sve
 export type { LiteConflictField } from './components/LiteConcurrentConflictModal.svelte';
 export type { LiteTaskStatus, LiteBackgroundTask } from './components/LiteTaskCenter.svelte';
 export type { LiteDeleteImpact } from './components/LiteSafeDeleteConfirm.svelte';
+export { default as LiteKpiCard } from './components/LiteKpiCard.svelte';
+export { default as LiteJsonViewer } from './components/LiteJsonViewer.svelte';
+export { default as LiteResultPage } from './components/LiteResultPage.svelte';
+export { default as LiteWatermarkContainer } from './components/LiteWatermarkContainer.svelte';
+export { default as LiteContextMenu } from './components/LiteContextMenu.svelte';
+export { default as LiteUnsavedChangesGuard } from './components/LiteUnsavedChangesGuard.svelte';
+export { default as LiteAnnouncementBanner } from './components/LiteAnnouncementBanner.svelte';
+export { default as LiteTextDiffViewer } from './components/LiteTextDiffViewer.svelte';
+export { default as LiteAsyncExportModal } from './components/LiteAsyncExportModal.svelte';
+export type { LiteContextMenuItem } from './components/LiteContextMenu.svelte';
+export { default as LiteStepWizard } from './components/LiteStepWizard.svelte';
+export { default as LiteWorkflowStepper } from './components/LiteWorkflowStepper.svelte';
+export { default as LiteDualApprovalGate } from './components/LiteDualApprovalGate.svelte';
+export { default as LiteKeyboardShortcutsModal } from './components/LiteKeyboardShortcutsModal.svelte';
+export type { LiteStepItem } from './components/LiteStepWizard.svelte';
+export type { LiteWorkflowNode } from './components/LiteWorkflowStepper.svelte';
+export type { LiteShortcutItem } from './components/LiteKeyboardShortcutsModal.svelte';
+export { default as LiteFormulaField } from './components/LiteFormulaField.svelte';
+export { default as LiteDataScreenContainer } from './components/LiteDataScreenContainer.svelte';
+export { default as LiteThreadedCommentDrawer } from './components/LiteThreadedCommentDrawer.svelte';
+export type { LiteComment } from './components/LiteThreadedCommentDrawer.svelte';
+export { default as LiteWebhookSimulator } from './components/LiteWebhookSimulator.svelte';
+export { default as LiteHmacSignatureCalculator } from './components/LiteHmacSignatureCalculator.svelte';
+export { default as LiteApiPlayground } from './components/LiteApiPlayground.svelte';
+export { default as LitePlanUsageQuotaBar } from './components/LitePlanUsageQuotaBar.svelte';
+export { default as LiteTierFeatureComparison } from './components/LiteTierFeatureComparison.svelte';
+export { default as LiteBillingInvoiceDrawer } from './components/LiteBillingInvoiceDrawer.svelte';
+export { default as LiteSqlConsole } from './components/LiteSqlConsole.svelte';
+export { default as LiteEnvVariableEditor } from './components/LiteEnvVariableEditor.svelte';
+export { default as LiteScheduledJobManager } from './components/LiteScheduledJobManager.svelte';
+export { default as LiteTenantQuotasMatrix } from './components/LiteTenantQuotasMatrix.svelte';
+export { default as LiteTableAggregationFooter } from './components/LiteTableAggregationFooter.svelte';
+export { default as LiteSecureDataExporter } from './components/LiteSecureDataExporter.svelte';
+export { default as LiteDataImportDropzone } from './components/LiteDataImportDropzone.svelte';
+export { default as LiteColumnMappingTable } from './components/LiteColumnMappingTable.svelte';
+export { default as LiteImportPreviewValidator } from './components/LiteImportPreviewValidator.svelte';
+export { default as LiteApprovalChainBuilder } from './components/LiteApprovalChainBuilder.svelte';
+export { default as LitePeriodComparisonCard } from './components/LitePeriodComparisonCard.svelte';
+export { default as LitePivotMatrix } from './components/LitePivotMatrix.svelte';
+export { default as LiteGeoScatterMap } from './components/LiteGeoScatterMap.svelte';
+export { default as LiteDataMaskPolicyEngine } from './components/LiteDataMaskPolicyEngine.svelte';
+export { default as LiteSystemHealthCheckDashboard } from './components/LiteSystemHealthCheckDashboard.svelte';
+export { default as LiteQueryAiExplainer } from './components/LiteQueryAiExplainer.svelte';
+export { default as LiteScreenAntiLeakGuard } from './components/LiteScreenAntiLeakGuard.svelte';
+export { default as LiteDataLineageGraph } from './components/LiteDataLineageGraph.svelte';
+export { default as LiteLiveStreamLogViewer } from './components/LiteLiveStreamLogViewer.svelte';
+export { default as LiteElectronicSealStamp } from './components/LiteElectronicSealStamp.svelte';
+export { default as LiteSystemCapacityForecastCard } from './components/LiteSystemCapacityForecastCard.svelte';
+export { default as LiteTenantContextSwitcher } from './components/LiteTenantContextSwitcher.svelte';
+export { default as LiteOmnibarCommandPalette } from './components/LiteOmnibarCommandPalette.svelte';
+export { default as LiteAuditTrailInspector } from './components/LiteAuditTrailInspector.svelte';
+export { default as LiteDashboardGridLayout } from './components/LiteDashboardGridLayout.svelte';
+export { default as LiteDashboardLayoutStorage } from './components/LiteDashboardLayoutStorage.svelte';
+export { default as LiteChartAnnotationOverlay } from './components/LiteChartAnnotationOverlay.svelte';
+export { default as LiteAbacPolicyMatrix } from './components/LiteAbacPolicyMatrix.svelte';
+export { default as LitePermissionSimulator } from './components/LitePermissionSimulator.svelte';
+export { default as LiteWorkflowNodeInspector } from './components/LiteWorkflowNodeInspector.svelte';
 export { configureMarkdownRenderer, escapeHtml, renderInlineMarkdown, renderMarkdown, renderRichContent, sanitizeRichTextHtml, } from './rich-content';
 export type { MarkdownRenderOptions } from './rich-content';
 export * from './components/compatibility/index';

package/dist/index.js

@@ -125,6 +125,67 @@ export { default as LiteConcurrentConflictModal } from './components/LiteConcurr
 export { default as LiteTaskCenter } from './components/LiteTaskCenter.svelte';
 export { default as LiteMicroAppFrame } from './components/LiteMicroAppFrame.svelte';
 export { default as LiteSafeDeleteConfirm } from './components/LiteSafeDeleteConfirm.svelte';
+// Enterprise suites SSR parity fallbacks
+export { default as LiteKpiCard } from './components/LiteKpiCard.svelte';
+export { default as LiteJsonViewer } from './components/LiteJsonViewer.svelte';
+export { default as LiteResultPage } from './components/LiteResultPage.svelte';
+export { default as LiteWatermarkContainer } from './components/LiteWatermarkContainer.svelte';
+export { default as LiteContextMenu } from './components/LiteContextMenu.svelte';
+export { default as LiteUnsavedChangesGuard } from './components/LiteUnsavedChangesGuard.svelte';
+export { default as LiteAnnouncementBanner } from './components/LiteAnnouncementBanner.svelte';
+export { default as LiteTextDiffViewer } from './components/LiteTextDiffViewer.svelte';
+export { default as LiteAsyncExportModal } from './components/LiteAsyncExportModal.svelte';
+export { default as LiteStepWizard } from './components/LiteStepWizard.svelte';
+export { default as LiteWorkflowStepper } from './components/LiteWorkflowStepper.svelte';
+export { default as LiteDualApprovalGate } from './components/LiteDualApprovalGate.svelte';
+export { default as LiteKeyboardShortcutsModal } from './components/LiteKeyboardShortcutsModal.svelte';
+export { default as LiteFormulaField } from './components/LiteFormulaField.svelte';
+export { default as LiteDataScreenContainer } from './components/LiteDataScreenContainer.svelte';
+export { default as LiteThreadedCommentDrawer } from './components/LiteThreadedCommentDrawer.svelte';
+// Enterprise developer sandbox & SaaS billing suite parity fallbacks
+export { default as LiteWebhookSimulator } from './components/LiteWebhookSimulator.svelte';
+export { default as LiteHmacSignatureCalculator } from './components/LiteHmacSignatureCalculator.svelte';
+export { default as LiteApiPlayground } from './components/LiteApiPlayground.svelte';
+export { default as LitePlanUsageQuotaBar } from './components/LitePlanUsageQuotaBar.svelte';
+export { default as LiteTierFeatureComparison } from './components/LiteTierFeatureComparison.svelte';
+export { default as LiteBillingInvoiceDrawer } from './components/LiteBillingInvoiceDrawer.svelte';
+// Enterprise wave 6 parity fallbacks
+export { default as LiteSqlConsole } from './components/LiteSqlConsole.svelte';
+export { default as LiteEnvVariableEditor } from './components/LiteEnvVariableEditor.svelte';
+export { default as LiteScheduledJobManager } from './components/LiteScheduledJobManager.svelte';
+export { default as LiteTenantQuotasMatrix } from './components/LiteTenantQuotasMatrix.svelte';
+export { default as LiteTableAggregationFooter } from './components/LiteTableAggregationFooter.svelte';
+export { default as LiteSecureDataExporter } from './components/LiteSecureDataExporter.svelte';
+export { default as LiteDataImportDropzone } from './components/LiteDataImportDropzone.svelte';
+export { default as LiteColumnMappingTable } from './components/LiteColumnMappingTable.svelte';
+export { default as LiteImportPreviewValidator } from './components/LiteImportPreviewValidator.svelte';
+export { default as LiteApprovalChainBuilder } from './components/LiteApprovalChainBuilder.svelte';
+export { default as LitePeriodComparisonCard } from './components/LitePeriodComparisonCard.svelte';
+// Enterprise wave 7 parity fallbacks
+export { default as LitePivotMatrix } from './components/LitePivotMatrix.svelte';
+export { default as LiteGeoScatterMap } from './components/LiteGeoScatterMap.svelte';
+export { default as LiteDataMaskPolicyEngine } from './components/LiteDataMaskPolicyEngine.svelte';
+export { default as LiteSystemHealthCheckDashboard } from './components/LiteSystemHealthCheckDashboard.svelte';
+// Enterprise AI explainer parity fallback
+export { default as LiteQueryAiExplainer } from './components/LiteQueryAiExplainer.svelte';
+// Enterprise wave 10 parity fallbacks
+export { default as LiteScreenAntiLeakGuard } from './components/LiteScreenAntiLeakGuard.svelte';
+export { default as LiteDataLineageGraph } from './components/LiteDataLineageGraph.svelte';
+export { default as LiteLiveStreamLogViewer } from './components/LiteLiveStreamLogViewer.svelte';
+export { default as LiteElectronicSealStamp } from './components/LiteElectronicSealStamp.svelte';
+export { default as LiteSystemCapacityForecastCard } from './components/LiteSystemCapacityForecastCard.svelte';
+// Enterprise wave 11 parity fallbacks
+export { default as LiteTenantContextSwitcher } from './components/LiteTenantContextSwitcher.svelte';
+export { default as LiteOmnibarCommandPalette } from './components/LiteOmnibarCommandPalette.svelte';
+export { default as LiteAuditTrailInspector } from './components/LiteAuditTrailInspector.svelte';
+// Enterprise wave 12 parity fallbacks (Dashboard Grid Layout, Storage & Chart Annotation)
+export { default as LiteDashboardGridLayout } from './components/LiteDashboardGridLayout.svelte';
+export { default as LiteDashboardLayoutStorage } from './components/LiteDashboardLayoutStorage.svelte';
+export { default as LiteChartAnnotationOverlay } from './components/LiteChartAnnotationOverlay.svelte';
+// Enterprise wave 13 parity fallbacks (ABAC Policy Matrix, Permission Simulator & Workflow Node Inspector)
+export { default as LiteAbacPolicyMatrix } from './components/LiteAbacPolicyMatrix.svelte';
+export { default as LitePermissionSimulator } from './components/LitePermissionSimulator.svelte';
+export { default as LiteWorkflowNodeInspector } from './components/LiteWorkflowNodeInspector.svelte';
 // Rich content rendering (SSR-safe Markdown + rich HTML allowlist)
 export { configureMarkdownRenderer, escapeHtml, renderInlineMarkdown, renderMarkdown, renderRichContent, sanitizeRichTextHtml, } from './rich-content';
 // Compatibility fallbacks for browser-only and third-party UI capabilities.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.26.0",
+  "version": "0.30.1",
   "description": "SSR-first lightweight admin UI for @svadmin with optional progressive enhancement",
   "type": "module",
   "sideEffects": [
@@ -56,7 +56,7 @@
   },
   "peerDependencies": {
     "svelte": "^5.57.1",
-    "@svadmin/core": ">=0.34.2 <0.81.0",
+    "@svadmin/core": ">=0.34.2 <0.82.0",
     "@sveltejs/kit": "^3.0.0",
     "qrcode": "^1.5.4"
   },