@svadmin/ui 0.72.0 → 0.74.0

package/dist/styles/conditional-states.css

@@ -0,0 +1,28 @@
+/* Native state styles for dynamic Svelte classes, including compiler-free hosts. */
+.svadmin-sidebar--expanded {
+  width: 252px;
+}
+.svadmin-sidebar--collapsed {
+  width: 70px;
+}
+.sidebar-content-expanded,
+.sidebar-content-collapsed {
+  min-width: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+}
+/* Logical offsets handle LTR and RTL without desktop margins leaking onto mobile. */
+@media (min-width: 48rem) {
+  .sidebar-content-expanded {
+    margin-inline-start: 252px;
+  }
+  .sidebar-content-collapsed {
+    margin-inline-start: 70px;
+  }
+}
+.svadmin-devtools--collapsed-width {
+  width: auto;
+}
+.svadmin-devtools--collapsed-min-width {
+  min-width: 200px;
+}

package/dist/styles/conditional-utilities.css

@@ -0,0 +1,22 @@
+/* Svelte class: directives are runtime class toggles, not static class attributes.
+ * Publish their finite native rules so hosts never need a utility compiler.
+ * Keep these in the existing utilities layer, after the frozen aliases. */
+@layer utilities {
+  .bg-primary { background-color: var(--color-primary, var(--primary)); }
+  .bg-muted { background-color: var(--color-muted, var(--muted)); }
+  .text-primary-foreground { color: var(--color-primary-foreground, var(--primary-foreground)); }
+  .text-muted-foreground { color: var(--color-muted-foreground, var(--muted-foreground)); }
+  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .w-auto { width: auto; }
+  .min-w-\[200px\] { min-width: 200px; }
+  .w-\[252px\] { width: 252px; }
+  .w-\[70px\] { width: 70px; }
+  .px-5 { padding-inline: calc(var(--spacing, 0.25rem) * 5); }
+  .px-2 { padding-inline: calc(var(--spacing, 0.25rem) * 2); }
+  .px-\[10px\] { padding-inline: 10px; }
+  .justify-center { justify-content: center; }
+  @media (min-width: 48rem) {
+    .md\:ml-\[252px\] { margin-left: 252px; }
+    .md\:ml-\[70px\] { margin-left: 70px; }
+  }
+}

package/dist/tree-table-model.d.ts

@@ -0,0 +1,24 @@
+export type TreeTableId = string | number;
+export interface TreeTableSort {
+    key: string;
+    direction: 'asc' | 'desc';
+}
+export interface TreeTableNode {
+    record: Record<string, unknown>;
+    id: TreeTableId;
+    parent: TreeTableId | undefined;
+    children: TreeTableId[];
+    level: number;
+    disabled: boolean;
+}
+export declare function compareTreeTableValues(left: unknown, right: unknown): number;
+export declare function filterTreeTableData(data: Record<string, unknown>[], search: string, keys: string[], childrenKey: string): Record<string, unknown>[];
+export declare function sortTreeTableData(data: Record<string, unknown>[], sort: TreeTableSort | undefined, childrenKey: string): Record<string, unknown>[];
+export declare function indexTreeTable(data: Record<string, unknown>[], primaryKey: string, childrenKey: string, loadedChildren?: ReadonlyMap<TreeTableId, Record<string, unknown>[]>): {
+    valid: boolean;
+    nodes: Map<TreeTableId, TreeTableNode>;
+};
+export declare function treeTableSelection(nodes: ReadonlyMap<TreeTableId, TreeTableNode>, selected: ReadonlySet<TreeTableId>): Map<TreeTableId, {
+    total: number;
+    selected: number;
+}>;

package/dist/tree-table-model.js

@@ -0,0 +1,111 @@
+export function compareTreeTableValues(left, right) {
+    if (left == null && right == null)
+        return 0;
+    if (left == null)
+        return -1;
+    if (right == null)
+        return 1;
+    if (typeof left === 'number' && typeof right === 'number') {
+        if (Number.isNaN(left) && Number.isNaN(right))
+            return 0;
+        if (Number.isNaN(left))
+            return -1;
+        if (Number.isNaN(right))
+            return 1;
+        return left - right;
+    }
+    return treeTableText(left).localeCompare(treeTableText(right), undefined, { numeric: true, sensitivity: 'base' });
+}
+function treeTableText(value) {
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'
+        ? String(value) : '';
+}
+export function filterTreeTableData(data, search, keys, childrenKey) {
+    const needle = search.trim().toLocaleLowerCase();
+    if (!needle)
+        return data;
+    const matches = (record) => keys.some(key => treeTableText(record[key]).toLocaleLowerCase().includes(needle));
+    const visit = (record) => {
+        if (matches(record))
+            return record;
+        const children = Array.isArray(record[childrenKey])
+            ? record[childrenKey].filter((item) => typeof item === 'object' && item !== null && !Array.isArray(item))
+            : [];
+        const keptChildren = children.map(visit).filter((item) => item !== undefined);
+        if (keptChildren.length === 0)
+            return undefined;
+        return keptChildren.length > 0
+            ? { ...record, [childrenKey]: keptChildren }
+            : record;
+    };
+    return data.map(visit).filter((item) => item !== undefined);
+}
+export function sortTreeTableData(data, sort, childrenKey) {
+    if (!sort)
+        return data;
+    const direction = sort.direction === 'desc' ? -1 : 1;
+    const visit = (records) => records
+        .map(record => {
+        const children = Array.isArray(record[childrenKey])
+            ? visit(record[childrenKey].filter((item) => typeof item === 'object' && item !== null && !Array.isArray(item)))
+            : undefined;
+        return children ? { ...record, [childrenKey]: children } : record;
+    })
+        .sort((left, right) => direction * compareTreeTableValues(left[sort.key], right[sort.key]));
+    return visit(data);
+}
+export function indexTreeTable(data, primaryKey, childrenKey, loadedChildren) {
+    const nodes = new Map();
+    const invalid = () => ({ valid: false, nodes: new Map() });
+    if (!Array.isArray(data) || data.length > 10000)
+        return invalid();
+    const stack = data.map(record => ({ record, parent: undefined, level: 0 })).reverse();
+    while (stack.length) {
+        const item = stack.pop();
+        if (!item)
+            break;
+        if (item.level > 64 || nodes.size >= 10000 || typeof item.record !== 'object'
+            || item.record === null || Array.isArray(item.record))
+            return invalid();
+        const record = item.record;
+        const id = record[primaryKey];
+        if (typeof id !== 'string' && (typeof id !== 'number' || !Number.isFinite(id)))
+            return invalid();
+        if (nodes.has(id))
+            return invalid();
+        const children = loadedChildren?.get(id) ?? record[childrenKey];
+        if (children != null && (!Array.isArray(children) || children.length > 10000))
+            return invalid();
+        const node = {
+            id, record, parent: item.parent, children: [], level: item.level,
+            disabled: record['disabled'] === true || (item.parent !== undefined && nodes.get(item.parent)?.disabled === true),
+        };
+        nodes.set(id, node);
+        if (item.parent !== undefined)
+            nodes.get(item.parent)?.children.push(id);
+        if (Array.isArray(children)) {
+            if (nodes.size + stack.length + children.length > 10000)
+                return invalid();
+            for (let index = children.length - 1; index >= 0; index -= 1) {
+                stack.push({ record: children[index], parent: id, level: item.level + 1 });
+            }
+        }
+    }
+    return { valid: true, nodes };
+}
+export function treeTableSelection(nodes, selected) {
+    const counts = new Map();
+    // 索引按深度优先顺序插入，逆序累计可在线性时间内计算全树半选状态。
+    for (const node of [...nodes.values()].reverse()) {
+        const count = { total: node.disabled ? 0 : 1, selected: node.disabled ? 0 : selected.has(node.id) ? 1 : 0 };
+        for (const id of node.children) {
+            const child = counts.get(id);
+            if (child) {
+                count.total += child.total;
+                count.selected += child.selected;
+            }
+        }
+        counts.set(node.id, count);
+    }
+    return counts;
+}

package/dist/utils.d.ts

@@ -1,4 +1,4 @@
-export { cn } from "cn";
+export { cn } from './classnames.js';
 /**
 * A utility type that makes the `ref` prop optional and adds it to the given props type.
 */

package/dist/utils.js

@@ -1 +1 @@
-export { cn } from "cn";
+export { cn } from './classnames.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.72.0",
+  "version": "0.74.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -12,7 +12,10 @@
     "!dist/**/*.test.*",
     "!dist/**/*.test-*",
     "!dist/**/*.spec.*",
-    "!dist/**/*.spec-*"
+    "!dist/**/*.spec-*",
+    "!dist/**/*.type-test.*",
+    "THIRD_PARTY_NOTICES.md",
+    "styles-compatibility.json"
   ],
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,6 +25,11 @@
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./rendering": {
+      "types": "./dist/rendering/index.d.ts",
+      "svelte": "./dist/rendering/index.js",
+      "default": "./dist/rendering/index.js"
+    },
     "./app.css": {
       "svelte": "./dist/app.css",
       "import": "./dist/app.css",
@@ -42,10 +50,22 @@
       "svelte": "./dist/components/*.svelte",
       "default": "./dist/components/*.svelte"
     },
-    "./components/*": "./dist/components/*"
+    "./components/*": "./dist/components/*",
+    "./design-contract": {
+      "types": "./dist/design-contract.d.ts",
+      "default": "./dist/design-contract.js"
+    },
+    "./recipes": {
+      "types": "./dist/recipes.d.ts",
+      "default": "./dist/recipes.js"
+    },
+    "./component-registry": {
+      "types": "./dist/component-registry.d.ts",
+      "default": "./dist/component-registry.js"
+    }
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.52.0",
+    "@svadmin/core": "^0.54.0",
     "@tanstack/svelte-query": "^6.1.48",
     "isomorphic-dompurify": "^3.23.0",
     "svelte": "^5.56.10"
@@ -68,14 +88,20 @@
     }
   },
   "dependencies": {
+    "@svadmin/devtools-contract": "^0.2.0",
     "@sinclair/typebox": "^0.34.52",
     "@floating-ui/dom": "^1.8.0",
+    "esm-env": "^1.2.2",
     "@lucide/svelte": "^1.35.0",
+    "@svar-ui/svelte-core": "^2.6.0",
+    "@svar-ui/svelte-filemanager": "^2.6.0",
     "@tanstack/svelte-store": "^0.12.1",
     "@tanstack/svelte-table": "^9.2.3",
     "@tanstack/table-core": "^9.2.3",
     "bits-ui": "^2.19.0",
     "cn": "^0.2.4",
+    "devframe": "1.0.0",
+    "tailwind-variants": "^3.3.1",
     "svelte-sonner": "^1.2.1"
   },
   "license": "MIT",
@@ -94,22 +120,26 @@
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.11.12",
-    "@svadmin/ai-elements": "^0.7.4",
+    "@svadmin/ai-elements": "^0.9.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
-    "@tailwindcss/node": "^4.3.3",
-    "tailwindcss": "^4.3.3",
+    "@tailwindcss/cli": "4.3.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.4.2",
     "@testing-library/user-event": "^14.6.6",
     "happy-dom": "^20.11.12",
     "postcss": "^8.5.26",
     "postcss-selector-parser": "^7.1.1",
-    "tw-animate-css": "^1.4.0",
+    "shadcn-svelte": "^1.7.0",
+    "tailwindcss": "4.3.3",
     "vitest": "^4.1.11"
   },
   "scripts": {
-    "build": "node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && node scripts/build-static-css.mjs && node scripts/postbuild-css.mjs",
+    "build": "bun run build:styles && node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && node scripts/build-static-css.mjs && node scripts/postbuild-css.mjs",
+    "shadcn": "shadcn-svelte --help",
+    "shadcn:add": "shadcn-svelte add --cwd shadcn --no-deps-install",
     "test": "vitest run --config ./vitest.config.ts",
-    "test:css": "node --test scripts/static-css.test.mjs"
+    "test:css": "node --experimental-strip-types --test scripts/static-css.test.mjs scripts/conditional-css.test.mjs scripts/native-css-entries.test.mjs scripts/tailwind-recipes.test.mjs ../../scripts/no-tailwind-contract.test.mjs",
+    "build:styles": "bun run build:tailwind && node ../../scripts/build-native-classnames.mjs ui",
+    "build:tailwind": "tailwindcss -i styles/tailwind.css -o src/styles/tailwind.generated.css"
   }
 }

package/styles-compatibility.json

@@ -0,0 +1,12 @@
+{
+  "baseCommit": "cf6c4746578176ea773a17ef6f49f353292f7818",
+  "sourceCssSha256": "6e66d8c843dd623e89007d7d8c4b4d36fe3d248f228fac8f5bc38b01e6f6dd4e",
+  "cascadeSha256": "599adbf0c84e7e7e02c2b45a2cb7eb29c089b4da115e6b831888ee2e7dafbbd2",
+  "files": {
+    "styles/compatibility.prelude.css": "90119df86530830a2e364abb163ed8e55af97165572977a5bc588620097d1f56",
+    "page-chrome.css": "c1788ef4c71070ef78e2d8377f5688312dfb24c6bb21db36cb96cc3c0c61a014",
+    "components.css": "3588e7541b9accc90e3d86c61126b5d74d2e80a0b18599dafb320aa05d564224",
+    "styles/compatibility.epilogue.css": "94e2b5b2f8b5f1368b058e326f3b1b5949e464cc23f2fd88d02866f99528530b",
+    "styles/aliases.css": "307f6d367df20726fe43785e255245d10e623f9f36fba10da2313d630879e0d0"
+  }
+}