fix: table loading

This commit is contained in:
2026-02-26 01:07:48 +08:00
parent 82daaf255e
commit 3f61e63709
3 changed files with 34 additions and 10 deletions
+23 -3
View File
@@ -8,17 +8,37 @@ interface TableRow {
[key: string]: string;
}
customElement('md-table', { src: '', roll: false, remix: false }, (props, { element }) => {
customElement('md-table', { roll: false, remix: false }, (props, { element }) => {
noShadowDOM();
const [rows, setRows] = createSignal<TableRow[]>([]);
const [activeTab, setActiveTab] = createSignal(0);
const [loaded, setLoaded] = createSignal(false);
// 从 element 的 textContent 获取 CSV 路径
const src = element?.textContent?.trim() || '';
// 从父节点 article 的 data-src 获取当前 markdown 文件路径
const articleEl = element?.closest('article[data-src]');
const articlePath = articleEl?.getAttribute('data-src') || '';
// 解析相对路径
const resolvePath = (base: string, relative: string): string => {
if (relative.startsWith('/')) {
return relative;
}
const baseDir = base.substring(0, base.lastIndexOf('/') + 1);
return baseDir + relative;
};
const resolvedSrc = resolvePath(`/content/${articlePath}`, src);
// 解析 CSV 内容
const parseCSV = (content: string) => {
const records = parse(content, {
columns: true,
skip_empty_lines: true,
comment: '#',
trim: true,
skipEmptyLines: true
});
setRows(records as TableRow[]);
setLoaded(true);
@@ -27,7 +47,7 @@ customElement('md-table', { src: '', roll: false, remix: false }, (props, { elem
// 加载 CSV 文件
const loadCSV = async () => {
try {
const response = await fetch(props.src);
const response = await fetch(resolvedSrc);
const content = await response.text();
parseCSV(content);
} catch (error) {