dishui 0.0.65 → 0.0.67

package/dist/components/Markdown/useMarkdownSource.js

@@ -1,50 +1,50 @@
-import { useEffect as p, useState as u } from "react";
-async function k(r, t) {
-  const o = /^s3:\/\/([^\/]+)\/(.+)$/.exec(r);
-  if (!o) throw new Error("Invalid S3 URL format. Expected: s3://bucket/key");
-  const [, a, c] = o, i = t?.region || "us-east-1", f = `${t?.endpoint || `https://${a}.s3.${i}.amazonaws.com`}/${c}`, s = await fetch(f);
-  if (!s.ok) throw new Error(`S3 fetch failed: ${s.status} ${s.statusText}`);
-  return s.text();
+import { useEffect as e, useState as t } from "react";
+//#region src/components/Markdown/useMarkdownSource.ts
+async function n(e, t) {
+	let n = /^s3:\/\/([^/]+)\/(.+)$/.exec(e);
+	if (!n) throw Error("Invalid S3 URL format. Expected: s3://bucket/key");
+	let [, r, i] = n, a = t?.region || "us-east-1", o = `${t?.endpoint || `https://${r}.s3.${a}.amazonaws.com`}/${i}`, s = await fetch(o);
+	if (!s.ok) throw Error(`S3 fetch failed: ${s.status} ${s.statusText}`);
+	return s.text();
 }
-function m(r, t, o, a, c) {
-  const [i, f] = u(""), [s, w] = u(!1), [h, l] = u(null);
-  return p(() => {
-    (async () => {
-      if (r === "text") {
-        f(t), a?.(t);
-        return;
-      }
-      w(!0), l(null);
-      try {
-        let e;
-        if (r === "url") {
-          const n = await fetch(t);
-          if (!n.ok) throw new Error(`HTTP error! status: ${n.status}`);
-          e = await n.text();
-        } else if (r === "s3") e = await k(t, o);
-        else throw new Error(`Unsupported source type: ${r}`);
-        f(e), a?.(e);
-      } catch (e) {
-        const n = e instanceof Error ? e : new Error(String(e));
-        l(n), c?.(n);
-      } finally {
-        w(!1);
-      }
-    })();
-  }, [
-    r,
-    t,
-    o,
-    a,
-    c
-  ]), {
-    markdown: i,
-    loading: s,
-    error: h
-  };
+function r(r, i, a, o, s) {
+	let [c, l] = t(""), [u, d] = t(!1), [f, p] = t(null);
+	return e(() => {
+		(async () => {
+			if (r === "text") {
+				l(i), o?.(i);
+				return;
+			}
+			d(!0), p(null);
+			try {
+				let e;
+				if (r === "url") {
+					let t = await fetch(i);
+					if (!t.ok) throw Error(`HTTP error! status: ${t.status}`);
+					e = await t.text();
+				} else if (r === "s3") e = await n(i, a);
+				else throw Error(`Unsupported source type: ${r}`);
+				l(e), o?.(e);
+			} catch (e) {
+				let t = e instanceof Error ? e : Error(String(e));
+				p(t), s?.(t);
+			} finally {
+				d(!1);
+			}
+		})();
+	}, [
+		r,
+		i,
+		a,
+		o,
+		s
+	]), {
+		markdown: c,
+		loading: u,
+		error: f
+	};
 }
-export {
-  m as useMarkdownSource
-};
+//#endregion
+export { r as useMarkdownSource };
 
 //# sourceMappingURL=useMarkdownSource.js.map

package/dist/components/Markdown/useMarkdownSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMarkdownSource.js","names":[],"sources":["../../../src/components/Markdown/useMarkdownSource.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport type { MarkdownSource, MarkdownProps } from './Markdown';\n\nasync function fetchFromS3(\n  s3Url: string,\n  config?: MarkdownProps['s3Config']\n): Promise<string> {\n  const match = /^s3:\\/\\/([^\\/]+)\\/(.+)$/.exec(s3Url);\n  if (!match) {\n    throw new Error('Invalid S3 URL format. Expected: s3://bucket/key');\n  }\n\n  const [, bucket, key] = match;\n  const region = config?.region || 'us-east-1';\n  const endpoint = config?.endpoint || `https://${bucket}.s3.${region}.amazonaws.com`;\n  const url = `${endpoint}/${key}`;\n\n  const response = await fetch(url);\n  if (!response.ok) {\n    throw new Error(`S3 fetch failed: ${response.status} ${response.statusText}`);\n  }\n\n  return response.text();\n}\n\nexport function useMarkdownSource(\n  source: MarkdownSource,\n  content: string,\n  s3Config?: MarkdownProps['s3Config'],\n  onLoad?: (content: string) => void,\n  onError?: (error: Error) => void,\n) {\n  const [markdown, setMarkdown] = useState<string>('');\n  const [loading, setLoading] = useState<boolean>(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchContent = async () => {\n      if (source === 'text') {\n        setMarkdown(content);\n        onLoad?.(content);\n        return;\n      }\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        let text: string;\n\n        if (source === 'url') {\n          const response = await fetch(content);\n          if (!response.ok) {\n            throw new Error(`HTTP error! status: ${response.status}`);\n          }\n          text = await response.text();\n        } else if (source === 's3') {\n          text = await fetchFromS3(content, s3Config);\n        } else {\n          throw new Error(`Unsupported source type: ${source}`);\n        }\n\n        setMarkdown(text);\n        onLoad?.(text);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchContent();\n  }, [source, content, s3Config, onLoad, onError]);\n\n  return { markdown, loading, error };\n}\n"],"mappings":";AAGA,eAAe,EACb,GACA,GACiB;AACjB,QAAM,IAAQ,0BAA0B,KAAK,CAAK;AAClD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,kDAAkD;AAGpE,QAAM,CAAA,EAAG,GAAQ,CAAA,IAAO,GAClB,IAAS,GAAQ,UAAU,aAE3B,IAAM,GADK,GAAQ,YAAY,WAAW,CAAA,OAAa,CAAA,gBAAO,IACzC,CAAA,IAErB,IAAW,MAAM,MAAM,CAAG;AAChC,MAAI,CAAC,EAAS,GACZ,OAAM,IAAI,MAAM,oBAAoB,EAAS,MAAA,IAAU,EAAS,UAAA,EAAY;AAG9E,SAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;AACA,QAAM,CAAC,GAAU,CAAA,IAAe,EAAiB,EAAE,GAC7C,CAAC,GAAS,CAAA,IAAc,EAAkB,EAAK,GAC/C,CAAC,GAAO,CAAA,IAAY,EAAuB,IAAI;AAErD,SAAA,EAAA,MAAgB;AAqCd,KApCqB,YAAY;AAC/B,UAAI,MAAW,QAAQ;AACrB,QAAA,EAAY,CAAO,GACnB,IAAS,CAAO;AAChB;AAAA,MACF;AAEA,MAAA,EAAW,EAAI,GACf,EAAS,IAAI;AAEb,UAAI;AACF,YAAI;AAEJ,YAAI,MAAW,OAAO;AACpB,gBAAM,IAAW,MAAM,MAAM,CAAO;AACpC,cAAI,CAAC,EAAS,GACZ,OAAM,IAAI,MAAM,uBAAuB,EAAS,MAAA,EAAQ;AAE1D,UAAA,IAAO,MAAM,EAAS,KAAK;AAAA,QAC7B,WAAW,MAAW,KACpB,CAAA,IAAO,MAAM,EAAY,GAAS,CAAQ;AAAA,YAE1C,OAAM,IAAI,MAAM,4BAA4B,CAAA,EAAQ;AAGtD,QAAA,EAAY,CAAI,GAChB,IAAS,CAAI;AAAA,MACf,SAAS,GAAK;AACZ,cAAM,IAAQ,aAAe,QAAQ,IAAM,IAAI,MAAM,OAAO,CAAG,CAAC;AAChE,QAAA,EAAS,CAAK,GACd,IAAU,CAAK;AAAA,MACjB,UAAA;AACE,QAAA,EAAW,EAAK;AAAA,MAClB;AAAA,IACF,GAEa;AAAA,EACf,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAU;AAAA,IAAQ;AAAA,EAAO,CAAC,GAExC;AAAA,IAAE,UAAA;AAAA,IAAU,SAAA;AAAA,IAAS,OAAA;AAAA,EAAM;AACpC"}
+{"version":3,"file":"useMarkdownSource.js","names":[],"sources":["../../../src/components/Markdown/useMarkdownSource.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport type { MarkdownSource, MarkdownProps } from './Markdown';\n\nasync function fetchFromS3(\n  s3Url: string,\n  config?: MarkdownProps['s3Config']\n): Promise<string> {\n  const match = /^s3:\\/\\/([^/]+)\\/(.+)$/.exec(s3Url);\n  if (!match) {\n    throw new Error('Invalid S3 URL format. Expected: s3://bucket/key');\n  }\n\n  const [, bucket, key] = match;\n  const region = config?.region || 'us-east-1';\n  const endpoint = config?.endpoint || `https://${bucket}.s3.${region}.amazonaws.com`;\n  const url = `${endpoint}/${key}`;\n\n  const response = await fetch(url);\n  if (!response.ok) {\n    throw new Error(`S3 fetch failed: ${response.status} ${response.statusText}`);\n  }\n\n  return response.text();\n}\n\nexport function useMarkdownSource(\n  source: MarkdownSource,\n  content: string,\n  s3Config?: MarkdownProps['s3Config'],\n  onLoad?: (content: string) => void,\n  onError?: (error: Error) => void,\n) {\n  const [markdown, setMarkdown] = useState<string>('');\n  const [loading, setLoading] = useState<boolean>(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchContent = async () => {\n      if (source === 'text') {\n        setMarkdown(content);\n        onLoad?.(content);\n        return;\n      }\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        let text: string;\n\n        if (source === 'url') {\n          const response = await fetch(content);\n          if (!response.ok) {\n            throw new Error(`HTTP error! status: ${response.status}`);\n          }\n          text = await response.text();\n        } else if (source === 's3') {\n          text = await fetchFromS3(content, s3Config);\n        } else {\n          throw new Error(`Unsupported source type: ${source}`);\n        }\n\n        setMarkdown(text);\n        onLoad?.(text);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchContent();\n  }, [source, content, s3Config, onLoad, onError]);\n\n  return { markdown, loading, error };\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GACiB;CACjB,IAAM,IAAQ,yBAAyB,KAAK,CAAK;CACjD,IAAI,CAAC,GACH,MAAU,MAAM,kDAAkD;CAGpE,IAAM,GAAG,GAAQ,KAAO,GAClB,IAAS,GAAQ,UAAU,aAE3B,IAAM,GADK,GAAQ,YAAY,WAAW,EAAO,MAAM,EAAO,gBAC5C,GAAG,KAErB,IAAW,MAAM,MAAM,CAAG;CAChC,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,oBAAoB,EAAS,OAAO,GAAG,EAAS,YAAY;CAG9E,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;CACA,IAAM,CAAC,GAAU,KAAe,EAAiB,EAAE,GAC7C,CAAC,GAAS,KAAc,EAAkB,EAAK,GAC/C,CAAC,GAAO,KAAY,EAAuB,IAAI;CA0CrD,OAxCA,QAAgB;EAqCd,aApCiC;GAC/B,IAAI,MAAW,QAAQ;IAErB,AADA,EAAY,CAAO,GACnB,IAAS,CAAO;IAChB;GACF;GAGA,AADA,EAAW,EAAI,GACf,EAAS,IAAI;GAEb,IAAI;IACF,IAAI;IAEJ,IAAI,MAAW,OAAO;KACpB,IAAM,IAAW,MAAM,MAAM,CAAO;KACpC,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,uBAAuB,EAAS,QAAQ;KAE1D,IAAO,MAAM,EAAS,KAAK;IAC7B,OAAO,IAAI,MAAW,MACpB,IAAO,MAAM,EAAY,GAAS,CAAQ;SAE1C,MAAU,MAAM,4BAA4B,GAAQ;IAItD,AADA,EAAY,CAAI,GAChB,IAAS,CAAI;GACf,SAAS,GAAK;IACZ,IAAM,IAAQ,aAAe,QAAQ,IAAU,MAAM,OAAO,CAAG,CAAC;IAEhE,AADA,EAAS,CAAK,GACd,IAAU,CAAK;GACjB,UAAU;IACR,EAAW,EAAK;GAClB;EACF,EAEA,CAAa;CACf,GAAG;EAAC;EAAQ;EAAS;EAAU;EAAQ;CAAO,CAAC,GAExC;EAAE;EAAU;EAAS;CAAM;AACpC"}

package/dist/components/Markdown/useMarkmapRenderer.js

@@ -1,39 +1,38 @@
-import { useEffect as i } from "react";
-import { Transformer as l } from "markmap-lib";
-import { Markmap as f } from "markmap-view";
-function M(o, n, m) {
-  i(() => {
-    if (!m || !n || !o.current) return;
-    setTimeout(() => {
-      try {
-        const e = o.current?.querySelectorAll(".markmap-diagram");
-        if (e) {
-          const c = new l();
-          for (let a = 0; a < e.length; a++) {
-            const t = e[a], s = t.getAttribute("data-markmap-content") || "";
-            if (s.trim()) try {
-              t.innerHTML = "";
-              const r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-              r.style.width = "100%", r.style.height = "500px", t.appendChild(r);
-              const { root: p } = c.transform(s);
-              f.create(r, {}, p);
-            } catch (r) {
-              console.error("Markmap render error:", r), t.innerHTML = `<pre class="text-error">Markmap 渲染失败: ${r}</pre>`;
-            }
-          }
-        }
-      } catch (e) {
-        console.error("Markmap rendering failed:", e);
-      }
-    }, 100);
-  }, [
-    n,
-    m,
-    o
-  ]);
+import { useEffect as e } from "react";
+import { Transformer as t } from "markmap-lib";
+import { Markmap as n } from "markmap-view";
+//#region src/components/Markdown/useMarkmapRenderer.ts
+function r(r, i, a) {
+	e(() => {
+		a && i && r.current && setTimeout(() => {
+			try {
+				let e = r.current?.querySelectorAll(".markmap-diagram");
+				if (e) {
+					let r = new t();
+					for (let t = 0; t < e.length; t++) {
+						let i = e[t], a = i.getAttribute("data-markmap-content") || "";
+						if (a.trim()) try {
+							i.innerHTML = "";
+							let e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+							e.style.width = "100%", e.style.height = "500px", i.appendChild(e);
+							let { root: t } = r.transform(a);
+							n.create(e, {}, t);
+						} catch (e) {
+							console.error("Markmap render error:", e), i.innerHTML = `<pre class="text-error">Markmap 渲染失败: ${e}</pre>`;
+						}
+					}
+				}
+			} catch (e) {
+				console.error("Markmap rendering failed:", e);
+			}
+		}, 100);
+	}, [
+		i,
+		a,
+		r
+	]);
 }
-export {
-  M as useMarkmapRenderer
-};
+//#endregion
+export { r as useMarkmapRenderer };
 
 //# sourceMappingURL=useMarkmapRenderer.js.map

package/dist/components/Markdown/useMarkmapRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMarkmapRenderer.js","names":[],"sources":["../../../src/components/Markdown/useMarkmapRenderer.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { Transformer } from 'markmap-lib';\nimport { Markmap } from 'markmap-view';\n\nexport function useMarkmapRenderer(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  markdown: string,\n  enabled: boolean,\n) {\n  useEffect(() => {\n    if (!enabled || !markdown || !containerRef.current) return;\n\n    const renderMarkmap = () => {\n      try {\n        const markmapElements = containerRef.current?.querySelectorAll('.markmap-diagram');\n        if (markmapElements) {\n          const transformer = new Transformer();\n\n          for (let i = 0; i < markmapElements.length; i++) {\n            const element = markmapElements[i] as HTMLElement;\n            const code = element.getAttribute('data-markmap-content') || '';\n\n            if (code.trim()) {\n              try {\n                element.innerHTML = '';\n                const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n                svg.style.width = '100%';\n                svg.style.height = '500px';\n                element.appendChild(svg);\n\n                const { root } = transformer.transform(code);\n                Markmap.create(svg, {}, root);\n              } catch (err) {\n                console.error('Markmap render error:', err);\n                element.innerHTML = `<pre class=\"text-error\">Markmap 渲染失败: ${err}</pre>`;\n              }\n            }\n          }\n        }\n      } catch (err) {\n        console.error('Markmap rendering failed:', err);\n      }\n    };\n\n    setTimeout(renderMarkmap, 100);\n  }, [markdown, enabled, containerRef]);\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GACA;AACA,EAAA,EAAA,MAAgB;AACd,QAAI,CAAC,KAAW,CAAC,KAAY,CAAC,EAAa,QAAS;AAkCpD,eAhCM,MAAsB;AAC1B,UAAI;AACF,cAAM,IAAkB,EAAa,SAAS,iBAAiB,kBAAkB;AACjF,YAAI,GAAiB;AACnB,gBAAM,IAAc,IAAI,EAAY;AAEpC,mBAAS,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;AAC/C,kBAAM,IAAU,EAAgB,CAAA,GAC1B,IAAO,EAAQ,aAAa,sBAAsB,KAAK;AAE7D,gBAAI,EAAK,KAAK,EACZ,KAAI;AACF,cAAA,EAAQ,YAAY;AACpB,oBAAM,IAAM,SAAS,gBAAgB,8BAA8B,KAAK;AACxE,cAAA,EAAI,MAAM,QAAQ,QAClB,EAAI,MAAM,SAAS,SACnB,EAAQ,YAAY,CAAG;AAEvB,oBAAM,EAAE,MAAA,EAAA,IAAS,EAAY,UAAU,CAAI;AAC3C,cAAA,EAAQ,OAAO,GAAK,CAAC,GAAG,CAAI;AAAA,YAC9B,SAAS,GAAK;AACZ,sBAAQ,MAAM,yBAAyB,CAAG,GAC1C,EAAQ,YAAY,yCAAyC,CAAA;AAAA,YAC/D;AAAA,UAEJ;AAAA,QACF;AAAA,MACF,SAAS,GAAK;AACZ,gBAAQ,MAAM,6BAA6B,CAAG;AAAA,MAChD;AAAA,IACF,GAE0B,GAAG;AAAA,EAC/B,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAS;AAAA,EAAY,CAAC;AACtC"}
+{"version":3,"file":"useMarkmapRenderer.js","names":[],"sources":["../../../src/components/Markdown/useMarkmapRenderer.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { Transformer } from 'markmap-lib';\nimport { Markmap } from 'markmap-view';\n\nexport function useMarkmapRenderer(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  markdown: string,\n  enabled: boolean,\n) {\n  useEffect(() => {\n    if (!enabled || !markdown || !containerRef.current) return;\n\n    const renderMarkmap = () => {\n      try {\n        const markmapElements = containerRef.current?.querySelectorAll('.markmap-diagram');\n        if (markmapElements) {\n          const transformer = new Transformer();\n\n          for (let i = 0; i < markmapElements.length; i++) {\n            const element = markmapElements[i] as HTMLElement;\n            const code = element.getAttribute('data-markmap-content') || '';\n\n            if (code.trim()) {\n              try {\n                element.innerHTML = '';\n                const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n                svg.style.width = '100%';\n                svg.style.height = '500px';\n                element.appendChild(svg);\n\n                const { root } = transformer.transform(code);\n                Markmap.create(svg, {}, root);\n              } catch (err) {\n                console.error('Markmap render error:', err);\n                element.innerHTML = `<pre class=\"text-error\">Markmap 渲染失败: ${err}</pre>`;\n              }\n            }\n          }\n        }\n      } catch (err) {\n        console.error('Markmap rendering failed:', err);\n      }\n    };\n\n    setTimeout(renderMarkmap, 100);\n  }, [markdown, enabled, containerRef]);\n}\n"],"mappings":";;;;AAIA,SAAgB,EACd,GACA,GACA,GACA;CACA,QAAgB;EACV,AAAC,KAAY,KAAa,EAAa,WAkC3C,iBAhC4B;GAC1B,IAAI;IACF,IAAM,IAAkB,EAAa,SAAS,iBAAiB,kBAAkB;IACjF,IAAI,GAAiB;KACnB,IAAM,IAAc,IAAI,EAAY;KAEpC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;MAC/C,IAAM,IAAU,EAAgB,IAC1B,IAAO,EAAQ,aAAa,sBAAsB,KAAK;MAE7D,IAAI,EAAK,KAAK,GACZ,IAAI;OACF,EAAQ,YAAY;OACpB,IAAM,IAAM,SAAS,gBAAgB,8BAA8B,KAAK;OAGxE,AAFA,EAAI,MAAM,QAAQ,QAClB,EAAI,MAAM,SAAS,SACnB,EAAQ,YAAY,CAAG;OAEvB,IAAM,EAAE,YAAS,EAAY,UAAU,CAAI;OAC3C,EAAQ,OAAO,GAAK,CAAC,GAAG,CAAI;MAC9B,SAAS,GAAK;OAEZ,AADA,QAAQ,MAAM,yBAAyB,CAAG,GAC1C,EAAQ,YAAY,yCAAyC,EAAI;MACnE;KAEJ;IACF;GACF,SAAS,GAAK;IACZ,QAAQ,MAAM,6BAA6B,CAAG;GAChD;EACF,GAE0B,GAAG;CAC/B,GAAG;EAAC;EAAU;EAAS;CAAY,CAAC;AACtC"}

package/dist/components/Markdown/useMermaidRenderer.js

@@ -1,45 +1,44 @@
-import { useEffect as l, useRef as f, useState as h } from "react";
-import d from "mermaid";
-function L(i, a, r) {
-  const [m, u] = h(!1), c = f(!1);
-  l(() => {
-    r && !c.current && (d.initialize({
-      startOnLoad: !1,
-      theme: "default",
-      securityLevel: "loose",
-      fontFamily: "inherit",
-      flowchart: {
-        useMaxWidth: !0,
-        htmlLabels: !0
-      }
-    }), c.current = !0, u(!0));
-  }, [r]), l(() => {
-    if (!r || !m || !a || !i.current) return;
-    setTimeout(async () => {
-      try {
-        const e = i.current?.querySelectorAll(".mermaid-diagram");
-        if (e) for (let t = 0; t < e.length; t++) {
-          const n = e[t], o = n.textContent || "";
-          if (o.trim()) try {
-            const { svg: s } = await d.render(`mermaid-${Date.now()}-${t}`, o);
-            n.innerHTML = s;
-          } catch (s) {
-            console.error("Mermaid render error:", s), n.innerHTML = `<pre class="text-error">${o}</pre>`;
-          }
-        }
-      } catch (e) {
-        console.error("Mermaid rendering failed:", e);
-      }
-    }, 100);
-  }, [
-    a,
-    r,
-    m,
-    i
-  ]);
+import { useEffect as e, useRef as t, useState as n } from "react";
+import r from "mermaid";
+//#region src/components/Markdown/useMermaidRenderer.ts
+function i(i, a, o) {
+	let [s, c] = n(!1), l = t(!1);
+	e(() => {
+		o && !l.current && (r.initialize({
+			startOnLoad: !1,
+			theme: "default",
+			securityLevel: "loose",
+			fontFamily: "inherit",
+			flowchart: {
+				useMaxWidth: !0,
+				htmlLabels: !0
+			}
+		}), l.current = !0, c(!0));
+	}, [o]), e(() => {
+		o && s && a && i.current && setTimeout(async () => {
+			try {
+				let e = i.current?.querySelectorAll(".mermaid-diagram");
+				if (e) for (let t = 0; t < e.length; t++) {
+					let n = e[t], i = n.textContent || "";
+					if (i.trim()) try {
+						let { svg: e } = await r.render(`mermaid-${Date.now()}-${t}`, i);
+						n.innerHTML = e;
+					} catch (e) {
+						console.error("Mermaid render error:", e), n.innerHTML = `<pre class="text-error">${i}</pre>`;
+					}
+				}
+			} catch (e) {
+				console.error("Mermaid rendering failed:", e);
+			}
+		}, 100);
+	}, [
+		a,
+		o,
+		s,
+		i
+	]);
 }
-export {
-  L as useMermaidRenderer
-};
+//#endregion
+export { i as useMermaidRenderer };
 
 //# sourceMappingURL=useMermaidRenderer.js.map

package/dist/components/Markdown/useMermaidRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMermaidRenderer.js","names":[],"sources":["../../../src/components/Markdown/useMermaidRenderer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport mermaid from 'mermaid';\n\nexport function useMermaidRenderer(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  markdown: string,\n  enabled: boolean,\n) {\n  const [initialized, setInitialized] = useState(false);\n  const initRef = useRef(false);\n\n  useEffect(() => {\n    if (enabled && !initRef.current) {\n      mermaid.initialize({\n        startOnLoad: false,\n        theme: 'default',\n        securityLevel: 'loose',\n        fontFamily: 'inherit',\n        flowchart: {\n          useMaxWidth: true,\n          htmlLabels: true,\n        },\n      });\n      initRef.current = true;\n      setInitialized(true);\n    }\n  }, [enabled]);\n\n  useEffect(() => {\n    if (!enabled || !initialized || !markdown || !containerRef.current) return;\n\n    const renderMermaid = async () => {\n      try {\n        const mermaidElements = containerRef.current?.querySelectorAll('.mermaid-diagram');\n        if (mermaidElements) {\n          for (let i = 0; i < mermaidElements.length; i++) {\n            const element = mermaidElements[i] as HTMLElement;\n            const code = element.textContent || '';\n            if (code.trim()) {\n              try {\n                const { svg } = await mermaid.render(`mermaid-${Date.now()}-${i}`, code);\n                element.innerHTML = svg;\n              } catch (err) {\n                console.error('Mermaid render error:', err);\n                element.innerHTML = `<pre class=\"text-error\">${code}</pre>`;\n              }\n            }\n          }\n        }\n      } catch (err) {\n        console.error('Mermaid rendering failed:', err);\n      }\n    };\n\n    setTimeout(renderMermaid, 100);\n  }, [markdown, enabled, initialized, containerRef]);\n}\n"],"mappings":";;AAGA,SAAgB,EACd,GACA,GACA,GACA;AACA,QAAM,CAAC,GAAa,CAAA,IAAkB,EAAS,EAAK,GAC9C,IAAU,EAAO,EAAK;AAE5B,EAAA,EAAA,MAAgB;AACd,IAAI,KAAW,CAAC,EAAQ,YACtB,EAAQ,WAAW;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,aAAa;AAAA,QACb,YAAY;AAAA,MACd;AAAA,IACF,CAAC,GACD,EAAQ,UAAU,IAClB,EAAe,EAAI;AAAA,EAEvB,GAAG,CAAC,CAAO,CAAC,GAEZ,EAAA,MAAgB;AACd,QAAI,CAAC,KAAW,CAAC,KAAe,CAAC,KAAY,CAAC,EAAa,QAAS;AAyBpE,eAvBsB,YAAY;AAChC,UAAI;AACF,cAAM,IAAkB,EAAa,SAAS,iBAAiB,kBAAkB;AACjF,YAAI,EACF,UAAS,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;AAC/C,gBAAM,IAAU,EAAgB,CAAA,GAC1B,IAAO,EAAQ,eAAe;AACpC,cAAI,EAAK,KAAK,EACZ,KAAI;AACF,kBAAM,EAAE,KAAA,EAAA,IAAQ,MAAM,EAAQ,OAAO,WAAW,KAAK,IAAI,CAAA,IAAK,CAAA,IAAK,CAAI;AACvE,YAAA,EAAQ,YAAY;AAAA,UACtB,SAAS,GAAK;AACZ,oBAAQ,MAAM,yBAAyB,CAAG,GAC1C,EAAQ,YAAY,2BAA2B,CAAA;AAAA,UACjD;AAAA,QAEJ;AAAA,MAEJ,SAAS,GAAK;AACZ,gBAAQ,MAAM,6BAA6B,CAAG;AAAA,MAChD;AAAA,IACF,GAE0B,GAAG;AAAA,EAC/B,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAS;AAAA,IAAa;AAAA,EAAY,CAAC;AACnD"}
+{"version":3,"file":"useMermaidRenderer.js","names":[],"sources":["../../../src/components/Markdown/useMermaidRenderer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport mermaid from 'mermaid';\n\nexport function useMermaidRenderer(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  markdown: string,\n  enabled: boolean,\n) {\n  const [initialized, setInitialized] = useState(false);\n  const initRef = useRef(false);\n\n  useEffect(() => {\n    if (enabled && !initRef.current) {\n      mermaid.initialize({\n        startOnLoad: false,\n        theme: 'default',\n        securityLevel: 'loose',\n        fontFamily: 'inherit',\n        flowchart: {\n          useMaxWidth: true,\n          htmlLabels: true,\n        },\n      });\n      initRef.current = true;\n      setInitialized(true);\n    }\n  }, [enabled]);\n\n  useEffect(() => {\n    if (!enabled || !initialized || !markdown || !containerRef.current) return;\n\n    const renderMermaid = async () => {\n      try {\n        const mermaidElements = containerRef.current?.querySelectorAll('.mermaid-diagram');\n        if (mermaidElements) {\n          for (let i = 0; i < mermaidElements.length; i++) {\n            const element = mermaidElements[i] as HTMLElement;\n            const code = element.textContent || '';\n            if (code.trim()) {\n              try {\n                const { svg } = await mermaid.render(`mermaid-${Date.now()}-${i}`, code);\n                element.innerHTML = svg;\n              } catch (err) {\n                console.error('Mermaid render error:', err);\n                element.innerHTML = `<pre class=\"text-error\">${code}</pre>`;\n              }\n            }\n          }\n        }\n      } catch (err) {\n        console.error('Mermaid rendering failed:', err);\n      }\n    };\n\n    setTimeout(renderMermaid, 100);\n  }, [markdown, enabled, initialized, containerRef]);\n}\n"],"mappings":";;;AAGA,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,CAAC,GAAa,KAAkB,EAAS,EAAK,GAC9C,IAAU,EAAO,EAAK;CAmB5B,AAjBA,QAAgB;EACd,AAAI,KAAW,CAAC,EAAQ,YACtB,EAAQ,WAAW;GACjB,aAAa;GACb,OAAO;GACP,eAAe;GACf,YAAY;GACZ,WAAW;IACT,aAAa;IACb,YAAY;GACd;EACF,CAAC,GACD,EAAQ,UAAU,IAClB,EAAe,EAAI;CAEvB,GAAG,CAAC,CAAO,CAAC,GAEZ,QAAgB;EACV,AAAC,KAAY,KAAgB,KAAa,EAAa,WAyB3D,WAAW,YAvBuB;GAChC,IAAI;IACF,IAAM,IAAkB,EAAa,SAAS,iBAAiB,kBAAkB;IACjF,IAAI,GACF,KAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;KAC/C,IAAM,IAAU,EAAgB,IAC1B,IAAO,EAAQ,eAAe;KACpC,IAAI,EAAK,KAAK,GACZ,IAAI;MACF,IAAM,EAAE,WAAQ,MAAM,EAAQ,OAAO,WAAW,KAAK,IAAI,EAAE,GAAG,KAAK,CAAI;MACvE,EAAQ,YAAY;KACtB,SAAS,GAAK;MAEZ,AADA,QAAQ,MAAM,yBAAyB,CAAG,GAC1C,EAAQ,YAAY,2BAA2B,EAAK;KACtD;IAEJ;GAEJ,SAAS,GAAK;IACZ,QAAQ,MAAM,6BAA6B,CAAG;GAChD;EACF,GAE0B,GAAG;CAC/B,GAAG;EAAC;EAAU;EAAS;EAAa;CAAY,CAAC;AACnD"}

package/dist/components/Modal/index.js

@@ -1,85 +1,85 @@
-import { useEffect as N } from "react";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-var g = {
-  sm: "max-w-sm",
-  md: "max-w-lg",
-  lg: "max-w-2xl",
-  xl: "max-w-5xl",
-  full: "max-w-[95vw]"
-}, x = (t) => typeof t == "number" ? `${t}px` : t, E = ({ open: t, onClose: s, title: a, description: n, children: v, footer: l, size: u = "md", width: i, height: d, closeOnOverlay: b = !0, showClose: c = !0, className: f = "" }) => {
-  if (N(() => {
-    if (!t) return;
-    const m = (k) => {
-      k.key === "Escape" && s();
-    };
-    window.addEventListener("keydown", m);
-    const p = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", () => {
-      window.removeEventListener("keydown", m), document.body.style.overflow = p;
-    };
-  }, [t, s]), !t) return null;
-  const o = i !== void 0, h = {
-    width: o ? x(i) : void 0,
-    maxWidth: o ? "95vw" : void 0,
-    height: x(d),
-    maxHeight: "92vh"
-  }, w = o ? "" : g[u], y = d !== void 0 ? "min-h-0 flex-1 overflow-y-auto px-5 py-4" : "max-h-[70vh] overflow-y-auto px-5 py-4";
-  return /* @__PURE__ */ r("div", {
-    className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-    children: [/* @__PURE__ */ e("div", {
-      className: "absolute inset-0",
-      onClick: b ? s : void 0,
-      "aria-hidden": !0
-    }), /* @__PURE__ */ r("div", {
-      role: "dialog",
-      "aria-modal": "true",
-      className: `card relative flex w-full flex-col bg-base-100 shadow-xl ${w} ${f}`.trim(),
-      style: h,
-      children: [
-        (a || c) && /* @__PURE__ */ r("div", {
-          className: "flex shrink-0 items-start justify-between gap-3 border-b border-base-300 px-5 py-3.5",
-          children: [/* @__PURE__ */ r("div", {
-            className: "min-w-0",
-            children: [a && /* @__PURE__ */ e("h3", {
-              className: "truncate text-sm font-semibold text-base-content",
-              children: a
-            }), n && /* @__PURE__ */ e("p", {
-              className: "mt-0.5 text-xs text-base-content/60",
-              children: n
-            })]
-          }), c && /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: s,
-            "aria-label": "Close",
-            className: "shrink-0 rounded-md p-1 text-base-content/50 transition-colors hover:bg-base-200 hover:text-base-content",
-            children: /* @__PURE__ */ e("svg", {
-              className: "h-4 w-4",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              children: /* @__PURE__ */ e("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M6 18L18 6M6 6l12 12"
-              })
-            })
-          })]
-        }),
-        /* @__PURE__ */ e("div", {
-          className: y,
-          children: v
-        }),
-        l && /* @__PURE__ */ e("div", {
-          className: "flex shrink-0 justify-end gap-2 border-t border-base-300 px-5 py-3.5",
-          children: l
-        })
-      ]
-    })]
-  });
-};
-export {
-  E as default
+import { useEffect as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Modal/index.tsx
+var r = {
+	sm: "max-w-sm",
+	md: "max-w-lg",
+	lg: "max-w-2xl",
+	xl: "max-w-5xl",
+	full: "max-w-[95vw]"
+}, i = (e) => typeof e == "number" ? `${e}px` : e, a = ({ open: a, onClose: o, title: s, description: c, children: l, footer: u, size: d = "md", width: f, height: p, closeOnOverlay: m = !0, showClose: h = !0, className: g = "" }) => {
+	if (e(() => {
+		if (!a) return;
+		let e = (e) => {
+			e.key === "Escape" && o();
+		};
+		window.addEventListener("keydown", e);
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			window.removeEventListener("keydown", e), document.body.style.overflow = t;
+		};
+	}, [a, o]), !a) return null;
+	let _ = f !== void 0, v = {
+		width: _ ? i(f) : void 0,
+		maxWidth: _ ? "95vw" : void 0,
+		height: i(p),
+		maxHeight: "92vh"
+	}, y = _ ? "" : r[d], b = p === void 0 ? "max-h-[70vh] overflow-y-auto px-5 py-4" : "min-h-0 flex-1 overflow-y-auto px-5 py-4";
+	return /* @__PURE__ */ n("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+		children: [/* @__PURE__ */ t("div", {
+			className: "absolute inset-0",
+			onClick: m ? o : void 0,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ n("div", {
+			role: "dialog",
+			"aria-modal": "true",
+			className: `card relative flex w-full flex-col bg-base-100 shadow-xl ${y} ${g}`.trim(),
+			style: v,
+			children: [
+				(s || h) && /* @__PURE__ */ n("div", {
+					className: "flex shrink-0 items-start justify-between gap-3 border-b border-base-300 px-5 py-3.5",
+					children: [/* @__PURE__ */ n("div", {
+						className: "min-w-0",
+						children: [s && /* @__PURE__ */ t("h3", {
+							className: "truncate text-sm font-semibold text-base-content",
+							children: s
+						}), c && /* @__PURE__ */ t("p", {
+							className: "mt-0.5 text-xs text-base-content/60",
+							children: c
+						})]
+					}), h && /* @__PURE__ */ t("button", {
+						type: "button",
+						onClick: o,
+						"aria-label": "Close",
+						className: "shrink-0 rounded-md p-1 text-base-content/50 transition-colors hover:bg-base-200 hover:text-base-content",
+						children: /* @__PURE__ */ t("svg", {
+							className: "h-4 w-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M6 18L18 6M6 6l12 12"
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ t("div", {
+					className: b,
+					children: l
+				}),
+				u && /* @__PURE__ */ t("div", {
+					className: "flex shrink-0 justify-end gap-2 border-t border-base-300 px-5 py-3.5",
+					children: u
+				})
+			]
+		})]
+	});
 };
+//#endregion
+export { a as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport type ModalProps = {\n    /** 是否打开 */\n    open: boolean;\n    /** 关闭回调（遮罩点击 / Esc / 关闭按钮触发） */\n    onClose: () => void;\n    /** 标题 */\n    title?: React.ReactNode;\n    /** 标题下的说明文字 */\n    description?: React.ReactNode;\n    /** 正文内容 */\n    children?: React.ReactNode;\n    /** 底部操作区（默认右对齐） */\n    footer?: React.ReactNode;\n    /** 尺寸（预设）：sm / md / lg / xl / full */\n    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n    /** 自定义宽度：支持百分比/像素等 CSS 长度（如 \"80%\"、640）。优先于 size。 */\n    width?: number | string;\n    /** 自定义高度：支持百分比/像素等 CSS 长度（如 \"80%\"、480）。 */\n    height?: number | string;\n    /** 点击遮罩是否关闭（默认 true） */\n    closeOnOverlay?: boolean;\n    /** 是否显示右上角关闭按钮（默认 true） */\n    showClose?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<ModalProps['size']>, string> = {\n    sm: 'max-w-sm',\n    md: 'max-w-lg',\n    lg: 'max-w-2xl',\n    xl: 'max-w-5xl',\n    full: 'max-w-[95vw]',\n};\n\nconst toCssSize = (value: number | string | undefined): string | undefined =>\n    typeof value === 'number' ? `${value}px` : value;\n\n/**\n * 轻量模态框：遮罩 + 居中面板，支持 Esc 关闭、遮罩点击关闭与滚动锁定。\n */\nconst Modal = ({\n    open,\n    onClose,\n    title,\n    description,\n    children,\n    footer,\n    size = 'md',\n    width,\n    height,\n    closeOnOverlay = true,\n    showClose = true,\n    className = '',\n}: ModalProps) => {\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose();\n        };\n        window.addEventListener('keydown', onKey);\n        const prevOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';\n        return () => {\n            window.removeEventListener('keydown', onKey);\n            document.body.style.overflow = prevOverflow;\n        };\n    }, [open, onClose]);\n\n    if (!open) return null;\n\n    // 自定义宽高：传入时优先于 size 预设；支持百分比。\n    const hasCustomWidth = width !== undefined;\n    const panelStyle: React.CSSProperties = {\n        width: hasCustomWidth ? toCssSize(width) : undefined,\n        maxWidth: hasCustomWidth ? '95vw' : undefined,\n        height: toCssSize(height),\n        maxHeight: '92vh',\n    };\n    // 面板尺寸类：未自定义宽度时才应用 max-w-* 预设。\n    const sizeClass = hasCustomWidth ? '' : SIZE_CLASS[size];\n    // 正文区：固定高度时自适应充满并内部滚动；否则限制最大高度。\n    const bodyClass = height !== undefined\n        ? 'min-h-0 flex-1 overflow-y-auto px-5 py-4'\n        : 'max-h-[70vh] overflow-y-auto px-5 py-4';\n\n    return (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n            <div\n                className=\"absolute inset-0\"\n                onClick={closeOnOverlay ? onClose : undefined}\n                aria-hidden\n            />\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={`card relative flex w-full flex-col bg-base-100 shadow-xl ${sizeClass} ${className}`.trim()}\n                style={panelStyle}\n            >\n                {(title || showClose) && (\n                    <div className=\"flex shrink-0 items-start justify-between gap-3 border-b border-base-300 px-5 py-3.5\">\n                        <div className=\"min-w-0\">\n                            {title && (\n                                <h3 className=\"truncate text-sm font-semibold text-base-content\">\n                                    {title}\n                                </h3>\n                            )}\n                            {description && (\n                                <p className=\"mt-0.5 text-xs text-base-content/60\">{description}</p>\n                            )}\n                        </div>\n                        {showClose && (\n                            <button\n                                type=\"button\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"shrink-0 rounded-md p-1 text-base-content/50 transition-colors hover:bg-base-200 hover:text-base-content\"\n                            >\n                                <svg\n                                    className=\"h-4 w-4\"\n                                    fill=\"none\"\n                                    viewBox=\"0 0 24 24\"\n                                    stroke=\"currentColor\"\n                                    strokeWidth={2}\n                                >\n                                    <path\n                                        strokeLinecap=\"round\"\n                                        strokeLinejoin=\"round\"\n                                        d=\"M6 18L18 6M6 6l12 12\"\n                                    />\n                                </svg>\n                            </button>\n                        )}\n                    </div>\n                )}\n                <div className={bodyClass}>{children}</div>\n                {footer && (\n                    <div className=\"flex shrink-0 justify-end gap-2 border-t border-base-300 px-5 py-3.5\">\n                        {footer}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default Modal;\n"],"mappings":";;AA4BA,IAAM,IAA8D;AAAA,EAChE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACV,GAEM,IAAA,CAAa,MACf,OAAO,KAAU,WAAW,GAAG,CAAA,OAAY,GAKzC,IAAA,CAAS,EACX,MAAA,GACA,SAAA,GACA,OAAA,GACA,aAAA,GACA,UAAA,GACA,QAAA,GACA,MAAA,IAAO,MACP,OAAA,GACA,QAAA,GACA,gBAAA,IAAiB,IACjB,WAAA,IAAY,IACZ,WAAA,IAAY,GAAA,MACE;AAed,MAdA,EAAA,MAAgB;AACZ,QAAI,CAAC,EAAM;AACX,UAAM,IAAA,CAAS,MAAqB;AAChC,MAAI,EAAE,QAAQ,YAAU,EAAQ;AAAA,IACpC;AACA,WAAO,iBAAiB,WAAW,CAAK;AACxC,UAAM,IAAe,SAAS,KAAK,MAAM;AACzC,oBAAS,KAAK,MAAM,WAAW,UAC/B,MAAa;AACT,aAAO,oBAAoB,WAAW,CAAK,GAC3C,SAAS,KAAK,MAAM,WAAW;AAAA,IACnC;AAAA,EACJ,GAAG,CAAC,GAAM,CAAO,CAAC,GAEd,CAAC,EAAM,QAAO;AAGlB,QAAM,IAAiB,MAAU,QAC3B,IAAkC;AAAA,IACpC,OAAO,IAAiB,EAAU,CAAK,IAAI;AAAA,IAC3C,UAAU,IAAiB,SAAS;AAAA,IACpC,QAAQ,EAAU,CAAM;AAAA,IACxB,WAAW;AAAA,EACf,GAEM,IAAY,IAAiB,KAAK,EAAW,CAAA,GAE7C,IAAY,MAAW,SACvB,6CACA;AAEN,SACI,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA,CACI,gBAAA,EAAC,OAAD;AAAA,MACI,WAAU;AAAA,MACV,SAAS,IAAiB,IAAU;AAAA,MACpC,eAAA;AAAA,IACH,CAAA,GACD,gBAAA,EAAC,OAAD;AAAA,MACI,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,4DAA4D,CAAA,IAAa,CAAA,GAAY,KAAK;AAAA,MACrG,OAAO;AAAA,MAJX,UAAA;AAAA,SAMM,KAAS,MACP,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UAAf,UAAA,CACI,gBAAA,EAAC,OAAD;AAAA,YAAK,WAAU;AAAA,YAAf,UAAA,CACK,KACG,gBAAA,EAAC,MAAD;AAAA,cAAI,WAAU;AAAA,cACT,UAAA;AAAA,YACD,CAAA,GAEP,KACG,gBAAA,EAAC,KAAD;AAAA,cAAG,WAAU;AAAA,cAAuC,UAAA;AAAA,YAAe,CAAA,CAEtE;AAAA,UACJ,CAAA,GAAA,KACG,gBAAA,EAAC,UAAD;AAAA,YACI,MAAK;AAAA,YACL,SAAS;AAAA,YACT,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,UAAA,gBAAA,EAAC,OAAD;AAAA,cACI,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,aAAa;AAAA,cAEb,UAAA,gBAAA,EAAC,QAAD;AAAA,gBACI,eAAc;AAAA,gBACd,gBAAe;AAAA,gBACf,GAAE;AAAA,cACL,CAAA;AAAA,YACA,CAAA;AAAA,UACD,CAAA,CAEX;AAAA;QAET,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAW;AAAA,UAAY,UAAA;AAAA,QAAc,CAAA;AAAA,QACzC,KACG,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UACV,UAAA;AAAA,QACA,CAAA;AAAA,MAER;AAAA,IACJ,CAAA,CAAA;AAAA;AAEb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport type ModalProps = {\n    /** 是否打开 */\n    open: boolean;\n    /** 关闭回调（遮罩点击 / Esc / 关闭按钮触发） */\n    onClose: () => void;\n    /** 标题 */\n    title?: React.ReactNode;\n    /** 标题下的说明文字 */\n    description?: React.ReactNode;\n    /** 正文内容 */\n    children?: React.ReactNode;\n    /** 底部操作区（默认右对齐） */\n    footer?: React.ReactNode;\n    /** 尺寸（预设）：sm / md / lg / xl / full */\n    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n    /** 自定义宽度：支持百分比/像素等 CSS 长度（如 \"80%\"、640）。优先于 size。 */\n    width?: number | string;\n    /** 自定义高度：支持百分比/像素等 CSS 长度（如 \"80%\"、480）。 */\n    height?: number | string;\n    /** 点击遮罩是否关闭（默认 true） */\n    closeOnOverlay?: boolean;\n    /** 是否显示右上角关闭按钮（默认 true） */\n    showClose?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<ModalProps['size']>, string> = {\n    sm: 'max-w-sm',\n    md: 'max-w-lg',\n    lg: 'max-w-2xl',\n    xl: 'max-w-5xl',\n    full: 'max-w-[95vw]',\n};\n\nconst toCssSize = (value: number | string | undefined): string | undefined =>\n    typeof value === 'number' ? `${value}px` : value;\n\n/**\n * 轻量模态框：遮罩 + 居中面板，支持 Esc 关闭、遮罩点击关闭与滚动锁定。\n */\nconst Modal = ({\n    open,\n    onClose,\n    title,\n    description,\n    children,\n    footer,\n    size = 'md',\n    width,\n    height,\n    closeOnOverlay = true,\n    showClose = true,\n    className = '',\n}: ModalProps) => {\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose();\n        };\n        window.addEventListener('keydown', onKey);\n        const prevOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';\n        return () => {\n            window.removeEventListener('keydown', onKey);\n            document.body.style.overflow = prevOverflow;\n        };\n    }, [open, onClose]);\n\n    if (!open) return null;\n\n    // 自定义宽高：传入时优先于 size 预设；支持百分比。\n    const hasCustomWidth = width !== undefined;\n    const panelStyle: React.CSSProperties = {\n        width: hasCustomWidth ? toCssSize(width) : undefined,\n        maxWidth: hasCustomWidth ? '95vw' : undefined,\n        height: toCssSize(height),\n        maxHeight: '92vh',\n    };\n    // 面板尺寸类：未自定义宽度时才应用 max-w-* 预设。\n    const sizeClass = hasCustomWidth ? '' : SIZE_CLASS[size];\n    // 正文区：固定高度时自适应充满并内部滚动；否则限制最大高度。\n    const bodyClass = height !== undefined\n        ? 'min-h-0 flex-1 overflow-y-auto px-5 py-4'\n        : 'max-h-[70vh] overflow-y-auto px-5 py-4';\n\n    return (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n            <div\n                className=\"absolute inset-0\"\n                onClick={closeOnOverlay ? onClose : undefined}\n                aria-hidden\n            />\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={`card relative flex w-full flex-col bg-base-100 shadow-xl ${sizeClass} ${className}`.trim()}\n                style={panelStyle}\n            >\n                {(title || showClose) && (\n                    <div className=\"flex shrink-0 items-start justify-between gap-3 border-b border-base-300 px-5 py-3.5\">\n                        <div className=\"min-w-0\">\n                            {title && (\n                                <h3 className=\"truncate text-sm font-semibold text-base-content\">\n                                    {title}\n                                </h3>\n                            )}\n                            {description && (\n                                <p className=\"mt-0.5 text-xs text-base-content/60\">{description}</p>\n                            )}\n                        </div>\n                        {showClose && (\n                            <button\n                                type=\"button\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"shrink-0 rounded-md p-1 text-base-content/50 transition-colors hover:bg-base-200 hover:text-base-content\"\n                            >\n                                <svg\n                                    className=\"h-4 w-4\"\n                                    fill=\"none\"\n                                    viewBox=\"0 0 24 24\"\n                                    stroke=\"currentColor\"\n                                    strokeWidth={2}\n                                >\n                                    <path\n                                        strokeLinecap=\"round\"\n                                        strokeLinejoin=\"round\"\n                                        d=\"M6 18L18 6M6 6l12 12\"\n                                    />\n                                </svg>\n                            </button>\n                        )}\n                    </div>\n                )}\n                <div className={bodyClass}>{children}</div>\n                {footer && (\n                    <div className=\"flex shrink-0 justify-end gap-2 border-t border-base-300 px-5 py-3.5\">\n                        {footer}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default Modal;\n"],"mappings":";;;AA4BA,IAAM,IAA8D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACV,GAEM,KAAa,MACf,OAAO,KAAU,WAAW,GAAG,EAAM,MAAM,GAKzC,KAAS,EACX,SACA,YACA,UACA,gBACA,aACA,WACA,UAAO,MACP,UACA,WACA,oBAAiB,IACjB,eAAY,IACZ,eAAY,SACE;CAed,IAdA,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,KAAS,MAAqB;GAChC,AAAI,EAAE,QAAQ,YAAU,EAAQ;EACpC;EACA,OAAO,iBAAiB,WAAW,CAAK;EACxC,IAAM,IAAe,SAAS,KAAK,MAAM;EAEzC,OADA,SAAS,KAAK,MAAM,WAAW,gBAClB;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,SAAS,KAAK,MAAM,WAAW;EACnC;CACJ,GAAG,CAAC,GAAM,CAAO,CAAC,GAEd,CAAC,GAAM,OAAO;CAGlB,IAAM,IAAiB,MAAU,KAAA,GAC3B,IAAkC;EACpC,OAAO,IAAiB,EAAU,CAAK,IAAI,KAAA;EAC3C,UAAU,IAAiB,SAAS,KAAA;EACpC,QAAQ,EAAU,CAAM;EACxB,WAAW;CACf,GAEM,IAAY,IAAiB,KAAK,EAAW,IAE7C,IAAY,MAAW,KAAA,IAEvB,2CADA;CAGN,OACI,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACI,kBAAC,OAAD;GACI,WAAU;GACV,SAAS,IAAiB,IAAU,KAAA;GACpC,eAAA;EACH,CAAA,GACD,kBAAC,OAAD;GACI,MAAK;GACL,cAAW;GACX,WAAW,4DAA4D,EAAU,GAAG,IAAY,KAAK;GACrG,OAAO;GAJX,UAAA;KAMM,KAAS,MACP,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACI,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACK,KACG,kBAAC,MAAD;OAAI,WAAU;OACT,UAAA;MACD,CAAA,GAEP,KACG,kBAAC,KAAD;OAAG,WAAU;OAAuC,UAAA;MAAe,CAAA,CAEtE;KACJ,CAAA,GAAA,KACG,kBAAC,UAAD;MACI,MAAK;MACL,SAAS;MACT,cAAW;MACX,WAAU;MAEV,UAAA,kBAAC,OAAD;OACI,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;OACP,aAAa;OAEb,UAAA,kBAAC,QAAD;QACI,eAAc;QACd,gBAAe;QACf,GAAE;OACL,CAAA;MACA,CAAA;KACD,CAAA,CAEX;;IAET,kBAAC,OAAD;KAAK,WAAW;KAAY;IAAc,CAAA;IACzC,KACG,kBAAC,OAAD;KAAK,WAAU;KACV,UAAA;IACA,CAAA;GAER;EACJ,CAAA,CAAA;;AAEb"}

package/dist/components/MultipleChoice/index.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export type MultipleChoiceOption = {
+    /** Value submitted for this option. */
+    value: string | number;
+    /** Display label. */
+    label: React.ReactNode;
+    /** Disable this option only. */
+    disabled?: boolean;
+};
+export type MultipleChoiceVariant = 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type MultipleChoiceProps = {
+    /** Available options. */
+    options: MultipleChoiceOption[];
+    /** Controlled selected values. */
+    value?: Array<string | number>;
+    /** Uncontrolled initial selection. */
+    defaultValue?: Array<string | number>;
+    /** Change handler with the full selected-value array. */
+    onChange?: (values: Array<string | number>) => void;
+    /** Layout of the options. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Color variant forwarded to each checkbox. */
+    variant?: MultipleChoiceVariant;
+    /** Size forwarded to each checkbox. */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** Limit the number of selectable options. */
+    maxSelected?: number;
+    /** Optional group label rendered above the options. */
+    label?: React.ReactNode;
+    /** Native name attribute for each checkbox. */
+    name?: string;
+    /** Extra class names on the wrapper. */
+    className?: string;
+    /** Inline styles on the wrapper. */
+    style?: React.CSSProperties;
+};
+/**
+ * MultipleChoice —— A2UI 交互组件（v0.8）：多选项组。
+ * 基于 dishui Checkbox 的受控 / 非受控多选组，支持横竖排与最大选择数限制。
+ */
+declare const MultipleChoice: React.FC<MultipleChoiceProps>;
+export default MultipleChoice;