@zero-library/common 2.0.4 → 2.0.5

package/dist/index.esm.js

@@ -6,7 +6,6 @@ import { Spin, notification, Modal, Result, Splitter, Empty, Image, Flex, Drawer
 import parse from 'html-react-parser';
 import { jsonrepair } from 'jsonrepair';
 import markdownit from 'markdown-it';
-import container from 'markdown-it-container';
 import { Worker, Viewer, PasswordStatus } from '@react-pdf-viewer/core';
 import { pageNavigationPlugin } from '@react-pdf-viewer/page-navigation';
 import { thumbnailPlugin } from '@react-pdf-viewer/thumbnail';
@@ -151,64 +150,92 @@ md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
   token.attrPush(["target", "_blank"]);
   return self.renderToken(tokens, idx, options);
 };
-var replaceSpecialCharacter = (str) => {
-  return str.replace(/</g, "&lt;").replace(/>/g, "&gt;");
-};
-function parseParams(info) {
-  const params = {};
-  const regex = /(\w+)\s*=\s*(?:(['"])(.*?)\2|(\S+))/g;
-  let match;
-  while ((match = regex.exec(info)) !== null) {
-    const key = match[1];
-    const value = match[3] ?? match[4] ?? "";
-    if (key === "data") {
-      let obj = {};
-      try {
-        obj = JSON.parse(value);
-      } catch {
-        try {
-          obj = JSON.parse(jsonrepair(value));
-        } catch {
-          obj = {};
-        }
-      }
-      params[key] = replaceSpecialCharacter(JSON.stringify(obj));
-    } else {
-      params[key] = value;
-    }
-  }
-  return params;
-}
-md.use(container, "alert", {
-  validate: (params) => /^alert/.test(params.trim()),
-  render: function(tokens, idx) {
-    const token = tokens[idx];
-    if (token.nesting === 1) {
-      const info = token.info.trim();
-      const params = parseParams(info);
-      return `<lazy-component ${Object.entries(params).map(([key, value]) => `${key}=${value}`).join(" ")}>`;
-    } else {
-      return "</lazy-component>";
+function parseData(raw) {
+  let obj = {};
+  try {
+    obj = JSON.parse(raw);
+  } catch {
+    try {
+      obj = JSON.parse(jsonrepair(raw));
+    } catch {
+      obj = { _raw: raw };
     }
   }
-});
-function preprocess(content) {
-  return content.replace(
-    /:::alert([\s\S]*?):::/g,
-    // 匹配 :::alert ... :::
-    (match, params) => {
-      return `
- :::alert ${params.trim()} 
- ::: 
-`;
-    }
-  );
+  return obj;
 }
 function highlightKeywords(html, keywords) {
   const escaped = keywords.map((k) => k.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
   const regex = new RegExp(`(${escaped.join("|")})`, "gi");
   return html.replace(regex, '<span class="cube-hl">$1</span>');
 }
+function makePlaceholder(id) {
+  return `__ALERT_DATA_${id}__`;
+}
+function extractAlertPlaceholders(src) {
+  let pos = 0;
+  let id = 0;
+  let out = "";
+  const placeholders = /* @__PURE__ */ new Map();
+  while (pos < src.length) {
+    const start = src.indexOf(":::alert", pos);
+    if (start === -1) {
+      out += src.slice(pos);
+      break;
+    }
+    out += src.slice(pos, start);
+    const afterStart = src.slice(start);
+    const relAfter = afterStart.slice(":::alert".length);
+    const matchLineEnd = relAfter.search(/\n:::\s*(\n|$)/);
+    let endIdx = -1;
+    if (matchLineEnd !== -1) {
+      endIdx = start + ":::alert".length + matchLineEnd + 1;
+    } else {
+      const fallback = src.indexOf(":::", start + ":::alert".length);
+      if (fallback === -1) {
+        out += src.slice(start);
+        pos = src.length;
+        break;
+      } else {
+        endIdx = fallback;
+      }
+    }
+    const inner = src.slice(start + ":::alert".length, endIdx).trim();
+    const typeMatch = inner.match(/type\s*=\s*(?:(['"])(.*?)\1|(\S+))/);
+    const type = typeMatch ? typeMatch[2] ?? typeMatch[3] : void 0;
+    const dataIdx = inner.search(/\bdata\s*=/);
+    let rawData = "";
+    if (dataIdx !== -1) {
+      rawData = inner.slice(dataIdx + inner.slice(dataIdx).match(/\bdata\s*=/)[0].length).trim();
+    }
+    const ph = makePlaceholder(id++);
+    placeholders.set(ph, rawData);
+    const typeText = type ? ` type=${JSON.stringify(type)}` : "";
+    out += `:::alert${typeText} data="${ph}" :::`;
+    const realClose = src.indexOf(":::", endIdx);
+    pos = realClose === -1 ? endIdx : realClose + 3;
+  }
+  return { text: out, placeholders };
+}
+function alertInlinePlugin(md2) {
+  md2.inline.ruler.before("emphasis", "alert_inline", function(state, silent) {
+    const pos = state.pos;
+    const src = state.src;
+    if (src.slice(pos, pos + 3) !== ":::") return false;
+    const m = src.slice(pos).match(/^:::alert\b([^\n\r]*?):::/);
+    if (!m) return false;
+    if (silent) return false;
+    const raw = m[1].trim();
+    const html = `<lazy-component ${raw} />`;
+    const token = state.push("html_inline", "", 0);
+    token.content = html;
+    state.pos += m[0].length;
+    return true;
+  });
+}
+try {
+  md.use(alertInlinePlugin);
+} catch {
+}
 var RenderMarkdown_default = ({ content = "", searchValue, customComponents, onChange, onPartialChange }) => {
   const reactContent = useMemo(() => {
     if (!content) return null;
@@ -220,8 +247,8 @@ var RenderMarkdown_default = ({ content = "", searchValue, customComponents, onC
       incomplete = true;
       fixedContent += ":::";
     }
-    fixedContent = preprocess(fixedContent);
-    let rawHtml = md.render(fixedContent);
+    const { text: preprocessed, placeholders } = extractAlertPlaceholders(fixedContent);
+    let rawHtml = md.render(preprocessed);
     rawHtml = searchValue ? highlightKeywords(rawHtml, [searchValue]) : rawHtml;
     let lazyIndex = -1;
     const allLazyMatches = [...rawHtml.matchAll(/<lazy-component/gi)];
@@ -232,7 +259,12 @@ var RenderMarkdown_default = ({ content = "", searchValue, customComponents, onC
           lazyIndex++;
           const el = domNode;
           const type = el.attribs.type;
-          const data = JSON.parse(el.attribs.data || "{}");
+          const dataAttr = el.attribs.data || "";
+          let data = {};
+          if (/^__ALERT_DATA_\d+__$/.test(dataAttr)) {
+            const raw = placeholders.get(dataAttr) ?? "";
+            data = parseData(raw);
+          }
           const loading = incomplete && lazyIndex === lastLazyIndex;
           return /* @__PURE__ */ jsx(
             LazyComponent_default,
@@ -4073,10 +4105,10 @@ var NodeButton = React16.forwardRef(
 );
 NodeButton.displayName = "NodeButton";
 var QuoteIcon = React16.memo(({ className, ...props }) => {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", className, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", className, viewBox: "0 0 1024 1024", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M6 17H10L8.5 15.5C9.33 15.5 10 14.83 10 14V10C10 8.9 9.1 8 8 8H6C5.45 8 5 8.45 5 9V15C5 16.1 5.9 17 6 17ZM14 17H18L16.5 15.5C17.33 15.5 18 14.83 18 14V10C18 8.9 17.1 8 16 8H14C13.45 8 13 8.45 13 9V15C13 16.1 13.9 17 14 17Z",
+      d: "M130.16 789.92V500.25q-1.85-62.51 18-117.41T204 286.23a308 308 0 0 1 86.13-69.1A304.32 304.32 0 0 1 386.26 184 11 11 0 0 1 399 194.86v104.52a11 11 0 0 1-7.21 10.29q-66.13 24.5-91.25 70.31-24.41 44.36-26.32 107a11 11 0 0 0 11 11.3h102.84a11 11 0 0 1 11 11V779a11 11 0 0 1-11 11h-257.9z m403.3 0V500.25q-2-62.51 17.95-117.41t55.85-96.61q35.94-41.6 86.13-69.1A304.7 304.7 0 0 1 789.56 184a11 11 0 0 1 12.76 10.82v104.56a11 11 0 0 1-7.21 10.29Q729 334.18 703.86 380q-24.41 44.36-26.32 107a11 11 0 0 0 11 11.3h102.82a11 11 0 0 1 11 11V779a11 11 0 0 1-11 11H533.45z m0 0",
       fill: "currentColor"
     }
   ) });
@@ -5024,8 +5056,8 @@ var MarkdownEditor_default = ({ value = "", onChange, onScrollPage, searchValue,
   }, 300);
   useEffect(() => {
     if (!editor) return;
-    const container2 = document.querySelector(".content-wrapper");
-    if (!container2) return;
+    const container = document.querySelector(".content-wrapper");
+    if (!container) return;
     const handleSelectionUpdate = () => {
       const { from } = editor.state.selection;
       const domAtPos = editor.view.domAtPos(from);
@@ -5056,11 +5088,11 @@ var MarkdownEditor_default = ({ value = "", onChange, onScrollPage, searchValue,
       }
     };
     const handleScroll = () => {
-      const pageNos = Array.from(container2.querySelectorAll(".page-no"));
+      const pageNos = Array.from(container.querySelectorAll(".page-no"));
       if (!pageNos.length) return;
       let closestNode = null;
       let closestTopDiff = -Infinity;
-      const containerTop = container2.getBoundingClientRect().top;
+      const containerTop = container.getBoundingClientRect().top;
       pageNos.forEach((node) => {
         const rect = node.getBoundingClientRect();
         const top = rect.top - containerTop;
@@ -5078,10 +5110,10 @@ var MarkdownEditor_default = ({ value = "", onChange, onScrollPage, searchValue,
       }
     };
     editor.on("selectionUpdate", handleSelectionUpdate);
-    container2.addEventListener("scroll", handleScroll);
+    container.addEventListener("scroll", handleScroll);
     return () => {
       editor.off("selectionUpdate", handleSelectionUpdate);
-      container2.removeEventListener("scroll", handleScroll);
+      container.removeEventListener("scroll", handleScroll);
     };
   }, [editor]);
   useEffect(() => {