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

package/dist/components/scenes/ai/table/AiTableEditor.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { AiTableEditorProps } from './table-types.js';
+declare const AiTableEditor: import("svelte").Component<AiTableEditorProps, {
+    flushPendingTableChange: () => void;
+}, "editorScrollHost">;
+type AiTableEditor = ReturnType<typeof AiTableEditor>;
+export default AiTableEditor;

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

@@ -0,0 +1,101 @@
+/**
+ * 表格列支持的数据类型。
+ * - `text`: 普通文本输入
+ * - `number`: 数值输入（前端仍按字符串回传，避免输入中间态被强转）
+ * - `tag`: 标签样式输入，用于优先级、状态等枚举文本
+ */
+export type AiTableColumnType = 'text' | 'number' | 'tag';
+export interface AiTableColumn {
+    /** 列唯一键，必须和每行对象中的字段名一一对应。 */
+    key: string;
+    /** 列头展示文案。 */
+    label: string;
+    /** 当前列的输入与渲染类型。 */
+    type: AiTableColumnType;
+}
+export interface AiTableRow {
+    /** 行唯一标识；编辑、删除和流式合并都依赖它做稳定匹配。 */
+    row_id: string;
+    /**
+     * 行内任意单元格值，键名需对应 `table_columns[].key`。
+     *
+     * @remarks
+     * viewer 侧会接历史草稿、structured payload 和流式中间态，值类型不能过早收死。
+     * 组件内部会在渲染/复制/下载时统一做字符串化兜底。
+     */
+    [key: string]: unknown;
+}
+export interface AiTableData {
+    /** 列定义，按数组顺序渲染表头和单元格。 */
+    table_columns: AiTableColumn[];
+    /** 行数据，按数组顺序展示。 */
+    table_rows: AiTableRow[];
+}
+/**
+ * 表格变更来源，用于上层做埋点或按动作类型分流保存策略。
+ */
+export type AiTableEditorChangeAction = 'replace' | 'cell-update' | 'row-add' | 'row-delete' | 'row-reorder';
+export interface AiTableEditorChangePayload {
+    /** 本次变更动作类型。 */
+    action: AiTableEditorChangeAction;
+    /** 变更后的完整表格快照。 */
+    nextData: AiTableData;
+    /** 命中的行 id；`replace` 动作下可为空，`row-reorder` 下表示被拖动的行。 */
+    rowId?: string;
+    /** 命中的列 key；仅单元格编辑时存在。 */
+    columnKey?: string;
+    /** 单元格编辑后的值；仅单元格编辑时存在。 */
+    value?: string;
+    /** 行重排时命中的参考行 id；用于还原“拖到哪一行附近”的上下文。 */
+    targetRowId?: string;
+    /** 行重排前的索引；仅 `row-reorder` 时存在。 */
+    fromIndex?: number;
+    /** 行重排后的索引；仅 `row-reorder` 时存在。 */
+    toIndex?: number;
+}
+export interface AiTableCopyPayload {
+    /** 当前复制时的结构化表格数据。 */
+    data: AiTableData;
+    /** 复制到剪贴板的文本内容（TSV）。 */
+    text: string;
+}
+export interface AiTableDownloadPayload {
+    /** 当前下载时的结构化表格数据。 */
+    data: AiTableData;
+    /** 下载内容（CSV）。 */
+    csv: string;
+    /** 推荐文件名（已带 `.csv` 后缀）。 */
+    filename: string;
+}
+export interface AiTableEditorProps {
+    /** 原始表格内容字符串，通常是 JSON 文本，支持流式残缺片段。 */
+    content?: string;
+    /** 结构化表格数据；有值时优先于 `content`。 */
+    tableData?: AiTableData;
+    /** 表格标题。 */
+    title?: string;
+    /** 外层容器自定义类名。 */
+    class?: string;
+    /** 暴露给外层的滚动容器引用，便于外层同步滚动行为。 */
+    editorScrollHost?: HTMLDivElement | null;
+    /** 头部状态文案。 */
+    statusText?: string;
+    /** 头部辅助文案。 */
+    metaText?: string;
+    /** 头部保存状态文案。 */
+    saveState?: string;
+    /** 是否允许编辑单元格与行操作。 */
+    editable?: boolean;
+    /** 关闭按钮是否禁用。 */
+    closeDisabled?: boolean;
+    /** 关闭回调。 */
+    onclose?: () => void;
+    /** 表格变更回调，后续可直接对接保存接口。 */
+    ontablechange?: (payload: AiTableEditorChangePayload) => void | Promise<void>;
+    /** 表格容器滚动回调，便于外层同步“自动跟随到底部”等策略。 */
+    ondocumentscroll?: (event: Event) => void;
+    /** 复制回调；不传则走组件内置剪贴板逻辑。 */
+    oncopytable?: (payload: AiTableCopyPayload) => void | Promise<void>;
+    /** 下载回调；不传则走组件内置浏览器下载逻辑。 */
+    ondownloadtable?: (payload: AiTableDownloadPayload) => void | Promise<void>;
+}

package/dist/components/scenes/ai/table/table-types.js

@@ -0,0 +1 @@
+export {};

package/dist/messages/en-US.json

@@ -204,6 +204,11 @@
   "markdown_history": "History",
   "markdown_view_version": "View version",
   "markdown_format_heading": "Heading",
+  "markdown_format_paragraph": "Paragraph",
+  "markdown_format_heading_1": "Heading 1",
+  "markdown_format_heading_2": "Heading 2",
+  "markdown_format_heading_3": "Heading 3",
+  "markdown_format_heading_4": "Heading 4",
   "markdown_format_bullet": "Bullets",
   "markdown_format_bold": "Bold",
   "markdown_format_strike": "Strike",
@@ -212,12 +217,34 @@
   "markdown_format_link": "Link",
   "markdown_format_code": "Code",
   "markdown_format_highlight": "Highlight",
+  "markdown_align": "Align",
+  "markdown_align_left": "Align left",
+  "markdown_align_center": "Align center",
+  "markdown_align_right": "Align right",
+  "markdown_align_justify": "Justify",
+  "markdown_text_color": "Text color",
+  "markdown_background_color": "Background color",
+  "markdown_reset_default": "Reset default",
+  "markdown_color_dialog_label": "Text and background color",
+  "markdown_link_dialog_label": "Edit link",
+  "markdown_link_input_label": "Link URL",
+  "markdown_link_placeholder": "Paste or type a link",
+  "markdown_link_apply": "Apply link",
+  "markdown_link_remove": "Remove link",
   "markdown_copy_selection": "Copy",
   "markdown_annotation": "Annotate",
   "markdown_run_preview": "Run Preview",
   "markdown_running": "Running",
   "markdown_run_failed": "Run failed",
   "markdown_run_unavailable": "No preview runner is configured for this code block.",
+  "markdown_run_unavailable_language": "Local preview for {language} is not supported. Reason: no runtime is configured for this language.",
+  "table_editor_eyebrow": "Editable table",
+  "table_copy": "Copy table",
+  "table_download": "Download table",
+  "table_reorder_row": "Drag to reorder this row",
+  "table_close": "Close",
+  "table_add_row": "Add row",
+  "table_delete_row": "Delete row",
   "crud_create": "Create",
   "crud_edit": "Edit",
   "crud_detail": "Detail",

package/dist/messages/zh-CN.json

@@ -204,6 +204,11 @@
   "markdown_history": "历史版本",
   "markdown_view_version": "查看版本",
   "markdown_format_heading": "标题",
+  "markdown_format_paragraph": "正文",
+  "markdown_format_heading_1": "一级标题",
+  "markdown_format_heading_2": "二级标题",
+  "markdown_format_heading_3": "三级标题",
+  "markdown_format_heading_4": "四级标题",
   "markdown_format_bullet": "列表",
   "markdown_format_bold": "加粗",
   "markdown_format_strike": "删除线",
@@ -212,12 +217,34 @@
   "markdown_format_link": "链接",
   "markdown_format_code": "代码",
   "markdown_format_highlight": "高亮",
+  "markdown_align": "对齐",
+  "markdown_align_left": "左对齐",
+  "markdown_align_center": "居中对齐",
+  "markdown_align_right": "右对齐",
+  "markdown_align_justify": "两端对齐",
+  "markdown_text_color": "字体颜色",
+  "markdown_background_color": "背景颜色",
+  "markdown_reset_default": "恢复默认",
+  "markdown_color_dialog_label": "文本和背景颜色",
+  "markdown_link_dialog_label": "编辑链接",
+  "markdown_link_input_label": "链接地址",
+  "markdown_link_placeholder": "输入或粘贴链接地址",
+  "markdown_link_apply": "应用链接",
+  "markdown_link_remove": "移除链接",
   "markdown_copy_selection": "复制",
   "markdown_annotation": "注释",
   "markdown_run_preview": "运行预览",
   "markdown_running": "运行中",
   "markdown_run_failed": "运行失败",
   "markdown_run_unavailable": "当前代码块未配置运行预览器。",
+  "markdown_run_unavailable_language": "暂不支持 {language} 的本地预览。原因：当前环境未配置该语言的运行器。",
+  "table_editor_eyebrow": "可编辑表格",
+  "table_copy": "复制表格",
+  "table_download": "下载表格",
+  "table_reorder_row": "拖动调整这一行顺序",
+  "table_close": "关闭",
+  "table_add_row": "新增一行",
+  "table_delete_row": "删除这一行",
   "crud_create": "新建",
   "crud_edit": "编辑",
   "crud_detail": "详情",

package/dist/types.d.ts

@@ -29,6 +29,8 @@ export interface ButtonProps {
     variant?: Variant;
     /** 尺寸 */
     size?: Size;
+    /** 关联表单 ID */
+    form?: string;
     /** 自定义类名 */
     class?: string;
     /** aria-label（无障碍标签） */
@@ -442,6 +444,12 @@ export interface ModalProps {
     closeOnEscape?: boolean;
     /** 是否显示关闭按钮 */
     showClose?: boolean;
+    /** 自定义宽度（任意合法 CSS 宽度值） */
+    width?: string;
+    /** 自定义高度（任意合法 CSS 高度值） */
+    height?: string;
+    /** 主体区域自定义类名 */
+    bodyClass?: string;
     /** 自定义类名 */
     class?: string;
     /** 关闭事件 */
@@ -702,6 +710,8 @@ export interface DropdownProps {
  * 表单属性
  */
 export interface FormProps {
+    /** 表单 ID */
+    id?: string;
     /** 自定义类名 */
     class?: string;
     /** 加载状态 */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@h-ai/ui",
   "type": "module",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.12",
   "description": "Hai Framework UI component library for Svelte 5 Runes.",
   "license": "Apache-2.0",
   "svelte": "./dist/index.js",
@@ -39,10 +39,12 @@
     "@internationalized/date": "^3.8.0",
     "@shikijs/langs": "^4.0.2",
     "bits-ui": "^2.8.0",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^4.2.1",
     "marked": "^18.0.0",
     "shiki": "^4.0.2",
     "tailwind-merge": "^3.5.0",
-    "@h-ai/core": "0.1.0-alpha.10"
+    "@h-ai/core": "0.1.0-alpha.12"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",