sea-chart 0.0.1-beta

package/README.md

@@ -0,0 +1,120 @@
+# sea-chart
+> The seatable chart displays the data in the seatable in the form of a chart.
+
+# 本地调试
+  1. 下载源码并进入文件夹
+  ```
+  git clone https://gitlab.seafile.top/seatable-extends/sea-chart/
+  cd sea-chart
+  ```
+  2. 安装依赖
+  ```
+  npm install
+  ```
+  3. 配置以及测试用例
+    > 可以将自定义页面中关于统计元素的配置拿过来
+
+      3.1 配置图标
+      > /example/body/charts.js
+      ```
+        const CHARTS = [
+          {
+            'id': '73c8',
+            'type': 'statistic',
+            'style_config': {
+              'border': {
+                'is_show_border': false,
+                'is_show_shadow': false,
+                'width': 0,
+                'radius': 0,
+                'color': '#EFEFEF'
+              },
+              'title': {
+                'text': 'table',
+                'font_size': 24,
+                'font_weight': 700,
+                'horizontal_align': 'left'
+              }
+            },
+            'config': {
+              'type': 'table',
+              'table_id': '0000',
+              'filters': [],
+              'filter_conjunction': 'And',
+              'groupby_column_key': '_ctime',
+              'groupby_date_granularity': 'month',
+              'groupby_geolocation_granularity': null,
+              'groupby_include_empty_cells': false,
+              'summary_column_key': null,
+              'summary_method': 'Sum',
+              'summary_type': 'count',
+              'column_groupby_multiple_numeric_column': null,
+              'summary_columns': [],
+              'column_groupby_column_key': null,
+              'column_groupby_date_granularity': null,
+              'column_groupby_geolocation_granularity': null
+            }
+          }
+        ];
+
+        export default CHARTS;
+
+      ```
+      3.2
+      ```
+        {
+          APIToken: '0268604f535ad4fa88a2c499455a82711b6e23a4',
+          server: 'https://dev.seatable.cn',
+          fileName: '全类型数据',
+          workspaceID: '24',
+          dtableUuid: 'f7288f72-03ff-4a69-85e3-3e8a86dbfa20',
+          lang: 'zh-cn',
+          mediaUrl: '/media/',
+          permission: 'rw',
+          accessToken: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE3MDQ0NDk1NzksImR0YWJsZV91dWlkIjoiZjcyODhmNzItMDNmZi00YTY5LTg1ZTMtM2U4YTg2ZGJmYTIwIiwidXNlcm5hbWUiOiJndW94dWFuLnlhbmdAc2VhZmlsZS5jb20iLCJpZF9pbl9vcmciOiJXLTAwMDE3IiwidXNlcl9kZXBhcnRtZW50X2lkc19tYXAiOnsiY3VycmVudF91c2VyX2RlcGFydG1lbnRfaWRzIjpbMTRdLCJjdXJyZW50X3VzZXJfZGVwYXJ0bWVudF9hbmRfc3ViX2lkcyI6WzE0XX0sInBlcm1pc3Npb24iOiJydyJ9.6AEwL9jIbX6vfV2SVEpxZsvtwSgLAXN-E_jlu780HSc',
+          dtableDb: 'https://dtable-db-proxy-dev.seatable.cn/',
+        }
+      ```
+  4. 启动
+  ```
+  npm start
+  ```
+
+# 增加新类型
+  1. 定义类型
+  > 为 CHART_TYPE 追加新类型
+
+  2. 定义配置模型及设置UI
+    2.1 为新类型增加模型，便于字段的统一管理 同时写入数据类型文档中
+    2.2 为新类型增加设置字段的UI，以更改配置
+
+  3. 定义查询数据的SQL
+  > 构造恰当的 SQL 语句来获取数据
+
+  4. 定义渲染机制
+  > 未新类型增加渲染机制
+
+  5. 追加渲染机制到 View 组件中
+  > View 组件将根据类型自动渲染该类型
+
+# 使用
+  1. 安装 sea-chart
+  ```
+    npm install sea-chart
+  ```
+
+  2. 渲染
+  ```
+    import React from 'react';
+    import View from 'sea-chart';
+
+    const ComponentName = ({ chart }) => {
+      return (
+        <View chart={chart} ... />
+      )
+    };
+
+    export default ComponentName;
+  
+  ```
+

package/dist/assets/icons/area-chart.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M1.5,1h2C3.8,1,4,1.2,4,1.5V28H1V1.5C1,1.2,1.2,1,1.5,1z M1,28h29.5c0.3,0,0.5,0.2,0.5,0.5v2
+	c0,0.3-0.2,0.5-0.5,0.5H1V28z M29,9.3L18.1,19l-6.5-4.3L6,21.3V27h23V9.3z"/>
+</svg>

package/dist/assets/icons/bar-chart.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M4,10h23.5c0.3,0,0.5,0.2,0.5,0.5v3c0,0.3-0.2,0.5-0.5,0.5H4V10z M4,22h12.5c0.3,0,0.5,0.2,0.5,0.5v3
+	c0,0.3-0.2,0.5-0.5,0.5H4V22z M4,4h14.5C18.8,4,19,4.2,19,4.5v3C19,7.8,18.8,8,18.5,8H4V4z M4,16h9.5c0.3,0,0.5,0.2,0.5,0.5v3
+	c0,0.3-0.2,0.5-0.5,0.5H4V16z M1.5,1h2C3.8,1,4,1.2,4,1.5V28H1V1.5C1,1.2,1.2,1,1.5,1z M1,28h29.5c0.3,0,0.5,0.2,0.5,0.5v2
+	c0,0.3-0.2,0.5-0.5,0.5H1V28z"/>
+</svg>

package/dist/assets/icons/card.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M30,2c1.1,0,2,0.9,2,2v24c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2H30z M27,6H5C4.4,6,4,6.4,4,7
+	v18c0,0.6,0.4,1,1,1h22c0.6,0,1-0.4,1-1V7C28,6.4,27.6,6,27,6z"/>
+<path class="st0" d="M9,21c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1S8.4,21,9,21z M23,21c0.6,0,1,0.4,1,1s-0.4,1-1,1H12
+	c-0.6,0-1-0.4-1-1s0.4-1,1-1H23z M21.3,10c0.8,0,1.5,0.2,1.8,0.6c0.4,0.4,0.6,0.8,0.6,1.4c0,0.3-0.1,0.6-0.2,0.9
+	c-0.2,0.3-0.4,0.5-0.7,0.7l0.6,0.3c0.2,0.2,0.4,0.4,0.5,0.6c0.1,0.3,0.2,0.6,0.2,0.9c0,0.5-0.1,0.9-0.3,1.3c-0.2,0.4-0.5,0.7-0.9,1
+	C22.5,17.9,22,18,21.4,18s-1.1-0.1-1.4-0.2c-0.3-0.2-0.6-0.4-0.8-0.7c-0.2-0.4-0.4-0.8-0.5-1.2l1.8-0.3v0.2c0,0.2,0.1,0.5,0.3,0.7
+	c0.1,0.2,0.3,0.2,0.6,0.2c0.2,0,0.5-0.1,0.6-0.3c0.2-0.2,0.3-0.5,0.2-0.8c0-0.4-0.1-0.6-0.2-0.8c-0.2-0.2-0.4-0.3-0.6-0.3
+	c-0.1,0-0.3,0-0.6,0.1l0.1-1.5h0.2c0.2,0,0.4-0.1,0.6-0.3s0.2-0.4,0.2-0.6c0-0.2-0.1-0.4-0.2-0.6c-0.1-0.1-0.3-0.2-0.5-0.2
+	s-0.4,0.1-0.5,0.2c-0.1,0.2-0.2,0.4-0.3,0.8L18.7,12l0.1-0.3c0.2-0.5,0.4-0.9,0.7-1.2C20,10.2,20.5,10,21.3,10z M10.7,10v7.9H8.9
+	v-5.2C8.6,13,8.3,13.2,8,13.4v-1.8c0.5-0.4,1-0.9,1.2-1.6C9.2,10,10.7,10,10.7,10z M15.3,10c0.6,0,1.1,0.1,1.5,0.3s0.6,0.4,0.8,0.8
+	c0.2,0.4,0.3,0.8,0.3,1.2c0,0.5-0.1,0.9-0.3,1.4c-0.2,0.4-0.7,0.9-1.3,1.4c-0.2,0.2-0.5,0.4-0.7,0.6c-0.1,0.1-0.3,0.3-0.4,0.5H18V18
+	h-5.4l0.1-0.4c0.1-0.5,0.3-1,0.5-1.4c0.3-0.6,0.9-1.2,1.8-2c0.5-0.5,0.9-0.8,1-1.1c0.1-0.2,0.2-0.4,0.2-0.7c0-0.2-0.1-0.4-0.2-0.6
+	c-0.1-0.2-0.3-0.3-0.6-0.3c-0.2,0-0.4,0.1-0.6,0.3c-0.1,0.2-0.2,0.5-0.3,0.9l-1.8-0.2l0.1-0.3c0.1-0.4,0.2-0.8,0.3-1.1
+	c0.2-0.3,0.5-0.6,0.8-0.8S14.7,10,15.3,10z"/>
+</svg>

package/dist/assets/icons/combination-chart.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M13,28V15.5c0-0.2,0.2-0.5,0.4-0.5h3.3c0.2,0,0.4,0.2,0.4,0.5V28H13z M19,28v-9.7c0-0.2,0.2-0.3,0.4-0.3h3.3
+	c0.2,0,0.4,0.2,0.4,0.3V28H19z M28.6,13c0.2,0,0.4,0.1,0.4,0.3V28h-4V13.3c0-0.1,0.2-0.3,0.4-0.3H28.6z M10.6,20
+	c0.2,0,0.4,0.2,0.4,0.5V28H7v-7.5C7,20.2,7.2,20,7.4,20H10.6z M1.5,1h2C3.8,1,4,1.2,4,1.5V28H1V1.5C1,1.2,1.2,1,1.5,1z M1,28h29.5
+	c0.3,0,0.5,0.2,0.5,0.5v2c0,0.3-0.2,0.5-0.5,0.5H1V28z"/>
+<path class="st0" d="M26.9,7C28.1,7,29,8,29,9.1c0,1.2-1,2.1-2.1,2.1c-0.4,0-0.8-0.1-1.2-0.4L22.9,13c0.4,1-0.1,2.3-1.1,2.7
+	c-0.8,0.3-1.8,0-2.4-0.6c-0.4-0.4-0.6-0.9-0.5-1.5l-2.4-1.2c-0.7,0.7-1.7,0.7-2.5,0.3l-3,2.6c0.5,1,0.1,2.3-1,2.8
+	c-0.9,0.4-1.8,0.1-2.5-0.5c-0.7-0.9-0.6-2.2,0.3-2.9c0.7-0.6,1.6-0.7,2.4-0.2l3-2.6c-0.5-1-0.1-2.3,1-2.8c0.3-0.1,0.6-0.2,0.9-0.2
+	c1.2,0,2.1,1,2.1,2.1c0,0.1,0,0.3-0.1,0.5l2.3,1.2c0.7-0.8,1.9-1,2.8-0.4l2.9-2.2c-0.4-1,0.1-2.3,1.1-2.7C26.4,7.1,26.6,7,26.9,7z"
+	/>
+</svg>

package/dist/assets/icons/dtable-logo.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M9.4,21.6c0.6,0,1,0.4,1,1V29c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1v-6.4c0-0.6,0.4-1,1-1H9.4z M19.2,21.6
+	c0.6,0,1,0.4,1,1V29c0,0.6-0.4,1-1,1h-6.4c-0.6,0-1-0.4-1-1v-6.4c0-0.6,0.4-1,1-1H19.2z M29,21.6c0.6,0,1,0.4,1,1V29
+	c0,0.6-0.4,1-1,1h-6.4c-0.6,0-1-0.4-1-1v-6.4c0-0.6,0.4-1,1-1H29z M9.4,11.8c0.6,0,1,0.4,1,1v6.4c0,0.6-0.4,1-1,1H3
+	c-0.6,0-1-0.4-1-1v-6.4c0-0.6,0.4-1,1-1C3,11.8,9.4,11.8,9.4,11.8z M29,11.8c0.6,0,1,0.4,1,1v6.4c0,0.6-0.4,1-1,1h-6.4
+	c-0.6,0-1-0.4-1-1v-6.4c0-0.6,0.4-1,1-1C22.6,11.8,29,11.8,29,11.8z M19.2,11.8c0.6,0,1,0.4,1,1v6.4c0,0.6-0.4,1-1,1h-6.4
+	c-0.6,0-1-0.4-1-1v-6.4c0-0.6,0.4-1,1-1C12.8,11.8,19.2,11.8,19.2,11.8z M9.4,2c0.6,0,1,0.4,1,1v6.4c0,0.6-0.4,1-1,1H3
+	c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1H9.4z M19.2,2c0.6,0,1,0.4,1,1v6.4c0,0.6-0.4,1-1,1h-6.4c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1
+	H19.2z M29,2c0.6,0,1,0.4,1,1v6.4c0,0.6-0.4,1-1,1h-6.4c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1H29z"/>
+</svg>

package/dist/assets/icons/facet-chart.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M15,1h2c0.3,0,0.5,0.2,0.5,0.5V28h-3V1.5C14.5,1.2,14.7,1,15,1z M0,28h32v3H0V28z M11.5,4C11.8,4,12,4.2,12,4.5
+	V28H9.3v-3H4.7v3H2V4.5C2,4.2,2.2,4,2.5,4H11.5z M9.3,19H4.7v3h4.5v-3H9.3z M9.3,13H4.7v3h4.5v-3H9.3z M9.3,7H4.7v3h4.5V7H9.3z
+	 M29.5,4C29.8,4,30,4.2,30,4.5V28h-2.7v-3h-4.5v3H20V4.5C20,4.2,20.2,4,20.5,4H29.5z M27.3,19h-4.5v3h4.5V19z M27.3,13h-4.5v3h4.5
+	V13z M27.3,7h-4.5v3h4.5V7z"/>
+</svg>

package/dist/assets/icons/gauge.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M29.3,21.1h-1.8c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9h1.8c0.5,0,0.9,0.4,0.9,0.9S29.8,21.1,29.3,21.1z
+	 M25.2,14.8c-0.3-0.4-0.1-1,0.3-1.2l1.5-0.9c0.4-0.2,1-0.1,1.2,0.4c0.2,0.4,0.1,0.9-0.3,1.2l-1.5,0.9C26,15.4,25.5,15.3,25.2,14.8z
+	 M17.6,20.7c0,0.9-0.5,1.8-1.3,2.3c-0.6,0.4-1.3,0.5-2.1,0.3c-0.7-0.2-1.3-0.6-1.7-1.2S12,20.7,12.1,20c0.2-0.8,0.6-1.3,1.2-1.8
+	c0.9-0.6,1.9-0.6,2.8,0l7.5-3.1C23.6,15.1,17.6,20.7,17.6,20.7z M10.7,10.9c-0.4,0.2-1,0.1-1.2-0.3L8.6,9C8.3,8.5,8.5,8,8.9,7.7
+	C9.3,7.5,9.8,7.6,10.1,8L11,9.6C11.2,10.1,11.1,10.6,10.7,10.9z M6.8,14.8c-0.2,0.4-0.8,0.6-1.2,0.4L4,14.3C3.6,14,3.4,13.5,3.7,13
+	c0.2-0.4,0.8-0.6,1.2-0.4l1.5,0.9C6.9,13.8,7,14.4,6.8,14.8z M4.4,21.1H2.7c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9h1.8
+	c0.5,0,0.9,0.4,0.9,0.9C5.3,20.7,5,21.1,4.4,21.1z M15.1,6.7c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9v1.8
+	c0,0.5-0.4,0.9-0.9,0.9c-0.2,0-0.5-0.1-0.6-0.3c-0.2-0.2-0.3-0.4-0.3-0.6V6.7z M21,9.6L21.9,8c0.2-0.4,0.8-0.6,1.2-0.3
+	C23.5,8,23.7,8.5,23.4,9l-0.9,1.5c-0.2,0.4-0.8,0.6-1.2,0.3C20.9,10.6,20.8,10.1,21,9.6z M26,7.7c-5.8-4.9-14.2-4.9-20,0
+	C0.1,12.6-1.7,21,1.7,28h28.7C33.7,21,31.9,12.6,26,7.7z"/>
+</svg>

package/dist/assets/icons/heat-map.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32.1 32" style="enable-background:new 0 0 32.1 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M30.2,18.6c-5.2-5.2-4.7-7.1-3.9-9.2s-1.1-11.2-8-7.6s-4.8,8.3-9.8,8.1c-4.9-0.2-11,2.4-7.4,11.8
+	c1.4,3.7,4.1,7.3,8.2,7.8s11-0.8,15.1,1.2S35.4,23.8,30.2,18.6z M23.4,28.3c-3.5-1.6-9.2-0.7-12.7-1c-3.5-0.4-6.2-2.8-7.4-5.8
+	c-3-7.6,2.8-9.8,6.9-9.7s2.4-4.6,8.3-7.5s6.3,4.7,5.6,6.4c-0.8,1.9-0.7,3.8,3.8,8.1C32.3,22.9,26.9,29.9,23.4,28.3z"/>
+<path class="st0" d="M5.9,17.3c-1.9,1.6-0.3,5.5,2.2,6.3c2.4,0.8,4.9-0.1,6.8-1.7c1.9-1.7,1.6-7.3-1.5-5.9
+	C10.2,17.5,9.8,14,5.9,17.3z M19.7,6.4c-2.3,0.6-4.4,4.4-3.5,6.1s2.9,4.7,2.2,6.9s-0.2,4.8,2,5.6s6.8,0.5,6.8-1.8s-5.4-4.7-5.6-8.4
+	C21.5,11,23.3,5.4,19.7,6.4z"/>
+</svg>

package/dist/assets/icons/histogram.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M1.5,1h2C3.8,1,4,1.2,4,1.5V28H1V1.5C1,1.2,1.2,1,1.5,1z M7.5,20h3c0.3,0,0.5,0.2,0.5,0.5V28H7v-7.5
+	C7,20.2,7.2,20,7.5,20z M13.5,7h3C16.8,7,17,7.2,17,7.5V28h-4V7.5C13,7.2,13.2,7,13.5,7z M25.5,14h3c0.3,0,0.5,0.2,0.5,0.5V28h-4
+	V14.5C25,14.2,25.2,14,25.5,14z M19.5,17h3c0.3,0,0.5,0.2,0.5,0.5V28h-4V17.5C19,17.2,19.2,17,19.5,17z M1,28h29.5
+	c0.3,0,0.5,0.2,0.5,0.5v2c0,0.3-0.2,0.5-0.5,0.5H1V28z"/>
+</svg>

package/dist/assets/icons/line-chart.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M1.5,1h2C3.8,1,4,1.2,4,1.5V28H1V1.5C1,1.2,1.2,1,1.5,1z M1,28h29.5c0.3,0,0.5,0.2,0.5,0.5v2
+	c0,0.3-0.2,0.5-0.5,0.5H1V28z M28.9,9.8l0.3,0.2c0.8,0.6,0.7,1.7,0.3,2.3l-0.2,0.1l-8.9,9l-0.1,0.1l-0.2,0.2
+	c-0.5,0.4-0.9,0.8-1.8,0.4L18,22l-5.8-5.8l-4,4c-0.5,0.5-1.6,0.7-2.3,0L5.7,20c-0.5-0.7-0.5-1.5,0-2.2L6,17.6l5.4-5.4
+	c0.2-0.2,0.6-0.4,0.8-0.4h0.3c0.2,0,0.5,0.1,0.7,0.2l0.2,0.2l5.6,5.6l7.9-8C27.3,9.5,28.2,9.3,28.9,9.8z"/>
+</svg>

package/dist/assets/icons/map.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M16,1C7.7,1,1,7.7,1,16s6.7,15,15,15s15-6.7,15-15S24.3,1,16,1z M10.9,28.1c-1.6-0.7-3-1.6-4.2-2.8
+	c-1.2-1.2-2.2-2.6-2.8-4.2c-0.7-1.6-1-3.3-1-5.1c0-0.8,0.1-1.7,0.2-2.5c0.2,0.1,0.4,0.1,0.6,0.1c0.3,0,0.6-0.1,0.8-0.2
+	c0.2-0.2,0.5-0.2,0.8-0.2c0.2,0,0.5,0.1,0.7,0.2c0.2,0.1,0.4,0.3,0.4,0.7c0,2.4,0.1,4.9,2.3,5c0.1,0,1.2,0.4,1.8,1.9
+	c0.1,0.2,0.2,0.2,0.4,0.2c0.3,0,0.8-0.2,1.4-0.2c0.4,0,0,0.7,0,2.2s3.2,3.8,3.2,3.8c0,0.9,0,1.7,0.1,2.3
+	C13.9,29,12.3,28.7,10.9,28.1z M25.3,25.3c-1.2,1.2-2.6,2.2-4.2,2.8c-0.7,0.3-1.4,0.5-2.2,0.7h-0.5c0.5-1.9,0.7-3,1.6-3.8
+	c1.3-1.1,0.3-2.4-0.7-2.4h-0.2H19c-0.7,0-0.2-1-0.9-1.1c-0.7-0.1-1.7-1.5-2.7-2c-0.6-0.3-1.1-1-2-1c-0.5,0-1.2,0.3-1.6,0.3
+	c-0.1,0-0.2-0.1-0.2-0.2c0-1.7-0.2-2.9-0.2-3.3c0-0.2-0.1-0.2,0-0.2c0,0,0.2,0.1,0.8,0.1c0.5,0,0.3-1.1,0.8-1.2h0.1
+	c0.5,0,1.4,0.3,1.9,0.3h0.2c0.3,0,1.3,2.5,1.8,2.5c0.2,0,0.4-0.4,0.4-1.6c0-0.5-0.3-1.4,0-1.9c1-1.9,2-3.4,1.9-3.6
+	c0-0.1-0.3-0.1-0.7-0.1c-0.3,0-0.8,0-1.1,0.2c-0.3,0.1,0.1,0.5-0.3,0.6c-0.3,0.1-0.5,0.1-0.7,0.1c-1.1,0-1.9-0.6-1.6-1.2
+	C15.4,8.6,17,9,17.2,7.6c0.1-0.7,0.1-1.4,0.2-2c0-0.2,0.2-0.4,0.4-0.4C18.9,5.1,19,3.8,18,3c1.1,0.2,2.2,0.5,3.2,0.9
+	c1.6,0.7,3,1.6,4.2,2.8c1.1,1.1,2,2.4,2.6,3.7c-0.2-0.1-0.3-0.2-0.5-0.2c-0.8,0-1.6,1.1-1.1,2.4c-3.9,3-2.9,5.1-1.6,6.3
+	c0.4,0.4,0.7,0.8,1.1,1.3c0.3,0.4,0.5,0.9,0.6,1.4c0,0.2,0.2,0.3,0.4,0.3c0.3,0,0.8-0.2,1.3-0.6C27.3,22.8,26.4,24.1,25.3,25.3z"/>
+</svg>

package/dist/assets/icons/pie-chart.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M31,15.2H16.8V1c3.8,0.2,7.2,1.8,9.8,4.4S30.8,11.5,31,15.2z M4.6,25.9C2.3,23.2,1,19.8,1,16.4
+	C1,12.5,2.5,8.8,5.3,6c2.5-2.5,5.8-4,9.3-4.2V16C14.6,16,4.6,25.9,4.6,25.9z M15.6,31c3.8,0,7.6-1.5,10.3-4.3c2.5-2.5,4-5.8,4.2-9.3
+	H16l-9.9,10C8.8,29.7,12.2,31,15.6,31z"/>
+</svg>

package/dist/assets/icons/rectangular-tree-diagram.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M13,15v14H0V15H13z M23,19v10h-8V19H23z M32,19v10h-7V19H32z M20,11v6h-5v-6H20z M26,11v6h-4v-6H26z M32,11v6
+	h-4v-6H32z M13,3v10H0V3H13z M20,3v6h-5V3H20z M26,7v2h-4V7H26z M32,7v2h-4V7H32z M26,3v2h-4V3H26z M32,3v2h-4V3H32z"/>
+</svg>

package/dist/assets/icons/scatter-chart.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M1.5,1h2C3.8,1,4,1.2,4,1.5V28H1V1.5C1,1.2,1.2,1,1.5,1z M1,28h29.5c0.3,0,0.5,0.2,0.5,0.5v2
+	c0,0.3-0.2,0.5-0.5,0.5H1V28z M21.4,18.9c0,1.4,1.1,2.6,2.6,2.6c1.4,0,2.6-1.1,2.6-2.6c0-1.4-1.1-2.6-2.6-2.6S21.4,17.5,21.4,18.9z
+	 M19.4,12.9c1.3,0,2.3-1,2.3-2.3s-1-2.3-2.3-2.3s-2.3,1-2.3,2.3S18.1,12.9,19.4,12.9z M24.8,8.7c1.3,0,2.3-1,2.3-2.3s-1-2.3-2.3-2.3
+	s-2.3,1-2.3,2.3S23.5,8.7,24.8,8.7z M26.7,14.6c1.3,0,2.3-1,2.3-2.3S28,10,26.7,10s-2.3,1-2.3,2.3S25.4,14.6,26.7,14.6z M6,20.6
+	c0,1.1,0.9,2,2,2s2-0.9,2-2s-0.9-2-2-2S6,19.5,6,20.6 M11.7,17.5c1.6,0,2.8-1.3,2.8-2.8c0-1.6-1.3-2.8-2.8-2.8S8.8,13,8.8,14.6
+	S10.1,17.5,11.7,17.5z M12.2,22.9c0,1.1,0.9,2,2,2s2-0.9,2-2s-0.9-2-2-2S12.2,21.8,12.2,22.9z M17.7,20.9c1.1,0,2-0.9,2-2
+	s-0.9-2-2-2s-2,0.9-2,2S16.6,20.9,17.7,20.9z"/>
+</svg>

package/dist/assets/icons/type-change.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#949494;}
+</style>
+<title>switch</title>
+<g id="switch">
+	<g id="batch-replacement" transform="translate(1.000000, 3.000000)">
+		<path id="形状" class="st0" d="M9.1,11.7V8.9h12.8c1.4,0,2.5,1.2,3,2.3c0.4-0.6,0.7-1.8,0.7-2.7c0-2.1-1.7-4.5-3.8-4.5H9.1V0.7
+			c0-0.5-0.5-0.9-1-0.5L0.2,5.7c-0.3,0.2-0.3,0.8,0,1.1l7.8,5.6C8.6,12.6,9.1,12.3,9.1,11.7z M29.8,20.2l-7.8-5.6
+			c-0.4-0.3-1,0-1,0.5v3.2H8.1c-1.4,0-2.4-1.4-3.1-2.6c-0.4,0.6-0.8,2-0.8,2.9c0,2.1,1.7,4.3,3.8,4.3h12.8v3.2c0,0.5,0.5,0.9,1,0.5
+			l7.8-5.6C30.1,21,30.1,20.5,29.8,20.2L29.8,20.2z"/>
+	</g>
+</g>
+</svg>

package/dist/components/collaborator/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+const Collaborator = _ref => {
+  let {
+    collaborator = {}
+  } = _ref;
+  const {
+    avatar_url,
+    name
+  } = collaborator || {};
+  return /*#__PURE__*/React.createElement("div", {
+    className: "collaborators-formatter"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "collaborator"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "collaborator-avatar-container"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: avatar_url,
+    alt: '',
+    className: "collaborator-avatar"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "collaborator-name",
+    title: name,
+    "aria-label": name
+  }, name)));
+};
+export default Collaborator;

package/dist/components/icon/index.css

@@ -0,0 +1,5 @@
+.sea-chart-icon {
+  font-size: 14px;
+  fill: currentColor;
+  color: #212529;
+}

package/dist/components/icon/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.css';
+const importAll = requireContext => {
+  requireContext.keys().forEach(requireContext);
+};
+try {
+  importAll(require.context('../../assets/icons', true, /\.svg$/));
+} catch (error) {
+  // eslint-disable-next-line no-console
+  console.log(error);
+}
+const Icon = props => {
+  const {
+    className,
+    symbol
+  } = props;
+  const iconClass = "sea-chart-icon sea-chart-icon-".concat(symbol, " ").concat(className || '');
+  return /*#__PURE__*/React.createElement("svg", {
+    className: iconClass
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: "#".concat(symbol)
+  }));
+};
+export default Icon;

package/dist/components/index.js

@@ -0,0 +1,8 @@
+import Collaborator from './collaborator';
+import Loading from './loading';
+import Icon from './icon';
+import NumberInput from './number-input';
+import SelectGroup from './select-group';
+import TypesDialog from './types-dialog';
+import PixelEditor from './pixel-editor';
+export { Collaborator, Loading, Icon, NumberInput, SelectGroup, TypesDialog, PixelEditor };

package/dist/components/loading/index.css

@@ -0,0 +1,54 @@
+/** loading **/
+@-moz-keyframes loading {
+  0% {
+    -moz-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes loading {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loading {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+.loading-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  border: 2px solid #eee;
+  border-left-color: #aaa;
+  border-radius: 50%;
+  -moz-animation: loading 0.9s infinite linear;
+  -webkit-animation: loading 0.9s infinite linear;
+  animation: loading 0.9s infinite linear;
+}
+
+.loading-tip {
+  display: block;
+  margin: 0 auto;
+}

package/dist/components/loading/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+const Loading = _ref => {
+  let {
+    className
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    className: classnames('loading-icon loading-tip', className)
+  });
+};
+export default Loading;

package/dist/components/number-input/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Input } from 'reactstrap';
+function NumberInput(props) {
+  const {
+    value,
+    onChange,
+    min,
+    step,
+    max,
+    readOnly,
+    className,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/React.createElement(Input, Object.assign({
+    type: "number",
+    className: className,
+    value: value || '0',
+    min: min,
+    step: step,
+    max: max,
+    readOnly: readOnly,
+    onChange: onChange
+  }, otherProps));
+}
+NumberInput.defaultProps = {
+  min: 0,
+  step: 1,
+  max: Infinity,
+  readOnly: false
+};
+export default NumberInput;