@fe-free/core 4.1.39 → 4.1.41

package/src/markdown/code.tsx

@@ -1,42 +0,0 @@
-import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
-import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
-import { ChartBlock } from './chart';
-import { HMChartBlock } from './hm_chart';
-
-function CodeBlock(props: any) {
-  const { children, className, ...rest } = props;
-  const match = /language-(\w+)/.exec(props.className || '');
-
-  // 如果是 chart 类型的代码块，使用 ChartBlock 组件
-  if (match && match[1] === 'chart') {
-    return <ChartBlock>{children}</ChartBlock>;
-  }
-
-  // 如果是 hmchart 类型的代码块，使用 HMChartBlock 组件
-  if (match && match[1] === 'hmchart') {
-    return <HMChartBlock>{children}</HMChartBlock>;
-  }
-
-  return (
-    <div className="markdown-body-block-code">
-      {match ? (
-        <SyntaxHighlighter
-          {...rest}
-          style={vscDarkPlus}
-          language={match?.[1]}
-          showLineNumbers
-          PreTag="div"
-          wrapLongLines
-        >
-          {children}
-        </SyntaxHighlighter>
-      ) : (
-        <code {...rest} className={className}>
-          {children}
-        </code>
-      )}
-    </div>
-  );
-}
-
-export { CodeBlock };

package/src/markdown/deep_seek.tsx

@@ -1,53 +0,0 @@
-import { DownOutlined, UpOutlined } from '@fe-free/icons';
-import { useState } from 'react';
-
-function DeepSeekBlock(props: { children: string }) {
-  const [show, setShow] = useState(true);
-
-  return (
-    <div className="markdown-body-block-deep-seek mb-3 flex flex-col gap-2 text-[12px] text-03">
-      <div
-        className="cursor-pointer"
-        onClick={() => {
-          setShow((v) => !v);
-        }}
-      >
-        深度思考 {show ? <UpOutlined /> : <DownOutlined />}
-      </div>
-      {show && (
-        <div className="relative pl-[15px]">
-          <div className="top=0 absolute left-0 h-full w-[2px] bg-[#00000014]" />
-          {props.children === '<br/>' ? undefined : props.children}
-        </div>
-      )}
-    </div>
-  );
-}
-
-function processWithDeepSeek(text: string) {
-  // 开始 <think> 才算开始
-  if (!text.startsWith('<think>')) {
-    return text;
-  }
-
-  const [left, right] = text.split('</think>');
-
-  let newText = text;
-
-  // 如果 think 部分是 <think>\n\n</think>，相当于没有，则直接返回 right
-  if (text.startsWith('<think>\n\n</think>')) {
-    newText = right;
-  }
-  // 否则做一些处理
-  else {
-    newText =
-      left
-        .replace('<think>\n', '<think>')
-        .replace('\n</think>', '</think>')
-        .replace(/\n/g, '<br/>') + (right || '');
-  }
-
-  return newText;
-}
-
-export { DeepSeekBlock, processWithDeepSeek };

package/src/markdown/hm_chart.tsx

@@ -1,176 +0,0 @@
-import { Column, Line, Pie, Scatter } from '@ant-design/plots';
-import React, { useMemo } from 'react';
-
-enum EnumType {
-  /** 折线图 */
-  LINE = 'line',
-  /** 柱状图 */
-  BAR = 'bar',
-  /** 饼图 */
-  PIE = 'pie',
-  /** 散点图 */
-  SCATTER = 'scatter',
-}
-
-interface HMChartConfigLine<D> {
-  /** 折线图 */
-  type: EnumType.LINE;
-  /** 标题 */
-  title?: string;
-  /** 就是纯粹的数据 */
-  data: D[];
-  /** 横坐标字段 */
-  xField: keyof D;
-  /** 纵坐标字段 */
-  yField: keyof D;
-  /** 系列字段，多折线图用 */
-  seriesField?: keyof D;
-}
-
-interface HMChartConfigBar<D> {
-  /** 柱状图 */
-  type: EnumType.BAR;
-  /** 标题 */
-  title?: string;
-  /** 就是纯粹的数据 */
-  data: D[];
-  /** 横坐标字段 */
-  xField: keyof D;
-  /** 纵坐标字段 */
-  yField: keyof D;
-  /** 系列字段，多折线图用 */
-  seriesField?: keyof D;
-}
-
-interface HMChartConfigPie<D> {
-  /** 饼图 */
-  type: EnumType.PIE;
-  /** 标题 */
-  title?: string;
-  /** 就是纯粹的数据 */
-  data: D[];
-  /** 角度字段 */
-  angleField: keyof D;
-  /** 颜色字段 */
-  colorField: keyof D;
-}
-
-interface HMChartConfigScatter<D> {
-  /** 散点图 */
-  type: EnumType.SCATTER;
-  /** 标题 */
-  title?: string;
-  /** 就是纯粹的数据 */
-  data: D[];
-  /** 横坐标字段 */
-  xField: keyof D;
-  /** 纵坐标字段 */
-  yField: keyof D;
-  /** 颜色字段 */
-  colorField?: keyof D;
-}
-
-type HMChartConfig<D> =
-  | HMChartConfigLine<D>
-  | HMChartConfigBar<D>
-  | HMChartConfigPie<D>
-  | HMChartConfigScatter<D>;
-
-// 错误处理组件
-function ChartError(props: { children?: React.ReactNode }) {
-  const { children } = props;
-  return (
-    <div className="markdown-body-block-hmchart">
-      <div style={{ textAlign: 'center', padding: '20px' }}>{children || '图表发生错误'}</div>
-    </div>
-  );
-}
-
-class ErrorBoundary extends React.Component {
-  state = { hasError: false };
-
-  static getDerivedStateFromError(error) {
-    console.error('ErrorBoundary:', error);
-    return { hasError: true };
-  }
-
-  componentDidCatch(error, info) {
-    console.error('Error caught:', error, info);
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return <ChartError />;
-    }
-    return this.props.children;
-  }
-}
-
-function ChartOfLine(props: { config: HMChartConfigLine<any> }) {
-  return <Line colorField={props.config.seriesField} {...props.config} />;
-}
-
-function ChartOfBar(props: { config: HMChartConfigBar<any> }) {
-  return <Column colorField={props.config.seriesField} {...props.config} />;
-}
-
-function ChartOfPie(props: { config: HMChartConfigPie<any> }) {
-  return <Pie {...props.config} />;
-}
-
-function ChartOfScatter(props: { config: HMChartConfigScatter<any> }) {
-  return <Scatter {...props.config} />;
-}
-
-// 主 ChartBlock 组件
-function HMChartBlockBase(props: any) {
-  const { children } = props;
-
-  const chartConfig = useMemo(() => {
-    try {
-      return JSON.parse(children);
-    } catch (error) {
-      console.error('Failed to parse chart data:', error);
-      return null;
-    }
-  }, [children]);
-
-  if (!chartConfig) {
-    return <ChartError />;
-  }
-
-  const { type, ...config } = chartConfig;
-
-  switch (type) {
-    case EnumType.LINE:
-      return <ChartOfLine config={config} />;
-
-    case EnumType.BAR:
-      return <ChartOfBar config={config} />;
-
-    case EnumType.PIE:
-      return <ChartOfPie config={config} />;
-
-    case EnumType.SCATTER:
-      return <ChartOfScatter config={config} />;
-
-    default:
-      return <ChartError>不支持的图表类型：{type}</ChartError>;
-  }
-}
-
-function HMChartBlock(props: any) {
-  const { children } = props;
-
-  // eslint-disable-next-line no-irregular-whitespace
-  const content = children?.replace(/ /g, '');
-
-  return (
-    <ErrorBoundary>
-      <HMChartBlockBase>{content}</HMChartBlockBase>
-    </ErrorBoundary>
-  );
-}
-
-export { HMChartBlock };
-export type { HMChartConfig };

package/src/markdown/index.tsx

@@ -1,53 +0,0 @@
-import 'github-markdown-css/github-markdown-light.css';
-import { useMemo } from 'react';
-import ReactMarkdown from 'react-markdown';
-import rehypeRaw from 'rehype-raw';
-import remarkGfm from 'remark-gfm';
-import { CodeBlock } from './code';
-import { DeepSeekBlock, processWithDeepSeek } from './deep_seek';
-import { KnowledgeRefBlock, processWithKnowledgeRef } from './knowledge_ref';
-import './style.scss';
-
-interface MarkdownProps {
-  children: string;
-  knowledgeRefs?: { id: string }[];
-  onKnowledgeRef?: (id?: string) => void;
-}
-
-function Markdown(props: MarkdownProps) {
-  const { children, knowledgeRefs, onKnowledgeRef } = props;
-
-  const newChildren = useMemo(() => {
-    let processed = processWithDeepSeek(children);
-    processed = processWithKnowledgeRef(processed, knowledgeRefs);
-    return processed;
-  }, [children, knowledgeRefs]);
-
-  const KnowledgeRefComponent = useMemo(
-    () => (p: any) => {
-      return (
-        <KnowledgeRefBlock {...p} knowledgeRefs={knowledgeRefs} onKnowledgeRef={onKnowledgeRef} />
-      );
-    },
-    [knowledgeRefs, onKnowledgeRef],
-  );
-
-  return (
-    <div className="markdown-body">
-      <ReactMarkdown
-        remarkPlugins={[remarkGfm]}
-        rehypePlugins={[rehypeRaw]}
-        components={{
-          code: CodeBlock,
-          // @ts-ignore
-          think: DeepSeekBlock,
-          'knowledge-ref': KnowledgeRefComponent,
-        }}
-      >
-        {newChildren}
-      </ReactMarkdown>
-    </div>
-  );
-}
-
-export { Markdown };

package/src/markdown/knowledge_ref.tsx

@@ -1,54 +0,0 @@
-import { useCallback } from 'react';
-
-function KnowledgeRefBlock(props: any) {
-  const { knowledgeRefs, onKnowledgeRef } = props;
-  const id = props['data-id'];
-
-  const handleClick = useCallback(() => {
-    onKnowledgeRef?.(id);
-  }, [id, onKnowledgeRef]);
-
-  if (id) {
-    const index = knowledgeRefs?.findIndex((ref: { id: string }) => ref.id === id);
-
-    // 没有数据的时候显示 id
-    if (index === -1 || index === undefined) {
-      return <span>[^knowledge:{id}]</span>;
-    }
-
-    return (
-      <span
-        data-id={id}
-        onClick={handleClick}
-        className="markdown-body-block-knowledge-ref mx-1 h-[16px] min-w-[16px] cursor-pointer rounded-full border border-blue-500 text-center text-[12px] text-blue-600"
-      >
-        {index + 1}
-      </span>
-    );
-  }
-
-  return (
-    <span className="markdown-body-block-knowledge-ref-source" onClick={handleClick}>
-      来源&gt;&gt;
-    </span>
-  );
-}
-
-function processWithKnowledgeRef(text: string, knowledgeRefs?: { id: string }[]) {
-  // 匹配 [^knowledge:X-Y] 格式
-  const knowledgeRefRegex = /\[\^knowledge:(\d+-\d+)\]/g;
-
-  let count = 0;
-  let newText = text.replace(knowledgeRefRegex, (_match, id) => {
-    count++;
-    return `<knowledge-ref data-id="${id}">${id}</knowledge-ref>`;
-  });
-
-  if (count > 0 && knowledgeRefs && knowledgeRefs.length > 0) {
-    newText = `${newText}\n\n<knowledge-ref>来源&gt;&gt;</knowledge>`;
-  }
-
-  return newText;
-}
-
-export { KnowledgeRefBlock, processWithKnowledgeRef };