#navbar button[aria-haspopup="menu"] {
  display: none;
}

.table-container {
  overflow-x: scroll;
  box-shadow: 3px 0 10px 0 rgba(25, 85, 140, .05);
}

.table-container table {
  margin-top: 0;
}

.table thead {
  background-color: #eef2f150;
}

.table thead th {
  padding: 8px 10px;
  text-align: left;
  white-space: nowrap;
}

.table tbody td {
  padding: 6px 10px;
}

.table-big thead th {
  padding: 12px 10px;
}

.table-big tbody td {
  padding: 10px 10px;
}

.table .list-col {
  position: relative;
  padding-left: 31px;
  margin: 0;
  text-align: left;
}

.table .list-col::before {
  content: "•";
  position: absolute;
  left: 18px;
  top: 6px;
  color: #16b063b0;
}

.table .list-sub-col {
  position: relative;
  padding-left: 46px;
  margin: 0;
  text-align: left;
}

.table .list-sub-col::before {
  content: "";
  position: absolute;
  left: 36px;
  top: 15px;
  width: 4px;
  height: 4px;
  background-color: #16b06380;
}

.table .list-grandson-col {
  position: relative;
  padding-left: 60px;
  margin: 0;
  text-align: left;
}
  
.table .list-grandson-col::before {
  content: "";
  position: absolute;
  left: 50px;
  top: 15px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  border: 1px solid #16b06380;
}

.table .list-grandson-sub-col {
  position: relative;
  padding-left: 66px;
  margin: 0;
  text-align: left;
}
  
.table .list-grandson-sub-col::before {
  content: "";
  position: absolute;
  left: 58px;
  top: 16px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  border: 1px solid #16b06350;
}

.table .type-desc {
  display: inline-block;
  margin-left: 12px;
  color: #9e9c98b0;
}

.table .type-desc-narrow {
  margin-left: 4px;
}

.table .delete {
  text-decoration: line-through;
}

.table .deprecated {
  display: inline-block;
  color: #f23030;
  margin-bottom: 4px;
}

.table .new-field {
  display: inline-block;
  margin-bottom: 4px;
  color: #22ad5c;
}

.table .moved {
  display: inline-block;
  margin-bottom: 4px;
  color: #f27430;
}  

.table .inline-block {
  display: inline-block;
}

.table .mt-1 {
  margin-top: 4px;
}

.table .mt-2 {
  margin-top: 8px;
}

.table .ml-0 {
  margin-left: 0;
}



#!/usr/bin/env node

import fs from 'fs';
import path from 'path';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

/**
 * 脚本：重构 mdx 文件中的图片路径
 * 
 * 用法: node restructure-images.js <mdx-file-path>
 * 例如: node restructure-images.js third-party/langbot-use.mdx
 */

function main() {
  // 获取命令行参数
  const args = process.argv.slice(2);
  if (args.length !== 1) {
    console.error('用法: node restructure-images.js <mdx-file-path>');
    console.error('例如: node restructure-images.js third-party/langbot-use.mdx');
    process.exit(1);
  }

  const mdxFilePath = args[0];

  // 验证输入文件
  if (!mdxFilePath.startsWith('third-party/') || !mdxFilePath.endsWith('.mdx')) {
    console.error('错误: 必须是 third-party 目录下的 .mdx 文件');
    process.exit(1);
  }

  if (!fs.existsSync(mdxFilePath)) {
    console.error(`错误: 文件不存在: ${mdxFilePath}`);
    process.exit(1);
  }

  // 检查项目根目录下是否有 images 目录
  const rootImagesDir = 'images';
  if (!fs.existsSync(rootImagesDir)) {
    console.log('项目根目录下没有 images 目录，退出。');
    // return;
  }

  // 获取 appName
  const fileName = path.basename(mdxFilePath, '.mdx');
  const appName = fileName.endsWith('-use') ? fileName.slice(0, -4) : fileName;
  
  console.log(`处理文件: ${mdxFilePath}`);
  console.log(`应用名称: ${appName}`);

  // 创建目标目录
  const targetDir = path.join('third-party/images', appName);
  if (!fs.existsSync('third-party/images')) {
    fs.mkdirSync('third-party/images', { recursive: true });
  }
  if (!fs.existsSync(targetDir)) {
    fs.mkdirSync(targetDir, { recursive: true });
    console.log(`创建目录: ${targetDir}`);
  }

  // 移动文件
  moveFilesRecursively(rootImagesDir, targetDir);

  // 编辑 mdx 文件
  updateMdxFile(mdxFilePath, appName);

  console.log('处理完成！');
}

/**
 * 递归移动文件
 */
function moveFilesRecursively(sourceDir, targetDir) {
  if (!fs.existsSync(sourceDir)) {
    return;
  }

  const items = fs.readdirSync(sourceDir);
  
  for (const item of items) {
    const sourcePath = path.join(sourceDir, item);
    const targetPath = path.join(targetDir, item);
    
    const stat = fs.statSync(sourcePath);
    
    if (stat.isDirectory()) {
      // 如果是目录，递归处理
      if (!fs.existsSync(targetPath)) {
        fs.mkdirSync(targetPath, { recursive: true });
      }
      moveFilesRecursively(sourcePath, targetPath);
      
      // 检查源目录是否为空，如果为空则删除
      const remainingItems = fs.readdirSync(sourcePath);
      if (remainingItems.length === 0) {
        fs.rmdirSync(sourcePath);
        console.log(`删除空目录: ${sourcePath}`);
      }
    } else {
      // 如果是文件，移动文件
      fs.renameSync(sourcePath, targetPath);
      console.log(`移动文件: ${sourcePath} -> ${targetPath}`);
    }
  }

  // 检查根源目录是否为空，如果为空则删除
  try {
    const remainingItems = fs.readdirSync(sourceDir);
    if (remainingItems.length === 0) {
      fs.rmdirSync(sourceDir);
      console.log(`删除空目录: ${sourceDir}`);
    }
  } catch (error) {
    // 目录可能已经被删除
  }
}

/**
 * 更新 mdx 文件中的路径
 */
function updateMdxFile(filePath, appName) {
  let content = fs.readFileSync(filePath, 'utf8');
  
  // 记录替换次数
  let replacements = 0;
  
  // 替换 (/images/ 为 (./images/${appName}/
  const pattern1 = /\(\/images\//g;
  const replacement1 = `(./images/${appName}/`;
  const matches1 = content.match(pattern1);
  if (matches1) {
    replacements += matches1.length;
    content = content.replace(pattern1, replacement1);
  }
  
  // 替换 src="/images/ 为 src="./images/${appName}/
  const pattern2 = /src="\/images\//g;
  const replacement2 = `src="./images/${appName}/`;
  const matches2 = content.match(pattern2);
  if (matches2) {
    replacements += matches2.length;
    content = content.replace(pattern2, replacement2);
  }
  
  // 写回文件
  fs.writeFileSync(filePath, content, 'utf8');
  
  console.log(`更新 ${filePath}，共进行了 ${replacements} 次路径替换`);
}

// 执行主函数
if (import.meta.url === `file://${process.argv[1]}`) {
  try {
    main();
  } catch (error) {
    console.error('错误:', error.message);
    process.exit(1);
  }
} 

开始使用

大语言

图像及视频

热门工具接入

Apifox接入 PPIO LLM API

PPIO × Apifox配置教程

第一步：获取 API key

第二步：下载并配置Apifox

开始使用

大语言

图像及视频

热门工具接入

​PPIO × Apifox配置教程

​第一步：获取 API key

​第二步：下载并配置Apifox

PPIO × Apifox配置教程

第一步：获取 API key

第二步：下载并配置Apifox