@h-ai/ui 0.1.0-alpha.13 → 0.1.0-alpha.16

package/README.md

@@ -49,7 +49,8 @@ export default defineConfig({
 @import 'tailwindcss';
 @import '@h-ai/ui/styles/global.css';
 @import '@h-ai/ui/styles/theme.css';
-@source "../node_modules/@h-ai/ui/dist/**/*.{svelte,ts}";
+@source "../node_modules/@h-ai/ui/dist/**/*.{svelte,js,ts}";
+@source "../../../node_modules/@h-ai/ui/dist/**/*.{svelte,js,ts}";
 
 @plugin "daisyui" {
   themes: light --default, dark --prefersdark, cupcake, emerald, corporate, nord, dracula, night;
@@ -61,7 +62,7 @@ export default defineConfig({
 }
 ```
 
-> `@source` 让 TailwindCSS 扫描 `@h-ai/ui` 组件中使用的 class 名，否则组件样式会丢失。
+> `@source` 让 TailwindCSS 扫描 `@h-ai/ui` 组件中使用的 class 名，否则组件样式会丢失。嵌套应用位于 monorepo 中时，依赖包可能被提升到工作区根 `node_modules`，所以建议同时保留两条路径。
 
 ### 4. 使用组件
 
@@ -236,6 +237,8 @@ components/
 | `HashDisplay`      | 哈希展示 | `value`, `algorithm`, `copyable`, `truncate`            |
 | `SignatureDisplay` | 签名展示 | `signature`, `publicKey`, `algorithm`, `verified`       |
 
+默认算法与 `@h-ai/crypto` 对齐：加密输入使用 `SM4`，哈希展示使用 `SM3`，签名展示使用 `SM2`。
+
 ## 使用示例
 
 ### Toast 通知
@@ -376,7 +379,8 @@ components/
 @import 'tailwindcss';
 @import '@h-ai/ui/styles/global.css';   /* 基础重置、滚动条、焦点样式 */
 @import '@h-ai/ui/styles/theme.css';    /* Tailwind v4 @theme Token（品牌色/阴影/动效） */
-@source "../node_modules/@h-ai/ui/dist/**/*.{svelte,ts}";
+@source "../node_modules/@h-ai/ui/dist/**/*.{svelte,js,ts}";
+@source "../../../node_modules/@h-ai/ui/dist/**/*.{svelte,js,ts}";
 
 /* 移动端项目追加（可选） */
 @import '@h-ai/ui/styles/design-tokens.css'; /* CSS 自定义属性 */
@@ -391,7 +395,19 @@ components/
 - `global.css`：基础 HTML 重置、滚动条美化、表单焦点环
 - `theme.css`：Tailwind v4 `@theme` 块，包含品牌色、阴影层级、动效曲线、字体特性
 - `design-tokens.css`：CSS 自定义属性（间距/圆角/z-index/过渡），移动端推荐
-- `mobile.css`：安全区域 padding、momentum 滚动、虚拟键盘适配
+- `mobile.css`：安全区域 padding、momentum 滚动、虚拟键盘适配、移动端 App 壳布局工具（`hai-mobile-viewport` / `hai-mobile-shell` / `hai-mobile-main`）
+
+移动端页面推荐让 `BottomNav` 与页面壳宽度一致，避免桌面预览时底栏横跨整个视口：
+
+```svelte
+<div class="hai-mobile-viewport">
+  <div class="hai-mobile-shell max-w-lg">
+    <AppBar title="Home" fixed={false} safeArea />
+    <main class="hai-mobile-main">...</main>
+    <BottomNav items={items} active="home" centered maxWidth="lg" safeArea />
+  </div>
+</div>
+```
 
 ### 图标
 

package/dist/components/compounds/BottomNav.svelte

@@ -11,6 +11,16 @@
   // eslint-disable-next-line no-import-assign -- type re-export
   export type { BottomNavItem }
 
+  type BottomNavMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | 'none'
+
+  const MAX_WIDTH_CLASS: Record<BottomNavMaxWidth, string> = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-xl',
+    none: '',
+  }
+
   interface Props {
     /** 导航项列表 */
     items: BottomNavItem[]
@@ -20,6 +30,10 @@
     onchange?: (id: string) => void
     /** 是否适配底部安全区域 */
     safeArea?: boolean
+    /** 是否将 fixed 导航居中，适用于移动端仿真器/桌面预览中的窄屏壳 */
+    centered?: boolean
+    /** fixed 导航最大宽度，centered=true 时生效 */
+    maxWidth?: BottomNavMaxWidth
     /** 额外 CSS 类 */
     class?: string
   }
@@ -29,13 +43,19 @@
     active,
     onchange,
     safeArea = true,
+    centered = false,
+    maxWidth = 'none',
     class: className,
   }: Props = $props()
+
+  const constrained = $derived(centered && maxWidth !== 'none')
 </script>
 
 <nav
   class={cn(
-    'fixed bottom-0 left-0 right-0 bg-base-100 border-t border-base-200 z-40',
+    'fixed bottom-0 bg-base-100 border-t border-base-200 z-40',
+    constrained ? 'left-1/2 right-auto w-full -translate-x-1/2' : 'left-0 right-0',
+    constrained && MAX_WIDTH_CLASS[maxWidth],
     safeArea && 'hai-safe-bottom',
     className,
   )}

package/dist/components/compounds/BottomNav.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { BottomNavItem } from './bottom-nav-types.js';
+type BottomNavMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | 'none';
 interface Props {
     /** 导航项列表 */
     items: BottomNavItem[];
@@ -8,6 +9,10 @@ interface Props {
     onchange?: (id: string) => void;
     /** 是否适配底部安全区域 */
     safeArea?: boolean;
+    /** 是否将 fixed 导航居中，适用于移动端仿真器/桌面预览中的窄屏壳 */
+    centered?: boolean;
+    /** fixed 导航最大宽度，centered=true 时生效 */
+    maxWidth?: BottomNavMaxWidth;
     /** 额外 CSS 类 */
     class?: string;
 }

package/dist/components/scenes/ai/AiDocumentDownloadMenu.svelte

@@ -172,6 +172,7 @@
       tabindex='-1'
       onmousedown={event => event.preventDefault()}
       onclick={event => event.stopPropagation()}
+      onkeydown={event => event.stopPropagation()}
     >
       {#each resolvedActions as action}
         <button

package/dist/components/scenes/ai/AiDocumentEditor.svelte

@@ -249,6 +249,8 @@
     breaks = true,
     // 是否显示左侧目录。
     showOutline = true,
+    // 是否显示目录项的序号前缀。
+    showOutlineNumbering = false,
     // 是否显示顶部工具栏。
     showToolbar = true,
     // 目录面板初始是否折叠。
@@ -2567,7 +2569,7 @@ ${safeCode}
                   style={`padding-left:${0.65 + (item.level - 1) * 0.56}rem`}
                   onclick={() => scrollToHeading(item.id)}
                 >
-                  {item.numberedTitle}
+                  {showOutlineNumbering ? item.numberedTitle : item.text}
                 </button>
               {/each}
             </nav>

package/dist/components/scenes/ai/MarkdownRenderer.svelte

@@ -33,9 +33,6 @@
     parseMarkdown(content, { enableHighlight, showCopyButton, breaks }),
   )
 
-  /** 容器引用 */
-  let containerEl: HTMLDivElement | undefined = $state()
-
   /**
    * 事件代理：处理代码块复制按钮点击
    */
@@ -66,7 +63,6 @@
 <!-- svelte-ignore a11y_click_events_have_key_events -->
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <div
-  bind:this={containerEl}
   class={cn('hai-markdown', className)}
   onclick={handleClick}
 >

package/dist/components/scenes/ai/document-types.d.ts

@@ -144,6 +144,8 @@ export interface AiDocumentEditorProps {
     breaks?: boolean;
     /** Whether to show the left outline panel. */
     showOutline?: boolean;
+    /** Whether to show numbering prefixes in outline items. */
+    showOutlineNumbering?: boolean;
     /** Whether to show the top toolbar. */
     showToolbar?: boolean;
     /** Initial outline collapsed state. */

package/dist/components/scenes/crud/CrudFilterBar.svelte

@@ -79,7 +79,7 @@
         <Select
           class='min-w-32'
           value={String(filterValues[field.id] ?? '')}
-          onchange={e => handleFilterChange(field.id, (e.target as HTMLSelectElement).value)}
+          onchange={value => handleFilterChange(field.id, value)}
         >
           <option value="">{uiM('crud_filter_all')}</option>
           {#each opts as opt}

package/dist/components/scenes/crud/CrudPage.svelte

@@ -13,8 +13,7 @@
 <script lang='ts'>
   import type { Snippet } from 'svelte'
   import type { Size } from '../../../types.js'
-  import { goto, invalidateAll } from '$app/navigation'
-  import { page } from '$app/state'
+  import type { NavAdapter } from './nav-adapter.js'
   import { uiM } from '../../../messages.js'
   import Card from '../../compounds/Card.svelte'
   import DataTable from '../../compounds/DataTable.svelte'
@@ -26,6 +25,7 @@
   import CrudDetailDrawer from './CrudDetailDrawer.svelte'
   import CrudEditDrawer from './CrudEditDrawer.svelte'
   import CrudFilterBar from './CrudFilterBar.svelte'
+  import { createBrowserNavAdapter } from './nav-adapter.js'
 
   // ─── 类型定义 ───
 
@@ -49,7 +49,15 @@
     order?: number
   }
 
-  type AnyApiFunc = (...args: unknown[]) => Promise<Record<string, unknown> | unknown> | Record<string, unknown> | unknown
+  // 使用 method shorthand 语法（双向协变）以兼容来自 @h-ai/kit 的 CrudOperations 类型
+  // 详见：https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-6.html#strict-function-types
+  type CrudApi = {
+    list(params: Record<string, unknown>): Promise<{ items: Record<string, unknown>[], total: number, page: number, pageSize: number }>
+    get?(id: string): Promise<Record<string, unknown> | null>
+    create?(data: Record<string, unknown>): Promise<Record<string, unknown>>
+    update?(id: string, data: Record<string, unknown>): Promise<Record<string, unknown>>
+    remove?(id: string): Promise<void>
+  }
 
   type CrudDef = {
     resource: {
@@ -60,13 +68,7 @@
       defaultPageSize?: number
       searchable?: boolean
       searchPlaceholder?: string | (() => string)
-      api: {
-        list: AnyApiFunc
-        get?: AnyApiFunc
-        create?: AnyApiFunc
-        update?: AnyApiFunc
-        remove?: AnyApiFunc
-      }
+      api: CrudApi
     }
     getListFields: () => FieldDef[]
     getFilterFields: () => FieldDef[]
@@ -75,13 +77,7 @@
     getDetailFields: () => FieldDef[]
     toTableColumns: () => Array<{ key: string, label: string, width?: string, align?: string, render?: (item: Record<string, unknown>) => string }>
     getDefaultValues: () => Record<string, unknown>
-    api: {
-      list: AnyApiFunc
-      get?: AnyApiFunc
-      create?: AnyApiFunc
-      update?: AnyApiFunc
-      remove?: AnyApiFunc
-    }
+    api: CrudApi
   }
 
   // ─── Props ───
@@ -101,6 +97,7 @@
     onafterdelete,
     onerror,
     basePath = '',
+    nav = createBrowserNavAdapter(),
     class: className = '',
   }: {
     crud: CrudDef
@@ -117,6 +114,13 @@
     onafterdelete?: (item: Record<string, unknown>) => void
     onerror?: (error: string) => void
     basePath?: string
+    /**
+     * 路由适配器：用于读取当前 pathname、同步过滤参数到 URL、列表刷新。
+     * 默认使用 `createBrowserNavAdapter()`（基于 `globalThis.location`）。
+     * SvelteKit 应用应传入 `createSvelteKitNavAdapter()`（来自 `@h-ai/kit/client`），
+     * 以获得客户端跳转 + invalidateAll 体验。
+     */
+    nav?: NavAdapter
     class?: string
   } = $props()
 
@@ -144,7 +148,7 @@
   let filterValues = $state<Record<string, unknown>>({})
 
   // 基础路径
-  const currentBasePath = $derived(basePath || page.url.pathname)
+  const currentBasePath = $derived(basePath || nav.pathname)
 
   // ─── 工具函数 ───
 
@@ -194,7 +198,8 @@
     }
 
     const qs = params.toString()
-    goto(`${currentBasePath}${qs ? `?${qs}` : ''}`, { invalidateAll: true })
+    const url = `${currentBasePath}${qs ? `?${qs}` : ''}`
+    void Promise.resolve(nav.navigate(url)).then(() => nav.refresh?.())
   }
 
   function handleSearch(search: string) {
@@ -258,7 +263,7 @@
         const submitted = (result ?? {}) as Record<string, unknown>
         closeDrawer()
         onaftersubmit?.(submitted, 'create')
-        await invalidateAll()
+        await nav.refresh?.()
       }
       else if (drawerMode === 'edit' && crud.api.update && selectedItem) {
         const id = String(selectedItem[keyField])
@@ -266,7 +271,7 @@
         const submitted = (result ?? {}) as Record<string, unknown>
         closeDrawer()
         onaftersubmit?.(submitted, 'edit')
-        await invalidateAll()
+        await nav.refresh?.()
       }
     }
     catch (e) {
@@ -311,7 +316,7 @@
         closeDrawer()
       }
       onafterdelete?.(deleted)
-      await invalidateAll()
+      await nav.refresh?.()
     }
     catch (e) {
       const msg = e instanceof Error ? e.message : uiM('crud_delete_failed')

package/dist/components/scenes/crud/CrudPage.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { Size } from '../../../types.js';
+import type { NavAdapter } from './nav-adapter.js';
 type FieldDef = {
     id: string;
     label: string | (() => string);
@@ -31,7 +32,18 @@ type FieldDef = {
     defaultValue?: unknown;
     order?: number;
 };
-type AnyApiFunc = (...args: unknown[]) => Promise<Record<string, unknown> | unknown> | Record<string, unknown> | unknown;
+type CrudApi = {
+    list(params: Record<string, unknown>): Promise<{
+        items: Record<string, unknown>[];
+        total: number;
+        page: number;
+        pageSize: number;
+    }>;
+    get?(id: string): Promise<Record<string, unknown> | null>;
+    create?(data: Record<string, unknown>): Promise<Record<string, unknown>>;
+    update?(id: string, data: Record<string, unknown>): Promise<Record<string, unknown>>;
+    remove?(id: string): Promise<void>;
+};
 type CrudDef = {
     resource: {
         name: string;
@@ -41,13 +53,7 @@ type CrudDef = {
         defaultPageSize?: number;
         searchable?: boolean;
         searchPlaceholder?: string | (() => string);
-        api: {
-            list: AnyApiFunc;
-            get?: AnyApiFunc;
-            create?: AnyApiFunc;
-            update?: AnyApiFunc;
-            remove?: AnyApiFunc;
-        };
+        api: CrudApi;
     };
     getListFields: () => FieldDef[];
     getFilterFields: () => FieldDef[];
@@ -62,13 +68,7 @@ type CrudDef = {
         render?: (item: Record<string, unknown>) => string;
     }>;
     getDefaultValues: () => Record<string, unknown>;
-    api: {
-        list: AnyApiFunc;
-        get?: AnyApiFunc;
-        create?: AnyApiFunc;
-        update?: AnyApiFunc;
-        remove?: AnyApiFunc;
-    };
+    api: CrudApi;
 };
 type $$ComponentProps = {
     crud: CrudDef;
@@ -95,6 +95,13 @@ type $$ComponentProps = {
     onafterdelete?: (item: Record<string, unknown>) => void;
     onerror?: (error: string) => void;
     basePath?: string;
+    /**
+     * 路由适配器：用于读取当前 pathname、同步过滤参数到 URL、列表刷新。
+     * 默认使用 `createBrowserNavAdapter()`（基于 `globalThis.location`）。
+     * SvelteKit 应用应传入 `createSvelteKitNavAdapter()`（来自 `@h-ai/kit/client`），
+     * 以获得客户端跳转 + invalidateAll 体验。
+     */
+    nav?: NavAdapter;
     class?: string;
 };
 /**

package/dist/components/scenes/crud/index.d.ts

@@ -10,3 +10,5 @@ export { default as CrudDetailDrawer } from './CrudDetailDrawer.svelte';
 export { default as CrudEditDrawer } from './CrudEditDrawer.svelte';
 export { default as CrudFilterBar } from './CrudFilterBar.svelte';
 export { default as CrudPage } from './CrudPage.svelte';
+export type { NavAdapter } from './nav-adapter.js';
+export { createBrowserNavAdapter } from './nav-adapter.js';

package/dist/components/scenes/crud/index.js

@@ -9,3 +9,4 @@ export { default as CrudDetailDrawer } from './CrudDetailDrawer.svelte';
 export { default as CrudEditDrawer } from './CrudEditDrawer.svelte';
 export { default as CrudFilterBar } from './CrudFilterBar.svelte';
 export { default as CrudPage } from './CrudPage.svelte';
+export { createBrowserNavAdapter } from './nav-adapter.js';

package/dist/components/scenes/crud/nav-adapter.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @h-ai/ui — CRUD 导航适配器
+ *
+ * `CrudPage` 通过 `nav` prop 接入宿主路由系统，避免对任何具体框架（SvelteKit、
+ * 自实现 hash router 等）形成强依赖。
+ *
+ * - SvelteKit 应用：传入 `createSvelteKitNavAdapter()`（从 `@h-ai/kit/client` 导入）。
+ * - 纯浏览器 / Tauri / Capacitor：传入自定义实现或使用默认 `createBrowserNavAdapter()`。
+ *
+ * @module nav-adapter
+ */
+/**
+ * 路由适配器接口。`CrudPage` 通过此接口完成：
+ * - 读取当前 pathname（作为列表 URL 的 basePath 兜底）
+ * - 调用 `navigate(url)` 同步搜索 / 过滤 / 分页参数到地址栏
+ * - 调用 `refresh()` 在写操作后重新拉取列表数据
+ */
+export interface NavAdapter {
+    /** 当前页面路径（不含 query / hash），用于推导 `basePath`。 */
+    readonly pathname: string;
+    /** 跳转到指定 URL（可带 query），通常用于更新 URL 上的搜索/分页参数。 */
+    readonly navigate: (url: string) => void | Promise<void>;
+    /** 写操作完成后触发列表刷新；未提供时由调用方自行通过 `onaftersubmit` / `onafterdelete` 处理。 */
+    readonly refresh?: () => void | Promise<void>;
+}
+/**
+ * 创建基于浏览器 `globalThis.location` 的默认导航适配器。
+ *
+ * 适用场景：纯 SPA（无 SvelteKit）、Tauri、Capacitor 等可以直接读写 `location` 的环境。
+ *
+ * - `pathname` 读 `globalThis.location?.pathname`，SSR 下安全降级为 `''`。
+ * - `navigate(url)` 调 `globalThis.location.assign(url)`；如需客户端路由（hash router 等），
+ *   宿主应自行实现一个 `NavAdapter` 传入。
+ * - 不提供 `refresh`：浏览器默认导航本身会触发页面加载，调用方需在导航前/后重新拉取数据。
+ */
+export declare function createBrowserNavAdapter(): NavAdapter;

package/dist/components/scenes/crud/nav-adapter.js

@@ -0,0 +1,31 @@
+/**
+ * @h-ai/ui — CRUD 导航适配器
+ *
+ * `CrudPage` 通过 `nav` prop 接入宿主路由系统，避免对任何具体框架（SvelteKit、
+ * 自实现 hash router 等）形成强依赖。
+ *
+ * - SvelteKit 应用：传入 `createSvelteKitNavAdapter()`（从 `@h-ai/kit/client` 导入）。
+ * - 纯浏览器 / Tauri / Capacitor：传入自定义实现或使用默认 `createBrowserNavAdapter()`。
+ *
+ * @module nav-adapter
+ */
+/**
+ * 创建基于浏览器 `globalThis.location` 的默认导航适配器。
+ *
+ * 适用场景：纯 SPA（无 SvelteKit）、Tauri、Capacitor 等可以直接读写 `location` 的环境。
+ *
+ * - `pathname` 读 `globalThis.location?.pathname`，SSR 下安全降级为 `''`。
+ * - `navigate(url)` 调 `globalThis.location.assign(url)`；如需客户端路由（hash router 等），
+ *   宿主应自行实现一个 `NavAdapter` 传入。
+ * - 不提供 `refresh`：浏览器默认导航本身会触发页面加载，调用方需在导航前/后重新拉取数据。
+ */
+export function createBrowserNavAdapter() {
+    return {
+        get pathname() {
+            return globalThis.location?.pathname ?? '';
+        },
+        navigate(url) {
+            globalThis.location?.assign(url);
+        },
+    };
+}

package/dist/components/scenes/crypto/EncryptedInput.svelte

@@ -11,9 +11,7 @@
 <script lang='ts'>
   import type { Size } from '../../../types.js'
   import { uiM } from '../../../messages.js'
-  import BareButton from '../../primitives/BareButton.svelte'
-  import IconButton from '../../primitives/IconButton.svelte'
-  import Input from '../../primitives/Input.svelte'
+  import { BareButton, IconButton, Input } from '../../primitives/index.js'
 
   interface Props {
     /** 原始值 */
@@ -29,7 +27,7 @@
     /** 是否显示加密结果 */
     showEncrypted?: boolean
     /** 加密算法 */
-    algorithm?: string
+    algorithm?: 'SM2' | 'SM4'
     /** 自定义类名 */
     class?: string
     /** 加密函数 */

package/dist/components/scenes/crypto/EncryptedInput.svelte.d.ts

@@ -13,7 +13,7 @@ interface Props {
     /** 是否显示加密结果 */
     showEncrypted?: boolean;
     /** 加密算法 */
-    algorithm?: string;
+    algorithm?: 'SM2' | 'SM4';
     /** 自定义类名 */
     class?: string;
     /** 加密函数 */

package/dist/components/scenes/crypto/HashDisplay.svelte

@@ -12,8 +12,7 @@
   import type { HashDisplayProps } from '../types.js'
   import { uiM } from '../../../messages.js'
   import { cn } from '../../../utils.js'
-  import Badge from '../../primitives/Badge.svelte'
-  import IconButton from '../../primitives/IconButton.svelte'
+  import { Badge, IconButton } from '../../primitives/index.js'
 
   const {
     value = '',

package/dist/components/scenes/crypto/SignatureDisplay.svelte

@@ -12,9 +12,7 @@
   import type { SignatureDisplayProps } from '../types.js'
   import { uiM } from '../../../messages.js'
   import { cn } from '../../../utils.js'
-  import Badge from '../../primitives/Badge.svelte'
-
-  import IconButton from '../../primitives/IconButton.svelte'
+  import { Badge, IconButton } from '../../primitives/index.js'
 
   const {
     signature = '',

package/dist/components/scenes/iam/LoginForm.svelte

@@ -90,6 +90,7 @@
       type='text'
       placeholder={uiM('login_username_placeholder')}
       bind:value={username}
+      autocomplete='username'
       {disabled}
       required
       error={errors.username}
@@ -104,6 +105,7 @@
     <PasswordInput
       bind:value={password}
       placeholder={uiM('login_password_placeholder')}
+      autocomplete='current-password'
       {disabled}
       required
       error={errors.password}

package/dist/components/scenes/iam/PasswordInput.svelte

@@ -21,6 +21,8 @@
     id?: string
     /** 值 */
     value?: string
+    /** autocomplete */
+    autocomplete?: string
     /** 占位符 */
     placeholder?: string
     /** 尺寸 */
@@ -54,6 +56,7 @@
   let {
     id,
     value = $bindable(''),
+    autocomplete,
     placeholder = '',
     size = 'md',
     disabled = false,
@@ -162,6 +165,7 @@
       bind:value
       bind:inputRef={inputRef}
       {placeholder}
+      {autocomplete}
       {disabled}
       {readonly}
       {required}

package/dist/components/scenes/iam/PasswordInput.svelte.d.ts

@@ -4,6 +4,8 @@ interface Props {
     id?: string;
     /** 值 */
     value?: string;
+    /** autocomplete */
+    autocomplete?: string;
     /** 占位符 */
     placeholder?: string;
     /** 尺寸 */

package/dist/components/scenes/iam/RegisterForm.svelte

@@ -175,6 +175,7 @@
           id='register-password'
           bind:value={password}
           placeholder={getFieldPlaceholder('password')}
+          autocomplete='new-password'
           {disabled}
           required
           showStrength={showPasswordStrength}
@@ -193,6 +194,7 @@
             id='register-confirm-password'
             bind:value={confirmPassword}
             placeholder={getFieldPlaceholder('confirmPassword')}
+            autocomplete='new-password'
             {disabled}
             required
             showStrength={false}

package/dist/components/scenes/iam/UserProfile.svelte

@@ -144,6 +144,7 @@
     const file = e.currentTarget.files?.[0]
     if (file) {
       onavatarchange?.(file)
+      e.currentTarget.value = ''
     }
   }
 </script>
@@ -170,9 +171,14 @@
                   type='file'
                   class='file-input file-input-sm w-full max-w-xs'
                   accept='image/*'
+                  disabled={loading}
                   onchange={handleAvatarChange}
                 />
-                <p class='text-xs text-base-content/60 mt-1'>{uiM('user_profile_avatar_hint')}</p>
+                {#if errors.avatar}
+                  <p class='text-xs text-error mt-1' role='alert'>{errors.avatar}</p>
+                {:else}
+                  <p class='text-xs text-base-content/60 mt-1'>{uiM('user_profile_avatar_hint')}</p>
+                {/if}
               </div>
             {/if}
           </div>

package/dist/components/scenes/types.d.ts

@@ -14,6 +14,8 @@ export interface PasswordInputProps {
     id?: string;
     /** 值 */
     value?: string;
+    /** autocomplete */
+    autocomplete?: string;
     /** 占位符 */
     placeholder?: string;
     /** 尺寸 */
@@ -499,7 +501,7 @@ export interface EncryptedInputProps {
     /** 是否显示加密结果 */
     showEncrypted?: boolean;
     /** 加密算法 */
-    algorithm?: 'SM2' | 'SM4' | 'AES';
+    algorithm?: 'SM2' | 'SM4';
     /** 加密函数 */
     onencrypt?: (value: string) => Promise<string>;
     /** 自定义类名 */
@@ -520,7 +522,7 @@ export interface HashDisplayProps {
     /** 哈希值 */
     value?: string;
     /** 算法 */
-    algorithm?: 'SM3' | 'SHA256' | 'MD5';
+    algorithm?: 'SM3';
     /** 标签 */
     label?: string;
     /** 是否可复制 */
@@ -560,7 +562,7 @@ export interface SignatureDisplayProps {
     /** 公钥 */
     publicKey?: string;
     /** 算法 */
-    algorithm?: 'SM2' | 'RSA' | 'ECDSA';
+    algorithm?: 'SM2';
     /** 验证状态 */
     verified?: boolean;
     /** 是否显示公钥 */

package/dist/styles/mobile.css

@@ -103,3 +103,31 @@
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
+
+/* ─── 主流移动端 App 壳布局 ─── */
+.hai-mobile-viewport {
+  min-height: 100dvh;
+  background:
+    radial-gradient(circle at top left, color-mix(in srgb, hsl(var(--p)) 12%, transparent), transparent 32rem),
+    hsl(var(--b2));
+}
+
+.hai-mobile-shell {
+  width: 100%;
+  min-height: 100dvh;
+  margin-inline: auto;
+  display: flex;
+  flex-direction: column;
+  background: hsl(var(--b1));
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, currentColor 6%, transparent),
+    0 24px 72px rgb(15 23 42 / 10%);
+}
+
+.hai-mobile-main {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@h-ai/ui",
   "type": "module",
-  "version": "0.1.0-alpha.13",
+  "version": "0.1.0-alpha.16",
   "description": "Hai Framework UI component library for Svelte 5 Runes.",
   "license": "Apache-2.0",
   "svelte": "./dist/index.js",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "svelte": "^5.53.5"
+    "svelte": "^5.55.5"
   },
   "dependencies": {
     "@internationalized/date": "^3.8.0",
@@ -44,7 +44,7 @@
     "marked": "^18.0.0",
     "shiki": "^4.0.2",
     "tailwind-merge": "^3.5.0",
-    "@h-ai/core": "0.1.0-alpha.13"
+    "@h-ai/core": "0.1.0-alpha.16"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",