docs: add text search demo

site/.dumi/global.ts

@@ -5,4 +5,5 @@ if (window) {
   (window as any).d3Array = require('d3-array');
   (window as any).d3GeoProjection = require('d3-geo-projection');
   (window as any).topojson = require('topojson');
+  (window as any).gPluginA11y = require('@antv/g-plugin-a11y');
 }

site/examples/others/plugins/demo/meta.json

@@ -0,0 +1,16 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "text-search.ts",
+      "title": {
+        "zh": "Ctrl+F 文本搜索",
+        "en": "Search text by Ctrl+F"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*TehBRbDnoIkAAAAAAAAAAAAADmJ7AQ/original"
+    }
+  ]
+}

site/examples/others/plugins/demo/text-search.ts

@@ -0,0 +1,39 @@
+import { Chart } from '@antv/g2';
+import { Plugin } from '@antv/g-plugin-a11y';
+
+const plugin = new Plugin({ enableExtractingText: true });
+
+const left = (d) => d.end > -1500 && d.start > -3000;
+
+const chart = new Chart({
+  container: 'container',
+  width: 900,
+  height: 1000,
+  paddingRight: 80,
+  plugins: [plugin],
+});
+
+chart.coordinate({ type: 'transpose' });
+
+chart
+  .interval()
+  .data({
+    type: 'fetch',
+    value: 'https://assets.antv.antgroup.com/g2/world-history.json',
+  })
+  .transform({ type: 'sortX', by: 'y' })
+  .transform({ type: 'sortColor', by: 'y', reducer: 'min' })
+  .axis('x', false)
+  .encode('x', 'civilization')
+  .encode('y', ['start', 'end'])
+  .encode('color', 'region')
+  .scale('color', { palette: 'set2' })
+  .label({
+    text: 'civilization',
+    position: (d) => (left(d) ? 'left' : 'right'),
+    textAlign: (d) => (left(d) ? 'end' : 'start'),
+    dx: (d) => (left(d) ? -5 : 5),
+    fontSize: 10,
+  });
+
+chart.render();

site/examples/others/plugins/index.en.md

@@ -0,0 +1,4 @@
+---
+title: Plugins
+order: 5
+---

site/examples/others/plugins/index.zh.md

@@ -0,0 +1,4 @@
+---
+title: 插件
+order: 5
+---

site/package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "@antv/dumi-theme-antv": "^0.3.0-beta.5",
+    "@antv/g-plugin-a11y": "^0.4.27",
     "d3-array": "^3.2.0",
     "d3-geo-projection": "^4.0.0",
     "d3-hierarchy": "^3.1.2",