@open-feishu-card/renderer 0.2.5 → 0.2.7

package/dist/index.cjs

@@ -5322,6 +5322,23 @@ function resolveChartBoxStyle(p, spec) {
   else style.aspectRatio = "16 / 9";
   return style;
 }
+function renderHeaderTextLeaf(node, ctx, className) {
+  if (!node) return null;
+  const tag = node.tag;
+  const p = node.property || {};
+  const isMd = tag === "markdown" || tag === "lark_md";
+  if (isMd) {
+    let elements = Array.isArray(p.elements) ? p.elements : [];
+    if (elements.length === 0 && typeof p.content === "string" && p.content) {
+      elements = parseMarkdown(p.content);
+    }
+    if (elements.length === 0) return null;
+    return h("div", { className }, renderElements(elements, ctx));
+  }
+  const content = typeof p.content === "string" ? p.content : "";
+  if (!content) return null;
+  return h("div", { className }, content);
+}
 function registerBuiltins() {
   if (registered) return;
   registered = true;
@@ -5340,8 +5357,6 @@ function registerBuiltins() {
     const p = el.property || {};
     const tplKey = p.template || "default";
     const tpl = HEADER_TEMPLATE[tplKey] || HEADER_TEMPLATE.default;
-    const title = p.title?.property?.content ?? "";
-    const subtitle = p.subtitle?.property?.content ?? "";
     const tags = p.text_tag_list || p.textTagList;
     const tagVNodes = Array.isArray(tags) && tags.length ? renderElements(tags, ctx) : [];
     const iconRaw = p.udIcon || p.icon;
@@ -5353,14 +5368,16 @@ function registerBuiltins() {
       const inner = renderIcon(iconEl, ctx);
       if (inner) iconVNode = h("div", { className: `${CLS}-header__icon` }, inner);
     }
+    const titleVNode = renderHeaderTextLeaf(p.title, ctx, `${CLS}-header__text-title`) ?? h("div", { className: `${CLS}-header__text-title` });
+    const subtitleVNode = renderHeaderTextLeaf(p.subtitle, ctx, `${CLS}-header__text-subtitle`);
     const textChildren = [
       h(
         "div",
         { className: `${CLS}-header__text-title-wrapper` },
-        h("div", { className: `${CLS}-header__text-title` }, String(title)),
+        titleVNode,
         tagVNodes.length ? h("div", { className: `${CLS}-header__tags` }, tagVNodes) : null
       ),
-      subtitle ? h("div", { className: `${CLS}-header__text-subtitle` }, String(subtitle)) : null
+      subtitleVNode
     ];
     return h(
       "div",

package/dist/index.js

@@ -5321,6 +5321,23 @@ function resolveChartBoxStyle(p, spec) {
   else style.aspectRatio = "16 / 9";
   return style;
 }
+function renderHeaderTextLeaf(node, ctx, className) {
+  if (!node) return null;
+  const tag = node.tag;
+  const p = node.property || {};
+  const isMd = tag === "markdown" || tag === "lark_md";
+  if (isMd) {
+    let elements = Array.isArray(p.elements) ? p.elements : [];
+    if (elements.length === 0 && typeof p.content === "string" && p.content) {
+      elements = parseMarkdown(p.content);
+    }
+    if (elements.length === 0) return null;
+    return h("div", { className }, renderElements(elements, ctx));
+  }
+  const content = typeof p.content === "string" ? p.content : "";
+  if (!content) return null;
+  return h("div", { className }, content);
+}
 function registerBuiltins() {
   if (registered) return;
   registered = true;
@@ -5339,8 +5356,6 @@ function registerBuiltins() {
     const p = el.property || {};
     const tplKey = p.template || "default";
     const tpl = HEADER_TEMPLATE[tplKey] || HEADER_TEMPLATE.default;
-    const title = p.title?.property?.content ?? "";
-    const subtitle = p.subtitle?.property?.content ?? "";
     const tags = p.text_tag_list || p.textTagList;
     const tagVNodes = Array.isArray(tags) && tags.length ? renderElements(tags, ctx) : [];
     const iconRaw = p.udIcon || p.icon;
@@ -5352,14 +5367,16 @@ function registerBuiltins() {
       const inner = renderIcon(iconEl, ctx);
       if (inner) iconVNode = h("div", { className: `${CLS}-header__icon` }, inner);
     }
+    const titleVNode = renderHeaderTextLeaf(p.title, ctx, `${CLS}-header__text-title`) ?? h("div", { className: `${CLS}-header__text-title` });
+    const subtitleVNode = renderHeaderTextLeaf(p.subtitle, ctx, `${CLS}-header__text-subtitle`);
     const textChildren = [
       h(
         "div",
         { className: `${CLS}-header__text-title-wrapper` },
-        h("div", { className: `${CLS}-header__text-title` }, String(title)),
+        titleVNode,
         tagVNodes.length ? h("div", { className: `${CLS}-header__tags` }, tagVNodes) : null
       ),
-      subtitle ? h("div", { className: `${CLS}-header__text-subtitle` }, String(subtitle)) : null
+      subtitleVNode
     ];
     return h(
       "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-feishu-card/renderer",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "零框架依赖的飞书卡片渲染引擎：Web / DOM / SSR，输入 RAW 或公开 DSL，输出真实 DOM 或 HTML 字符串",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -28,7 +28,7 @@
     "./dist/*.cjs"
   ],
   "dependencies": {
-    "@open-feishu-card/adapter": "0.3.0"
+    "@open-feishu-card/adapter": "0.3.2"
   },
   "devDependencies": {
     "tsup": "^8.3.5",