docs: refactor interaction (#5509)

antvis · Sep 5, 2023 · c3a9b04 · c3a9b04
1 parent 85d8fc8
commit c3a9b04
Show file tree

Hide file tree

Showing 34 changed files with 197 additions and 153 deletions.
diff --git a/site/examples/component/tooltip/demo/meta.json b/site/examples/component/tooltip/demo/meta.json
@@ -0,0 +1,56 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "tooltip.ts",
+      "title": {
+        "zh": "提示",
+        "en": "Tooltip"
+      },
+      "screenshot": "https://gw.alipayobjects.com/zos/raptor/1669041818314/tooltip1d.gif"
+    },
+    {
+      "filename": "tooltip2d.ts",
+      "title": {
+        "zh": "多维度提示",
+        "en": "Tooltip 2D"
+      },
+      "screenshot": "https://gw.alipayobjects.com/zos/raptor/1669041837078/tooltip2d.gif"
+    },
+    {
+      "filename": "tooltip-series.ts",
+      "title": {
+        "zh": "系列提示",
+        "en": "Tooltip Series"
+      },
+      "screenshot": "https://gw.alipayobjects.com/zos/raptor/1669041851542/series.gif"
+    },
+    {
+      "filename": "tooltip-custom.ts",
+      "title": {
+        "zh": "自定义提示",
+        "en": "Custom Tooltip"
+      },
+      "screenshot": "https://gw.alipayobjects.com/zos/raptor/1669041870958/custom.gif"
+    },
+    {
+      "filename": "tooltip-render.ts",
+      "title": {
+        "zh": "自定义渲染内容",
+        "en": "Custom Tooltip Rendering"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*WcxIS4inFuoAAAAAAAAAAAAADmJ7AQ/original"
+    },
+    {
+      "filename": "tooltip-click.ts",
+      "title": {
+        "zh": "点击提示",
+        "en": "Click Tooltip"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*4YDhQZN5FogAAAAAAAAAAAAADmJ7AQ/original"
+    }
+  ]
+}
diff --git a/...raction/interaction/demo/tooltip-click.ts → ...s/component/tooltip/demo/tooltip-click.ts b/...raction/interaction/demo/tooltip-click.ts → ...s/component/tooltip/demo/tooltip-click.ts
diff --git a/...action/interaction/demo/tooltip-custom.ts → .../component/tooltip/demo/tooltip-custom.ts b/...action/interaction/demo/tooltip-custom.ts → .../component/tooltip/demo/tooltip-custom.ts
diff --git a/...action/interaction/demo/tooltip-render.ts → .../component/tooltip/demo/tooltip-render.ts b/...action/interaction/demo/tooltip-render.ts → .../component/tooltip/demo/tooltip-render.ts
diff --git a/...action/interaction/demo/tooltip-series.ts → .../component/tooltip/demo/tooltip-series.ts b/...action/interaction/demo/tooltip-series.ts → .../component/tooltip/demo/tooltip-series.ts
@@ -30,6 +30,4 @@ chart
     fontSize: 10,
   });
 
-chart.interaction('tooltip', true);
-
 chart.render();
diff --git a/...s/interaction/interaction/demo/tooltip.ts → ...xamples/component/tooltip/demo/tooltip.ts b/...s/interaction/interaction/demo/tooltip.ts → ...xamples/component/tooltip/demo/tooltip.ts
@@ -19,6 +19,4 @@ chart
   .encode('y', 'frequency')
   .axis('y', { labelFormatter: '.0%' });
 
-chart.interaction('tooltip');
-
 chart.render();
diff --git a/...interaction/interaction/demo/tooltip2d.ts → ...mples/component/tooltip/demo/tooltip2d.ts b/...interaction/interaction/demo/tooltip2d.ts → ...mples/component/tooltip/demo/tooltip2d.ts
diff --git a/site/examples/component/tooltip/index.en.md b/site/examples/component/tooltip/index.en.md
@@ -0,0 +1,4 @@
+---
+title: Tooltip
+order: 2
+---
diff --git a/site/examples/component/tooltip/index.zh.md b/site/examples/component/tooltip/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 提示
+order: 2
+---
diff --git a/...les/interaction/interaction/demo/brush.ts → .../examples/interaction/brush/demo/brush.ts b/...les/interaction/interaction/demo/brush.ts → .../examples/interaction/brush/demo/brush.ts
diff --git a/site/examples/interaction/brush/demo/meta.json b/site/examples/interaction/brush/demo/meta.json
@@ -0,0 +1,16 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "brush.ts",
+      "title": {
+        "zh": "刷选",
+        "en": "Brush"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*XbQtTrYgA88AAAAAAAAAAAAADmJ7AQ/original"
+    }
+  ]
+}
diff --git a/site/examples/interaction/brush/index.en.md b/site/examples/interaction/brush/index.en.md
@@ -0,0 +1,4 @@
+---
+title: Brush
+order: 3
+---
diff --git a/site/examples/interaction/brush/index.zh.md b/site/examples/interaction/brush/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 刷选
+order: 3
+---
diff --git a/...es/interaction/interaction/demo/legend.ts → ...ples/interaction/component/demo/legend.ts b/...es/interaction/interaction/demo/legend.ts → ...ples/interaction/component/demo/legend.ts
diff --git a/site/examples/interaction/component/demo/meta.json b/site/examples/interaction/component/demo/meta.json
@@ -0,0 +1,16 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "legend.ts",
+      "title": {
+        "zh": "图例",
+        "en": "Legend"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*MFXURoAPyocAAAAAAAAAAAAADmJ7AQ/original"
+    }
+  ]
+}
diff --git a/site/examples/interaction/component/index.en.md b/site/examples/interaction/component/index.en.md
@@ -0,0 +1,4 @@
+---
+title: Component
+order: 2
+---
diff --git a/site/examples/interaction/component/index.zh.md b/site/examples/interaction/component/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 组件
+order: 2
+---
diff --git a/...interaction/interaction/demo/highlight.ts → ...les/interaction/element/demo/highlight.ts b/...interaction/interaction/demo/highlight.ts → ...les/interaction/element/demo/highlight.ts
diff --git a/site/examples/interaction/element/demo/meta.json b/site/examples/interaction/element/demo/meta.json
@@ -0,0 +1,24 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "highlight.ts",
+      "title": {
+        "zh": "高亮",
+        "en": "Highlight"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*h3zzSqWMrDkAAAAAAAAAAAAADmJ7AQ/original"
+    },
+    {
+      "filename": "select.ts",
+      "title": {
+        "zh": "选择",
+        "en": "Select"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*gwt_SpgIGsMAAAAAAAAAAAAADmJ7AQ/original"
+    }
+  ]
+}
diff --git a/...es/interaction/interaction/demo/select.ts → ...amples/interaction/element/demo/select.ts b/...es/interaction/interaction/demo/select.ts → ...amples/interaction/element/demo/select.ts
diff --git a/...mples/interaction/interaction/index.zh.md → .../examples/interaction/element/index.en.md b/...mples/interaction/interaction/index.zh.md → .../examples/interaction/element/index.en.md
@@ -1,4 +1,4 @@
 ---
-title: 交互
+title: Element
 order: 1
 ---
diff --git a/site/examples/interaction/element/index.zh.md b/site/examples/interaction/element/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 元素
+order: 1
+---
diff --git a/site/examples/interaction/interaction/demo/meta.json b/site/examples/interaction/interaction/demo/meta.json
diff --git a/site/examples/interaction/interaction/demo/slider.ts b/site/examples/interaction/interaction/demo/slider.ts
diff --git a/site/examples/interaction/interaction/index.en.md b/site/examples/interaction/interaction/index.en.md
diff --git a/...raction/interaction/demo/focus-context.ts → ...eraction/multi-view/demo/focus-context.ts b/...raction/interaction/demo/focus-context.ts → ...eraction/multi-view/demo/focus-context.ts
diff --git a/site/examples/interaction/multi-view/demo/meta.json b/site/examples/interaction/multi-view/demo/meta.json
@@ -0,0 +1,16 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "focus-context.ts",
+      "title": {
+        "zh": "图表联动",
+        "en": "Focus and Context"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*zQRoSI_fW4MAAAAAAAAAAAAADmJ7AQ/original"
+    }
+  ]
+}
diff --git a/site/examples/interaction/multi-view/index.en.md b/site/examples/interaction/multi-view/index.en.md
@@ -0,0 +1,4 @@
+---
+title: Multi View
+order: 5
+---
diff --git a/site/examples/interaction/multi-view/index.zh.md b/site/examples/interaction/multi-view/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 多视图
+order: 5
+---
diff --git a/...teraction/interaction/demo/chart-index.ts → ...les/interaction/other/demo/chart-index.ts b/...teraction/interaction/demo/chart-index.ts → ...les/interaction/other/demo/chart-index.ts
diff --git a/...s/interaction/interaction/demo/fisheye.ts → ...xamples/interaction/other/demo/fisheye.ts b/...s/interaction/interaction/demo/fisheye.ts → ...xamples/interaction/other/demo/fisheye.ts
diff --git a/site/examples/interaction/other/demo/meta.json b/site/examples/interaction/other/demo/meta.json
@@ -0,0 +1,24 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "chart-index.ts",
+      "title": {
+        "zh": "索引图",
+        "en": "Chart Index"
+      },
+      "screenshot": "https://gw.alipayobjects.com/zos/raptor/1669041887727/chart-index.gif"
+    },
+    {
+      "filename": "fisheye.ts",
+      "title": {
+        "zh": "鱼眼",
+        "en": "Fisheye"
+      },
+      "screenshot": "https://gw.alipayobjects.com/zos/raptor/1669041902028/fisheye.gif"
+    }
+  ]
+}
diff --git a/site/examples/interaction/other/index.en.md b/site/examples/interaction/other/index.en.md
@@ -0,0 +1,4 @@
+---
+title: Other
+order: 4
+---
diff --git a/site/examples/interaction/other/index.zh.md b/site/examples/interaction/other/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 其他
+order: 4
+---