chore(graphin):remove graphin graphin-components css

antvis · Jan 25, 2021 · 7524665 · 7524665
1 parent d4cc094
commit 7524665
Show file tree

Hide file tree

Showing 96 changed files with 69 additions and 157 deletions.
diff --git a/README.md b/README.md
@@ -53,7 +53,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 
-// import '@antv/graphin/dist/index.css'; // Don't forget to import css
 import './styles.css';
 
 const App = () => {

diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -53,7 +53,7 @@ import ReactDOM from 'react-dom';
 
 import Graphin, { Utils } from '@antv/graphin';
 
-// import '@antv/graphin/dist/index.css'; // 别忘了引入Graphin CSS
+// 别忘了引入Graphin CSS
 import './styles.css';
 
 const App = () => {

diff --git a/packages/graphin-components/README-zh.CN.md b/packages/graphin-components/README-zh.CN.md
@@ -118,8 +118,6 @@ import Graphin, { Utils } from '@antv/graphin';
 import { Toolbar } from '@antv/graphin-components';
 
 // 别忘了引入 CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const data = Utils.mock(10).graphin();

diff --git a/packages/graphin-components/README.md b/packages/graphin-components/README.md
@@ -51,8 +51,6 @@ import Graphin, { Utils } from '@antv/graphin';
 import { Toolbar } from '@antv/graphin-components';
 
 // Do not forget to import required CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const data = Utils.mock(10).graphin();

diff --git a/packages/graphin-components/src/ContextMenu/demos/AntdMenu.tsx b/packages/graphin-components/src/ContextMenu/demos/AntdMenu.tsx
@@ -3,7 +3,7 @@ import Graphin, { Utils, GraphinContext } from '@antv/graphin';
 import { ContextMenu } from '@antv/graphin-components';
 import { Menu } from 'antd';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
+
 // import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons';
 
 const { SubMenu } = Menu;

diff --git a/packages/graphin-components/src/ContextMenu/demos/PieMenu.tsx b/packages/graphin-components/src/ContextMenu/demos/PieMenu.tsx
@@ -3,7 +3,7 @@ import Graphin, { Utils, GraphinContext } from '@antv/graphin';
 import { ContextMenu } from '@antv/graphin-components';
 import PieMenu, { Slice } from 'react-pie-menu';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
+
 import { ThemeProvider } from 'styled-components';
 import theme from './PieMenuTheme';
 

diff --git a/packages/graphin-components/src/ContextMenu/demos/index.tsx b/packages/graphin-components/src/ContextMenu/demos/index.tsx
@@ -3,9 +3,8 @@ import Graphin, { GraphinContext, Utils } from '@antv/graphin';
 import { ContextMenu } from '@antv/graphin-components';
 import { message } from 'antd';
 import { TagFilled, DeleteFilled, ExpandAltOutlined } from '@ant-design/icons';
-// import '@antv/graphin/dist/index.css';
+
 // Do not forget to import CSS
-import '@antv/graphin-components/dist/index.css';
 
 const { Menu } = ContextMenu;
 

diff --git a/packages/graphin-components/src/ContextMenu/index.en-US.md b/packages/graphin-components/src/ContextMenu/index.en-US.md
@@ -32,8 +32,7 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { ContextMenu } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
+
 const { Menu, Donut } = ContextMenu;
 
 const App = () => {

diff --git a/packages/graphin-components/src/ContextMenu/index.md b/packages/graphin-components/src/ContextMenu/index.md
@@ -49,8 +49,7 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { ContextMenu } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
+
 const { Menu, Donut } = ContextMenu;
 
 const App = () => {

diff --git a/packages/graphin-components/src/CreateEdge/index.en-US.md b/packages/graphin-components/src/CreateEdge/index.en-US.md
@@ -36,8 +36,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { CreateEdge } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const { BreathingLamp } = CreateEdge;
 

diff --git a/packages/graphin-components/src/CreateEdge/index.md b/packages/graphin-components/src/CreateEdge/index.md
@@ -31,8 +31,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { CreateEdge } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const { BreathingLamp } = CreateEdge;
 

diff --git a/packages/graphin-components/src/EdgeBundling/demos/index.tsx b/packages/graphin-components/src/EdgeBundling/demos/index.tsx
@@ -3,7 +3,6 @@ import Graphin, { Utils, G6 } from '@antv/graphin';
 import { EdgeBundling } from '@antv/graphin-components';
 
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
 
 const data = Utils.mock(5).graphin();
 const { edges } = data;

diff --git a/packages/graphin-components/src/EdgeBundling/index.md b/packages/graphin-components/src/EdgeBundling/index.md
@@ -20,8 +20,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { EdgeBundling } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const handleCloseCallback = () => {};

diff --git a/packages/graphin-components/src/FindPathPanel/index.en-US.md b/packages/graphin-components/src/FindPathPanel/index.en-US.md
@@ -33,8 +33,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { FindPathPanel } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const { BreathingLamp } = FindPathPanel;
 

diff --git a/packages/graphin-components/src/FindPathPanel/index.md b/packages/graphin-components/src/FindPathPanel/index.md
@@ -29,8 +29,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { FindPathPanel } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const { BreathingLamp } = FindPathPanel;
 

diff --git a/packages/graphin-components/src/FishEye/demos/index.tsx b/packages/graphin-components/src/FishEye/demos/index.tsx
@@ -2,9 +2,7 @@ import React from 'react';
 import Graphin, { Utils } from '@antv/graphin';
 import { ContextMenu, FishEye } from '@antv/graphin-components';
 
-// import '@antv/graphin/dist/index.css';
 // Do not forget to import CSS
-import '@antv/graphin-components/dist/index.css';
 
 const { Menu } = ContextMenu;
 const App = () => {

diff --git a/packages/graphin-components/src/Hull/demos/Simple.tsx b/packages/graphin-components/src/Hull/demos/Simple.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import Graphin, { Utils } from '@antv/graphin';
 import Hull, { HullCfg } from '../index';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
 
 const Demo = () => {
   const hullOptions: HullCfg[] = [

diff --git a/packages/graphin-components/src/Hull/index.en-US.md b/packages/graphin-components/src/Hull/index.en-US.md
@@ -31,8 +31,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Hull } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const hullOptions = [

diff --git a/packages/graphin-components/src/Hull/index.md b/packages/graphin-components/src/Hull/index.md
@@ -28,8 +28,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Hull } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const hullOptions = [

diff --git a/packages/graphin-components/src/LayoutSelector/index.en-US.md b/packages/graphin-components/src/LayoutSelector/index.en-US.md
@@ -32,8 +32,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { LayoutSelector } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const [layout, setLayout] = React.useState({ name: 'force', options: {} });

diff --git a/packages/graphin-components/src/LayoutSelector/index.md b/packages/graphin-components/src/LayoutSelector/index.md
@@ -33,8 +33,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { LayoutSelector } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const [layout, setLayout] = React.useState({ name: 'force', options: {} });

diff --git a/packages/graphin-components/src/Legend/index.en-US.md b/packages/graphin-components/src/Legend/index.en-US.md
@@ -32,8 +32,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Legend } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/Legend/index.md b/packages/graphin-components/src/Legend/index.md
@@ -35,8 +35,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Legend } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/MapMode/index.en-US.md b/packages/graphin-components/src/MapMode/index.en-US.md
@@ -29,8 +29,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { MapMode } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/MapMode/index.md b/packages/graphin-components/src/MapMode/index.md
@@ -29,8 +29,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { MapMode } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/MiniMap/demos/index.tsx b/packages/graphin-components/src/MiniMap/demos/index.tsx
@@ -2,9 +2,7 @@ import React from 'react';
 import Graphin, { Utils } from '@antv/graphin';
 import { MiniMap } from '@antv/graphin-components';
 
-// import '@antv/graphin/dist/index.css';
 // Do not forget to import CSS
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const data = Utils.mock(5).circle().graphin();

diff --git a/packages/graphin-components/src/MiniMap/index.en-US.md b/packages/graphin-components/src/MiniMap/index.en-US.md
@@ -31,8 +31,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { MiniMap } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const data = Utils.mock(10).graphin();
 const App = () => {

diff --git a/packages/graphin-components/src/MiniMap/index.md b/packages/graphin-components/src/MiniMap/index.md
@@ -34,8 +34,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { MiniMap } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const data = Utils.mock(10).graphin();
 const App = () => {

diff --git a/packages/graphin-components/src/Sheetbar/index.en-US.md b/packages/graphin-components/src/Sheetbar/index.en-US.md
@@ -27,8 +27,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Sheetbar } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/Sheetbar/index.md b/packages/graphin-components/src/Sheetbar/index.md
@@ -28,8 +28,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Sheetbar } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/SnapshotGallery/index.en-US.md b/packages/graphin-components/src/SnapshotGallery/index.en-US.md
@@ -31,8 +31,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { SnapshotGallery, Toolbar } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 /** The following is pseudo-code of the controlled mode. SnapshotGallery should have in-built save and redo functionalities **/
 const App = () => {

diff --git a/packages/graphin-components/src/SnapshotGallery/index.md b/packages/graphin-components/src/SnapshotGallery/index.md
@@ -32,8 +32,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { SnapshotGallery, Toolbar } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 /** 以下为受控模式，伪代码。Graphin 封装的 SnapshotGallery 应该将 save 和 redo 全部内置 **/
 const App = () => {

diff --git a/packages/graphin-components/src/Statistic/index.en-US.md b/packages/graphin-components/src/Statistic/index.en-US.md
@@ -35,8 +35,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Statistic } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/Statistic/index.md b/packages/graphin-components/src/Statistic/index.md
@@ -36,8 +36,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Statistic } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/TableMode/index.en-US.md b/packages/graphin-components/src/TableMode/index.en-US.md
@@ -31,8 +31,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { TableMode } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const data = Utils.mock(10).graphin();
 const App = () => {

diff --git a/packages/graphin-components/src/TableMode/index.md b/packages/graphin-components/src/TableMode/index.md
@@ -32,8 +32,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { TableMode } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const data = Utils.mock(10).graphin();
 const App = () => {

diff --git a/packages/graphin-components/src/Timebar/index.en-US.md b/packages/graphin-components/src/Timebar/index.en-US.md
@@ -30,8 +30,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Timebar } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const data = Utils.mock(10).graphin();
 const App = () => {

diff --git a/packages/graphin-components/src/Timebar/index.md b/packages/graphin-components/src/Timebar/index.md
@@ -30,8 +30,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Timebar } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const data = Utils.mock(10).graphin();
 const App = () => {

diff --git a/packages/graphin-components/src/TodoUndo/index.md b/packages/graphin-components/src/TodoUndo/index.md
@@ -30,8 +30,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { TodoUndo, Toolbar } from '@antv/graphin-components';
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   const historyRef = React.createRef();

diff --git a/packages/graphin-components/src/Toolbar/index.en-US.md b/packages/graphin-components/src/Toolbar/index.en-US.md
@@ -33,8 +33,7 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Toolbar } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
+
 const { Menu, Donut } = Toolbar;
 
 const App = () => {

diff --git a/packages/graphin-components/src/Toolbar/index.md b/packages/graphin-components/src/Toolbar/index.md
@@ -36,8 +36,7 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Toolbar } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
+
 const { Menu, Donut } = Toolbar;
 
 const App = () => {

diff --git a/packages/graphin-components/src/Tooltip/index.en-US.md b/packages/graphin-components/src/Tooltip/index.en-US.md
@@ -31,8 +31,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Tooltip } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/Tooltip/index.md b/packages/graphin-components/src/Tooltip/index.md
@@ -44,8 +44,6 @@ import ReactDOM from 'react-dom';
 import Graphin, { Utils } from '@antv/graphin';
 import { Tooltip } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
-import '@antv/graphin-components/dist/index.css';
 
 const App = () => {
   return (

diff --git a/packages/graphin-components/src/VisSettingPanel/demos/index.tsx b/packages/graphin-components/src/VisSettingPanel/demos/index.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import Graphin, { Utils } from '@antv/graphin';
 // import { VisSettingPanel } from '@antv/graphin-components';
 // Do not forget to import CSS
-// import '@antv/graphin/dist/index.css';
 
 const Demo = () => {
   return (