feat: ok

.umirc.ts

@@ -1,11 +1,13 @@
 import { defineConfig } from 'umi'
 
 export default defineConfig({
-  publicPath: './',
   routes: [
     { path: '/', component: '@/pages/index' },
     { path: '/apps/draw', component: '@/pages/index' },
   ],
+  base: '/x6-graph/',
+  publicPath: '/x6-graph/',
+  title: 'x6-graph',
   extraBabelPlugins: [
     [
       'import',

README.md

@@ -1,4 +1,4 @@
-# x6-graph-draw
+# x6-graph
 
 依托 `X6` 图编辑引擎实现网络拓扑
 

deploy.sh

@@ -0,0 +1,13 @@
+#!/usr/bin/env sh
+# 确保脚本抛出遇到的错误
+set -e
+
+npm run build
+cd dist
+git init
+
+git add -A
+git commit -m 'deploy'
+git push -f [email protected]:Anonymity94/x6-graph.git master:gh-pages
+
+cd -

package.json

@@ -1,14 +1,21 @@
 {
   "private": true,
-  "name": "@antv/x6-app-draw",
+  "name": "x6-graph",
   "version": "1.1.4",
   "scripts": {
     "start": "umi dev",
     "build": "umi build",
+    "deploy": "bash deploy.sh",
     "lint": "yarn lint:ts",
     "lint:ts": "tslint -c tslint.json -p tsconfig.json --fix",
     "precommit": "lint-staged"
   },
+  "repository": {
+    "type": "git",
+    "url": "[email protected]:Anonymity94/x6-graph.git"
+  },
+  "homepage": "http://anonymity94.github.io/x6-graph",
+  "author": "[email protected]",
   "dependencies": {
     "@antv/x6": "^1.13.4",
     "@antv/x6-react-components": "^1.1.1",

src/pages/components/ToolBar/index.tsx → src/pages/Graph/components/ToolBar/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Toolbar } from '@antv/x6-react-components';
-import FlowGraph from '../../Graph';
+import FlowGraph from '../..';
 import { DataUri } from '@antv/x6';
 import {
   ClearOutlined,

src/pages/components/TooltipTool/index.tsx → src/pages/Graph/components/TooltipTool/index.tsx

@@ -9,9 +9,10 @@ export interface TooltipToolOptions extends ToolsView.ToolItem.Options {
 
 class TooltipTool extends ToolsView.ToolItem<EdgeView, TooltipToolOptions> {
   private delay = 100;
-  private timer: number;
+  private timer: number = 0;
+  // @ts-ignore
   private knob: HTMLDivElement;
-  private tooltipVisible: boolean;
+  private tooltipVisible: boolean = false;
 
   render() {
     super.render();

src/pages/Graph/index.ts

@@ -6,7 +6,7 @@ import pcIcon from './icons/pc.png';
 import routerIcon from './icons/router.png';
 import serverIcon from './icons/server.png';
 import switchIcon from './icons/switch.png';
-import TooltipTool from '../components/TooltipTool';
+import TooltipTool from './components/TooltipTool';
 import './shape';
 
 import styles from './style.less';
@@ -396,12 +396,12 @@ export default class FlowGraph {
       this.showPorts(ports, false);
     });
 
-    graph.on('node:collapse', ({ node, e }) => {
+    graph.on('node:collapse', ({ node, e }: any) => {
       e.stopPropagation();
       node.toggleCollapse();
       const collapsed = node.isCollapsed();
       const cells = node.getDescendants();
-      cells.forEach((n) => {
+      cells.forEach((n: any) => {
         if (collapsed) {
           n.hide();
         } else {

src/pages/index.tsx

@@ -1,10 +1,10 @@
-import React, { useState, useEffect } from 'react';
-import { GithubOutlined } from '@ant-design/icons';
+import React, { useEffect, useState } from 'react';
 import FlowGraph from './Graph';
-import ToolBar from './components/ToolBar';
-import ConfigPanel from './components/ConfigPanel';
-import '../reset.less';
+import ConfigPanel from './Graph/components/ConfigPanel';
+import ToolBar from './Graph/components/ToolBar';
+
 import '../global.css';
+import '../reset.less';
 import styles from './index.less';
 
 export default function () {