@svadmin/lite 0.10.1 → 0.13.0

package/dist/components/fields/LiteDateRangeField.svelte

@@ -9,6 +9,7 @@
 
 <script lang="ts">
   import type { FieldDefinition } from '@svadmin/core';
+  import { useTranslation } from '@svadmin/core/i18n';
 
   interface Props {
     field?: FieldDefinition;
@@ -41,12 +42,14 @@
     mode = 'show',
   }: Props = $props();
 
+  const i18n = useTranslation();
+
   const start = $derived.by(() => {
     if (startDate !== undefined) return startDate;
     if (Array.isArray(value)) return value[0];
     if (value && typeof value === 'object') {
       const obj = value as Record<string, unknown>;
-      return (obj.start ?? obj.from) as string | number | Date | null | undefined;
+      return (obj['start'] ?? obj['from']) as string | number | Date | null | undefined;
     }
     return undefined;
   });
@@ -56,7 +59,7 @@
     if (Array.isArray(value)) return value[1];
     if (value && typeof value === 'object') {
       const obj = value as Record<string, unknown>;
-      return (obj.end ?? obj.to) as string | number | Date | null | undefined;
+      return (obj['end'] ?? obj['to']) as string | number | Date | null | undefined;
     }
     return undefined;
   });
@@ -118,23 +121,25 @@
     <div class="lite-inline-sm" style="display: flex; align-items: center;">
       <input
         type="date"
+        lang={i18n.locale}
         name={startKey}
         id={startKey}
         value={toIsoDateInput(start)}
         class="lite-input {hasError ? 'lite-input-error' : ''}"
         style="flex: 1; min-width: 120px;"
-        placeholder="Start date"
+        placeholder={i18n.t('common.startDate')}
         {...field?.required ? { required: true } : {}}
       />
       <span style="margin: 0 8px; color: #64748b;">{separator}</span>
       <input
         type="date"
+        lang={i18n.locale}
         name={endKey}
         id={endKey}
         value={toIsoDateInput(end)}
         class="lite-input {hasError ? 'lite-input-error' : ''}"
         style="flex: 1; min-width: 120px;"
-        placeholder="End date"
+        placeholder={i18n.t('common.endDate')}
         {...field?.required ? { required: true } : {}}
       />
     </div>

package/dist/components/fields/LiteFileField.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { FieldDefinition } from '@svadmin/core';
   import { toSafeHref } from '../../security';
+  import LiteFileInput from '../LiteFileInput.svelte';
 
   interface Props {
     field: FieldDefinition;
@@ -42,8 +43,7 @@
         <span style="font-size: 12px;">Current files: {files.length}</span>
       </div>
     {/if}
-    <input
-      type="file"
+    <LiteFileInput
       name={field.key}
       id={field.key}
       class="lite-input {hasError ? 'lite-input-error' : ''}"

package/dist/components/fields/LiteTreeSelect.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { definedOptions } from '@svadmin/core/options';
+
   import type { FieldDefinition } from '@svadmin/core';
   import { t } from '@svadmin/core/i18n';
 
@@ -49,12 +51,12 @@
   function flattenTree(nodes: TreeSelectOption[], level = 0): FlatTreeOption[] {
     const list: FlatTreeOption[] = [];
     for (const node of nodes) {
-      list.push({
+      list.push(definedOptions({
         value: node.value,
         label: node.label,
         level,
         disabled: node.disabled,
-      });
+      }));
       if (node.children && node.children.length > 0) {
         list.push(...flattenTree(node.children, level + 1));
       }

package/dist/components/pages/LiteListPage.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { definedOptions } from '@svadmin/core/options';
+
   import type { ResourceDefinition } from "@svadmin/core";
   import { t } from "@svadmin/core/i18n";
   import LiteTable from "../LiteTable.svelte";
@@ -134,9 +136,9 @@
       <LiteTable
         {records}
         {resource}
-        {currentSort}
+        {...definedOptions({ "currentSort": currentSort })}
         {currentOrder}
-        {currentSearch}
+        {...definedOptions({ "currentSearch": currentSearch })}
         {basePath}
         canShow={showView}
         canEdit={showEdit}

package/dist/filter-form.d.ts

@@ -0,0 +1,3 @@
+import type { FieldDefinition, Filter } from '@svadmin/core';
+/** 使用已有拓扑读取当前表单值，不把用户字段名解释成对象路径。服务端仍须独立授权。 */
+export declare function readFilterForm(filters: readonly Filter[], fields: readonly FieldDefinition[], data: FormData): Filter[];

package/dist/filter-form.js

@@ -0,0 +1,34 @@
+/** 使用已有拓扑读取当前表单值，不把用户字段名解释成对象路径。服务端仍须独立授权。 */
+export function readFilterForm(filters, fields, data) {
+    const operators = new Set(['eq', 'ne', 'contains', 'ncontains', 'gt', 'gte', 'lt', 'lte', 'null', 'nnull']);
+    function read(filter, path) {
+        const get = (key) => data.get(`filters[${path}][${key}]`);
+        if (!('field' in filter)) {
+            const operator = get('operator');
+            if (operator !== 'and' && operator !== 'or')
+                throw new TypeError('Invalid filter group');
+            return { operator, value: filter.value.map((child, index) => read(child, `${path}.value.${index}`)) };
+        }
+        const field = fields.find(candidate => candidate.key === get('field') && candidate.filterable !== false);
+        const operator = get('operator');
+        if (!field || typeof operator !== 'string' || !operators.has(operator))
+            throw new TypeError('Invalid filter rule');
+        let value = get('value');
+        if (operator === 'null' || operator === 'nnull')
+            value = null;
+        else if (typeof value !== 'string')
+            throw new TypeError('Invalid filter value');
+        else if (['number', 'currency', 'percent'].includes(field.type)) {
+            if (!value.trim() || !Number.isFinite(Number(value)))
+                throw new TypeError('Invalid numeric filter');
+            value = Number(value);
+        }
+        else if (field.type === 'boolean') {
+            if (value !== 'true' && value !== 'false')
+                throw new TypeError('Invalid boolean filter');
+            value = value === 'true';
+        }
+        return { field: field.key, operator: operator, value };
+    }
+    return filters.map((filter, index) => read(filter, String(index)));
+}

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { default as LiteLayout } from './components/LiteLayout.svelte';
 export { default as LiteTable } from './components/LiteTable.svelte';
 export { default as LitePagination } from './components/LitePagination.svelte';
 export { default as LiteForm } from './components/LiteForm.svelte';
+export { default as LiteFileInput } from './components/LiteFileInput.svelte';
+export { default as LiteFileUpload } from './components/LiteFileUpload.svelte';
 export { default as LiteLogin } from './components/LiteLogin.svelte';
 export { default as LiteShow } from './components/LiteShow.svelte';
 export { default as LiteSearch } from './components/LiteSearch.svelte';

package/dist/index.js

@@ -12,6 +12,8 @@ export { default as LiteLayout } from './components/LiteLayout.svelte';
 export { default as LiteTable } from './components/LiteTable.svelte';
 export { default as LitePagination } from './components/LitePagination.svelte';
 export { default as LiteForm } from './components/LiteForm.svelte';
+export { default as LiteFileInput } from './components/LiteFileInput.svelte';
+export { default as LiteFileUpload } from './components/LiteFileUpload.svelte';
 export { default as LiteLogin } from './components/LiteLogin.svelte';
 export { default as LiteShow } from './components/LiteShow.svelte';
 export { default as LiteSearch } from './components/LiteSearch.svelte';

package/dist/lite.css

@@ -471,6 +471,92 @@ a:hover {
   box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
 }
 
+/* File inputs keep the native form control but replace its browser-localized
+ * visible copy with application-controlled labels. */
+.lite-file-picker {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  min-height: 38px;
+  color: #64748b;
+  vertical-align: middle;
+}
+
+.lite-file-picker.lite-input {
+  display: flex;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+
+.lite-file-picker__native {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.lite-file-picker__visual {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  min-height: 38px;
+  overflow: hidden;
+  border: 1px solid #cbd5e1;
+  border-radius: 6px;
+  padding: 6px 10px 6px 6px;
+  background: #fff;
+  pointer-events: none;
+}
+
+.lite-file-picker__visual > * + * {
+  margin-left: 10px;
+}
+
+.lite-file-picker__button {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  min-height: 26px;
+  border: 1px solid #cbd5e1;
+  border-radius: 4px;
+  padding: 0 10px;
+  background: #f8fafc;
+  color: #334155;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.lite-file-picker__name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.lite-file-picker[data-disabled="true"] .lite-file-picker__visual {
+  opacity: 0.5;
+}
+
+.lite-file-picker.lite-input-error .lite-file-picker__visual {
+  border-color: #ef4444;
+}
+
+.lite-file-picker__native:focus + .lite-file-picker__visual {
+  border-color: #4f46e5;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(79, 70, 229, 0.3);
+}
+
 .lite-error-text {
   color: #ef4444;
   font-size: 12px;

package/dist/server-adapter.d.ts

@@ -55,18 +55,18 @@ export declare function createCrudActions(dp: DataProvider, resource: ResourceDe
     } | {
         success: boolean;
         error: string;
-        id?: undefined;
-        values?: undefined;
+        id?: never;
+        values?: never;
     } | {
         success: boolean;
         id: unknown;
-        error?: undefined;
-        values?: undefined;
+        error?: never;
+        values?: never;
     } | {
         success: boolean;
         error: string;
         values: Record<string, unknown>;
-        id?: undefined;
+        id?: never;
     }>;
     update: ({ request }: RequestEvent) => Promise<{
         success: false;
@@ -76,11 +76,11 @@ export declare function createCrudActions(dp: DataProvider, resource: ResourceDe
     } | {
         success: boolean;
         error: string;
-        values?: undefined;
+        values?: never;
     } | {
         success: boolean;
-        error?: undefined;
-        values?: undefined;
+        error?: never;
+        values?: never;
     } | {
         success: boolean;
         error: string;
@@ -91,14 +91,14 @@ export declare function createCrudActions(dp: DataProvider, resource: ResourceDe
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
     batchDelete: ({ request }: RequestEvent) => Promise<{
         success: boolean;
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
 };
 /**
@@ -122,35 +122,35 @@ export declare function createAuthActions(authProvider: AuthProvider): {
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
     register: ({ request }: RequestEvent) => Promise<{
         success: boolean;
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
     forgot_password: ({ request }: RequestEvent) => Promise<{
         success: boolean;
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
     update_password: ({ request }: RequestEvent) => Promise<{
         success: boolean;
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
     update_profile: ({ request }: RequestEvent) => Promise<{
         success: boolean;
         error: string;
     } | {
         success: boolean;
-        error?: undefined;
+        error?: never;
     }>;
 };
 /**

package/dist/server-adapter.js

@@ -1,3 +1,4 @@
+import { definedOptions } from '@svadmin/core/options';
 import { redirect, isRedirect } from '@sveltejs/kit';
 import { resourceToTypeBoxSchema } from './schema-generator';
 import { parseExplicitBoolean } from './value-normalization';
@@ -17,7 +18,7 @@ function listRequestState(url, resource) {
     const order = sortableField
         ? requestedOrder === 'asc' || requestedOrder === 'desc' ? requestedOrder : 'asc'
         : resource.defaultSort?.order ?? 'asc';
-    return { page, pageSize, sort, order, search: url.searchParams.get('q') ?? undefined };
+    return definedOptions({ page, pageSize, sort, order, search: url.searchParams.get('q') ?? undefined });
 }
 function listRequestFilterValues(resource, url) {
     const values = {};
@@ -41,7 +42,7 @@ function listRequestFilters(resource, url) {
             value: search,
         }));
         if (searchFilters.length === 1) {
-            filters.push(searchFilters[0]);
+            filters.push(...searchFilters);
         }
         else if (searchFilters.length > 1) {
             filters.push({ operator: 'or', value: searchFilters });
@@ -57,7 +58,60 @@ function listRequestFilters(resource, url) {
             });
         }
     }
-    return filters;
+    const structured = parseStructuredFilters(resource, url);
+    return structured.length > 0 ? structured : filters;
+}
+function parseStructuredFilters(resource, url) {
+    const entries = [...url.searchParams.entries()]
+        .map(([key, value]) => {
+        const match = /^filters\[([0-9]+(?:\.value\.[0-9]+)*)\]\[(field|operator|value)\]$/.exec(key);
+        return match ? { path: match[1], property: match[2], value } : undefined;
+    })
+        .filter((entry) => entry !== undefined);
+    if (entries.length === 0)
+        return [];
+    const roots = [];
+    for (const entry of entries) {
+        const segments = [...entry.path.matchAll(/\d+/g)].map(match => Number(match[0]));
+        const rootIndex = segments.shift();
+        if (rootIndex === undefined || !Number.isSafeInteger(rootIndex) || rootIndex < 0)
+            continue;
+        let node = roots[rootIndex];
+        if (!node) {
+            node = {};
+            roots[rootIndex] = node;
+        }
+        for (const childIndex of segments) {
+            if (!Number.isSafeInteger(childIndex) || childIndex < 0)
+                break;
+            node.children ??= [];
+            node = node.children[childIndex] ??= {};
+        }
+        node[entry.property] = entry.value;
+    }
+    function compile(node) {
+        const operator = node.operator;
+        if (node.field && operator && operator !== 'and' && operator !== 'or') {
+            const field = resource.fields.find(candidate => candidate.key === node.field);
+            if (!field)
+                return undefined;
+            if (operator === 'null' || operator === 'nnull') {
+                return { field: node.field, operator: operator, value: null };
+            }
+            if (node.value === undefined || node.value === '')
+                return undefined;
+            const value = field.type === 'number' || field.type === 'currency' || field.type === 'percent'
+                ? Number(node.value)
+                : field.type === 'boolean' ? node.value === 'true' : node.value;
+            return { field: node.field, operator: operator, value };
+        }
+        if ((operator === 'and' || operator === 'or') && node.children) {
+            const children = node.children.map(compile).filter((child) => child !== undefined);
+            return children.length > 0 ? { operator, value: children } : undefined;
+        }
+        return undefined;
+    }
+    return roots.map(compile).filter((filter) => filter !== undefined);
 }
 /**
  * Creates a SvelteKit `load` function that fetches a resource list
@@ -73,7 +127,7 @@ export function createListLoader(dp, resource) {
             sorters,
             filters: listRequestFilters(resource, url),
         });
-        return {
+        return definedOptions({
             records: listResponse.data,
             total: listResponse.total,
             page,
@@ -88,7 +142,7 @@ export function createListLoader(dp, resource) {
             currentSearch: search,
             currentFilters: listRequestFilterValues(resource, url),
             resource,
-        };
+        });
     };
 }
 // ─── Detail Loader ────────────────────────────────────────────
@@ -260,7 +314,7 @@ export function createAuthActions(authProvider) {
     }
     function validatePasswordConfirmation(authParams) {
         const { confirmPassword, ...providerParams } = authParams;
-        const password = authParams.password;
+        const password = authParams['password'];
         if (typeof password !== 'string'
             || password.length === 0
             || typeof confirmPassword !== 'string'
@@ -363,13 +417,13 @@ function pathWithinPrefix(pathname, prefix) {
 }
 function redirectOptions(options) {
     const configured = typeof options === 'string' ? { litePrefix: options } : options;
-    return {
+    return definedOptions({
         litePrefix: normalizeRoutePrefix(configured.litePrefix ?? '/lite'),
         spaPrefix: normalizeRoutePrefix(configured.spaPrefix ?? '/'),
         exclude: (configured.exclude ?? []).map(normalizeRoutePrefix),
         mapPath: configured.mapPath,
         status: configured.status ?? 302,
-    };
+    });
 }
 /**
  * Computes a legacy redirect without importing or modifying the modern SPA.

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@svadmin/lite",
-  "version": "0.10.1",
+  "version": "0.13.0",
   "description": "SSR-first lightweight admin UI for @svadmin with optional progressive enhancement",
   "type": "module",
   "sideEffects": [
     "./dist/lite.css",
-    "./dist/enhance.js",
-    "./dist/polyfill.js"
+    "./dist/enhance.js"
   ],
   "files": [
     "dist",
@@ -35,10 +34,6 @@
       "import": "./dist/enhance.js",
       "default": "./dist/enhance.js"
     },
-    "./polyfill.js": {
-      "import": "./dist/polyfill.js",
-      "default": "./dist/polyfill.js"
-    },
     "./lite.css": {
       "svelte": "./dist/lite.css",
       "style": "./dist/lite.css",
@@ -54,17 +49,15 @@
   },
   "peerDependencies": {
     "svelte": "^5.56.10",
-    "@svadmin/core": ">=0.34.2 <0.51.0",
+    "@svadmin/core": ">=0.34.2 <0.54.0",
     "@sveltejs/kit": "^2.70.3"
   },
   "dependencies": {
     "@lucide/svelte": "^1.35.0",
-    "@sinclair/typebox": "^0.34.52",
-    "core-js": "^3.50.0",
-    "whatwg-fetch": "^3.6.20"
+    "@sinclair/typebox": "^0.34.52"
   },
   "devDependencies": {
-    "@types/bun": "^1.4.0",
+    "@types/bun": "^1.4.2",
     "@happy-dom/global-registrator": "^20.11.12",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/dom": "^10.4.1",
@@ -73,7 +66,7 @@
     "vitest": "^4.1.11"
   },
   "scripts": {
-    "build": "node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && node ../../node_modules/esbuild/bin/esbuild --bundle src/polyfill-entry.ts --target=es5 --outfile=dist/polyfill.js && bun ../../scripts/copy-package-assets.ts static/enhance.js dist/enhance.js",
+    "build": "node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && bun ../../scripts/copy-package-assets.ts static/enhance.js dist/enhance.js",
     "test": "bun run test:components && bun run test:server && bun run test:security",
     "test:components": "vitest run --config ./vitest.config.ts",
     "test:server": "bun test ./src/schema-generator.test.ts ./src/server-adapter.test.ts ./src/fragment-id.test.ts ./src/compatibility.test.ts ./src/ie11-ssr-contract.test.ts",
@@ -88,7 +81,7 @@
   "author": "zuohuadong",
   "repository": {
     "type": "git",
-    "url": "https://github.com/vibeunion/svadmin.git",
+    "url": "git+https://github.com/vibeunion/svadmin.git",
     "directory": "packages/lite"
   }
 }

package/dist/polyfill-entry.d.ts

@@ -1,2 +0,0 @@
-import 'core-js/stable';
-import 'whatwg-fetch';

package/dist/polyfill-entry.js

@@ -1,3 +0,0 @@
-// IE11 baseline for optional Lite enhancements.
-import 'core-js/stable';
-import 'whatwg-fetch';