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

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. */
@@ -191,7 +211,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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@h-ai/ui",
   "type": "module",
-  "version": "0.1.0-alpha.12",
+  "version": "0.1.0-alpha.13",
   "description": "Hai Framework UI component library for Svelte 5 Runes.",
   "license": "Apache-2.0",
   "svelte": "./dist/index.js",
@@ -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.13"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",