@antv/dumi-theme-antv 0.2.2 → 0.3.0-beta.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,55 +1,54 @@
-# dumi-theme-antv
+# @antv/dumi-theme-antv
 
-dumi theme for antv site
+[![NPM version](https://img.shields.io/npm/v/@antv/dumi-theme-antv.svg?style=flat)](https://npmjs.org/package/@antv/dumi-theme-antv)
+[![NPM downloads](http://img.shields.io/npm/dm/@antv/dumi-theme-antv.svg?style=flat)](https://npmjs.org/package/@antv/dumi-theme-antv)
 
-## Install
+A theme package for the [dumi](https://next.d.umijs.org) framework.
 
-```
-yarn add @antv/dumi-theme-antv --save-dev
+## Usage
 
-```
+Install this theme into `devDependencies`:
 
-## Usage
+```bash
+$ npm i @antv/dumi-theme-antv -D
+```
 
-> Refer to the documentation for the [Dumi theme](https://d.umijs.org/zh-CN/config#themeconfig)
+Configure it in dumi config file `.dumirc.ts`:
 
-<strong >note ⚠️<strong>
-Since `*.module.less` is used in `@antv/dumi-theme-antv`, extraBabelIncludes needs to be configured:
+```ts
+import { defineConfig } from 'dumi';
 
-```tsx
-export default {
-  //...
-  mode: "site",
-  extraBabelIncludes: ["@antv/dumi-theme-antv"],
-};
+export defineConfig({
+  themeConfig: {
+    ...
+  },
+});
 ```
 
-## Contributing
+That's all, now you can execute `dumi dev` and enjoy this theme.
 
-### Development install
+## Options
 
-- start `@antv/dumi-theme-antv`
+TODO
 
-```bash
-- 1. git clone https://github.com/antvis/dumi-theme-antv.git
-- 2. yarn  // install deps
-- 3. npm run start //start dev
+## Development
 
+```bash
+$ tnpm install
 ```
 
-- start demo of antv sub product site
+After the dependencies are installed, a symlink from `example/.dumi/theme` to `../../src` will be created automatically, the symlink makes dumi load our theme package as a local theme, so we can start the example directly, HMR is also available:
 
 ```bash
+# switch to example directory
+$ cd example
 
-- 1. npm link
-
-- 2. cd site
-
-- 3. note: remove `@antv/dumi-theme-antv` from `devDependencies` in `package.json`
+# start dev server to preview
+npm run dev
+```
 
-- 4. yarn // install deps
+dumi theme development documentation: https://next.d.umijs.org/theme
 
-- 5. npm link @antv/dumi-theme-antv
+## LICENSE
 
-- 6. npm run start
-```
+MIT

package/dist/builtins/Playground/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare type PlaygroundProps = {
+    /**
+     * 代码示例的地址
+     */
+    path: string;
+    /**
+     * 渲染容器的 id，默认为 container
+     */
+    rid?: string;
+    /**
+     * 预览区、代码区的宽度占比，默认为 0.62
+     */
+    ratio?: number;
+    /**
+     * 容器的高度，默认为 400px
+     */
+    height?: number;
+};
+/**
+ * Markdown 标签插件 Playground
+ */
+declare const Playground: React.FC<PlaygroundProps>;
+export default Playground;

package/{es/builtins/Example.js → dist/builtins/Playground/index.js}

@@ -10,39 +10,46 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useRef, useEffect, useState } from 'react';
-import './Example.less';
-export default (function (props) {
-  var elm = useRef();
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      height = _useState2[0],
-      setHeight = _useState2[1];
-
-  useEffect(function () {
-    setHeight(elm.current.contentWindow.document.documentElement.scrollHeight);
-  }, [elm]);
-  return props.route.meta.examplePath && /*#__PURE__*/React.createElement("div", {
-    className: "__dumi-default-example-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "__dumi-default-example-wrapper-toolbar"
-  }, props.route.meta.description || props.route.meta.title, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
-    className: "__dumi-default-icon",
-    onClick: function onClick() {
-      return elm.current.contentWindow.location.reload();
-    }
-  }), /*#__PURE__*/React.createElement("a", {
-    target: "_blank",
-    rel: "noopener noreferrer",
-    href: props.route.meta.examplePath,
-    className: "__dumi-default-icon"
-  }))), /*#__PURE__*/React.createElement("iframe", {
-    src: props.route.meta.examplePath,
-    ref: elm,
+import React, { useContext } from 'react';
+import { ThemeAntVContext } from "../../context";
+import { CodeRunner } from "../../slots/CodeRunner";
+import styles from "./index.module.less";
+
+/**
+ * Markdown 标签插件 Playground
+ */
+var Playground = function Playground(_ref) {
+  var rid = _ref.rid,
+      path = _ref.path,
+      _ref$ratio = _ref.ratio,
+      ratio = _ref$ratio === void 0 ? 0.62 : _ref$ratio,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 400 : _ref$height;
+
+  /** 示例页面的元数据信息 */
+  var _useContext = useContext(ThemeAntVContext),
+      meta = _useContext.meta;
+
+  var exampleTopics = meta.exampleTopics; // '/case/area/demo/area5.ts'
+
+  var _ref2 = path.match(/\/([\w-]+)\/([\w-]+)\/demo\/([\w-]+)/i),
+      _ref3 = _slicedToArray(_ref2, 4),
+      _ = _ref3[0],
+      topic = _ref3[1],
+      example = _ref3[2],
+      demo = _ref3[3];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container,
     style: {
       height: height
-    },
-    title: "dumi"
+    }
+  }, /*#__PURE__*/React.createElement(CodeRunner, {
+    exampleTopics: exampleTopics,
+    topic: topic,
+    example: example,
+    demo: demo
   }));
-});
+};
+
+export default Playground;

package/dist/builtins/Playground/index.module.less

@@ -0,0 +1,15 @@
+@import 'antd/es/style/themes/default.less';
+@import '../../slots/_.less';
+
+.container {
+  width: 100%;
+  height: 400px;
+  position: relative;
+
+  margin: 0;
+  padding: 0;
+  border: 1px solid #f0f0f0;
+  border-radius: 4px;
+  background: #fff;
+  overflow: hidden;
+}

package/dist/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type IThemeAntVContext = {
+    exampleTopics?: ExamplesPage.ExampleTopic[];
+};
+export declare const ThemeAntVContext: import("react").Context<IThemeAntVContext>;

package/dist/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var ThemeAntVContext = /*#__PURE__*/createContext({});

package/dist/layouts/DocLayout.d.ts

@@ -0,0 +1,7 @@
+import '../slots/global';
+import '../slots/_.less';
+/**
+ * DocuLayout 是 dumi2 的内置 layout 入口，在这里使用页面路径进行区分成自己不同的 Layout。
+ */
+declare const _default: () => any;
+export default _default;

package/dist/layouts/DocLayout.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useOutlet, useLocation } from 'dumi';
+import { Index } from "./entry/Index";
+import { API } from "./entry/API";
+import { Manual } from "./entry/Manual"; // 用户手动添加自己的
+
+import "../slots/global";
+import "../slots/_.less";
+/**
+ * DocuLayout 是 dumi2 的内置 layout 入口，在这里使用页面路径进行区分成自己不同的 Layout。
+ */
+
+export default (function () {
+  var outlet = useOutlet();
+
+  var _useLocation = useLocation(),
+      pathname = _useLocation.pathname;
+
+  var p = pathname.toLowerCase(); // @todo 南洋
+  // 做一些跳转，比如：/zh/examples/xxx -> /examples/xxx
+  // 首页
+
+  if (p === '/' || p === '/en' || p === '/en/') return /*#__PURE__*/React.createElement(Index, null); // API 页面
+
+  if (p.startsWith('/api') || p.startsWith('/en/api') || // 这两个是兼容之前的
+  p.startsWith('/zh/docs/api') || p.startsWith('/en/docs/api')) {
+    return /*#__PURE__*/React.createElement(API, null, " ", outlet, " ");
+  } // 教程页面
+
+
+  if (p.startsWith('/manual') || p.startsWith('/en/manual') || // 这两个是兼容之前的
+  p.startsWith('/zh/docs/manual/') || p.startsWith('/en/docs/manual/')) {
+    return /*#__PURE__*/React.createElement(Manual, null, " ", outlet, " ");
+  } // More router, add here...
+
+
+  return outlet;
+});

package/dist/layouts/entry/API.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type APIProps = {
+    readonly children: any;
+};
+/**
+ * API 路由下的入口
+ * - 读取 API markdown 文件
+ * - 渲染 UI
+ */
+export declare const API: React.FC<APIProps>;

package/dist/layouts/entry/API.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Manual } from "./Manual";
+
+/**
+ * API 路由下的入口
+ * - 读取 API markdown 文件
+ * - 渲染 UI
+ */
+export var API = function API(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Manual, null, children);
+};

package/dist/layouts/entry/Index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Index 路由下的入口
+ * - 获取数据
+ * - 组合 slots 下的木偶组件
+ */
+export declare const Index: () => JSX.Element;

package/dist/layouts/entry/Index.js

@@ -0,0 +1,71 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React from 'react';
+import { useSiteData } from 'dumi';
+import { Header } from "../../slots/Header";
+import { Detail } from "../../slots/Detail";
+import { Features } from "../../slots/Features";
+import { Cases } from "../../slots/Cases";
+import { Companies } from "../../slots/Companies";
+import { Footer } from "../../slots/Footer";
+import { useT } from "../../slots/hooks";
+/**
+ * Index 路由下的入口
+ * - 获取数据
+ * - 组合 slots 下的木偶组件
+ */
+
+export var Index = function Index() {
+  var _useSiteData = useSiteData(),
+      themeConfig = _useSiteData.themeConfig;
+
+  var title = themeConfig.title,
+      siteUrl = themeConfig.siteUrl,
+      githubUrl = themeConfig.githubUrl,
+      isAntVSite = themeConfig.isAntVSite,
+      showSearch = themeConfig.showSearch,
+      showGithubCorner = themeConfig.showGithubCorner,
+      showGithubStars = themeConfig.showGithubStars,
+      showLanguageSwitcher = themeConfig.showLanguageSwitcher,
+      showWxQrcode = themeConfig.showWxQrcode,
+      defaultLanguage = themeConfig.defaultLanguage,
+      showAntVProductsCard = themeConfig.showAntVProductsCard,
+      versions = themeConfig.versions,
+      ecosystems = themeConfig.ecosystems,
+      navs = themeConfig.navs,
+      detail = themeConfig.detail,
+      news = themeConfig.news,
+      companies = themeConfig.companies,
+      features = themeConfig.features,
+      cases = themeConfig.cases,
+      className = themeConfig.className,
+      style = themeConfig.style,
+      id = themeConfig.id;
+
+  var detailProps = _objectSpread({
+    githubUrl: githubUrl,
+    showGithubStars: showGithubStars,
+    news: news
+  }, detail);
+
+  var featuresProps = {
+    title: title,
+    features: features,
+    className: className,
+    style: style,
+    id: id
+  };
+  var casesProps = {
+    cases: cases,
+    style: style,
+    className: className
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Detail, detailProps), /*#__PURE__*/React.createElement(Features, featuresProps), /*#__PURE__*/React.createElement(Cases, casesProps), /*#__PURE__*/React.createElement(Companies, {
+    title: useT("感谢信赖"),
+    companies: companies
+  }), /*#__PURE__*/React.createElement(Footer, null));
+};

package/dist/layouts/entry/Manual.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type ManualProps = {
+    readonly children: any;
+};
+/**
+ * Manual 路由下的入口
+ */
+export declare const Manual: React.FC<ManualProps>;

package/dist/layouts/entry/Manual.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ManualContent } from "../../slots/ManualContent";
+import { Header } from "../../slots/Header";
+import { Footer } from "../../slots/Footer";
+
+/**
+ * Manual 路由下的入口
+ */
+export var Manual = function Manual(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    isHomePage: false
+  }), /*#__PURE__*/React.createElement(ManualContent, null, " ", children, " "), /*#__PURE__*/React.createElement(Footer, null));
+};

package/dist/locales/en.json

@@ -0,0 +1,98 @@
+{
+  "index.serach": "Search...",
+  "所有产品": "Products",
+  "周边生态": "Ecosystem",
+  "在 GitHub 上编辑": "Edit on GitHub",
+  "贡献者": "Contributors",
+  "演示": "Examples",
+  "代码演示": "Examples",
+  "设计指引": "Design Guide",
+  "搜索…": "Search…",
+  "description": "Collapse all",
+  "经典布局": "Classic",
+  "三栏布局": "Three Cloumn",
+  "两栏布局": "Two Cloumn",
+  "分类色板": "Qualitative Palette",
+  "顺序色板": "Sequential Palette",
+  "发散色板": "Diverging Palette",
+  "查看更多色板用法": "For More Useage",
+  "切换至电脑视图": "Change to desktop view",
+  "切换至平板视图": "Change to tablet view",
+  "切换至移动端视图": "Change to mobile view",
+  "进入全屏": "Enter Fullscreen",
+  "离开全屏": "Exit Fullscreen",
+  "产品首页": "Home Page",
+  "图表示例": "Examples",
+  "现在开始使用": "Getting Started",
+  "使用文档": "Manual",
+  "组件示例": "Examples",
+  "基础产品": "Basic Products",
+  "拓展产品": "Extension Products",
+  "API 文档": "API",
+  "正在施工中...": "Coming Soon...",
+  "更新日志": "Changelog",
+  "GitHub 仓库": "GitHub Repository",
+  "国内镜像": "China Mirror",
+  "蚂蚁数据可视化": "Liven Data Lively",
+  "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。": "AntV is a new generation of data visualization technique from Ant Group. We provide best practices of data visualization with simplicity, convenience, profession, reliability, and infinite possibilities.",
+  "可视化引擎": "Visualization Engine",
+  "图可视化引擎": "Graph Visualization",
+  "移动可视化方案": "Mobile Charts",
+  "跨平台高性能的移动端可视化解决方案，满足你的各种图表需求。": "An elegant, interactive and flexible native charting library for mobile.",
+  "地理空间数据可视化": "Geospatial Visualization",
+  "开箱即用的图表库": "A Charting Library",
+  "X6 图编辑引擎": "X6 JavaScript Diagramming Library",
+  "图编辑引擎": "JavaScript Diagramming Library",
+  "AVA 是为了更简便的可视分析而生的技术框架。": "AVA is a framework for more convenient Visual Analytics.",
+  "开箱即用、易于配置、极致体验的通用图表库。": "Pretty interactive charts out of box",
+  "图表魔方": "Charts Maker",
+  "生成图表": "Create charts",
+  "AntV 在线图表制作利器。": "Create pretty charts without code",
+  "数据驱动，高度易用，可扩展的可视化图形语法。": "Data-driven visual language with a high level of usability and scalability",
+  "便捷的关系数据可视化引擎与图分析工具。": "A Graph Visualization Framework in JavaScript",
+  "高性能/高渲染质量的地理空间数据可视化框架。": "Large-scale WebGL-powered Geospatial Data Visualization",
+  "专注于移动端的可视化解决方案，兼容 H5/小程序/Weex 等多端环境": "An elegant, interactive and flexible charting library for mobile",
+  "基于 G6 封装的图分析应用组件。": "A react toolkit for graph analysis based on G6",
+  "极易定制、开箱即用、数据驱动的图编辑引擎": "Data-driven diagramming library with a high level of usability and customization.",
+  "跨平台高性能的移动端可视化解决方案，满足你的各种图表需求": "An elegant, interactive and flexible native charting library for mobile.",
+  "墨者学院": "Mohist Academy",
+  "基于商业场景下的数据可视化解决方案": "Business visualization solution",
+  "基于 G2Plot 实现的 React 可视化图表库": "A React chart library based on G2Plot",
+  "学院首页": "Home Page",
+  "数据可视化社团": "Visualization Community",
+  "语雀社区": "Yuque",
+  "钉钉服务群": "DingTalk Group",
+  "扫码进 ChartCube 服务群": "Scan QRCode",
+  "欢迎进入 2020 可视化智能研发时代": "New era of intelligent VIS",
+  "AntV 11-22 品牌日：知源·致远": "11-22, AntV brand day!",
+  "G2Plot 图表库发布": "G2Plot is released",
+  "执行代码": "Run code",
+  "在 CodeSandbox 中打开": "Open in CodeSandbox",
+  "在 Riddle 中打开": "Open in Riddle",
+  "在 StackBlitz 中打开": "Open in StackBlitz",
+  "HTML 代码": "Html Source Code",
+  "取消": "Cancel",
+  "关于我们": "About us",
+  "返回旧版": "Old site",
+  "查看详情": "More",
+  "上新啦，点击直达：": "New demos online. Click to visit: ",
+  "React 应用开发框架": "React Application Framework",
+  "组件/文档研发工具": "Component doc generator",
+  "React Hooks 库": "React Hooks Library",
+  "设计动效": "Motion Solution",
+  "社区": "Community",
+  "StackOverflow": "StackOverflow",
+  "体验科技专栏": "Ant Financial Experience Tech",
+  "帮助": "Help",
+  "蚂蚁体验科技大会": "Experience Tech Conference",
+  "标准版基础产品": "Standard basic products",
+  "标准版扩展产品": "Standard extended products",
+  "移动定制（F版）产品": "Mobile (F series) products",
+  "感谢信赖":"WE ARE TRUSTED BY",
+  "更多产品":"More Productions",
+  "上一篇":"Previous",
+  "下一篇":"Next",
+  "演示代码报错，请检查": "演示代码报错，请检查",
+  "阅读时间约":"Reading needs",
+  "分钟":"minutes"
+}

package/dist/locales/zh.json

@@ -0,0 +1,98 @@
+{
+  "index.serach": "index.serach",
+  "所有产品": "所有产品",
+  "周边生态": "周边生态",
+  "在 GitHub 上编辑": "在 GitHub 上编辑",
+  "贡献者": "贡献者",
+  "演示": "演示",
+  "代码演示": "代码演示",
+  "设计指引": "设计指引",
+  "搜索…": "搜索…",
+  "收起所有": "收起所有",
+  "经典布局": "经典布局",
+  "三栏布局": "三栏布局",
+  "两栏布局": "两栏布局",
+  "分类色板": "分类色板",
+  "顺序色板": "顺序色板",
+  "发散色板": "发散色板",
+  "查看更多色板用法": "查看更多色板用法",
+  "切换至电脑视图": "切换至电脑视图",
+  "切换至平板视图": "切换至平板视图",
+  "切换至移动端视图": "切换至移动端视图",
+  "进入全屏": "进入全屏",
+  "离开全屏": "离开全屏",
+  "产品首页": "产品首页",
+  "图表示例": "图表示例",
+  "现在开始使用": "现在开始使用",
+  "使用文档": "使用文档",
+  "组件示例": "组件示例",
+  "基础产品": "基础产品",
+  "拓展产品": "拓展产品",
+  "API 文档": "API 文档",
+  "正在施工中...": "正在施工中...",
+  "更新日志": "更新日志",
+  "GitHub 仓库": "GitHub 仓库",
+  "国内镜像": "国内镜像",
+  "蚂蚁数据可视化": "蚂蚁数据可视化",
+  "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。": "AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。",
+  "可视化引擎": "可视化引擎",
+  "图可视化引擎": "图可视化引擎",
+  "移动可视化方案": "移动可视化方案",
+  "跨平台高性能的移动端可视化解决方案，满足你的各种图表需求。": "跨平台高性能的移动端可视化解决方案，满足你的各种图表需求。",
+  "地理空间数据可视化": "地理空间数据可视化",
+  "开箱即用的图表库": "开箱即用的图表库",
+  "X6 图编辑引擎": "X6 图编辑引擎",
+  "图编辑引擎": "图编辑引擎",
+  "AVA 是为了更简便的可视分析而生的技术框架。": "AVA 是为了更简便的可视分析而生的技术框架。",
+  "开箱即用、易于配置、极致体验的通用图表库。": "开箱即用、易于配置、极致体验的通用图表库。",
+  "图表魔方": "图表魔方",
+  "生成图表": "生成图表",
+  "AntV 在线图表制作利器。": "AntV 在线图表制作利器。",
+  "数据驱动，高度易用，可扩展的可视化图形语法。": "数据驱动，高度易用，可扩展的可视化图形语法。",
+  "便捷的关系数据可视化引擎与图分析工具。": "便捷的关系数据可视化引擎与图分析工具。",
+  "高性能/高渲染质量的地理空间数据可视化框架。": "高性能/高渲染质量的地理空间数据可视化框架。",
+  "专注于移动端的可视化解决方案，兼容 H5/小程序/Weex 等多端环境": "专注于移动端的可视化解决方案，兼容 H5/小程序/Weex 等多端环境",
+  "基于 G6 封装的图分析应用组件。": "基于 G6 封装的图分析应用组件。",
+  "极易定制、开箱即用、数据驱动的图编辑引擎": "极易定制、开箱即用、数据驱动的图编辑引擎",
+  "跨平台高性能的移动端可视化解决方案，满足你的各种图表需求": "跨平台高性能的移动端可视化解决方案，满足你的各种图表需求",
+  "墨者学院": "墨者学院",
+  "基于商业场景下的数据可视化解决方案": "基于商业场景下的数据可视化解决方案",
+  "基于 G2Plot 实现的 React 可视化图表库": "基于 G2Plot 实现的 React 可视化图表库",
+  "学院首页": "学院首页",
+  "数据可视化社团": "数据可视化社团",
+  "语雀社区": "语雀社区",
+  "钉钉服务群": "钉钉服务群",
+  "扫码进 ChartCube 服务群": "扫码进 ChartCube 服务群",
+  "欢迎进入 2020 可视化智能研发时代": "欢迎进入 2020 可视化智能研发时代",
+  "AntV 11-22 品牌日：知源·致远": "AntV 11-22 品牌日：知源·致远",
+  "G2Plot 图表库发布": "G2Plot 图表库发布",
+  "执行代码": "执行代码",
+  "在 CodeSandbox 中打开": "在 CodeSandbox 中打开",
+  "在 Riddle 中打开": "在 Riddle 中打开",
+  "在 StackBlitz 中打开": "在 StackBlitz 中打开",
+  "HTML 代码": "HTML 代码",
+  "取消": "取消",
+  "关于我们": "关于我们",
+  "返回旧版": "返回旧版",
+  "查看详情": "查看详情",
+  "上新啦，点击直达：": "上新啦，点击直达：",
+  "React 应用开发框架": "React 应用开发框架",
+  "组件/文档研发工具": "组件/文档研发工具",
+  "React Hooks 库": "React Hooks 库",
+  "设计动效": "设计动效",
+  "社区": "社区",
+  "StackOverflow": "StackOverflow",
+  "体验科技专栏": "体验科技专栏",
+  "帮助": "帮助",
+  "蚂蚁体验科技大会": "蚂蚁体验科技大会",
+  "标准版基础产品": "标准版基础产品",
+  "标准版扩展产品": "标准版扩展产品",
+  "移动定制（F版）产品": "移动定制（F版）产品",
+  "感谢信赖": "感谢信赖",
+  "更多产品": "更多产品",
+  "上一篇": "上一篇",
+  "下一篇": "下一篇",
+  "演示代码报错，请检查": "演示代码报错，请检查",
+  "阅读时间约":"阅读时间约",
+  "分钟":"分钟"
+}

package/dist/pages/404.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/**
+ * 404 页面
+ */
+declare const NotFound: () => JSX.Element;
+export default NotFound;

package/dist/pages/404.js

@@ -0,0 +1,14 @@
+import { Header } from "../slots/Header";
+import { NotFound as NotFoundPage } from "../slots/404";
+import { Footer } from "../slots/Footer";
+/**
+ * 404 页面
+ */
+
+var NotFound = function NotFound() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    isHomePage: false
+  }), /*#__PURE__*/React.createElement(NotFoundPage, null), /*#__PURE__*/React.createElement(Footer, null));
+};
+
+export default NotFound;