@svadmin/surface 0.13.6 → 0.14.0

package/README.md

@@ -136,14 +136,13 @@ The Svelte `SurfaceEditPreview` component accepts a controlled revision and untr
   {catalog}
   {dataProvider}
   scopeKey={trustedSessionRevision}
-  density="comfortable"
   onApply={applyApprovedRevision}
 />
 ```
 
 It leaves the current surface intact during streaming, offers a separate preview/back action, and revalidates at the explicit apply click. It calls `onApply(candidate)` only for a valid proposal. The host performs any persistence with server authorization and atomic revision compare-and-swap, then updates `revision` and clears `proposal`. Missing handlers, invalid proposals and pending callbacks disable application. A rejected callback reports an error without changing the controlled revision. Changing scope does not authorize an old proposal: the host must discard old proposals as described above.
 
-Preview controls use local finite class helpers and maintained static CSS. `@svadmin/surface/editor.css` remains available for explicit CSS collection. Density/button variants and complete-color semantic CSS variable overrides are preserved. Widgets use local semantic recipes to retain compatibility with older UI peers; no UI-generated helpers are copied during build. The separate `@svadmin/surface/styles.css` entry remains available and rendering components also import it automatically; see `STYLING.md`.
+Preview controls use local finite class helpers and maintained static CSS. `@svadmin/surface/editor.css` remains available for explicit CSS collection. Button variants and complete-color semantic CSS variable overrides are preserved. Widgets use local semantic recipes to retain compatibility with older UI peers; no UI-generated helpers are copied during build. The separate `@svadmin/surface/styles.css` entry remains available and rendering components also import it automatically; see `STYLING.md`.
 
 ## Built-in catalog
 

package/STYLING.md

@@ -1,6 +1,6 @@
 # Surface semantic styles
 
-默认 `svadmin/v1` 的校验规则和未指定变体时的组件样式保持兼容。新语义变体必须显式选择 `styledSurfaceCatalog`，不能只把 tone/density 添加到旧版 spec。
+默认 `svadmin/v1` 的校验规则和未指定变体时的组件样式保持兼容。新语义变体必须显式选择 `styledSurfaceCatalog`，不能只把 tone 添加到旧版 spec。
 
 ```ts
 import '@svadmin/ui/app.css';
@@ -8,7 +8,7 @@ import '@svadmin/surface/styles.css';
 import { styledSurfaceCatalog, STYLED_SURFACE_CATALOG_VERSION } from '@svadmin/surface/svelte';
 ```
 
-将 spec.catalogVersion 设置为 STYLED_SURFACE_CATALOG_VERSION，并把同一 styledSurfaceCatalog 传给提示生成器、校验器和 SurfaceRenderer 的 catalog 属性。这样三个环节使用同一组件契约。`metric` 支持 tone（neutral/success/warning/danger/info）及 density（comfortable/compact），`resource-table` 支持 density。
+将 spec.catalogVersion 设置为 STYLED_SURFACE_CATALOG_VERSION，并把同一 styledSurfaceCatalog 传给提示生成器、校验器和 SurfaceRenderer 的 catalog 属性。这样三个环节使用同一组件契约。`metric` 支持 tone（neutral/success/warning/danger/info）；`resource-table` 不需要额外外观变体。
 
 ```json
 {
@@ -16,8 +16,7 @@ import { styledSurfaceCatalog, STYLED_SURFACE_CATALOG_VERSION } from '@svadmin/s
   "props": {
     "label": "待处理订单",
     "format": "number",
-    "tone": "warning",
-    "density": "compact"
+    "tone": "warning"
   }
 }
 ```
@@ -26,7 +25,7 @@ import { styledSurfaceCatalog, STYLED_SURFACE_CATALOG_VERSION } from '@svadmin/s
 
 Surface 使用本地有限 recipe helper 和静态 styles.css；design-contract 统一从 @svadmin/ui/design-contract 导入，要求 UI >=0.73.0 <0.74.0。不复制 UI 生成物，也不依赖样式编译器。渲染组件自动导入语义样式；原有 styles.css 子路径仍可显式导入。UI 基础样式仍由宿主通过 @svadmin/ui/app.css 加载。构建仅执行 svelte-package；styles:check 检查全部有限变体及静态 CSS 边界。
 
-editor.css 与本地 styles/editor.ts 一起维护，保留 density、button variant、禁用/焦点状态和语义变量覆盖；editor.css 子路径不变。宿主升级时应同时升级 UI 与 Surface，并重新执行消费侧构建。
+editor.css 与本地 styles/editor.ts 一起维护，保留 button variant、禁用/焦点状态和语义变量覆盖；editor.css 子路径不变。宿主升级时应同时升级 UI 与 Surface，并重新执行消费侧构建。
 
 AI 只能选择公开枚举，不能指定 class/style、任意颜色、recipe 定义或可执行代码。字段权限、只读查询、版本匹配和宿主确认要求不因样式变体而改变。
 

package/compatibility.json

@@ -1,5 +1,5 @@
 {
-  "surface": "0.13.x",
+  "surface": "0.14.x",
   "minimumSupported": {
     "@svadmin/core": "0.53.0",
     "@svadmin/ui": "0.73.0",

package/dist/builtin-definitions.js

@@ -28,13 +28,13 @@ export const styledSurfaceDefinitions = {
     widgets: defaultSurfaceDefinitions.widgets.map((widget) => {
         if (widget.type === 'metric')
             return { ...widget, propsSchema: styledMetricPropsSchema,
-                description: 'Numeric KPI; tone and density select prebuilt semantic styles, never CSS.',
-                examples: [{ label: 'Pending orders', format: 'number', tone: 'warning', density: 'compact' }] };
+                description: 'Numeric KPI; tone selects prebuilt semantic styles, never CSS.',
+                examples: [{ label: 'Pending orders', format: 'number', tone: 'warning' }] };
         if (widget.type === 'resource-table')
             return { ...widget, propsSchema: styledResourceTablePropsSchema,
                 getReferencedFields: (props) => Value.Decode(styledResourceTablePropsSchema, props).columns.map((column) => column.field),
-                description: 'Read-only table; density is a prebuilt semantic variant.',
-                examples: [{ title: 'Inventory', columns: [{ field: 'name', label: 'Name' }], density: 'compact' }] };
+                description: 'Read-only table; prebuilt semantic variants only, never raw CSS.',
+                examples: [{ title: 'Inventory', columns: [{ field: 'name', label: 'Name' }] }] };
         return widget;
     }),
 };

package/dist/builtin-schemas.d.ts

@@ -38,21 +38,18 @@ export type BarChartProps = Static<typeof barChartPropsSchema>;
 export type LineChartProps = Static<typeof lineChartPropsSchema>;
 export declare const styledMetricPropsSchema: Type.TUnion<[Type.TObject<{
     tone: Type.TOptional<Type.TUnion<Type.TLiteral<"info" | "warning" | "success" | "neutral" | "danger">[]>>;
-    density: Type.TOptional<Type.TUnion<Type.TLiteral<"compact" | "comfortable">[]>>;
     label: Type.TString;
     format: Type.TLiteral<"currency">;
     currency: Type.TString;
     description: Type.TOptional<Type.TString>;
 }>, Type.TObject<{
     tone: Type.TOptional<Type.TUnion<Type.TLiteral<"info" | "warning" | "success" | "neutral" | "danger">[]>>;
-    density: Type.TOptional<Type.TUnion<Type.TLiteral<"compact" | "comfortable">[]>>;
     label: Type.TString;
     format: Type.TUnion<[Type.TLiteral<"number">, Type.TLiteral<"percent">]>;
     currency: Type.TOptional<Type.TNever>;
     description: Type.TOptional<Type.TString>;
 }>]>;
 export declare const styledResourceTablePropsSchema: Type.TObject<{
-    density: Type.TOptional<Type.TUnion<Type.TLiteral<"compact" | "comfortable">[]>>;
     title: Type.TString;
     emptyLabel: Type.TOptional<Type.TString>;
     columns: Type.TArray<Type.TObject<{

package/dist/builtin-schemas.js

@@ -47,7 +47,6 @@ export const lineChartPropsSchema = Type.Object({
 }, { additionalProperties: false });
 const styledMetricProperties = {
     tone: Type.Optional(Type.Union(surfaceDesignContract.metric.tone.map((value) => Type.Literal(value)))),
-    density: Type.Optional(Type.Union(surfaceDesignContract.metric.density.map((value) => Type.Literal(value)))),
 };
 export const styledMetricPropsSchema = Type.Union([
     Type.Object({ ...currencyMetric.properties, ...styledMetricProperties }, { additionalProperties: false }),
@@ -55,5 +54,4 @@ export const styledMetricPropsSchema = Type.Union([
 ]);
 export const styledResourceTablePropsSchema = Type.Object({
     ...resourceTablePropsSchema.properties,
-    density: Type.Optional(Type.Union(surfaceDesignContract.table.density.map((value) => Type.Literal(value)))),
 }, { additionalProperties: false });

package/dist/business-definitions.d.ts

@@ -8,7 +8,6 @@ export declare const resourceDetailPropsSchema: Type.TObject<{
     }>>;
     title: Type.TString;
     tone: Type.TOptional<Type.TUnion<Type.TLiteral<"info" | "warning" | "success" | "neutral" | "danger">[]>>;
-    density: Type.TOptional<Type.TUnion<Type.TLiteral<"compact" | "comfortable">[]>>;
 }>;
 export declare const activityFeedPropsSchema: Type.TObject<{
     idField: Type.TString;
@@ -20,7 +19,6 @@ export declare const activityFeedPropsSchema: Type.TObject<{
     statusField: Type.TOptional<Type.TString>;
     title: Type.TString;
     tone: Type.TOptional<Type.TUnion<Type.TLiteral<"info" | "warning" | "success" | "neutral" | "danger">[]>>;
-    density: Type.TOptional<Type.TUnion<Type.TLiteral<"compact" | "comfortable">[]>>;
 }>;
 export type ResourceDetailProps = Static<typeof resourceDetailPropsSchema>;
 export type ActivityFeedProps = Static<typeof activityFeedPropsSchema>;

package/dist/business-definitions.js

@@ -6,7 +6,6 @@ const field = Type.String({ minLength: 1, maxLength: 64, pattern: '^[A-Za-z][A-Z
 const presentation = {
     title: Type.String({ minLength: 1, maxLength: 80 }),
     tone: Type.Optional(Type.Union(surfaceDesignContract.metric.tone.map((value) => Type.Literal(value)))),
-    density: Type.Optional(Type.Union(surfaceDesignContract.metric.density.map((value) => Type.Literal(value)))),
 };
 export const resourceDetailPropsSchema = Type.Object({
     ...presentation,
@@ -25,7 +24,7 @@ const definitions = [
     {
         type: 'resource-detail', dataKind: 'record', propsSchema: resourceDetailPropsSchema,
         description: 'Read-only detail of one authorized record. Bind a permitted resource-one source with pointer "". Select up to sixteen distinct readable fields; never provide record values in props.',
-        examples: [{ title: 'Contact details', fields: [{ field: 'name', label: 'Name' }], density: 'compact' }],
+        examples: [{ title: 'Contact details', fields: [{ field: 'name', label: 'Name' }] }],
         getReferencedFields: (props) => {
             const fields = Value.Decode(resourceDetailPropsSchema, props).fields.map((item) => item.field);
             if (new Set(fields).size !== fields.length)

package/dist/components/ActivityFeedWidget.svelte

@@ -10,15 +10,14 @@
   let { props, data, locale = 'en-US', messages }: SurfaceWidgetRendererProps = $props();
   const baseProps = $derived(Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'appearance')));
   const p = $derived(Value.Decode(activityFeedPropsSchema, baseProps));
-  const appearance = $derived(typeof props['appearance'] === 'object' && props['appearance'] !== null ? props['appearance'] as { tone?: typeof p.tone; density?: typeof p.density } : undefined);
+  const appearance = $derived(typeof props['appearance'] === 'object' && props['appearance'] !== null ? props['appearance'] as { tone?: typeof p.tone } : undefined);
   const tone = $derived(appearance?.tone ?? p.tone ?? 'neutral');
-  const density = $derived(appearance?.density ?? p.density ?? 'comfortable');
-  const classes = $derived(surfaceMetric({ tone, density }));
+  const classes = $derived(surfaceMetric({ tone }));
   const text = $derived(resolveSurfaceMessages(locale, messages));
   const activities = $derived(data.status === 'ready' ? asSurfaceActivities(data.value, p, text.activityUnknownActor) : null);
 </script>
 
-<section class={classes.root + ' ' + classes.card} aria-label={p.title} data-surface-business="activity-feed" data-surface-density={density}>
+<section class={classes.root + ' ' + classes.card} aria-label={p.title} data-surface-business="activity-feed">
   {#if data.status === 'loading'}
     <p role="status">{text.activityLoading}</p>
   {:else if data.status === 'empty'}

package/dist/components/MetricWidget.svelte

@@ -11,8 +11,8 @@
   const activeMessages = $derived(resolveSurfaceMessages(locale, messages));
 
   const metricProps = $derived(Value.Decode(metricPropsSchema, props));
-  const metricClasses = $derived(metricProps.tone !== undefined || metricProps.density !== undefined
-    ? surfaceMetric({ tone: metricProps.tone, density: metricProps.density }) : undefined);
+  const metricClasses = $derived(metricProps.tone !== undefined
+    ? surfaceMetric({ tone: metricProps.tone }) : undefined);
   const formattedValue = $derived.by(() => {
     if (data.status !== 'ready') return '—';
     const value = data.value;
@@ -30,7 +30,7 @@
   });
 </script>
 
-<article class={metricClasses?.root} data-surface-tone={metricProps.tone} data-surface-density={metricProps.density} aria-labelledby="{widgetId}-label" aria-busy={data.status === 'loading'}>
+<article class={metricClasses?.root} data-surface-tone={metricProps.tone} aria-labelledby="{widgetId}-label" aria-busy={data.status === 'loading'}>
   <span id="{widgetId}-label" class="visually-hidden">{metricProps.label}</span>
   {#if data.status === 'loading'}
     <StatsCard class={metricClasses?.card ?? ''} label={metricProps.label} value="" loading />

package/dist/components/ResourceDetailWidget.svelte

@@ -14,16 +14,15 @@
   let { props, data, locale = 'en-US', messages }: SurfaceWidgetRendererProps = $props();
   const baseProps = $derived(Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'appearance')));
   const p = $derived(Value.Decode(resourceDetailPropsSchema, baseProps));
-  const appearance = $derived(typeof props['appearance'] === 'object' && props['appearance'] !== null ? props['appearance'] as { tone?: typeof p.tone; density?: typeof p.density } : undefined);
+  const appearance = $derived(typeof props['appearance'] === 'object' && props['appearance'] !== null ? props['appearance'] as { tone?: typeof p.tone } : undefined);
   const tone = $derived(appearance?.tone ?? p.tone ?? 'neutral');
-  const density = $derived(appearance?.density ?? p.density ?? 'comfortable');
-  const classes = $derived(surfaceMetric({ tone, density }));
+  const classes = $derived(surfaceMetric({ tone }));
   const text = $derived(resolveSurfaceMessages(locale, messages));
   const record = $derived(data.status === 'ready' && data.value !== null && typeof data.value === 'object' && !Array.isArray(data.value)
     ? data.value as JsonObject : null);
 </script>
 
-<Card class={classes.root + ' ' + classes.card} data-surface-business="resource-detail" data-surface-density={density}>
+<Card class={classes.root + ' ' + classes.card} data-surface-business="resource-detail">
   <CardHeader><CardTitle>{p.title}</CardTitle></CardHeader>
   <CardContent>
     {#if data.status === 'loading'}
@@ -33,7 +32,7 @@
     {:else if data.status === 'error'}
       <p role="alert">{text.detailUnavailable}</p>
     {:else if record}
-      <dl aria-label={p.title} data-density={density}>
+      <dl aria-label={p.title}>
         {#each p.fields as item, index (`${index}:${item.field}`)}
           <div>
             <dt>{item.label}</dt>
@@ -52,5 +51,4 @@
   dl > div { min-width: 0; }
   dt { color: var(--muted-foreground); font-size: .8125rem; }
   dd { margin: .25rem 0 0; color: var(--foreground); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
-  dl[data-density='compact'] { gap: .5rem; }
 </style>

package/dist/components/ResourceFormBody.svelte

@@ -57,7 +57,7 @@
   }
 </script>
 
-<section class="svadmin-surface-editor {editorClasses.comfortable}" aria-labelledby="{instanceId}-form-title" aria-busy={formState.busy}>
+<section class="svadmin-surface-editor {editorClasses.default}" aria-labelledby="{instanceId}-form-title" aria-busy={formState.busy}>
   <h3 id="{instanceId}-form-title">{title}</h3>
   {#if !scope.enabled}<p role="status">{labels.disabled}</p>{/if}
   {#if errors.length}

package/dist/components/ResourceTableWidget.svelte

@@ -21,11 +21,11 @@
   const activeMessages = $derived(resolveSurfaceMessages(locale, messages));
 
   const tableProps = $derived(Value.Decode(resourceTablePropsSchema, props));
-  const tableClasses = $derived(tableProps.density === undefined ? undefined : surfaceTable({ density: tableProps.density }));
+  const tableClasses = $derived(surfaceTable());
   const records = $derived(data.status === 'ready' ? asRecordArray(data.value) : null);
 </script>
 
-<Card class={tableClasses?.root} data-surface-density={tableProps.density}>
+<Card class={tableClasses?.root}>
   <CardHeader class={tableClasses?.header}>
     <CardTitle>{tableProps.title}</CardTitle>
   </CardHeader>
@@ -38,7 +38,7 @@
       <p class={"table-state " + (tableClasses?.state ?? "")} role="alert">{data.error.message}</p>
     {:else if data.status === 'ready' && records?.ok}
       <div class="surface-table">
-        <Table density={tableProps.density ?? "comfortable"} aria-label={tableProps.title}>
+        <Table aria-label={tableProps.title}>
           <TableHeader>
             <TableRow>
               {#each tableProps.columns as column (column.field)}

package/dist/components/SurfaceEditPreview.svelte

@@ -18,14 +18,13 @@
     readonly dataProvider?: SurfaceDataProvider;
     readonly scopeKey?: string;
     readonly locale?: string;
-    readonly density?: 'compact' | 'comfortable';
     /** 用户确认后返回候选快照。宿主负责持久化 CAS 与服务端授权。 */
     readonly onApply?: (candidate: SurfaceRevision) => void | Promise<void>;
   }
 
   let {
     revision, proposal, streaming = false, policy, catalog = defaultSurfaceCatalog,
-    dataProvider, scopeKey = '', locale, density = 'comfortable', onApply,
+    dataProvider, scopeKey = '', locale, onApply,
   }: SurfaceEditPreviewProps = $props();
   const i18n = useTranslation();
   const activeLocale = $derived(locale ?? i18n.locale);
@@ -72,7 +71,7 @@
   }
 </script>
 
-<section class="svadmin-surface-editor {editorClasses[density]}" aria-label={labels.title} data-density={density}>
+<section class="svadmin-surface-editor {editorClasses.default}" aria-label={labels.title}>
   <div data-part="toolbar">
     <div>
       <h3 data-part="title">{labels.title}</h3>

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

@@ -11,7 +11,6 @@ export interface SurfaceEditPreviewProps {
     readonly dataProvider?: SurfaceDataProvider;
     readonly scopeKey?: string;
     readonly locale?: string;
-    readonly density?: 'compact' | 'comfortable';
     /** 用户确认后返回候选快照。宿主负责持久化 CAS 与服务端授权。 */
     readonly onApply?: (candidate: SurfaceRevision) => void | Promise<void>;
 }

package/dist/components/SurfaceRenderer.svelte

@@ -21,9 +21,9 @@
   import { withoutSurfaceAppearance } from '../workflows/catalog.js';
 
   function appearanceClasses(props: JsonObject): string {
-    const appearance = props['appearance'] as { tone?: 'neutral' | 'success' | 'warning' | 'danger' | 'info'; density?: 'compact' | 'comfortable' } | undefined;
+    const appearance = props['appearance'] as { tone?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' } | undefined;
     if (!appearance) return '';
-    const classes = surfaceMetric(appearance);
+    const classes = surfaceMetric({ tone: appearance.tone });
     return `surface-appearance ${classes.root} ${classes.card}`;
   }
 

package/dist/components/SvarGridWidget.svelte

@@ -31,7 +31,7 @@
     <p role="alert">{labels.tableInvalidData}</p>
   {:else}
     <SvarDataGrid {Grid} {Theme} {columns} items={records?.ok ? records.value : []}
-      primaryKey={config.rowKey ?? 'id'} height={config.height ?? 360} density={config.density ?? 'comfortable'}
+      primaryKey={config.rowKey ?? 'id'} height={config.height ?? 360}
       freezeLeft={config.freezeLeft ?? 0} freezeRight={config.freezeRight ?? 0}
       loading={data.status === 'loading'} label={config.title} {locale}
       scopeKey={`${host?.scopeKey ?? 0}:${widgetId}:${'sourceId' in data ? data.sourceId : ''}`}

package/dist/design-contract.d.ts

@@ -1,2 +1,2 @@
 export { surfaceDesignContract } from '@svadmin/ui/design-contract';
-export type { SurfaceTone, SurfaceDensity } from '@svadmin/ui/design-contract';
+export type { SurfaceTone } from '@svadmin/ui/design-contract';

package/dist/recipes.d.ts

@@ -1,16 +1,13 @@
-import type { SurfaceDensity, SurfaceTone } from './design-contract.js';
-export declare function surfaceMetric({ tone, density, }?: {
+import type { SurfaceTone } from './design-contract.js';
+export declare function surfaceMetric({ tone, }?: {
     tone?: SurfaceTone | undefined;
-    density?: SurfaceDensity | undefined;
 }): {
     root: string;
     card: string;
     description: string;
     state: string;
 };
-export declare function surfaceTable({ density }?: {
-    density?: SurfaceDensity | undefined;
-}): {
+export declare function surfaceTable(): {
     root: string;
     header: string;
     content: string;

package/dist/recipes.js

@@ -1,20 +1,19 @@
 // 有限语义变体与静态 CSS 配套；不接受模型提供的 class/style。
-export function surfaceMetric({ tone = 'neutral', density = 'comfortable', } = {}) {
+export function surfaceMetric({ tone = 'neutral', } = {}) {
     return {
         root: 'svadmin-surface-metric__root',
-        card: `svadmin-surface-metric__card svadmin-surface-tone--${tone} svadmin-surface-density--${density}`,
+        card: `svadmin-surface-metric__card svadmin-surface-tone--${tone}`,
         description: 'svadmin-surface-metric__description',
-        state: `svadmin-surface-metric__state svadmin-surface-tone--${tone} svadmin-surface-density--${density}`,
+        state: `svadmin-surface-metric__state svadmin-surface-tone--${tone}`,
     };
 }
-export function surfaceTable({ density = 'comfortable' } = {}) {
-    const variant = `svadmin-surface-density--${density}`;
+export function surfaceTable() {
     return {
         root: 'svadmin-surface-table__root',
-        header: `svadmin-surface-table__header ${variant}`,
-        content: `svadmin-surface-table__content ${variant}`,
-        head: `svadmin-surface-table__head ${variant}`,
-        cell: `svadmin-surface-table__cell ${variant}`,
-        state: `svadmin-surface-table__state ${variant}`,
+        header: 'svadmin-surface-table__header',
+        content: 'svadmin-surface-table__content',
+        head: 'svadmin-surface-table__head',
+        cell: 'svadmin-surface-table__cell',
+        state: 'svadmin-surface-table__state',
     };
 }

package/dist/styles/editor.css

@@ -103,13 +103,9 @@
 }
 }
 
-  .svsurface-surface-editor--density_comfortable {
+  .svsurface-surface-editor {
     padding: var(--svsurface-spacing-lg);
-}
-
-  .svsurface-surface-editor--density_compact {
-    padding: var(--svsurface-spacing-md);
-}
+  }
 
   .svsurface-surface-editor-button--variant_secondary {
     background-color: var(--svsurface-colors-background);

package/dist/styles/editor.d.ts

@@ -1,6 +1,5 @@
 export declare const editorClasses: {
-    readonly compact: "svsurface-surface-editor svsurface-surface-editor--density_compact";
-    readonly comfortable: "svsurface-surface-editor svsurface-surface-editor--density_comfortable";
+    readonly default: "svsurface-surface-editor";
 };
 export declare const editorButtonClasses: {
     readonly secondary: "svsurface-surface-editor-button svsurface-surface-editor-button--variant_secondary";

package/dist/styles/editor.js

@@ -1,7 +1,6 @@
 // 本地有限变体，与 editor.css 一起维护。
 export const editorClasses = {
-    "compact": "svsurface-surface-editor svsurface-surface-editor--density_compact",
-    "comfortable": "svsurface-surface-editor svsurface-surface-editor--density_comfortable"
+    "default": "svsurface-surface-editor"
 };
 export const editorButtonClasses = {
     "secondary": "svsurface-surface-editor-button svsurface-surface-editor-button--variant_secondary",

package/dist/styles.css

@@ -1,20 +1,7 @@
 /* 独立的有限语义样式；保持旧 UI peer 和无宿主编译器的消费方式。 */
 .svadmin-surface-metric__root,
-.svadmin-surface-table__root { min-width: 0; }
-.svadmin-surface-tone--neutral { --svadmin-surface-accent: var(--border); }
-.svadmin-surface-tone--success { --svadmin-surface-accent: var(--success); }
-.svadmin-surface-tone--warning { --svadmin-surface-accent: var(--warning); }
-.svadmin-surface-tone--danger { --svadmin-surface-accent: var(--destructive); }
-.svadmin-surface-tone--info { --svadmin-surface-accent: var(--info); }
-.svadmin-surface-density--compact {
-  --svadmin-surface-padding: 0.75rem;
-  --svadmin-surface-cell-padding: 0.25rem;
-  --svadmin-surface-cell-font: 0.75rem;
-  --svadmin-metric-state-padding: 0.75rem;
-  --svadmin-metric-state-height: 4.5rem;
-  --svadmin-table-state-height: 6rem;
-}
-.svadmin-surface-density--comfortable {
+.svadmin-surface-table__root {
+  min-width: 0;
   --svadmin-surface-padding: 1.25rem;
   --svadmin-surface-cell-padding: 0.5rem;
   --svadmin-surface-cell-font: 0.875rem;
@@ -22,6 +9,11 @@
   --svadmin-metric-state-height: 6rem;
   --svadmin-table-state-height: 8rem;
 }
+.svadmin-surface-tone--neutral { --svadmin-surface-accent: var(--border); }
+.svadmin-surface-tone--success { --svadmin-surface-accent: var(--success); }
+.svadmin-surface-tone--warning { --svadmin-surface-accent: var(--warning); }
+.svadmin-surface-tone--danger { --svadmin-surface-accent: var(--destructive); }
+.svadmin-surface-tone--info { --svadmin-surface-accent: var(--info); }
 .svadmin-surface-metric__card.svadmin-surface-metric__card {
   border-inline-start: 3px solid var(--svadmin-surface-accent);
   padding: var(--svadmin-surface-padding);
@@ -32,10 +24,8 @@
   --svadmin-metric-state-border-width: 3px;
   --svadmin-metric-state-accent: var(--svadmin-surface-accent);
 }
-.svadmin-surface-table__header.svadmin-surface-density--compact,
-.svadmin-surface-table__content.svadmin-surface-density--compact { padding-inline: 0.75rem; }
-.svadmin-surface-table__header.svadmin-surface-density--comfortable,
-.svadmin-surface-table__content.svadmin-surface-density--comfortable { padding-inline: 1rem; }
+.svadmin-surface-table__header,
+.svadmin-surface-table__content { padding-inline: 1rem; }
 .svadmin-surface-table__head[data-slot="table-head"],
 .svadmin-surface-table__cell[data-slot="table-cell"] {
   padding-block: var(--svadmin-surface-cell-padding);

package/dist/svar-schema.d.ts

@@ -5,7 +5,6 @@ export declare const svarGridPropsSchema: Type.TObject<{
     title: Type.TString;
     rowKey: Type.TOptional<Type.TString>;
     height: Type.TOptional<Type.TInteger>;
-    density: Type.TOptional<Type.TUnion<[Type.TLiteral<"compact">, Type.TLiteral<"comfortable">]>>;
     freezeLeft: Type.TOptional<Type.TInteger>;
     freezeRight: Type.TOptional<Type.TInteger>;
     emptyLabel: Type.TOptional<Type.TString>;

package/dist/svar-schema.js

@@ -6,7 +6,6 @@ export const svarGridPropsSchema = Type.Object({
     title: Type.String({ minLength: 1, maxLength: 80 }),
     rowKey: Type.Optional(field),
     height: Type.Optional(Type.Integer({ minimum: 160, maximum: 1200 })),
-    density: Type.Optional(Type.Union([Type.Literal('compact'), Type.Literal('comfortable')])),
     freezeLeft: Type.Optional(Type.Integer({ minimum: 0, maximum: 8 })),
     freezeRight: Type.Optional(Type.Integer({ minimum: 0, maximum: 8 })),
     emptyLabel: Type.Optional(Type.String({ minLength: 1, maxLength: 80 })),

package/dist/workflows/catalog.d.ts

@@ -3,12 +3,10 @@ import type { SurfaceCatalog, SurfaceWidgetDefinition, JsonObject } from '../typ
 import type { SurfaceActionDescriptor } from './types.js';
 export declare const surfaceAppearanceSchema: Type.TObject<{
     tone: Type.TOptional<Type.TUnion<Type.TLiteral<"info" | "warning" | "success" | "neutral" | "danger">[]>>;
-    density: Type.TOptional<Type.TUnion<Type.TLiteral<"compact" | "comfortable">[]>>;
 }>;
 export declare function withoutSurfaceAppearance(props: JsonObject): JsonObject;
 /** Adds frame-level semantic appearance to every registered widget without
  * leaking presentation props into its existing component implementation.
- * Internal table cell density remains the table's own semantic prop.
  */
 export declare function withSurfaceAppearance<T extends SurfaceWidgetDefinition>(catalog: {
     version: string;

package/dist/workflows/catalog.js

@@ -3,7 +3,6 @@ import { surfaceDesignContract } from '../design-contract.js';
 import { validateSurfaceActionDescriptor } from './action-contracts.js';
 export const surfaceAppearanceSchema = Type.Object({
     tone: Type.Optional(Type.Union(surfaceDesignContract.metric.tone.map((tone) => Type.Literal(tone)))),
-    density: Type.Optional(Type.Union(surfaceDesignContract.metric.density.map((density) => Type.Literal(density)))),
 }, { additionalProperties: false });
 export function withoutSurfaceAppearance(props) {
     return Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'appearance'));
@@ -19,7 +18,6 @@ function withAppearance(input) {
 }
 /** Adds frame-level semantic appearance to every registered widget without
  * leaking presentation props into its existing component implementation.
- * Internal table cell density remains the table's own semantic prop.
  */
 export function withSurfaceAppearance(catalog) {
     return { version: `${catalog.version}+appearance/v1`, widgets: catalog.widgets.map((widget) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/surface",
-  "version": "0.13.6",
+  "version": "0.14.0",
   "description": "Validated declarative surfaces for svadmin dashboards",
   "type": "module",
   "sideEffects": [
@@ -74,8 +74,8 @@
     }
   },
   "peerDependencies": {
-    "@svadmin/core": ">=0.53.0 <0.62.0",
-    "@svadmin/ui": ">=0.73.0 <0.86.0",
+    "@svadmin/core": ">=0.53.0 <0.63.0",
+    "@svadmin/ui": ">=0.73.0 <0.87.0",
     "svelte": "^5.56.10"
   },
   "dependencies": {