feat(graphin):add iconfont

antvis · Nov 19, 2019 · 259e2b2 · 259e2b2
1 parent bd5f661
commit 259e2b2
Show file tree

Hide file tree

Showing 25 changed files with 1,958 additions and 5 deletions.
diff --git a/packages/graphin-site/package.json b/packages/graphin-site/package.json
@@ -19,7 +19,7 @@
 		"url": "https://github.com/antvis/graphin"
 	},
 	"devDependencies": {
-		"@antv/gatsby-theme-antv": "^0.9.60",
+		"@antv/gatsby-theme-antv": "^0.9.69",
 		"gatsby": "^2.17.7",
 		"gh-pages": "^2.1.1"
 	},

diff --git a/packages/graphin-studio/src/Extend/RectNodeShape.ts b/packages/graphin-studio/src/Extend/RectNodeShape.ts
@@ -82,6 +82,21 @@ const renderRectNode = (node: Node) => {
                     fill: style.iconFill,
                 },
             },
+            // // iconFont
+            // {
+            //     shape: 'text',
+            //     attrs: {
+            //         id: 'node-icon',
+            //         x: style.containerWidth / 2,
+            //         y: style.containerWidth / 2,
+            //         fontSize: style.iconSize,
+            //         fill: style.iconFill,
+            //         text: '',
+            //         fontFamily: 'iconfont', // 对应css里面的font-family: "iconfont";
+            //         textAlign: 'center',
+            //         textBaseline: 'middle',
+            //     },
+            // },
             {
                 shape: 'text',
                 attrs: {

diff --git a/packages/graphin-studio/src/Graph.tsx b/packages/graphin-studio/src/Graph.tsx
@@ -14,6 +14,8 @@ import useGraphEvents from './Events/useGraphEvents';
 /** components */
 import NodeEdgeCount from './Core/NodeEdgeCount';
 
+import './fonts/iconfont.css';
+
 const Graphene = (props: GraphProps) => {
     const graphRef = useRef(null) as any; // eslint-disable-line
     const { dispatch, data, layout, toolbar, store } = props;