@lobehub/ui 3.4.2 → 3.4.3

package/es/Markdown/components/MarkdownProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownProvider.mjs","names":[],"sources":["../../../src/Markdown/components/MarkdownProvider.tsx"],"sourcesContent":["'use client';\n\nimport { PropsWithChildren, createContext, memo, use } from 'react';\n\nimport type { SyntaxMarkdownProps } from '../type';\n\nexport type MarkdownContentConfig = Omit<SyntaxMarkdownProps, 'children' | 'reactMarkdownProps'>;\n\nexport const MarkdownContext = createContext<MarkdownContentConfig>({});\n\nexport const MarkdownProvider = memo<PropsWithChildren<MarkdownContentConfig>>(\n  ({ children, ...config }) => {\n    return <MarkdownContext value={config}>{children}</MarkdownContext>;\n  },\n);\n\nexport const useMarkdownContext = () => {\n  return use(MarkdownContext);\n};\n"],"mappings":";;;;;;AAQA,MAAa,kBAAkB,cAAqC,EAAE,CAAC;AAEvE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;AAC3B,QAAO,oBAAC;EAAgB,OAAO;EAAS;GAA2B;EAEtE;AAED,MAAa,2BAA2B;AACtC,QAAO,IAAI,gBAAgB"}

package/es/Markdown/components/SearchResultCards/SearchResultCard.mjs

@@ -0,0 +1,76 @@
+'use client';
+
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Block_default from "../../../Block/Block.mjs";
+import Text_default from "../../../Text/Text.mjs";
+import Img_default from "../../../Img/index.mjs";
+import A_default from "../../../A/index.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Markdown/components/SearchResultCards/SearchResultCard.tsx
+const SearchResultCard = memo(({ ref, url, title, alt, ...rest }) => {
+	const { styles } = useStyles();
+	const [displayTitle, domain, host] = useMemo(() => {
+		try {
+			const urlObj = new URL(url);
+			const domain$1 = urlObj.hostname.replace("www.", "");
+			const hostForUrl = urlObj.host;
+			let displayTitle$1 = title;
+			if (title === url) displayTitle$1 = hostForUrl + urlObj.pathname;
+			return [
+				displayTitle$1,
+				domain$1,
+				hostForUrl
+			];
+		} catch {
+			return [
+				title,
+				url,
+				url
+			];
+		}
+	}, [url, title]);
+	return /* @__PURE__ */ jsx(A_default, {
+		href: url,
+		ref,
+		rel: "noreferrer",
+		target: "_blank",
+		...rest,
+		children: /* @__PURE__ */ jsxs(Block_default, {
+			className: styles.container,
+			clickable: true,
+			gap: 2,
+			justify: "space-between",
+			paddingBlock: 6,
+			paddingInline: 8,
+			variant: "outlined",
+			children: [/* @__PURE__ */ jsx(Text_default, {
+				ellipsis: { rows: 2 },
+				children: displayTitle
+			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 4,
+				horizontal: true,
+				children: [/* @__PURE__ */ jsx(Img_default, {
+					alt: alt || title || url,
+					height: 14,
+					src: `https://icons.duckduckgo.com/ip3/${host}.ico`,
+					width: 14
+				}), /* @__PURE__ */ jsx(Text_default, {
+					className: styles.url,
+					ellipsis: true,
+					type: "secondary",
+					children: domain
+				})]
+			})]
+		}, url)
+	});
+});
+SearchResultCard.displayName = "SearchResultCard";
+var SearchResultCard_default = SearchResultCard;
+
+//#endregion
+export { SearchResultCard_default as default };
+//# sourceMappingURL=SearchResultCard.mjs.map

package/es/Markdown/components/SearchResultCards/SearchResultCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultCard.mjs","names":["domain","displayTitle","A","Block","Text","Flexbox","Img"],"sources":["../../../../src/Markdown/components/SearchResultCards/SearchResultCard.tsx"],"sourcesContent":["'use client';\n\nimport { Ref, memo, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\nimport Text from '@/Text';\nimport { AProps } from '@/types';\n\nimport { useStyles } from './style';\n\nexport interface SearchResultCardProps extends AProps {\n  alt?: string;\n  ref?: Ref<HTMLAnchorElement>;\n  title?: string;\n  url: string;\n}\n\nconst SearchResultCard = memo<SearchResultCardProps>(({ ref, url, title, alt, ...rest }) => {\n  const { styles } = useStyles();\n\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url);\n      const domain = urlObj.hostname.replace('www.', '');\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n      if (title === url) {\n        displayTitle = hostForUrl + urlObj.pathname;\n      }\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return (\n    <A href={url} ref={ref} rel=\"noreferrer\" target={'_blank'} {...rest}>\n      <Block\n        className={styles.container}\n        clickable\n        gap={2}\n        justify={'space-between'}\n        key={url}\n        paddingBlock={6}\n        paddingInline={8}\n        variant={'outlined'}\n      >\n        <Text ellipsis={{ rows: 2 }}>{displayTitle}</Text>\n        <Flexbox align={'center'} gap={4} horizontal>\n          <Img\n            alt={alt || title || url}\n            height={14}\n            src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n            width={14}\n          />\n          <Text className={styles.url} ellipsis type={'secondary'}>\n            {domain}\n          </Text>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n});\n\nSearchResultCard.displayName = 'SearchResultCard';\n\nexport default SearchResultCard;\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,mBAAmB,MAA6B,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,WAAW;CAC1F,MAAM,EAAE,WAAW,WAAW;CAE9B,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;AACjD,MAAI;GACF,MAAM,SAAS,IAAI,IAAI,IAAI;GAC3B,MAAMA,WAAS,OAAO,SAAS,QAAQ,QAAQ,GAAG;GAClD,MAAM,aAAa,OAAO;GAE1B,IAAIC,iBAAe;AACnB,OAAI,UAAU,IACZ,kBAAe,aAAa,OAAO;AAGrC,UAAO;IAACA;IAAcD;IAAQ;IAAW;UACnC;AACN,UAAO;IAAC;IAAO;IAAK;IAAI;;IAEzB,CAAC,KAAK,MAAM,CAAC;AAEhB,QACE,oBAACE;EAAE,MAAM;EAAU;EAAK,KAAI;EAAa,QAAQ;EAAU,GAAI;YAC7D,qBAACC;GACC,WAAW,OAAO;GAClB;GACA,KAAK;GACL,SAAS;GAET,cAAc;GACd,eAAe;GACf,SAAS;cAET,oBAACC;IAAK,UAAU,EAAE,MAAM,GAAG;cAAG;KAAoB,EAClD,qBAACC;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,KAAK,OAAO,SAAS;KACrB,QAAQ;KACR,KAAK,oCAAoC,KAAK;KAC9C,OAAO;MACP,EACF,oBAACF;KAAK,WAAW,OAAO;KAAK;KAAS,MAAM;eACzC;MACI;KACC;KAhBL,IAiBC;GACN;EAEN;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -0,0 +1,20 @@
+import { FlexboxProps } from "../../../Flex/type.mjs";
+import "../../../Flex/index.mjs";
+import * as react66 from "react";
+import { Ref } from "react";
+
+//#region src/Markdown/components/SearchResultCards/index.d.ts
+interface SearchResultItem {
+  alt?: string;
+  summary?: string;
+  title?: string;
+  url: string;
+}
+interface SearchResultCardsProps extends FlexboxProps {
+  dataSource: string[] | SearchResultItem[];
+  ref?: Ref<HTMLDivElement>;
+}
+declare const SearchResultCards: react66.NamedExoticComponent<SearchResultCardsProps>;
+//#endregion
+export { SearchResultCards, SearchResultCardsProps };
+//# sourceMappingURL=index.d.mts.map

package/es/Markdown/components/SearchResultCards/index.mjs

@@ -0,0 +1,33 @@
+'use client';
+
+import ScrollShadow_default from "../../../ScrollShadow/ScrollShadow.mjs";
+import SearchResultCard_default from "./SearchResultCard.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Markdown/components/SearchResultCards/index.tsx
+const SearchResultCards = memo(({ ref, dataSource, style, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollShadow_default, {
+		gap: 12,
+		hideScrollBar: true,
+		horizontal: true,
+		orientation: "horizontal",
+		ref,
+		size: 10,
+		style: {
+			minHeight: 80,
+			overflowX: "scroll",
+			paddingInlineEnd: 24,
+			width: "100%",
+			...style
+		},
+		...rest,
+		children: dataSource.map((link) => typeof link === "string" ? /* @__PURE__ */ jsx(SearchResultCard_default, { url: link }, link) : /* @__PURE__ */ jsx(SearchResultCard_default, { ...link }, link.url))
+	});
+});
+SearchResultCards.displayName = "SearchResultCards";
+var SearchResultCards_default = SearchResultCards;
+
+//#endregion
+export { SearchResultCards_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/Markdown/components/SearchResultCards/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["ScrollShadow","SearchResultCard"],"sources":["../../../../src/Markdown/components/SearchResultCards/index.tsx"],"sourcesContent":["'use client';\n\nimport { Ref, memo } from 'react';\n\nimport { FlexboxProps } from '@/Flex';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport SearchResultCard from './SearchResultCard';\n\nexport interface SearchResultItem {\n  alt?: string;\n  summary?: string;\n  title?: string;\n  url: string;\n}\n\nexport interface SearchResultCardsProps extends FlexboxProps {\n  dataSource: string[] | SearchResultItem[];\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst SearchResultCards = memo<SearchResultCardsProps>(({ ref, dataSource, style, ...rest }) => {\n  return (\n    <ScrollShadow\n      gap={12}\n      hideScrollBar\n      horizontal\n      orientation={'horizontal'}\n      ref={ref}\n      size={10}\n      style={{ minHeight: 80, overflowX: 'scroll', paddingInlineEnd: 24, width: '100%', ...style }}\n      {...rest}\n    >\n      {dataSource.map((link) =>\n        typeof link === 'string' ? (\n          <SearchResultCard key={link} url={link} />\n        ) : (\n          <SearchResultCard key={link.url} {...link} />\n        ),\n      )}\n    </ScrollShadow>\n  );\n});\n\nSearchResultCards.displayName = 'SearchResultCards';\n\nexport default SearchResultCards;\n"],"mappings":";;;;;;;;AAqBA,MAAM,oBAAoB,MAA8B,EAAE,KAAK,YAAY,OAAO,GAAG,WAAW;AAC9F,QACE,oBAACA;EACC,KAAK;EACL;EACA;EACA,aAAa;EACR;EACL,MAAM;EACN,OAAO;GAAE,WAAW;GAAI,WAAW;GAAU,kBAAkB;GAAI,OAAO;GAAQ,GAAG;GAAO;EAC5F,GAAI;YAEH,WAAW,KAAK,SACf,OAAO,SAAS,WACd,oBAACC,4BAA4B,KAAK,QAAX,KAAmB,GAE1C,oBAACA,4BAAgC,GAAI,QAAd,KAAK,IAAiB,CAEhD;GACY;EAEjB;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}

package/es/Markdown/components/SearchResultCards/style.mjs

@@ -0,0 +1,25 @@
+import { createStyles } from "antd-style";
+
+//#region src/Markdown/components/SearchResultCards/style.ts
+const useStyles = createStyles(({ css: css$1 }) => ({
+	container: css$1`
+    min-width: 160px;
+    max-width: 160px;
+    height: 100%;
+
+    font-size: 12px;
+    color: initial;
+  `,
+	url: css$1`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    text-overflow: ellipsis;
+  `
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Markdown/components/SearchResultCards/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css }) => ({\n  container: css`\n    min-width: 160px;\n    max-width: 160px;\n    height: 100%;\n\n    font-size: 12px;\n    color: initial;\n  `,\n  url: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    text-overflow: ellipsis;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,kBAAW;CAClD,WAAW,KAAG;;;;;;;;CAQd,KAAK,KAAG;;;;;;;;CAQT,EAAE"}

package/es/Markdown/components/useDelayedAnimated.mjs

@@ -0,0 +1,20 @@
+import { useEffect, useState } from "react";
+
+//#region src/Markdown/components/useDelayedAnimated.ts
+const useDelayedAnimated = (animated) => {
+	const [delayedAnimated, setDelayedAnimated] = useState(animated);
+	useEffect(() => {
+		if (animated === void 0) return;
+		if (animated === false && delayedAnimated === true) {
+			const timer = setTimeout(() => {
+				setDelayedAnimated(false);
+			}, 1e3);
+			return () => clearTimeout(timer);
+		} else setDelayedAnimated(animated);
+	}, [animated, delayedAnimated]);
+	return delayedAnimated;
+};
+
+//#endregion
+export { useDelayedAnimated };
+//# sourceMappingURL=useDelayedAnimated.mjs.map

package/es/Markdown/components/useDelayedAnimated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedAnimated.mjs","names":[],"sources":["../../../src/Markdown/components/useDelayedAnimated.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useDelayedAnimated = (animated?: boolean) => {\n  const [delayedAnimated, setDelayedAnimated] = useState(animated);\n\n  // Watch for changes in animated prop\n  useEffect(() => {\n    if (animated === undefined) return;\n    // If animated changes from true to false, delay the update by 1 second\n    if (animated === false && delayedAnimated === true) {\n      const timer = setTimeout(() => {\n        setDelayedAnimated(false);\n      }, 1000);\n\n      return () => clearTimeout(timer);\n    } else {\n      // For any other changes, update immediately\n      setDelayedAnimated(animated);\n    }\n  }, [animated, delayedAnimated]);\n\n  return delayedAnimated;\n};\n"],"mappings":";;;AAEA,MAAa,sBAAsB,aAAuB;CACxD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,SAAS;AAGhE,iBAAgB;AACd,MAAI,aAAa,OAAW;AAE5B,MAAI,aAAa,SAAS,oBAAoB,MAAM;GAClD,MAAM,QAAQ,iBAAiB;AAC7B,uBAAmB,MAAM;MACxB,IAAK;AAER,gBAAa,aAAa,MAAM;QAGhC,oBAAmB,SAAS;IAE7B,CAAC,UAAU,gBAAgB,CAAC;AAE/B,QAAO"}

package/es/Markdown/index.d.mts

@@ -0,0 +1,4 @@
+import { MarkdownProps, SyntaxMarkdownProps, TypographyProps } from "./type.mjs";
+import { Markdown } from "./Markdown.mjs";
+import { Typography } from "./Typography.mjs";
+export { MarkdownProps, SyntaxMarkdownProps, Typography, TypographyProps, Markdown as default };

package/es/Markdown/index.mjs

@@ -0,0 +1,4 @@
+import Typography_default from "./Typography.mjs";
+import Markdown_default from "./Markdown.mjs";
+
+export { Typography_default as Typography, Markdown_default as default };

package/es/Markdown/markdown.style.mjs

@@ -0,0 +1,399 @@
+import { createStyles } from "antd-style";
+
+//#region src/Markdown/markdown.style.ts
+const IGNORE_CLASSNAME = ".ignore-markdown-style";
+const useStyles = createStyles(({ token, css: css$1 }) => {
+	const __root = css$1`
+    --lobe-markdown-font-size: 16px;
+    --lobe-markdown-header-multiple: 1;
+    --lobe-markdown-margin-multiple: 2;
+    --lobe-markdown-line-height: 1.8;
+    --lobe-markdown-border-radius: ${token.borderRadiusLG};
+    --lobe-markdown-border-color: ${token.colorFillQuaternary};
+
+    position: relative;
+
+    width: 100%;
+    max-width: 100%;
+    padding-inline: 1px;
+
+    font-size: var(--lobe-markdown-font-size);
+    line-height: var(--lobe-markdown-line-height);
+    word-break: break-word;
+  `;
+	const a = css$1`
+    a {
+      color: ${token.colorInfoText};
+
+      &:hover {
+        color: ${token.colorInfoHover};
+      }
+    }
+  `;
+	const blockquote = css$1`
+    blockquote {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      margin-inline: 0;
+      padding-block: 0;
+      padding-inline: 1em;
+      border-inline-start: solid 4px ${token.colorBorder};
+
+      color: ${token.colorTextSecondary};
+    }
+  `;
+	const code = css$1`
+    code {
+      &:not(:has(span)) {
+        display: inline;
+
+        margin-inline: 0.25em;
+        padding-block: 0.2em;
+        padding-inline: 0.4em;
+        border: 1px solid var(--lobe-markdown-border-color);
+        border-radius: 0.25em;
+
+        font-family: ${token.fontFamilyCode};
+        font-size: 0.875em;
+        line-height: 1;
+        word-break: break-word;
+        white-space: break-spaces;
+
+        background: ${token.colorFillSecondary};
+      }
+    }
+  `;
+	const del = css$1`
+    del {
+      color: ${token.colorTextDescription};
+      text-decoration: line-through;
+    }
+  `;
+	const details = css$1`
+    details {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      padding-block: 0.75em;
+      padding-inline: 1em;
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+
+      background: ${token.colorFillTertiary};
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+
+      summary {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        list-style: none;
+
+        &::before {
+          content: '';
+
+          position: absolute;
+          inset-inline-end: 1.25em;
+          transform: rotateZ(-45deg);
+
+          display: block;
+
+          width: 0.4em;
+          height: 0.4em;
+          border-block-end: 1.5px solid ${token.colorTextSecondary};
+          border-inline-end: 1.5px solid ${token.colorTextSecondary};
+
+          font-family: ${token.fontFamily};
+
+          transition: transform 200ms ${token.motionEaseOut};
+        }
+      }
+
+      &[open] {
+        summary {
+          padding-block-end: 0.75em;
+          border-block-end: 1px dashed ${token.colorBorder};
+
+          &::before {
+            transform: rotateZ(45deg);
+          }
+        }
+      }
+    }
+  `;
+	const header = css$1`
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin-block: max(
+        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),
+        var(--lobe-markdown-font-size)
+      );
+      font-weight: bold;
+      line-height: 1.25;
+    }
+
+    h1 {
+      font-size: calc(
+        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))
+      );
+    }
+
+    h2 {
+      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));
+    }
+
+    h3 {
+      font-size: calc(
+        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))
+      );
+    }
+
+    h4 {
+      font-size: calc(
+        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))
+      );
+    }
+
+    h5,
+    h6 {
+      font-size: calc(var(--lobe-markdown-font-size) * 1);
+    }
+  `;
+	const hr = css$1`
+    hr {
+      width: 100%;
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
+      border-color: ${token.colorBorder};
+      border-style: dashed;
+      border-width: 1px;
+      border-block-start: none;
+      border-inline-start: none;
+      border-inline-end: none;
+    }
+  `;
+	const img = css$1`
+    img {
+      max-width: 100%;
+    }
+
+    > img,
+    > p > img {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+    }
+  `;
+	const list = css$1`
+    li {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);
+
+      p:first-child {
+        display: inline;
+      }
+    }
+
+    ul,
+    ol {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      margin-inline-start: 1em;
+      padding-inline-start: 0;
+      list-style-position: outside;
+
+      > ul,
+      > ol {
+        margin-block: 0;
+      }
+
+      > li {
+        margin-inline-start: 1em;
+      }
+    }
+
+    ol {
+      list-style: auto;
+    }
+
+    ul {
+      list-style-type: none;
+
+      > li {
+        &::before {
+          content: '-';
+
+          position: absolute;
+
+          display: inline-block;
+
+          margin-inline: -1em 0.5em;
+
+          opacity: 0.5;
+        }
+      }
+    }
+
+    .task-list-item {
+      &::before {
+        display: none !important;
+      }
+
+      input[type='checkbox'] {
+        margin-block: 0 0.25em;
+        margin-inline: -1.6em 0.2em;
+        vertical-align: middle;
+      }
+
+      input[type='checkbox']:dir(rtl) {
+        margin: 0 -1.6em 0.25em 0.2em;
+      }
+    }
+  `;
+	const p = css$1`
+    p {
+      margin-block: 4px;
+      line-height: var(--lobe-markdown-line-height);
+      letter-spacing: 0.02em;
+
+      &:not(:first-child) {
+        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      }
+
+      &:not(:last-child) {
+        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      }
+    }
+  `;
+	const pre = css$1`
+    pre {
+      font-size: calc(var(--lobe-markdown-font-size) * 0.85);
+    }
+  `;
+	const strong = css$1`
+    strong {
+      font-weight: 600;
+    }
+  `;
+	const svg = css$1`
+    svg {
+      line-height: 1;
+    }
+  `;
+	const table = css$1`
+    table {
+      unicode-bidi: isolate;
+      overflow: auto hidden;
+      display: block;
+      border-spacing: 0;
+      border-collapse: collapse;
+
+      box-sizing: border-box;
+      width: max-content;
+      max-width: 100%;
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+
+      text-align: start;
+      text-indent: initial;
+      text-wrap: pretty;
+      word-break: auto-phrase;
+      overflow-wrap: break-word;
+
+      background: ${token.colorFillQuaternary};
+      box-shadow: 0 0 0 1px ${token.colorBorderSecondary};
+
+      code {
+        word-break: break-word;
+      }
+
+      thead {
+        background: ${token.colorFillQuaternary};
+      }
+
+      tr {
+        box-shadow: 0 1px 0 ${token.colorBorderSecondary};
+      }
+
+      th,
+      td {
+        min-width: 120px;
+        padding-block: 0.75em;
+        padding-inline: 1em;
+        text-align: start;
+      }
+    }
+  `;
+	const video = css$1`
+    > video,
+    > p > video {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+    }
+
+    video {
+      max-width: 100%;
+    }
+  `;
+	const footnote = css$1`
+    .footnotes {
+      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
+      font-size: smaller;
+      color: #8b949e;
+
+      #footnote-label {
+        display: none;
+      }
+
+      > ol {
+        margin: 0 !important;
+      }
+    }
+  `;
+	const sup = css$1`
+    sup {
+      position: relative;
+      inset-block-start: -0.25em;
+
+      font-size: 0.75em;
+      line-height: var(--lobe-markdown-line-height);
+      vertical-align: baseline;
+    }
+  `;
+	return { root: css$1`
+      :not(:has(${IGNORE_CLASSNAME})),
+      .markdown {
+        ${[
+		__root,
+		a,
+		blockquote,
+		code,
+		del,
+		details,
+		header,
+		hr,
+		img,
+		list,
+		p,
+		pre,
+		strong,
+		svg,
+		table,
+		video,
+		footnote,
+		css$1`
+    sub {
+      position: relative;
+      inset-block-end: -0.25em;
+
+      font-size: 0.75em;
+      line-height: var(--lobe-markdown-line-height);
+      vertical-align: baseline;
+    }
+  `,
+		sup
+	]}
+      }
+    ` };
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=markdown.style.mjs.map

package/es/Markdown/markdown.style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.style.mjs","names":[],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const useStyles = createStyles(({ token, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${token.borderRadiusLG};\n    --lobe-markdown-border-color: ${token.colorFillQuaternary};\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${token.colorInfoText};\n\n      &:hover {\n        color: ${token.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${token.colorBorder};\n\n      color: ${token.colorTextSecondary};\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${token.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ${token.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${token.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${token.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${token.colorTextSecondary};\n          border-inline-end: 1.5px solid ${token.colorTextSecondary};\n\n          font-family: ${token.fontFamily};\n\n          transition: transform 200ms ${token.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${token.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ${token.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      background: ${token.colorFillQuaternary};\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary};\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ${token.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${token.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,YAAY,cAAc,EAAE,OAAO,iBAAU;CACxD,MAAM,SAAS,KAAG;;;;;qCAKiB,MAAM,eAAe;oCACtB,MAAM,oBAAoB;;;;;;;;;;;;CAY5D,MAAM,IAAI,KAAG;;eAEA,MAAM,cAAc;;;iBAGlB,MAAM,eAAe;;;;CAKpC,MAAM,aAAa,KAAG;;;;;;uCAMe,MAAM,YAAY;;eAE1C,MAAM,mBAAmB;;;CAItC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWK,MAAM,eAAe;;;;;;sBAMtB,MAAM,mBAAmB;;;;CAK7C,MAAM,MAAM,KAAG;;eAEF,MAAM,qBAAqB;;;;CAKxC,MAAM,UAAU,KAAG;;;;;;;oBAOD,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBF,MAAM,mBAAmB;2CACxB,MAAM,mBAAmB;;yBAE3C,MAAM,WAAW;;wCAEF,MAAM,cAAc;;;;;;;yCAOnB,MAAM,YAAY;;;;;;;;;CASzD,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,MAAM,KAAK,KAAG;;;;sBAIM,MAAM,YAAY;;;;;;;;CAQtC,MAAM,MAAM,KAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;CAeb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBC,MAAM,oBAAoB;8BAChB,MAAM,qBAAqB;;;;;;;sBAOnC,MAAM,oBAAoB;;;;8BAIlB,MAAM,qBAAqB;;;;;;;;;;;;CAYvD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}

package/es/Markdown/plugins/rehypeCustomFootnotes.d.mts

@@ -0,0 +1,5 @@
+//#region src/Markdown/plugins/rehypeCustomFootnotes.d.ts
+declare const rehypeCustomFootnotes: () => (tree: any, file: any) => void;
+//#endregion
+export { rehypeCustomFootnotes };
+//# sourceMappingURL=rehypeCustomFootnotes.d.mts.map

package/es/Markdown/plugins/rehypeCustomFootnotes.mjs

@@ -0,0 +1,26 @@
+import { visit } from "../../node_modules/unist-util-visit/lib/index.mjs";
+
+//#region src/Markdown/plugins/rehypeCustomFootnotes.ts
+const rehypeCustomFootnotes = () => (tree, file) => {
+	const linksData = file.data.footnoteLinks || {};
+	visit(tree, "element", (node) => {
+		if (node.tagName === "section" && node.properties.className?.includes("footnotes")) {
+			const sortedLinks = Object.entries(linksData).sort(([a], [b]) => a.localeCompare(b)).map(([id, data]) => ({
+				id,
+				...data
+			}));
+			node.properties["data-footnote-links"] = JSON.stringify(sortedLinks);
+		}
+		if (node.tagName === "sup") {
+			const link = node.children.find((n) => n.tagName === "a");
+			if (link) {
+				const linkRefIndex = link.properties?.id?.replace(/^user-content-fnref-/, "")[0];
+				if (linkRefIndex !== void 0) link.properties["data-link"] = JSON.stringify(linksData[linkRefIndex]);
+			}
+		}
+	});
+};
+
+//#endregion
+export { rehypeCustomFootnotes };
+//# sourceMappingURL=rehypeCustomFootnotes.mjs.map

package/es/Markdown/plugins/rehypeCustomFootnotes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rehypeCustomFootnotes.mjs","names":["linksData: Record<string, FootnoteLink>"],"sources":["../../../src/Markdown/plugins/rehypeCustomFootnotes.ts"],"sourcesContent":["import { visit } from 'unist-util-visit';\n\nimport type { FootnoteLink } from './remarkCustomFootnotes';\n\n// eslint-disable-next-line unicorn/consistent-function-scoping\nexport const rehypeCustomFootnotes = () => (tree: any, file: any) => {\n  const linksData: Record<string, FootnoteLink> = file.data.footnoteLinks || {};\n\n  visit(tree, 'element', (node) => {\n    if (node.tagName === 'section' && node.properties.className?.includes('footnotes')) {\n      // 转换数据格式为数组（按identifier排序）\n      const sortedLinks = Object.entries(linksData)\n        .sort(([a], [b]) => a.localeCompare(b))\n        .map(([id, data]) => ({ id, ...data }));\n      // 注入数据属性\n      node.properties['data-footnote-links'] = JSON.stringify(sortedLinks);\n    }\n\n    if (node.tagName === 'sup') {\n      const link = node.children.find((n: any) => n.tagName === 'a');\n\n      if (link) {\n        // a node example\n        // {\n        //     \"href\": \"#user-content-fn-3\",\n        //     \"id\": \"user-content-fnref-3-2\",\n        //     \"dataFootnoteRef\": true,\n        // }\n        const linkRefIndex = link.properties?.id?.replace(/^user-content-fnref-/, '')[0];\n\n        if (linkRefIndex !== undefined)\n          link.properties['data-link'] = JSON.stringify(linksData[linkRefIndex]);\n      }\n    }\n  });\n};\n"],"mappings":";;;AAKA,MAAa,+BAA+B,MAAW,SAAc;CACnE,MAAMA,YAA0C,KAAK,KAAK,iBAAiB,EAAE;AAE7E,OAAM,MAAM,YAAY,SAAS;AAC/B,MAAI,KAAK,YAAY,aAAa,KAAK,WAAW,WAAW,SAAS,YAAY,EAAE;GAElF,MAAM,cAAc,OAAO,QAAQ,UAAU,CAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,IAAI,WAAW;IAAE;IAAI,GAAG;IAAM,EAAE;AAEzC,QAAK,WAAW,yBAAyB,KAAK,UAAU,YAAY;;AAGtE,MAAI,KAAK,YAAY,OAAO;GAC1B,MAAM,OAAO,KAAK,SAAS,MAAM,MAAW,EAAE,YAAY,IAAI;AAE9D,OAAI,MAAM;IAOR,MAAM,eAAe,KAAK,YAAY,IAAI,QAAQ,wBAAwB,GAAG,CAAC;AAE9E,QAAI,iBAAiB,OACnB,MAAK,WAAW,eAAe,KAAK,UAAU,UAAU,cAAc;;;GAG5E"}