@h-ai/ui 0.1.0-alpha.12 → 0.1.0-alpha.15

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

@@ -65,7 +65,7 @@ export type MarkdownBlockFormatKind = 'heading' | 'bullet';
 /**
  * Rich block-style actions used by the current editor toolbar.
  */
-export type MarkdownBlockStyleKind = 'paragraph' | 'heading1' | 'heading2' | 'heading3' | 'heading4';
+export type MarkdownBlockStyleKind = 'paragraph' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'orderedList' | 'bulletList';
 /**
  * Inline format actions for the editor toolbar.
  * `highlight` and `link` stay in the public union so older integrations keep compiling.
@@ -75,6 +75,14 @@ export type MarkdownInlineFormatKind = 'bold' | 'italic' | 'strike' | 'underline
  * Paragraph alignment actions for the editor toolbar.
  */
 export type MarkdownTextAlignKind = 'left' | 'center' | 'right' | 'justify';
+export interface MarkdownSelectionSnapshot {
+    /** Selection start offset within the plain-text document. */
+    start: number;
+    /** Selection end offset within the plain-text document. */
+    end: number;
+    /** Selected plain text, used as a fallback when structure changes. */
+    text: string;
+}
 /**
  * 颜色面板一次只会修改前景色或背景色中的一个维度。
  */
@@ -83,6 +91,18 @@ export interface MarkdownColorFormatRequest {
     target: 'text' | 'background';
     /** 颜色值为空时表示恢复默认。 */
     value: string | null;
+    /** 当前工具条记住的选中文本，供外层在 DOM 重建后兜底恢复定位。 */
+    selectedText?: string;
+    /** 当前工具条记住的精确选区偏移，优先用于重复文本场景的恢复。 */
+    selectionSnapshot?: MarkdownSelectionSnapshot;
+}
+export interface MarkdownLinkFormatRequest {
+    /** 为空时表示移除当前链接。 */
+    href: string | null;
+    /** 当前工具条记住的精确选区偏移。 */
+    selectionSnapshot?: MarkdownSelectionSnapshot;
+    /** 当前工具条记住的选中文本，供宿主做文本兜底。 */
+    selectedText?: string;
 }
 export interface MarkdownToolbarDownloadAction {
     /** Action id used to identify the download target. */
@@ -124,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. */
@@ -191,7 +213,11 @@ export interface AiDocumentEditorProps {
     /** Paragraph alignment handler from the selection toolbar. */
     onapplyalignment?: (kind: MarkdownTextAlignKind) => void;
     /** Link add / edit / remove handler from the selection toolbar. */
-    onapplylink?: (href: string | null) => void;
+    onapplylink?: BivariantCallback<[
+        href: string | null,
+        selectionSnapshot?: MarkdownSelectionSnapshot,
+        selectedText?: string
+    ], void>;
     /** Text or background color handler from the selection toolbar. */
     onapplycolor?: (request: MarkdownColorFormatRequest) => void;
     /** Selection copy handler for custom behavior. */

package/dist/components/scenes/ai/editor-markdown-extensions.js

@@ -7,7 +7,8 @@ const HEX_COLOR_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
  */
 const ALIGN_VALUE_REGEX = /^(?:left|center|right|justify)$/i;
 const HAI_ALIGN_BLOCK_REGEX = /^<hai-align\s+value="(left|center|right|justify)">\n?([\s\S]+?)\n?<\/hai-align>\n{0,2}/i;
-const HAI_SPAN_INLINE_REGEX = /^<hai-span(?:\s+color="([^"]+)")?(?:\s+bg="([^"]+)")?\s*>([\s\S]+?)<\/hai-span>/i;
+const HAI_SPAN_INLINE_REGEX = /^<hai-span\b([^>]*)>([\s\S]+?)<\/hai-span>/i;
+const HAI_SPAN_ATTR_REGEX = /\b(color|bg)="([^"]+)"/gi;
 const HAI_UNDERLINE_REGEX = /^\+\+((?:\\.|[\s\S])+?)\+\+/;
 const HAI_HIGHLIGHT_REGEX = /^==((?:\\.|[\s\S])+?)==/;
 /**
@@ -55,6 +56,21 @@ function sanitizeAlign(value) {
         ? normalized
         : undefined;
 }
+function parseHaiSpanAttributes(rawAttributes) {
+    let color;
+    let background;
+    for (const match of rawAttributes.matchAll(HAI_SPAN_ATTR_REGEX)) {
+        const [, attrName, attrValue] = match;
+        if (attrName === 'color') {
+            color = sanitizeColor(attrValue) ?? color;
+            continue;
+        }
+        if (attrName === 'bg') {
+            background = sanitizeColor(attrValue) ?? background;
+        }
+    }
+    return { color, background };
+}
 /**
  * ChatWorkspace 编辑器会把“非标准 Markdown”能力写成自定义标签，
  * 这里把它们注册为 marked 扩展，保证普通 Markdown 和编辑器增强能力共享同一条渲染链路。
@@ -101,14 +117,13 @@ export function createEditorMarkdownExtensions() {
                 if (!match) {
                     return undefined;
                 }
-                const color = sanitizeColor(match[1]);
-                const background = sanitizeColor(match[2]);
+                const { color, background } = parseHaiSpanAttributes(match[1] ?? '');
                 return {
                     type: 'haiSpan',
                     raw: match[0],
                     color,
                     background,
-                    tokens: this.lexer.inlineTokens(match[3]),
+                    tokens: this.lexer.inlineTokens(match[2]),
                 };
             },
             renderer(token) {

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/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

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

package/dist/messages/en-US.json

@@ -210,6 +210,8 @@
   "markdown_format_heading_3": "Heading 3",
   "markdown_format_heading_4": "Heading 4",
   "markdown_format_bullet": "Bullets",
+  "markdown_format_ordered_list": "Ordered list",
+  "markdown_format_bullet_list": "Bullet list",
   "markdown_format_bold": "Bold",
   "markdown_format_strike": "Strike",
   "markdown_format_italic": "Italic",
@@ -224,6 +226,7 @@
   "markdown_align_justify": "Justify",
   "markdown_text_color": "Text color",
   "markdown_background_color": "Background color",
+  "markdown_background_none": "No background",
   "markdown_reset_default": "Reset default",
   "markdown_color_dialog_label": "Text and background color",
   "markdown_link_dialog_label": "Edit link",
@@ -231,6 +234,8 @@
   "markdown_link_placeholder": "Paste or type a link",
   "markdown_link_apply": "Apply link",
   "markdown_link_remove": "Remove link",
+  "markdown_link_open": "Open link",
+  "markdown_link_edit": "Edit link",
   "markdown_copy_selection": "Copy",
   "markdown_annotation": "Annotate",
   "markdown_run_preview": "Run Preview",

package/dist/messages/zh-CN.json

@@ -210,6 +210,8 @@
   "markdown_format_heading_3": "三级标题",
   "markdown_format_heading_4": "四级标题",
   "markdown_format_bullet": "列表",
+  "markdown_format_ordered_list": "有序列表",
+  "markdown_format_bullet_list": "无序列表",
   "markdown_format_bold": "加粗",
   "markdown_format_strike": "删除线",
   "markdown_format_italic": "斜体",
@@ -224,6 +226,7 @@
   "markdown_align_justify": "两端对齐",
   "markdown_text_color": "字体颜色",
   "markdown_background_color": "背景颜色",
+  "markdown_background_none": "无背景",
   "markdown_reset_default": "恢复默认",
   "markdown_color_dialog_label": "文本和背景颜色",
   "markdown_link_dialog_label": "编辑链接",
@@ -231,6 +234,8 @@
   "markdown_link_placeholder": "输入或粘贴链接地址",
   "markdown_link_apply": "应用链接",
   "markdown_link_remove": "移除链接",
+  "markdown_link_open": "打开链接",
+  "markdown_link_edit": "修改链接",
   "markdown_copy_selection": "复制",
   "markdown_annotation": "注释",
   "markdown_run_preview": "运行预览",

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.12",
+  "version": "0.1.0-alpha.15",
   "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.12"
+    "@h-ai/core": "0.1.0-alpha.15"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",