leijiaping
d92d7d6752
1. 用户管理页：新增启用状态列与启用/禁用操作按钮（对接 user/enable|disable） 2. 机构账号/记录查询页：时间区间改用官方 shadcn Range Picker 模式 （Popover+Calendar mode=range 双月面板，新增 components/date-range-picker.tsx） 3. 上传配置页：文件类型限制改为标签式输入（新增 suffix-tag-input.tsx， Badge标签+回车添加+常用后缀快捷点选），替换自由文本框 4. 修复：.env 的 VITE_APP_TITLE 加引号，规避 Bun 1.3.10 env 解析 对行尾多字节中文的截断（标题乱码"森睿智�"） 5. 新增共享 hook hooks/use-user-status-actions.ts（从 org-account 迁出） 6. vite 代理保留 本地Docker(localhost:8080)/公司 两种目标，切换注释即可
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import { useQuery } from "@tanstack/react-query";
|
|
import axios from "axios";
|
|
import ReactMarkdown from "react-markdown";
|
|
import remarkGfm from "remark-gfm";
|
|
import rehypeHighlight from "rehype-highlight";
|
|
import rehypeRaw from "rehype-raw";
|
|
import "highlight.js/styles/github.css";
|
|
|
|
type Props = {
|
|
url?: string;
|
|
};
|
|
|
|
export function MarkdownPreview({ url }: Props) {
|
|
const { data, isLoading, error, isError } = useQuery({
|
|
queryKey: ["markdown", url],
|
|
queryFn: () => axios.get(url!, { responseType: "text" }),
|
|
enabled: !!url,
|
|
});
|
|
|
|
if (!url) {
|
|
return (
|
|
<div className="w-full h-full flex items-center justify-center text-muted-foreground">
|
|
Markdown 文件地址无效
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (isLoading) {
|
|
return (
|
|
<div className="flex items-center justify-center h-full">
|
|
<div>加载中...</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (isError) {
|
|
return (
|
|
<div className="flex items-center justify-center h-full text-red-500">
|
|
{error?.message || "加载失败"}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="h-full overflow-auto p-8 bg-white dark:bg-slate-950">
|
|
<div className="max-w-4xl mx-auto prose prose-slate dark:prose-invert prose-headings:font-bold prose-a:text-blue-600 prose-code:text-pink-600 prose-pre:bg-slate-100 dark:prose-pre:bg-slate-900">
|
|
<ReactMarkdown
|
|
remarkPlugins={[remarkGfm]}
|
|
rehypePlugins={[rehypeHighlight, rehypeRaw]}
|
|
>
|
|
{data?.data || ""}
|
|
</ReactMarkdown>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|