@lobehub/ui 2.5.6 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/ActionIconGroup/ActionIconGroup.js +4 -2
- package/es/Markdown/Markdown.js +5 -0
- package/es/Markdown/components/SearchResultCard/index.d.ts +10 -0
- package/es/{SearchBar → Markdown}/components/SearchResultCard/index.js +10 -3
- package/es/{SearchBar → Markdown}/components/SearchResultCard/style.d.ts +0 -1
- package/es/Markdown/components/SearchResultCard/style.js +10 -0
- package/es/Markdown/components/SearchResultCards/index.d.ts +14 -0
- package/es/Markdown/style.d.ts +1 -0
- package/es/Markdown/style.js +4 -3
- package/es/Menu/type.d.ts +1 -0
- package/es/SearchBar/index.d.ts +0 -1
- package/es/SearchBar/index.js +0 -1
- package/es/SearchBar/type.d.ts +1 -19
- package/es/hooks/useMarkdown/useMarkdownRehypePlugins.js +2 -1
- package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.js +4 -4
- package/es/index.d.ts +2 -1
- package/es/index.js +2 -1
- package/es/mdx/Mdx/index.js +2 -1
- package/es/mdx/mdxComponents/Citation/index.js +7 -9
- package/es/mdx/mdxComponents/Footnotes.js +1 -1
- package/package.json +3 -1
- package/es/SearchBar/components/SearchResultCard/index.d.ts +0 -4
- package/es/SearchBar/components/SearchResultCard/style.js +0 -12
- package/es/SearchBar/components/SearchResultCards/index.d.ts +0 -4
- package/es/mdx/Mdx/SyntaxMdx/index.d.ts +0 -11
- package/es/mdx/Mdx/SyntaxMdx/index.js +0 -142
- /package/es/{SearchBar → Markdown}/components/SearchResultCards/index.js +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
var _excluded = ["variant", "disabled", "shadow", "glass", "actionIconProps", "items", "horizontal", "menu", "onActionClick", "className", "size", "ref"],
|
|
5
|
-
_excluded2 = ["icon", "key", "label", "onClick", "danger"];
|
|
5
|
+
_excluded2 = ["icon", "key", "label", "onClick", "danger", "loading"];
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -92,10 +92,12 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
|
|
|
92
92
|
label = item.label,
|
|
93
93
|
_onClick = item.onClick,
|
|
94
94
|
danger = item.danger,
|
|
95
|
+
loading = item.loading,
|
|
95
96
|
itemRest = _objectWithoutProperties(item, _excluded2);
|
|
96
97
|
return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({
|
|
97
98
|
danger: danger,
|
|
98
99
|
icon: icon,
|
|
100
|
+
loading: loading,
|
|
99
101
|
onClick: function onClick(e) {
|
|
100
102
|
onActionClick === null || onActionClick === void 0 || onActionClick({
|
|
101
103
|
domEvent: e,
|
|
@@ -110,7 +112,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
|
|
|
110
112
|
placement: tooltipPlacement
|
|
111
113
|
}
|
|
112
114
|
}, actionIconProps), {}, {
|
|
113
|
-
disabled: disabled || (itemRest === null || itemRest === void 0 ? void 0 : itemRest.disabled)
|
|
115
|
+
disabled: disabled || loading || (itemRest === null || itemRest === void 0 ? void 0 : itemRest.disabled)
|
|
114
116
|
}), key);
|
|
115
117
|
}), menu && /*#__PURE__*/_jsx(Dropdown, {
|
|
116
118
|
menu: _objectSpread(_objectSpread({}, menu), {}, {
|
package/es/Markdown/Markdown.js
CHANGED
|
@@ -89,10 +89,15 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
|
|
|
89
89
|
defaultVariants: {
|
|
90
90
|
animated: false,
|
|
91
91
|
enableLatex: true,
|
|
92
|
+
gfm: true,
|
|
92
93
|
variant: 'default'
|
|
93
94
|
},
|
|
94
95
|
/* eslint-disable sort-keys-fix/sort-keys-fix */
|
|
95
96
|
variants: {
|
|
97
|
+
gfm: {
|
|
98
|
+
true: styles.gfm,
|
|
99
|
+
false: null
|
|
100
|
+
},
|
|
96
101
|
variant: {
|
|
97
102
|
default: null,
|
|
98
103
|
chat: styles.chat
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Ref } from 'react';
|
|
2
|
+
import { AProps } from "../../../types";
|
|
3
|
+
export interface SearchResultCardProps extends AProps {
|
|
4
|
+
alt?: string;
|
|
5
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
6
|
+
title?: string;
|
|
7
|
+
url: string;
|
|
8
|
+
}
|
|
9
|
+
declare const SearchResultCard: import("react").NamedExoticComponent<SearchResultCardProps>;
|
|
10
|
+
export default SearchResultCard;
|
|
@@ -17,6 +17,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
17
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
18
18
|
import { memo, useMemo } from 'react';
|
|
19
19
|
import { Flexbox } from 'react-layout-kit';
|
|
20
|
+
import Block from "../../../Block";
|
|
20
21
|
import Text from "../../../Text";
|
|
21
22
|
import { useStyles } from "./style";
|
|
22
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -53,12 +54,18 @@ var SearchResultCard = /*#__PURE__*/memo(function (_ref) {
|
|
|
53
54
|
rel: "noreferrer",
|
|
54
55
|
target: '_blank'
|
|
55
56
|
}, rest), {}, {
|
|
56
|
-
children: /*#__PURE__*/_jsxs(
|
|
57
|
+
children: /*#__PURE__*/_jsxs(Block, {
|
|
57
58
|
className: styles.container,
|
|
59
|
+
clickable: true,
|
|
58
60
|
gap: 2,
|
|
59
61
|
justify: 'space-between',
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
paddingBlock: 6,
|
|
63
|
+
paddingInline: 8,
|
|
64
|
+
variant: 'outlined',
|
|
65
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
66
|
+
ellipsis: {
|
|
67
|
+
rows: 2
|
|
68
|
+
},
|
|
62
69
|
children: displayTitle
|
|
63
70
|
}), /*#__PURE__*/_jsxs(Flexbox, {
|
|
64
71
|
align: 'center',
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
var _templateObject, _templateObject2;
|
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
+
import { createStyles } from 'antd-style';
|
|
4
|
+
export var useStyles = createStyles(function (_ref) {
|
|
5
|
+
var css = _ref.css;
|
|
6
|
+
return {
|
|
7
|
+
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n min-width: 160px;\n max-width: 160px;\n height: 100%;\n\n font-size: 12px;\n color: initial;\n "]))),
|
|
8
|
+
url: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n\n text-overflow: ellipsis;\n "])))
|
|
9
|
+
};
|
|
10
|
+
});
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Ref } from 'react';
|
|
2
|
+
import { FlexboxProps } from 'react-layout-kit';
|
|
3
|
+
export interface SearchResultItem {
|
|
4
|
+
alt?: string;
|
|
5
|
+
summary?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
url: string;
|
|
8
|
+
}
|
|
9
|
+
export interface SearchResultCardsProps extends FlexboxProps {
|
|
10
|
+
dataSource: string[] | SearchResultItem[];
|
|
11
|
+
ref?: Ref<HTMLDivElement>;
|
|
12
|
+
}
|
|
13
|
+
declare const SearchResultCards: import("react").NamedExoticComponent<SearchResultCardsProps>;
|
|
14
|
+
export default SearchResultCards;
|
package/es/Markdown/style.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
|
|
2
2
|
animated: import("antd-style").SerializedStyles;
|
|
3
3
|
chat: import("antd-style").SerializedStyles;
|
|
4
|
+
gfm: import("antd-style").SerializedStyles;
|
|
4
5
|
latex: import("antd-style").SerializedStyles;
|
|
5
6
|
root: import("antd-style").SerializedStyles;
|
|
6
7
|
}>;
|
package/es/Markdown/style.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { createStyles, keyframes } from 'antd-style';
|
|
4
4
|
export var useStyles = createStyles(function (_ref) {
|
|
@@ -10,7 +10,8 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
10
10
|
return {
|
|
11
11
|
animated: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .animate-fade-in,\n .katex-html span,\n span.line > span,\n code:not(:has(span.line)),\n > * {\n animation: ", " 1s ease-in-out;\n }\n "])), fadeIn),
|
|
12
12
|
chat: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n --lobe-markdown-border-radius: ", ";\n\n ol,\n ul {\n > li {\n &::marker {\n color: ", " !important;\n }\n\n > li {\n &::marker {\n color: ", " !important;\n }\n }\n }\n }\n\n ul {\n list-style: unset;\n\n > li {\n &::before {\n content: unset;\n display: unset;\n }\n }\n }\n "])), token.borderRadius, cyanColor, token.colorTextSecondary),
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
gfm: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .markdown-alert {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n padding-inline-start: 1em;\n border-inline-start: solid 4px ", ";\n\n > p {\n margin-block-start: 0 !important;\n }\n }\n\n .markdown-alert > :first-child {\n margin-block-start: 0;\n }\n\n .markdown-alert > :last-child {\n margin-block-end: 0;\n }\n\n .markdown-alert-note {\n border-inline-start-color: ", ";\n }\n\n .markdown-alert-tip {\n border-inline-start-color: ", ";\n }\n\n .markdown-alert-important {\n border-inline-start-color: ", ";\n }\n\n .markdown-alert-warning {\n border-inline-start-color: ", ";\n }\n\n .markdown-alert-caution {\n border-inline-start-color: ", ";\n }\n\n .markdown-alert-title {\n display: flex;\n align-items: center;\n margin-block-end: 0.5em !important;\n font-weight: 500;\n }\n\n .markdown-alert-note .markdown-alert-title {\n color: ", ";\n fill: ", ";\n }\n\n .markdown-alert-tip .markdown-alert-title {\n color: ", ";\n fill: ", ";\n }\n\n .markdown-alert-important .markdown-alert-title {\n color: ", ";\n fill: ", ";\n }\n\n .markdown-alert-warning .markdown-alert-title {\n color: ", ";\n fill: ", ";\n }\n\n .markdown-alert-caution .markdown-alert-title {\n color: ", ";\n fill: ", ";\n }\n\n .octicon {\n overflow: visible !important;\n display: inline-block;\n margin-inline-end: 0.5em;\n vertical-align: text-bottom;\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 /* Style the footnotes section. */\n\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 .sr-only {\n position: absolute;\n\n overflow: hidden;\n\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n\n word-wrap: normal;\n\n clip: rect(0, 0, 0, 0);\n }\n\n sup:has(a[aria-describedby='footnote-label']) {\n margin-inline: 2px;\n vertical-align: super !important;\n\n [data-footnote-ref] {\n display: inline-block;\n\n width: 16px;\n height: 16px;\n border-radius: 4px;\n\n font-family: ", ";\n font-size: 10px;\n color: ", " !important;\n text-align: center;\n\n background: ", ";\n }\n }\n "])), token.colorBorder, token.colorInfo, token.colorSuccess, token.purple, token.colorWarning, token.colorError, token.colorInfo, token.colorInfo, token.colorSuccess, token.colorSuccess, token.purple, token.purple, token.colorWarning, token.colorWarning, token.colorError, token.colorError, token.fontFamilyCode, token.colorTextSecondary, token.colorFillSecondary),
|
|
14
|
+
latex: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n .katex-error {\n color: ", " !important;\n }\n\n .katex-html {\n overflow: auto hidden;\n padding: 3px;\n\n .base {\n margin-block: 0;\n margin-inline: auto;\n }\n\n .tag {\n position: relative !important;\n display: inline-block;\n padding-inline-start: 0.5rem;\n }\n }\n "])), token.colorTextDescription),
|
|
15
|
+
root: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n max-width: 100%;\n "])))
|
|
15
16
|
};
|
|
16
17
|
});
|
package/es/Menu/type.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { IconContentConfig, IconProps } from "../Icon";
|
|
|
5
5
|
export interface MenuItemType extends RcMenuItemType {
|
|
6
6
|
danger?: boolean;
|
|
7
7
|
icon?: IconProps['icon'];
|
|
8
|
+
loading?: boolean;
|
|
8
9
|
title?: string;
|
|
9
10
|
}
|
|
10
11
|
export interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> {
|
package/es/SearchBar/index.d.ts
CHANGED
package/es/SearchBar/index.js
CHANGED
package/es/SearchBar/type.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { CSSProperties
|
|
2
|
-
import { FlexboxProps } from 'react-layout-kit';
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
3
2
|
import type { InputProps } from "../Input";
|
|
4
|
-
import { AProps } from "../types";
|
|
5
3
|
export interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
|
|
6
4
|
classNames?: {
|
|
7
5
|
input?: string;
|
|
@@ -20,19 +18,3 @@ export interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'
|
|
|
20
18
|
};
|
|
21
19
|
value?: string;
|
|
22
20
|
}
|
|
23
|
-
export interface SearchResultItem {
|
|
24
|
-
alt?: string;
|
|
25
|
-
summary?: string;
|
|
26
|
-
title?: string;
|
|
27
|
-
url: string;
|
|
28
|
-
}
|
|
29
|
-
export interface SearchResultCardsProps extends FlexboxProps {
|
|
30
|
-
dataSource: string[] | SearchResultItem[];
|
|
31
|
-
ref?: Ref<HTMLDivElement>;
|
|
32
|
-
}
|
|
33
|
-
export interface SearchResultCardProps extends AProps {
|
|
34
|
-
alt?: string;
|
|
35
|
-
ref?: Ref<HTMLAnchorElement>;
|
|
36
|
-
title?: string;
|
|
37
|
-
url: string;
|
|
38
|
-
}
|
|
@@ -7,6 +7,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
|
|
|
7
7
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
8
8
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
9
9
|
import { useMemo } from 'react';
|
|
10
|
+
import { rehypeGithubAlerts } from 'rehype-github-alerts';
|
|
10
11
|
import rehypeKatex from 'rehype-katex';
|
|
11
12
|
import rehypeRaw from 'rehype-raw';
|
|
12
13
|
import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
|
|
@@ -24,7 +25,7 @@ export var useMarkdownRehypePlugins = function useMarkdownRehypePlugins() {
|
|
|
24
25
|
_useMarkdownContext$r2 = _useMarkdownContext.rehypePluginsAhead,
|
|
25
26
|
rehypePluginsAhead = _useMarkdownContext$r2 === void 0 ? [] : _useMarkdownContext$r2;
|
|
26
27
|
var memoPlugins = useMemo(function () {
|
|
27
|
-
return [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks, animated && animatedPlugin].filter(Boolean);
|
|
28
|
+
return [rehypeGithubAlerts, allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks, animated && animatedPlugin].filter(Boolean);
|
|
28
29
|
}, [animated, enableLatex, enableCustomFootnotes, allowHtml]);
|
|
29
30
|
return useMemo(function () {
|
|
30
31
|
return [].concat(_toConsumableArray(rehypePluginsAhead), _toConsumableArray(memoPlugins), _toConsumableArray(rehypePlugins));
|
|
@@ -23,11 +23,11 @@ export var useMarkdownRemarkPlugins = function useMarkdownRemarkPlugins() {
|
|
|
23
23
|
variant = _useMarkdownContext.variant;
|
|
24
24
|
var isChatMode = variant === 'chat';
|
|
25
25
|
var memoPlugins = useMemo(function () {
|
|
26
|
-
return [enableLatex && remarkMath, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
|
|
27
|
-
}, [isChatMode, enableLatex, enableCustomFootnotes]);
|
|
28
|
-
return useMemo(function () {
|
|
29
26
|
return [[remarkGfm, {
|
|
30
27
|
singleTilde: false
|
|
31
|
-
}]
|
|
28
|
+
}], enableLatex && remarkMath, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
|
|
29
|
+
}, [isChatMode, enableLatex, enableCustomFootnotes]);
|
|
30
|
+
return useMemo(function () {
|
|
31
|
+
return [].concat(_toConsumableArray(remarkPluginsAhead), _toConsumableArray(memoPlugins), _toConsumableArray(remarkPlugins));
|
|
32
32
|
}, [remarkPlugins, memoPlugins, remarkPluginsAhead]);
|
|
33
33
|
};
|
package/es/index.d.ts
CHANGED
|
@@ -37,13 +37,14 @@ export { default as Input, InputNumber, type InputNumberProps, InputOPT, type In
|
|
|
37
37
|
export { default as Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, } from './Layout';
|
|
38
38
|
export { default as List, ListItem, type ListItemProps, type ListProps } from './List';
|
|
39
39
|
export { default as Markdown, type MarkdownProps, Typography, type TypographyProps, } from './Markdown';
|
|
40
|
+
export { default as SearchResultCards, type SearchResultCardsProps, } from './Markdown/components/SearchResultCards';
|
|
40
41
|
export { default as MaskShadow, type MaskShadowProps } from './MaskShadow';
|
|
41
42
|
export { default as MaterialFileTypeIcon, type MaterialFileTypeIconProps, } from './MaterialFileTypeIcon';
|
|
42
43
|
export { type ItemType, default as Menu, type MenuInfo, type MenuItemType, type MenuProps, } from './Menu';
|
|
43
44
|
export { default as Mermaid, type MermaidProps, mermaidThemes, SyntaxMermaid, type SyntaxMermaidProps, } from './Mermaid';
|
|
44
45
|
export { default as Modal, type ModalProps } from './Modal';
|
|
45
46
|
export { default as ScrollShadow, type ScrollShadowProps } from './ScrollShadow';
|
|
46
|
-
export { default as SearchBar, type SearchBarProps
|
|
47
|
+
export { default as SearchBar, type SearchBarProps } from './SearchBar';
|
|
47
48
|
export { default as Segmented, type SegmentedProps } from './Segmented';
|
|
48
49
|
export { default as Select, type SelectProps } from './Select';
|
|
49
50
|
export { default as SideNav, type SideNavProps } from './SideNav';
|
package/es/index.js
CHANGED
|
@@ -37,13 +37,14 @@ export { default as Input, InputNumber, InputOPT, InputPassword, TextArea } from
|
|
|
37
37
|
export { default as Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc } from "./Layout";
|
|
38
38
|
export { default as List, ListItem } from "./List";
|
|
39
39
|
export { default as Markdown, Typography } from "./Markdown";
|
|
40
|
+
export { default as SearchResultCards } from "./Markdown/components/SearchResultCards";
|
|
40
41
|
export { default as MaskShadow } from "./MaskShadow";
|
|
41
42
|
export { default as MaterialFileTypeIcon } from "./MaterialFileTypeIcon";
|
|
42
43
|
export { default as Menu } from "./Menu";
|
|
43
44
|
export { default as Mermaid, mermaidThemes, SyntaxMermaid } from "./Mermaid";
|
|
44
45
|
export { default as Modal } from "./Modal";
|
|
45
46
|
export { default as ScrollShadow } from "./ScrollShadow";
|
|
46
|
-
export { default as SearchBar
|
|
47
|
+
export { default as SearchBar } from "./SearchBar";
|
|
47
48
|
export { default as Segmented } from "./Segmented";
|
|
48
49
|
export { default as Select } from "./Select";
|
|
49
50
|
export { default as SideNav } from "./SideNav";
|
package/es/mdx/Mdx/index.js
CHANGED
|
@@ -26,6 +26,7 @@ import { evaluate } from '@mdx-js/mdx';
|
|
|
26
26
|
import { memo, useEffect, useMemo, useState } from 'react';
|
|
27
27
|
import jsxDevRuntime from 'react/jsx-dev-runtime';
|
|
28
28
|
import jsxRuntime from 'react/jsx-runtime';
|
|
29
|
+
import { rehypeGithubAlerts } from 'rehype-github-alerts';
|
|
29
30
|
import rehypeKatex from 'rehype-katex';
|
|
30
31
|
import remarkGfm from 'remark-gfm';
|
|
31
32
|
import remarkMath from 'remark-math';
|
|
@@ -78,7 +79,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
|
|
|
78
79
|
setMDXContent = _useState2[1];
|
|
79
80
|
var innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];
|
|
80
81
|
var memoRehypePlugins = useMemo(function () {
|
|
81
|
-
return [enableLatex && rehypeKatex].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
|
|
82
|
+
return [rehypeGithubAlerts, enableLatex && rehypeKatex].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
|
|
82
83
|
}, [enableLatex].concat(_toConsumableArray(innerRehypePlugins)));
|
|
83
84
|
var innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];
|
|
84
85
|
var memoRemarkPlugins = useMemo(function () {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
var _templateObject, _templateObject2
|
|
4
|
+
var _templateObject, _templateObject2;
|
|
5
5
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
6
6
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
7
7
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -13,13 +13,10 @@ import { isEmpty } from 'lodash-es';
|
|
|
13
13
|
import PopoverPanel from "./PopoverPanel";
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
15
|
var useStyles = createStyles(function (_ref) {
|
|
16
|
-
var css = _ref.css
|
|
17
|
-
token = _ref.token;
|
|
16
|
+
var css = _ref.css;
|
|
18
17
|
return {
|
|
19
18
|
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n line-height: var(--lobe-markdown-line-height);\n vertical-align: baseline;\n\n a {\n color: inherit;\n }\n "]))),
|
|
20
|
-
|
|
21
|
-
hover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n cursor: pointer;\n\n :hover {\n color: ", " !important;\n background: ", ";\n }\n "])), token.colorBgSpotlight, token.colorPrimary),
|
|
22
|
-
supContainer: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n vertical-align: super;\n "])))
|
|
19
|
+
supContainer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n vertical-align: super;\n "])))
|
|
23
20
|
};
|
|
24
21
|
});
|
|
25
22
|
var Citation = function Citation(_ref2) {
|
|
@@ -42,7 +39,6 @@ var Citation = function Citation(_ref2) {
|
|
|
42
39
|
className: styles.container,
|
|
43
40
|
children: /*#__PURE__*/_jsx("a", {
|
|
44
41
|
"aria-describedby": "footnote-label",
|
|
45
|
-
className: cx(styles.content, styles.hover),
|
|
46
42
|
"data-footnote-ref": "true",
|
|
47
43
|
href: url,
|
|
48
44
|
id: id,
|
|
@@ -58,13 +54,15 @@ var Citation = function Citation(_ref2) {
|
|
|
58
54
|
children: /*#__PURE__*/_jsx("sup", {
|
|
59
55
|
className: cx(styles.container, styles.supContainer),
|
|
60
56
|
children: url ? /*#__PURE__*/_jsx("a", {
|
|
61
|
-
|
|
57
|
+
"aria-describedby": "footnote-label",
|
|
58
|
+
"data-footnote-ref": true,
|
|
62
59
|
href: url,
|
|
63
60
|
rel: "noreferrer",
|
|
64
61
|
target: '_blank',
|
|
65
62
|
children: children
|
|
66
63
|
}) : /*#__PURE__*/_jsx("span", {
|
|
67
|
-
|
|
64
|
+
"aria-describedby": "footnote-label",
|
|
65
|
+
"data-footnote-ref": true,
|
|
68
66
|
children: children
|
|
69
67
|
})
|
|
70
68
|
})
|
|
@@ -7,7 +7,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
7
7
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
8
8
|
import { createStyles } from 'antd-style';
|
|
9
9
|
import { useMemo } from 'react';
|
|
10
|
-
import
|
|
10
|
+
import SearchResultCards from "../../Markdown/components/SearchResultCards";
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
12
|
var useStyles = createStyles(function (_ref) {
|
|
13
13
|
var css = _ref.css,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lobehub/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "Lobe UI is an open-source UI component library for building AIGC web apps",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lobehub",
|
|
@@ -91,10 +91,12 @@
|
|
|
91
91
|
"react-merge-refs": "^3.0.2",
|
|
92
92
|
"react-rnd": "^10.5.2",
|
|
93
93
|
"react-zoom-pan-pinch": "^3.7.0",
|
|
94
|
+
"rehype-github-alerts": "^4.1.1",
|
|
94
95
|
"rehype-katex": "^7.0.1",
|
|
95
96
|
"rehype-raw": "^7.0.0",
|
|
96
97
|
"remark-breaks": "^4.0.0",
|
|
97
98
|
"remark-gfm": "^4.0.1",
|
|
99
|
+
"remark-github": "^12.0.0",
|
|
98
100
|
"remark-math": "^6.0.0",
|
|
99
101
|
"shiki": "^3.2.1",
|
|
100
102
|
"swr": "^2.3.3",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
2
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
-
import { createStyles } from 'antd-style';
|
|
4
|
-
export var useStyles = createStyles(function (_ref) {
|
|
5
|
-
var css = _ref.css,
|
|
6
|
-
token = _ref.token;
|
|
7
|
-
return {
|
|
8
|
-
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n\n min-width: 160px;\n max-width: 160px;\n height: 100%;\n padding: 8px;\n\n font-size: 12px;\n color: initial;\n\n background: ", ";\n border-radius: 8px;\n\n &:hover {\n background: ", ";\n }\n "])), token.colorFillQuaternary, token.colorFillTertiary),
|
|
9
|
-
title: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n\n text-overflow: ellipsis;\n "]))),
|
|
10
|
-
url: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n\n text-overflow: ellipsis;\n "])))
|
|
11
|
-
};
|
|
12
|
-
});
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Pluggable } from 'unified';
|
|
3
|
-
export interface SyntaxMdxProps {
|
|
4
|
-
children: string;
|
|
5
|
-
enableMermaid?: boolean;
|
|
6
|
-
fullFeatured?: boolean;
|
|
7
|
-
rehypePlugins?: Pluggable[];
|
|
8
|
-
remarkPlugins?: Pluggable[];
|
|
9
|
-
}
|
|
10
|
-
declare const SyntaxMdx: import("react").NamedExoticComponent<SyntaxMdxProps>;
|
|
11
|
-
export default SyntaxMdx;
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
5
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
6
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
7
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
8
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
10
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
11
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
12
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
13
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
16
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
import { evaluate } from '@mdx-js/mdx';
|
|
23
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
24
|
-
import jsxDevRuntime from 'react/jsx-dev-runtime';
|
|
25
|
-
import jsxRuntime from 'react/jsx-runtime';
|
|
26
|
-
import Alert from "../../../Alert";
|
|
27
|
-
import { useMarkdownComponents, useMarkdownContent, useMarkdownRehypePlugins, useMarkdownRemarkPlugins } from "../../../hooks/useMarkdown";
|
|
28
|
-
import mdxComponents from "../../mdxComponents";
|
|
29
|
-
import CodeBlock from "../../mdxComponents/CodeBlock";
|
|
30
|
-
import Image from "../../mdxComponents/Image";
|
|
31
|
-
import Video from "../../mdxComponents/Video";
|
|
32
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
33
|
-
var runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;
|
|
34
|
-
var MdxRenderer = /*#__PURE__*/memo(function (_ref) {
|
|
35
|
-
var content = _ref.content,
|
|
36
|
-
_ref$enableMermaid = _ref.enableMermaid,
|
|
37
|
-
enableMermaid = _ref$enableMermaid === void 0 ? true : _ref$enableMermaid,
|
|
38
|
-
_ref$fullFeatured = _ref.fullFeatured,
|
|
39
|
-
fullFeatured = _ref$fullFeatured === void 0 ? true : _ref$fullFeatured,
|
|
40
|
-
rehypePlugins = _ref.rehypePlugins,
|
|
41
|
-
remarkPlugins = _ref.remarkPlugins;
|
|
42
|
-
var _useState = useState(function () {
|
|
43
|
-
return function () {
|
|
44
|
-
return null;
|
|
45
|
-
};
|
|
46
|
-
}),
|
|
47
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
48
|
-
MDXContent = _useState2[0],
|
|
49
|
-
setMDXContent = _useState2[1];
|
|
50
|
-
var components = useMarkdownComponents();
|
|
51
|
-
var defaultRehypePlugins = useMarkdownRehypePlugins();
|
|
52
|
-
var defaultRemarkPlugins = useMarkdownRemarkPlugins();
|
|
53
|
-
var finalRehypePlugins = useMemo(function () {
|
|
54
|
-
return [].concat(_toConsumableArray(defaultRehypePlugins), _toConsumableArray(rehypePlugins || []));
|
|
55
|
-
}, [defaultRehypePlugins, rehypePlugins]);
|
|
56
|
-
var finalRemarkPlugins = useMemo(function () {
|
|
57
|
-
return [].concat(_toConsumableArray(defaultRemarkPlugins), _toConsumableArray(remarkPlugins || []));
|
|
58
|
-
}, [defaultRemarkPlugins, remarkPlugins]);
|
|
59
|
-
|
|
60
|
-
// 创建稳定的 CodeBlock 组件引用
|
|
61
|
-
var MemoCodeBlock = useCallback(function (props) {
|
|
62
|
-
return /*#__PURE__*/_jsx(CodeBlock, _objectSpread(_objectSpread({}, props), {}, {
|
|
63
|
-
enableMermaid: enableMermaid,
|
|
64
|
-
fullFeatured: fullFeatured
|
|
65
|
-
}));
|
|
66
|
-
}, [enableMermaid, fullFeatured]);
|
|
67
|
-
|
|
68
|
-
// 创建稳定的组件映射
|
|
69
|
-
var memoComponents = useMemo(function () {
|
|
70
|
-
return _objectSpread(_objectSpread(_objectSpread({}, mdxComponents), components), {}, {
|
|
71
|
-
img: Image,
|
|
72
|
-
pre: MemoCodeBlock,
|
|
73
|
-
video: Video
|
|
74
|
-
});
|
|
75
|
-
}, [components, MemoCodeBlock]);
|
|
76
|
-
useEffect(function () {
|
|
77
|
-
_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
78
|
-
var _yield$evaluate, Content;
|
|
79
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
80
|
-
while (1) switch (_context.prev = _context.next) {
|
|
81
|
-
case 0:
|
|
82
|
-
_context.prev = 0;
|
|
83
|
-
_context.next = 3;
|
|
84
|
-
return evaluate(content, _objectSpread(_objectSpread({}, runtime), {}, {
|
|
85
|
-
development: process.env.NODE_ENV !== 'production',
|
|
86
|
-
rehypePlugins: finalRehypePlugins,
|
|
87
|
-
remarkPlugins: finalRemarkPlugins
|
|
88
|
-
}));
|
|
89
|
-
case 3:
|
|
90
|
-
_yield$evaluate = _context.sent;
|
|
91
|
-
Content = _yield$evaluate.default;
|
|
92
|
-
setMDXContent(function () {
|
|
93
|
-
return Content;
|
|
94
|
-
});
|
|
95
|
-
_context.next = 12;
|
|
96
|
-
break;
|
|
97
|
-
case 8:
|
|
98
|
-
_context.prev = 8;
|
|
99
|
-
_context.t0 = _context["catch"](0);
|
|
100
|
-
setMDXContent(function () {
|
|
101
|
-
return function () {
|
|
102
|
-
return /*#__PURE__*/_jsx(Alert, {
|
|
103
|
-
description: String(_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message),
|
|
104
|
-
message: 'Error compiling MDX',
|
|
105
|
-
style: {
|
|
106
|
-
width: '100%'
|
|
107
|
-
},
|
|
108
|
-
type: "error"
|
|
109
|
-
});
|
|
110
|
-
};
|
|
111
|
-
});
|
|
112
|
-
console.error('Error compiling MDX:', _context.t0);
|
|
113
|
-
case 12:
|
|
114
|
-
case "end":
|
|
115
|
-
return _context.stop();
|
|
116
|
-
}
|
|
117
|
-
}, _callee, null, [[0, 8]]);
|
|
118
|
-
}))();
|
|
119
|
-
}, [content, finalRehypePlugins, finalRemarkPlugins]);
|
|
120
|
-
if (!MDXContent) return null;
|
|
121
|
-
return /*#__PURE__*/_jsx(MDXContent, {
|
|
122
|
-
components: memoComponents
|
|
123
|
-
});
|
|
124
|
-
});
|
|
125
|
-
MdxRenderer.displayName = 'MdxRenderer';
|
|
126
|
-
var SyntaxMdx = /*#__PURE__*/memo(function (_ref3) {
|
|
127
|
-
var children = _ref3.children,
|
|
128
|
-
enableMermaid = _ref3.enableMermaid,
|
|
129
|
-
fullFeatured = _ref3.fullFeatured,
|
|
130
|
-
rehypePlugins = _ref3.rehypePlugins,
|
|
131
|
-
remarkPlugins = _ref3.remarkPlugins;
|
|
132
|
-
var escapedContent = useMarkdownContent(children || '');
|
|
133
|
-
return /*#__PURE__*/_jsx(MdxRenderer, {
|
|
134
|
-
content: escapedContent || '',
|
|
135
|
-
enableMermaid: enableMermaid,
|
|
136
|
-
fullFeatured: fullFeatured,
|
|
137
|
-
rehypePlugins: rehypePlugins,
|
|
138
|
-
remarkPlugins: remarkPlugins
|
|
139
|
-
});
|
|
140
|
-
});
|
|
141
|
-
SyntaxMdx.displayName = 'SyntaxMdx';
|
|
142
|
-
export default SyntaxMdx;
|
|
File without changes
|