@svadmin/lite 0.10.0 → 0.12.0

package/dist/components/fields/LiteDateField.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { FieldDefinition } from '@svadmin/core';
+  import { useTranslation } from '@svadmin/core/i18n';
 
   interface Props {
     field: FieldDefinition;
@@ -9,6 +10,7 @@
   }
 
   let { field, value, error = [], mode = 'show' }: Props = $props();
+  const i18n = useTranslation();
   let hasError = $derived(error.length > 0);
 
   function formatDate(v: unknown): string {
@@ -36,6 +38,7 @@
   <div>
     <input
       type="datetime-local"
+      lang={i18n.locale}
       name={field.key}
       id={field.key}
       value={formatDate(value)}

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/index.d.ts

@@ -8,6 +8,7 @@ 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 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,7 @@ 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 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 });
@@ -73,7 +74,7 @@ export function createListLoader(dp, resource) {
             sorters,
             filters: listRequestFilters(resource, url),
         });
-        return {
+        return definedOptions({
             records: listResponse.data,
             total: listResponse.total,
             page,
@@ -88,7 +89,7 @@ export function createListLoader(dp, resource) {
             currentSearch: search,
             currentFilters: listRequestFilterValues(resource, url),
             resource,
-        };
+        });
     };
 }
 // ─── Detail Loader ────────────────────────────────────────────
@@ -260,7 +261,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 +364,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.0",
+  "version": "0.12.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.50.0",
+    "@svadmin/core": ">=0.34.2 <0.53.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';