@open-feishu-card/renderer 0.1.1 → 0.2.0

package/dist/index.d.cts

@@ -91,6 +91,25 @@ interface ElementProperty {
     scaleType?: string;
     mode?: string;
     corner_radius?: number | string;
+    /** 媒体文件 key（视频/音频） */
+    fileID?: string;
+    file_key?: string;
+    /** 视频封面图 key / 局部 imageID */
+    coverImageID?: string;
+    image_key?: string;
+    cover_image_key?: string;
+    /** 是否显示时长（视频角标 / 音频时间） */
+    showTime?: boolean;
+    show_time?: boolean;
+    /** 视频是否允许下载（透传，预览期仅影响 controlslist） */
+    enableDownload?: boolean;
+    enable_download?: boolean;
+    /** 音频实例 id（卡片更新时保持播放状态） */
+    audioID?: string;
+    audio_id?: string;
+    /** 是否显示进度条（音频） */
+    showProgressBar?: boolean;
+    show_progress_bar?: boolean;
     type?: string;
     text?: CardElement;
     disabled?: boolean;
@@ -263,6 +282,13 @@ interface RenderOptions {
     resolveImage?: (property: ElementProperty) => string | null | undefined;
     /** 图片地址前缀：最终 src = imageBaseURL + imageID */
     imageBaseURL?: string;
+    /**
+     * 自定义音视频地址解析：返回最终可播放 src。
+     * 真机走鉴权下载；同步渲染无 token 时需 caller 注入，否则 video/audio 只出壳/封面。
+     */
+    resolveMedia?: (property: ElementProperty, kind: 'video' | 'audio') => string | null | undefined;
+    /** 音视频地址前缀：最终 src = mediaBaseURL + fileID */
+    mediaBaseURL?: string;
     /**
      * 人员表（open_id -> { content 姓名, avatar_key 头像 }）。
      * person_v1 / person_list 元素只带 ID，姓名/头像在此反查。
@@ -281,8 +307,9 @@ interface RenderOptions {
     resolvePersonAvatar?: (person: PersonInfo) => string | null | undefined;
 }
 /**
- * 人员信息：person_v1 / person_list 元素只带 ID，姓名与头像 key 在这里。
- * 取自飞书消息 content 的 json_attachment.persons（按 open_id「ou_...」索引）。
+ * 人员信息：person_v1 / person_list / at 元素只带 ID，姓名与头像 key 在这里。
+ * 取自飞书消息 content 的 json_attachment.persons（按 open_id「ou_...」索引）；
+ * fetchCardMessage 还会把信封 mentions 与 at_users 合并进来（含 @_user_N 别名键）。
  * avatar_key 是公开可访问的头像图 key（无需鉴权，见 PERSON_AVATAR_BASE）。
  */
 interface PersonInfo {
@@ -293,10 +320,42 @@ interface PersonInfo {
     /** 头像图 key（形如 v3_00te_...），拼 avatarBaseURL 取图 */
     avatar_key?: string;
 }
+/**
+ * 消息信封上的 @ 提及（data.items[0].mentions），不在 body.content 内。
+ * 带 `user_id_type=open_id` 拉取时 id 为 open_id（ou_...）。
+ */
+interface MessageMention {
+    /** 用户 ID（open_id / user_id，取决于请求的 user_id_type） */
+    id: string;
+    id_type?: string;
+    /** 提及占位键，如 "@_user_1"（部分 RAW at.userID 用此键） */
+    key?: string;
+    /** 显示名 */
+    name?: string;
+    tenant_key?: string;
+}
+/**
+ * json_attachment.at_users 单条：与信封 mentions 互补，供 @ 渲染补全姓名。
+ * key / mention_key 形如 "@_user_1"。
+ */
+interface AtUserInfo {
+    content?: string;
+    name?: string;
+    person_id?: string;
+    id?: string;
+    open_id?: string;
+    key?: string;
+    mention_key?: string;
+    avatar_key?: string;
+}
 /**
  * 消息附件表：把卡片里 img 元素的局部序号（property.imageID，如 "19"）
  * 映射到飞书图床真实 key（origin_key，形如 img_v3_...）。
  * 取自飞书消息 content 的 json_attachment 字段。
+ *
+ * - persons：人员姓名/头像（open_id → PersonInfo）
+ * - at_users：content 内的 @ 用户表（仍在 attachment；信封 mentions 见 MessageMention）
+ * - images / videos / audios：媒体资源索引
  */
 interface JsonAttachment {
     images?: Record<string, {
@@ -304,6 +363,20 @@ interface JsonAttachment {
     }>;
     /** 人员表：open_id（ou_...） -> { content 姓名, avatar_key 头像 } */
     persons?: Record<string, PersonInfo>;
+    /**
+     * @ 提及用户表（仍在 body.content.json_attachment 内）。
+     * 可为 open_id / @_user_N 索引的对象，或数组。
+     * fetchCardMessage 会把它与信封 mentions 一并合并进 persons。
+     */
+    at_users?: Record<string, AtUserInfo> | AtUserInfo[];
+    /** 视频附件表：fileID -> { key }（真机仅索引，可播放 URL 仍需鉴权下载） */
+    videos?: Record<string, {
+        key?: string;
+    }>;
+    /** 音频附件表：fileID -> { key } */
+    audios?: Record<string, {
+        key?: string;
+    }>;
 }
 /**
  * 异步渲染选项：在同步 RenderOptions 基础上，支持用 access token 自动拉取图片。
@@ -397,7 +470,7 @@ declare function h(tag: string, props?: VNodeProps | null, ...children: Array<VN
 /**
  * 飞书 Universal Card header 高光纹理（半透明白 PNG，1200x280）。
  * 从网页版飞书原版资源提取并内联为 base64 data URI，使本包零外部资源依赖。
- *  - HEADER_BG_LIGHT: 亮色主题 (原 04a33f514b.png)
+ *  - HEADER_BG_LIGHT: 亮色主题（飞书 aac0718d1d.png，通用强高光；灰 header 亦用此图以贴近真机观感）
  *  - HEADER_BG_DARK : 暗色主题 (原 c16649b557.png)
  */
 declare const HEADER_BG_LIGHT: string;
@@ -469,6 +542,29 @@ declare function feishuChartHydrateScript(opts?: {
  */
 declare function feishuChartHydrateJs(vchartGlobal?: string): string;
 
+/**
+ * 音频（audio）运行期水合：绑定播放/暂停、进度条与时长，切换播放钮图标。
+ *
+ * 渲染期只输出静态壳 + 隐藏 <audio>；真机交互靠本模块在浏览器里接线。
+ * - 浏览器：renderCard 后自动 hydrate；也可手动 hydrateFeishuAudios(root)
+ * - SSR：页面塞入 feishuAudioHydrateScript()
+ */
+/** 已水合标记（避免重复绑事件） */
+declare const AUDIO_HYDRATED_ATTR = "data-feishu-audio-hydrated";
+/** 对齐真机 PlayRoundFilled（顶层 audio 默认） */
+declare const AUDIO_PLAY_ICON_SVG: string;
+/** 对齐飞书网页版 PauseRoundFilled（圆底 + 圆角双竖条） */
+declare const AUDIO_PAUSE_ICON_SVG: string;
+/**
+ * 扫描 root 下音频壳并绑定交互（幂等）。
+ * @returns 成功水合的数量
+ */
+declare function hydrateFeishuAudios(root?: ParentNode | null): number;
+/** SSR：返回自执行 <script>，DOM ready 后自动水合全部音频 */
+declare function feishuAudioHydrateScript(): string;
+/** SSR：hydrate 脚本正文（不含 <script> 包裹） */
+declare function feishuAudioHydrateJs(): string;
+
 /**
  * 渲染常量。颜色/字号等规则均从网页版飞书引擎 (be8b738f.js) 与
  * edbaaa5b.css 中逆向抽取，详见 README 的「渲染规则」一节。
@@ -489,18 +585,30 @@ declare const CHART_PALETTE: string[];
  * 预取成 data URI，再通过生成好的 resolveImage 钩子喂进去。
  */
 
+/** fetchCardMessage 的解包结果 */
+interface FetchedCardMessage {
+    json_card: JsonCard;
+    json_attachment?: JsonAttachment;
+    messageId: string;
+    /** 消息信封上的 @ 列表（data.items[0].mentions，非 body.content 内） */
+    mentions?: MessageMention[];
+}
 /** ArrayBuffer -> base64（Node 用 Buffer，浏览器用 btoa；保持零依赖、双端可用） */
 declare function arrayBufferToBase64(buf: ArrayBuffer): string;
 /**
- * 拉取单条卡片消息并解包成 { json_card, json_attachment, messageId }。
- * 必须带 card_msg_content_type=raw_card_content，否则拿不到 json_card。
+ * 把信封 mentions 与 json_attachment.at_users 合并进 persons，
+ * 供 at / person_v1 直接查姓名（无需业务侧再传 options.persons）。
+ * 若有 @_user_N 之类的 key/mention_key，同时写一份别名键。
+ */
+declare function mergeMentionsIntoPersons(attachment: JsonAttachment | undefined, mentions?: MessageMention[]): JsonAttachment | undefined;
+/**
+ * 拉取单条卡片消息并解包成 { json_card, json_attachment, messageId, mentions }。
+ * 必须带 card_msg_content_type=raw_card_content，否则拿不到 json_card；
+ * 同时带 user_id_type=open_id，使信封 mentions[].id 为 open_id。
  * 注意接口里的 json_card 是被字符串化的 JSON（双重编码），需再解一层。
+ * mentions 来自消息信封（data.items[0].mentions），会与 at_users 一并合并进 persons。
  */
-declare function fetchCardMessage(messageId: string, options: AsyncRenderOptions): Promise<{
-    json_card: JsonCard;
-    json_attachment?: JsonAttachment;
-    messageId: string;
-}>;
+declare function fetchCardMessage(messageId: string, options: AsyncRenderOptions): Promise<FetchedCardMessage>;
 /**
  * 拉取单张图片二进制，转成 base64 data URI。
  * 端点：GET /messages/{messageId}/resources/{origin_key}?type=image
@@ -543,4 +651,4 @@ declare function renderDslToString(dsl: unknown, options?: RenderOptions): strin
 /** 输入公开 DSL，渲染为真实 DOM 节点（浏览器）。= renderCard(dslToRaw(dsl)) */
 declare function renderDsl(dsl: unknown, options?: RenderOptions): Node;
 
-export { ALL_CSS, type AsyncRenderOptions, type BoxSpacing, CHART_HYDRATED_ATTR, CHART_PALETTE, CHART_SPEC_ATTR, type CardElement, type CardInput, type CardMessageInput, type ComponentFn, EMOJI_KEY_TO_NAME, EMOJI_SPRITE_CSS, type ElementProperty, HEADER_BG_DARK, HEADER_BG_LIGHT, type HeaderTemplate, ICON_CODEPOINTS, ICON_FONT_CSS, type JsonAttachment, type JsonCard, type LinkURL, type ListItem, type NamedColor, type PersonInfo, type RenderContext, type RenderOptions, type SizeName, type TableColumn, type TableHeaderStyle, type TextAlign, type TextAttribute, type TextStyle, type VNode, type VNodeChild, type VNodeProps, arrayBufferToBase64, feishuCardStyleTag, feishuChartHydrateJs, feishuChartHydrateScript, fetchCardMessage, fetchImageDataUri, getComponent, h, hydrateFeishuCharts, parseInline, parseMarkdown, prefetchImages, registerComponent, renderCard, renderCardAsync, renderCardToString, renderCardToStringAsync, renderDsl, renderDslToString, renderFeishuChart };
+export { ALL_CSS, AUDIO_HYDRATED_ATTR, AUDIO_PAUSE_ICON_SVG, AUDIO_PLAY_ICON_SVG, type AsyncRenderOptions, type AtUserInfo, type BoxSpacing, CHART_HYDRATED_ATTR, CHART_PALETTE, CHART_SPEC_ATTR, type CardElement, type CardInput, type CardMessageInput, type ComponentFn, EMOJI_KEY_TO_NAME, EMOJI_SPRITE_CSS, type ElementProperty, type FetchedCardMessage, HEADER_BG_DARK, HEADER_BG_LIGHT, type HeaderTemplate, ICON_CODEPOINTS, ICON_FONT_CSS, type JsonAttachment, type JsonCard, type LinkURL, type ListItem, type MessageMention, type NamedColor, type PersonInfo, type RenderContext, type RenderOptions, type SizeName, type TableColumn, type TableHeaderStyle, type TextAlign, type TextAttribute, type TextStyle, type VNode, type VNodeChild, type VNodeProps, arrayBufferToBase64, feishuAudioHydrateJs, feishuAudioHydrateScript, feishuCardStyleTag, feishuChartHydrateJs, feishuChartHydrateScript, fetchCardMessage, fetchImageDataUri, getComponent, h, hydrateFeishuAudios, hydrateFeishuCharts, mergeMentionsIntoPersons, parseInline, parseMarkdown, prefetchImages, registerComponent, renderCard, renderCardAsync, renderCardToString, renderCardToStringAsync, renderDsl, renderDslToString, renderFeishuChart };

package/dist/index.d.ts

@@ -91,6 +91,25 @@ interface ElementProperty {
     scaleType?: string;
     mode?: string;
     corner_radius?: number | string;
+    /** 媒体文件 key（视频/音频） */
+    fileID?: string;
+    file_key?: string;
+    /** 视频封面图 key / 局部 imageID */
+    coverImageID?: string;
+    image_key?: string;
+    cover_image_key?: string;
+    /** 是否显示时长（视频角标 / 音频时间） */
+    showTime?: boolean;
+    show_time?: boolean;
+    /** 视频是否允许下载（透传，预览期仅影响 controlslist） */
+    enableDownload?: boolean;
+    enable_download?: boolean;
+    /** 音频实例 id（卡片更新时保持播放状态） */
+    audioID?: string;
+    audio_id?: string;
+    /** 是否显示进度条（音频） */
+    showProgressBar?: boolean;
+    show_progress_bar?: boolean;
     type?: string;
     text?: CardElement;
     disabled?: boolean;
@@ -263,6 +282,13 @@ interface RenderOptions {
     resolveImage?: (property: ElementProperty) => string | null | undefined;
     /** 图片地址前缀：最终 src = imageBaseURL + imageID */
     imageBaseURL?: string;
+    /**
+     * 自定义音视频地址解析：返回最终可播放 src。
+     * 真机走鉴权下载；同步渲染无 token 时需 caller 注入，否则 video/audio 只出壳/封面。
+     */
+    resolveMedia?: (property: ElementProperty, kind: 'video' | 'audio') => string | null | undefined;
+    /** 音视频地址前缀：最终 src = mediaBaseURL + fileID */
+    mediaBaseURL?: string;
     /**
      * 人员表（open_id -> { content 姓名, avatar_key 头像 }）。
      * person_v1 / person_list 元素只带 ID，姓名/头像在此反查。
@@ -281,8 +307,9 @@ interface RenderOptions {
     resolvePersonAvatar?: (person: PersonInfo) => string | null | undefined;
 }
 /**
- * 人员信息：person_v1 / person_list 元素只带 ID，姓名与头像 key 在这里。
- * 取自飞书消息 content 的 json_attachment.persons（按 open_id「ou_...」索引）。
+ * 人员信息：person_v1 / person_list / at 元素只带 ID，姓名与头像 key 在这里。
+ * 取自飞书消息 content 的 json_attachment.persons（按 open_id「ou_...」索引）；
+ * fetchCardMessage 还会把信封 mentions 与 at_users 合并进来（含 @_user_N 别名键）。
  * avatar_key 是公开可访问的头像图 key（无需鉴权，见 PERSON_AVATAR_BASE）。
  */
 interface PersonInfo {
@@ -293,10 +320,42 @@ interface PersonInfo {
     /** 头像图 key（形如 v3_00te_...），拼 avatarBaseURL 取图 */
     avatar_key?: string;
 }
+/**
+ * 消息信封上的 @ 提及（data.items[0].mentions），不在 body.content 内。
+ * 带 `user_id_type=open_id` 拉取时 id 为 open_id（ou_...）。
+ */
+interface MessageMention {
+    /** 用户 ID（open_id / user_id，取决于请求的 user_id_type） */
+    id: string;
+    id_type?: string;
+    /** 提及占位键，如 "@_user_1"（部分 RAW at.userID 用此键） */
+    key?: string;
+    /** 显示名 */
+    name?: string;
+    tenant_key?: string;
+}
+/**
+ * json_attachment.at_users 单条：与信封 mentions 互补，供 @ 渲染补全姓名。
+ * key / mention_key 形如 "@_user_1"。
+ */
+interface AtUserInfo {
+    content?: string;
+    name?: string;
+    person_id?: string;
+    id?: string;
+    open_id?: string;
+    key?: string;
+    mention_key?: string;
+    avatar_key?: string;
+}
 /**
  * 消息附件表：把卡片里 img 元素的局部序号（property.imageID，如 "19"）
  * 映射到飞书图床真实 key（origin_key，形如 img_v3_...）。
  * 取自飞书消息 content 的 json_attachment 字段。
+ *
+ * - persons：人员姓名/头像（open_id → PersonInfo）
+ * - at_users：content 内的 @ 用户表（仍在 attachment；信封 mentions 见 MessageMention）
+ * - images / videos / audios：媒体资源索引
  */
 interface JsonAttachment {
     images?: Record<string, {
@@ -304,6 +363,20 @@ interface JsonAttachment {
     }>;
     /** 人员表：open_id（ou_...） -> { content 姓名, avatar_key 头像 } */
     persons?: Record<string, PersonInfo>;
+    /**
+     * @ 提及用户表（仍在 body.content.json_attachment 内）。
+     * 可为 open_id / @_user_N 索引的对象，或数组。
+     * fetchCardMessage 会把它与信封 mentions 一并合并进 persons。
+     */
+    at_users?: Record<string, AtUserInfo> | AtUserInfo[];
+    /** 视频附件表：fileID -> { key }（真机仅索引，可播放 URL 仍需鉴权下载） */
+    videos?: Record<string, {
+        key?: string;
+    }>;
+    /** 音频附件表：fileID -> { key } */
+    audios?: Record<string, {
+        key?: string;
+    }>;
 }
 /**
  * 异步渲染选项：在同步 RenderOptions 基础上，支持用 access token 自动拉取图片。
@@ -397,7 +470,7 @@ declare function h(tag: string, props?: VNodeProps | null, ...children: Array<VN
 /**
  * 飞书 Universal Card header 高光纹理（半透明白 PNG，1200x280）。
  * 从网页版飞书原版资源提取并内联为 base64 data URI，使本包零外部资源依赖。
- *  - HEADER_BG_LIGHT: 亮色主题 (原 04a33f514b.png)
+ *  - HEADER_BG_LIGHT: 亮色主题（飞书 aac0718d1d.png，通用强高光；灰 header 亦用此图以贴近真机观感）
  *  - HEADER_BG_DARK : 暗色主题 (原 c16649b557.png)
  */
 declare const HEADER_BG_LIGHT: string;
@@ -469,6 +542,29 @@ declare function feishuChartHydrateScript(opts?: {
  */
 declare function feishuChartHydrateJs(vchartGlobal?: string): string;
 
+/**
+ * 音频（audio）运行期水合：绑定播放/暂停、进度条与时长，切换播放钮图标。
+ *
+ * 渲染期只输出静态壳 + 隐藏 <audio>；真机交互靠本模块在浏览器里接线。
+ * - 浏览器：renderCard 后自动 hydrate；也可手动 hydrateFeishuAudios(root)
+ * - SSR：页面塞入 feishuAudioHydrateScript()
+ */
+/** 已水合标记（避免重复绑事件） */
+declare const AUDIO_HYDRATED_ATTR = "data-feishu-audio-hydrated";
+/** 对齐真机 PlayRoundFilled（顶层 audio 默认） */
+declare const AUDIO_PLAY_ICON_SVG: string;
+/** 对齐飞书网页版 PauseRoundFilled（圆底 + 圆角双竖条） */
+declare const AUDIO_PAUSE_ICON_SVG: string;
+/**
+ * 扫描 root 下音频壳并绑定交互（幂等）。
+ * @returns 成功水合的数量
+ */
+declare function hydrateFeishuAudios(root?: ParentNode | null): number;
+/** SSR：返回自执行 <script>，DOM ready 后自动水合全部音频 */
+declare function feishuAudioHydrateScript(): string;
+/** SSR：hydrate 脚本正文（不含 <script> 包裹） */
+declare function feishuAudioHydrateJs(): string;
+
 /**
  * 渲染常量。颜色/字号等规则均从网页版飞书引擎 (be8b738f.js) 与
  * edbaaa5b.css 中逆向抽取，详见 README 的「渲染规则」一节。
@@ -489,18 +585,30 @@ declare const CHART_PALETTE: string[];
  * 预取成 data URI，再通过生成好的 resolveImage 钩子喂进去。
  */
 
+/** fetchCardMessage 的解包结果 */
+interface FetchedCardMessage {
+    json_card: JsonCard;
+    json_attachment?: JsonAttachment;
+    messageId: string;
+    /** 消息信封上的 @ 列表（data.items[0].mentions，非 body.content 内） */
+    mentions?: MessageMention[];
+}
 /** ArrayBuffer -> base64（Node 用 Buffer，浏览器用 btoa；保持零依赖、双端可用） */
 declare function arrayBufferToBase64(buf: ArrayBuffer): string;
 /**
- * 拉取单条卡片消息并解包成 { json_card, json_attachment, messageId }。
- * 必须带 card_msg_content_type=raw_card_content，否则拿不到 json_card。
+ * 把信封 mentions 与 json_attachment.at_users 合并进 persons，
+ * 供 at / person_v1 直接查姓名（无需业务侧再传 options.persons）。
+ * 若有 @_user_N 之类的 key/mention_key，同时写一份别名键。
+ */
+declare function mergeMentionsIntoPersons(attachment: JsonAttachment | undefined, mentions?: MessageMention[]): JsonAttachment | undefined;
+/**
+ * 拉取单条卡片消息并解包成 { json_card, json_attachment, messageId, mentions }。
+ * 必须带 card_msg_content_type=raw_card_content，否则拿不到 json_card；
+ * 同时带 user_id_type=open_id，使信封 mentions[].id 为 open_id。
  * 注意接口里的 json_card 是被字符串化的 JSON（双重编码），需再解一层。
+ * mentions 来自消息信封（data.items[0].mentions），会与 at_users 一并合并进 persons。
  */
-declare function fetchCardMessage(messageId: string, options: AsyncRenderOptions): Promise<{
-    json_card: JsonCard;
-    json_attachment?: JsonAttachment;
-    messageId: string;
-}>;
+declare function fetchCardMessage(messageId: string, options: AsyncRenderOptions): Promise<FetchedCardMessage>;
 /**
  * 拉取单张图片二进制，转成 base64 data URI。
  * 端点：GET /messages/{messageId}/resources/{origin_key}?type=image
@@ -543,4 +651,4 @@ declare function renderDslToString(dsl: unknown, options?: RenderOptions): strin
 /** 输入公开 DSL，渲染为真实 DOM 节点（浏览器）。= renderCard(dslToRaw(dsl)) */
 declare function renderDsl(dsl: unknown, options?: RenderOptions): Node;
 
-export { ALL_CSS, type AsyncRenderOptions, type BoxSpacing, CHART_HYDRATED_ATTR, CHART_PALETTE, CHART_SPEC_ATTR, type CardElement, type CardInput, type CardMessageInput, type ComponentFn, EMOJI_KEY_TO_NAME, EMOJI_SPRITE_CSS, type ElementProperty, HEADER_BG_DARK, HEADER_BG_LIGHT, type HeaderTemplate, ICON_CODEPOINTS, ICON_FONT_CSS, type JsonAttachment, type JsonCard, type LinkURL, type ListItem, type NamedColor, type PersonInfo, type RenderContext, type RenderOptions, type SizeName, type TableColumn, type TableHeaderStyle, type TextAlign, type TextAttribute, type TextStyle, type VNode, type VNodeChild, type VNodeProps, arrayBufferToBase64, feishuCardStyleTag, feishuChartHydrateJs, feishuChartHydrateScript, fetchCardMessage, fetchImageDataUri, getComponent, h, hydrateFeishuCharts, parseInline, parseMarkdown, prefetchImages, registerComponent, renderCard, renderCardAsync, renderCardToString, renderCardToStringAsync, renderDsl, renderDslToString, renderFeishuChart };
+export { ALL_CSS, AUDIO_HYDRATED_ATTR, AUDIO_PAUSE_ICON_SVG, AUDIO_PLAY_ICON_SVG, type AsyncRenderOptions, type AtUserInfo, type BoxSpacing, CHART_HYDRATED_ATTR, CHART_PALETTE, CHART_SPEC_ATTR, type CardElement, type CardInput, type CardMessageInput, type ComponentFn, EMOJI_KEY_TO_NAME, EMOJI_SPRITE_CSS, type ElementProperty, type FetchedCardMessage, HEADER_BG_DARK, HEADER_BG_LIGHT, type HeaderTemplate, ICON_CODEPOINTS, ICON_FONT_CSS, type JsonAttachment, type JsonCard, type LinkURL, type ListItem, type MessageMention, type NamedColor, type PersonInfo, type RenderContext, type RenderOptions, type SizeName, type TableColumn, type TableHeaderStyle, type TextAlign, type TextAttribute, type TextStyle, type VNode, type VNodeChild, type VNodeProps, arrayBufferToBase64, feishuAudioHydrateJs, feishuAudioHydrateScript, feishuCardStyleTag, feishuChartHydrateJs, feishuChartHydrateScript, fetchCardMessage, fetchImageDataUri, getComponent, h, hydrateFeishuAudios, hydrateFeishuCharts, mergeMentionsIntoPersons, parseInline, parseMarkdown, prefetchImages, registerComponent, renderCard, renderCardAsync, renderCardToString, renderCardToStringAsync, renderDsl, renderDslToString, renderFeishuChart };