Skip to content

Commit

Permalink
chore: refactor x6-site (antvis#3032)
Browse files Browse the repository at this point in the history 
* chore: refactor x6-site

* chore: fix ts lint and style lint error
  • Loading branch information
@NewByVector
NewByVector authored Dec 12, 2022
1 parent 26df790 commit 35f2966
Show file tree
Hide file tree
Showing 373 changed files with 75,410 additions and 5,028 deletions.
38,665 changes: 33,639 additions & 5,026 deletions pnpm-lock.yaml
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions pnpm-workspace.yaml
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
packages:
- packages/*
# - examples/*
# - 'sites/*'
- examples/*
- 'sites/*'
18 changes: 18 additions & 0 deletions sites/x6-site/.dumi/global.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
if (window) {
(window as any).react = require('react');
(window as any).reactDom = require('react-dom');
(window as any).antd = require('antd');
(window as any).dagre = require('dagre');
(window as any).x6 = require('@antv/x6');
(window as any).x6PluginSnapline = require('@antv/x6-plugin-snapline');
(window as any).x6PluginClipboard = require('@antv/x6-plugin-clipboard');
(window as any).x6PluginKeyboard = require('@antv/x6-plugin-keyboard');
(window as any).x6PluginSelection = require('@antv/x6-plugin-selection');
(window as any).x6PluginTransform = require('@antv/x6-plugin-transform');
(window as any).x6PluginStencil = require('@antv/x6-plugin-stencil');
(window as any).x6PluginHistory = require('@antv/x6-plugin-history');
(window as any).x6ReactShape = require('@antv/x6-react-shape');
(window as any).layout = require('@antv/layout');
(window as any).hierarchy = require('@antv/hierarchy');
(window as any).elkjs = require('elkjs/lib/elk.bundled.js');
}
8 changes: 8 additions & 0 deletions sites/x6-site/.dumi/theme/locales/zh.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"previewer.actions.code.expand": "展开代码",
"previewer.actions.code.shrink": "收起代码",
"previewer.actions.codesandbox": "在 CodeSandbox 中打开",
"previewer.actions.codepen": "在 CodePen 中打开（未实现）",
"previewer.actions.stackblitz": "在 StackBlitz 中打开",
"previewer.actions.separate": "在独立页面中打开"
}
285 changes: 285 additions & 0 deletions sites/x6-site/.dumirc.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,285 @@
import { defineConfig } from 'dumi';
import { repository, version } from './package.json';

export default defineConfig({
locales: [{ id: 'zh', name: '中文' }, { id: 'en', name: 'English' }],
themeConfig: {
title: 'X6',
description: 'JavaScript diagramming library',
defaultLanguage: 'zh',
siteUrl: 'https://x6.antv.antgroup.com',
isAntVSite: false,
githubUrl: repository, // GitHub 地址
showSearch: true, // 是否显示搜索框
showGithubCorner: true, // 是否显示头部的 GitHub icon
showGithubStars: true, // 是否显示 GitHub star 数量
showAntVProductsCard: true, // 是否显示 AntV 产品汇总的卡片
showLanguageSwitcher: false, // 是否显示官网语言切换
showWxQrcode: true, // 是否显示头部菜单的微信公众号
showChartResize: true, // 是否在 demo 页展示图表视图切换
showAPIDoc: false, // 是否在 demo 页展示API文档
versions: {
[version]: 'https://x6.antv.antgroup.com',
'1.x': 'https://x6.antv.vision',
},
navs: [
{
slug: 'docs/tutorial/about',
title: {
zh: '文档',
en: 'Tutorials',
},
order: 0,
},
{
slug: 'docs/api/graph',
title: {
zh: 'API',
en: 'API',
},
order: 1,
},
{
slug: 'examples',
title: {
zh: '图表示例',
en: 'Examples',
},
order: 2,
},
{
slug: 'https://www.yuque.com/antv/x6/tox1ukbz5cw57qfy',
title: {
zh: '常见问题',
en: 'Q&A',
},
order: 3,
},
{
slug: 'https://www.yuque.com/antv/x6/bbfu6r',
title: {
zh: '更新日志',
en: 'Change Log',
},
order: 4,
},
],
detail: {
title: {
zh: 'X6 图编辑引擎',
en: 'X6 图编辑引擎',
},
description: {
zh: 'X6 是基于 HTML 和 SVG 的图编辑引擎，提供低成本的定制能力和开箱即用的内置扩展，方便我们快速搭建 DAG 图、ER 图、流程图、血缘图等应用。',
en: 'X6 是基于 HTML 和 SVG 的图编辑引擎，提供低成本的定制能力和开箱即用的内置扩展，方便我们快速搭建 DAG 图、ER 图、流程图、血缘图等应用。',
},
image: 'https://mdn.alipayobjects.com/huamei_f4t1bn/afts/img/A*A1g0RaZ-GJcAAAAAAAAAAAAADtOHAQ/original',
buttons: [
{
text: {
zh: '开始使用',
en: 'Getting Started',
},
link: `/tutorial/getting-started`,
},
{
text: {
zh: '图表示例',
en: 'Examples',
},
link: `/examples`,
type: 'primary',
},
],
},
news: [
{
type: {
zh: 'News',
en: 'News',
},
title: {
zh: 'X6 2.0 发布了！',
en: 'XX6 2.0 发布了！',
},
date: '2022.11.22',
link: 'https://www.yuque.com/antv/blog/kt8nugz3kdg32h7v',
},
],
features: [
{
icon: 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*aiSwSLVyR14AAAAAAAAAAAAAARQnAQ',
title: {
zh: '快速上手，极易定制',
en: '快速上手，极易定制',
},
description: {
zh: '提供基于低学习成本的 SVG/HTML/CSS 的节点定制能力',
en: '提供基于低学习成本的 SVG/HTML/CSS 的节点定制能力',
},
},
{
icon: 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*zNTESJL7HJgAAAAAAAAAAAAAARQnAQ',
title: {
zh: '组件完备，开箱即用',
en: '组件完备，开箱即用',
},
description: {
zh: '内置 10+ 图编辑场景的配套扩展，如框选、对齐线、小地图等',
en: '内置 10+ 图编辑场景的配套扩展，如框选、对齐线、小地图等',
},
},
{
icon: 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*vQNVQoydZIIAAAAAAAAAAAAAARQnAQ',
title: {
zh: '灵活，可扩展',
en: '灵活，可扩展',
},
description: {
zh: '画布、节点、边、属性、工具等均可以通过注册机制自由、灵活扩展',
en: '画布、节点、边、属性、工具等均可以通过注册机制自由、灵活扩展',
},
},
],
cases: [
{
logo: 'https://mdn.alipayobjects.com/huamei_f4t1bn/afts/img/A*DALaSKBxyEcAAAAAAAAAAAAADtOHAQ/original',
title: {
zh: '流程编排',
en: '流程编排',
},
description: {
zh: '可视化编排可以用简单的方式将复杂的流程呈现出来，让用户更容易理解工作流',
en: '可视化编排可以用简单的方式将复杂的流程呈现出来，让用户更容易理解工作流',
},
image: 'https://mdn.alipayobjects.com/huamei_f4t1bn/afts/img/A*QsT0TpxA8-AAAAAAAAAAAAAADtOHAQ/original',
isAppLogo: true,
},
],
companies: [
{ name: '阿里云', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ' },
{ name: '支付宝', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ', },
{ name: '天猫', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ', },
{ name: '淘宝网', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ', },
{ name: '网上银行', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ', },
{ name: '京东', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*yh-HRr3hCpgAAAAAAAAAAABkARQnAQ', },
{ name: 'yunos', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ', },
{ name: '菜鸟', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ', },
],
docs: [
{
slug: 'tutorial/basic',
title: {
zh: '基础',
en: 'Basic',
},
order: 2,
},
{
slug: 'tutorial/intermediate',
title: {
zh: '进阶',
en: 'Intermediate',
},
order: 3,
},
{
slug: 'tutorial/plugins',
title: {
zh: '插件',
en: 'Plugin',
},
order: 4,
},
{
slug: 'api/graph',
title: {
zh: '画布',
en: 'Graph',
},
order: 1,
},
{
slug: 'api/model',
title: {
zh: '元素',
en: 'Element',
},
order: 2,
},
{
slug: 'api/interacting',
title: {
zh: '交互',
en: 'Interacting',
},
order: 3,
},
{
slug: 'api/registry',
title: {
zh: '注册',
en: 'Registry',
},
order: 4,
},
],
examples: [
{
slug: 'showcase',
icon: 'case',
title: {
zh: '场景案例',
en: 'Case',
},
},
{
slug: 'node',
icon: 'shape',
title: {
zh: '节点',
en: 'Node',
},
},
{
slug: 'edge',
icon: 'link',
title: {
zh: '边',
en: 'Edge',
},
},
{
slug: 'layout',
icon: 'tree',
title: {
zh: '布局',
en: 'Layout',
},
},
],
docsearchOptions: {
apiKey: 'fe8bee8366e56a9463229c3c81200866',
indexName: 'antv_x6',
},
playground: {
extraLib: '',
container: '<div id="container"></div>',
devDependencies: {
typescript: 'latest',
},
},
announcement: {
zh: '',
en: ''
}
},
mfsu: false,
alias: {
'@': __dirname,
},
links: [
],
scripts: [
],
})
6 changes: 6 additions & 0 deletions sites/x6-site/.gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
node_modules
.cache
static/apps
static/demos
.dumi/tmp
.dumi/tmp-production
Loading

0 comments on commit 35f2966

Please sign in to comment.