klun-ui 0.1.20 → 0.1.21

package/dist/{chunk-XNBVAUVT.cjs → chunk-UMR3IWCQ.cjs}

@@ -3501,8 +3501,21 @@ var ListItem = react.forwardRef(
 );
 ListItem.displayName = "ListItem";
 var k = 0;
+var wikiResolve;
 function inline(text) {
   const patterns = [
+    // [[wiki link]] / [[target|label]] — resolved via the wikiLink prop; falls
+    // back to plain text (not raw brackets) when unresolved.
+    {
+      re: /\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/,
+      node: (m) => {
+        const target = m[1].trim();
+        const r = wikiResolve?.(target);
+        const resolved = typeof r === "string" ? { href: r, label: void 0 } : r || null;
+        const label = m[2]?.trim() || resolved?.label || target;
+        return resolved ? /* @__PURE__ */ jsxRuntime.jsx("a", { className: "klun-md-wikilink", href: resolved.href, children: label }, k++) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "klun-md-wikilink klun-md-wikilink--broken", children: label }, k++);
+      }
+    },
     { re: /`([^`]+)`/, node: (m) => /* @__PURE__ */ jsxRuntime.jsx("code", { className: "klun-md-code", children: m[1] }, k++) },
     // image before link (`![alt](url)` starts with `!` + link syntax). url allows
     // http(s) and data: URIs (base64 has no `)`), so pasted screenshots embed inline.
@@ -3514,6 +3527,13 @@ function inline(text) {
     {
       re: /\[([^\]]+)\]\(([^)]+)\)/,
       node: (m) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: m[2], target: "_blank", rel: "noreferrer", children: m[1] }, k++)
+    },
+    // bare autolink: a plain http(s) URL becomes a link. Runs after the
+    // [text](url)/image patterns — those start at an earlier index (the `[`/`!`)
+    // and so win via the earliest-match selection below.
+    {
+      re: /(https?:\/\/[^\s<>()[\]]+)/,
+      node: (m) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: m[1], target: "_blank", rel: "noreferrer", children: m[1] }, k++)
     }
   ];
   const out = [];
@@ -3534,9 +3554,28 @@ function inline(text) {
   }
   return out;
 }
+function splitRow(line) {
+  let s = line.trim();
+  if (s.startsWith("|")) s = s.slice(1);
+  if (s.endsWith("|")) s = s.slice(0, -1);
+  return s.split("|").map((c) => c.trim());
+}
+function tableAligns(delimCells) {
+  return delimCells.map((c) => {
+    const l = c.startsWith(":"), r = c.endsWith(":");
+    return l && r ? "center" : r ? "right" : l ? "left" : void 0;
+  });
+}
+function isTableDelim(delim, cols) {
+  if (!delim || !delim.includes("-")) return false;
+  const cells = splitRow(delim);
+  return cells.length === cols && cells.every((c) => /^:?-{1,}:?$/.test(c));
+}
+var HR = /^\s{0,3}(-{3,}|\*{3,}|_{3,})\s*$/;
 var SPECIAL = /^(#{1,6}\s|>\s?|[-*]\s+|\d+\.\s+|```)/;
-function renderMarkdown(src) {
+function renderMarkdown(src, opts) {
   k = 0;
+  wikiResolve = opts?.wikiLink;
   const lines = src.replace(/\r\n/g, "\n").split("\n");
   const blocks = [];
   let i = 0;
@@ -3552,6 +3591,30 @@ function renderMarkdown(src) {
       );
       continue;
     }
+    if (line.includes("|")) {
+      const header = splitRow(line);
+      if (i + 1 < lines.length && isTableDelim(lines[i + 1], header.length)) {
+        const aligns = tableAligns(splitRow(lines[i + 1]));
+        i += 2;
+        const rows = [];
+        while (i < lines.length && lines[i].trim() !== "" && lines[i].includes("|")) {
+          rows.push(splitRow(lines[i++]));
+        }
+        const cellStyle = (j) => aligns[j] ? { textAlign: aligns[j] } : void 0;
+        blocks.push(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-md-tablewrap", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "klun-md-table", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: header.map((c, j) => /* @__PURE__ */ jsxRuntime.jsx("th", { style: cellStyle(j), children: inline(c) }, j)) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((r, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: header.map((_, j) => /* @__PURE__ */ jsxRuntime.jsx("td", { style: cellStyle(j), children: inline(r[j] ?? "") }, j)) }, ri)) })
+          ] }) }, k++)
+        );
+        continue;
+      }
+    }
+    if (HR.test(line)) {
+      blocks.push(/* @__PURE__ */ jsxRuntime.jsx("hr", { className: "klun-md-hr" }, k++));
+      i++;
+      continue;
+    }
     const h = /^(#{1,6})\s+(.*)$/.exec(line);
     if (h) {
       const tag = `h${Math.min(h[1].length + 2, 6)}`;
@@ -3570,8 +3633,18 @@ function renderMarkdown(src) {
     if (/^[-*]\s+/.test(line)) {
       const items2 = [];
       while (i < lines.length && /^[-*]\s+/.test(lines[i])) items2.push(lines[i++].replace(/^[-*]\s+/, ""));
+      const hasTask = items2.some((it) => /^\[[ xX]\]\s+/.test(it));
       blocks.push(
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "klun-md-ul", children: items2.map((it, j) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: inline(it) }, j)) }, k++)
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: hasTask ? "klun-md-ul klun-md-tasklist" : "klun-md-ul", children: items2.map((it, j) => {
+          const t = /^\[([ xX])\]\s+(.*)$/.exec(it);
+          if (t) {
+            return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "klun-md-task", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: t[1] !== " ", readOnly: true, disabled: true }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: inline(t[2]) })
+            ] }, j);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { children: inline(it) }, j);
+        }) }, k++)
       );
       continue;
     }
@@ -3589,16 +3662,16 @@ function renderMarkdown(src) {
     }
     const buf = [line];
     i++;
-    while (i < lines.length && lines[i].trim() !== "" && !SPECIAL.test(lines[i])) buf.push(lines[i++]);
+    while (i < lines.length && lines[i].trim() !== "" && !SPECIAL.test(lines[i]) && !HR.test(lines[i])) buf.push(lines[i++]);
     blocks.push(
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "klun-md-p", children: buf.flatMap((l, j) => j ? [/* @__PURE__ */ jsxRuntime.jsx("br", {}, `br${j}`), ...inline(l)] : inline(l)) }, k++)
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: blocks });
 }
-var Markdown = react.forwardRef(function Markdown2({ children, source, className, ...props }, ref) {
+var Markdown = react.forwardRef(function Markdown2({ children, source, className, wikiLink, ...props }, ref) {
   const src = source ?? (typeof children === "string" ? children : "") ?? "";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkTPGAXYFU_cjs.cx("klun-md", className), ...props, children: renderMarkdown(src) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkTPGAXYFU_cjs.cx("klun-md", className), ...props, children: renderMarkdown(src, { wikiLink }) });
 });
 Markdown.displayName = "Markdown";
 var Money = react.forwardRef(function Money2({
@@ -11682,5 +11755,5 @@ exports.useSize = useSize;
 exports.viVN = viVN;
 exports.zhCN = zhCN;
 exports.zhTW = zhTW;
-//# sourceMappingURL=chunk-XNBVAUVT.cjs.map
-//# sourceMappingURL=chunk-XNBVAUVT.cjs.map
+//# sourceMappingURL=chunk-UMR3IWCQ.cjs.map
+//# sourceMappingURL=chunk-UMR3IWCQ.cjs.map