Merge branch 'main' into websites

src/components/app-content/index.tsx

@@ -1,27 +1,31 @@
-import { siteConfig } from "../../data/config";
+
+import { SitesConfig } from '../../data/sites'
 import { Avatar, Row, Card, Col, Tooltip } from "antd";
 import "./index.css";
+import { IGroup } from "../../data/types";
 
 export const AppCard = () => {
+  const siteConfig = SitesConfig['main'];
   return (
     <div
       style={{ display: "flex", alignItems: "center", flexDirection: "column" }}
     >
-      {Object.keys(siteConfig).map((item) => {
+      {siteConfig.groups.map((group:IGroup) => {
+        const { name, children} = group;
         return (
           <Card
-            title={siteConfig[item].name}
+            title={name}
             className="item-content"
-            id={siteConfig[item].name}
-            key={siteConfig[item].name}
+            id={name}
+            key={name}
           >
             <Row className="card" gutter={[16, 16]}>
-              {siteConfig[item].children.map((val) => {
+              {children.map((val) => {
                 return (
                   <Col
-                    md={18}
-                    lg={12}
-                    xl={12}
+                    md={16}
+                    lg={8}
+                    xl={6}
                     xxl={4}
                     className="card-col"
                     onClick={() => {

src/components/app-sider/index.tsx

@@ -1,9 +1,11 @@
 import logo from "../../assets/logo.png";
-import { IGroup, siteConfig } from "../../data/config";
+import { IGroup,} from "../../data/types";
+import { SitesConfig } from '../../data/sites'
 import "./index.css";
 import { Space, Tag } from "antd";
 
 export const AppSider = () => {
+  const siteConfig = SitesConfig['main'];
   const tagClick = (item: IGroup) => {
     const element = document.querySelector(`#${item.name}`);
     if (element) {
@@ -16,14 +18,14 @@ export const AppSider = () => {
         <img width={150} src={logo} alt="" />
       </div>
       <div className="all-tag">
-        {Object.keys(siteConfig).map((item) => {
+        {siteConfig.groups.map((group: IGroup) => {
           return (
             <Space>
               <Tag
                 className="tag-item"
-                onClick={() => tagClick(siteConfig[item])}
+                onClick={() => tagClick(group)}
               >
-                {siteConfig[item].name}
+                {group.name}
               </Tag>
             </Space>
           );

src/data/config.ts

@@ -1,115 +0,0 @@
-export type toolsType = "tool" | "data" | "tool" | "DataBase" | "Map Server";
-export interface IItem {
-  icon: string;
-  name: string;
-  en_name: string;
-  description: string;
-  en_description: string;
-  site_url?: string;
-  tags: string[];
-  github?: string;
-  order?: number;
-  favorite?: boolean;
-}
-export interface IGroup {
-  icon?: string;
-  name: string;
-  en_name: string;
-  children: IItem[];
-}
-export interface IConfig {
-  [key: string]: IGroup;
-}
-export const siteConfig: IConfig = {
-  tool: {
-    // icon: "tool",
-    name: "工具",
-    en_name: "Tools",
-    children: [
-      {
-        icon: "https://mdn.alipayobjects.com/huamei_k6sfo0/afts/img/A*RSdESJd70P8AAAAAAAAAAAAADjWqAQ/original",
-        name: "L7Editor",
-        en_name: "L7Editor",
-        description: "多底图地理绘制工具",
-        en_description: "Multi-base map geographic drawing tool",
-        site_url: "https://l7editor.antv.antgroup.com/",
-        order: 2,
-        tags: ["GIS", "Web", "Data"],
-      },
-      {
-        icon: "https://mapshaper.org/images/icon.png",
-        name: "MapShaper",
-        en_name: "MapShaper",
-        description: "地理数据预览,编辑工具",
-        en_description:
-          "A tool for topologically aware shape simplification. Reads and writes Shapefile, GeoJSON and TopoJSON formats.",
-        site_url: "http://www.mapshaper.org/",
-        order: 2,
-        tags: ["GIS", "Web", "Data"],
-      },
-      {
-        icon: "https://img.alicdn.com/imgextra/i3/O1CN01NQARus1gyEAmmQ9T0_!!6000000004210-0-tps-670-670.jpg",
-        name: "DataV.GeoAtlas",
-        en_name: "DataV.GeoAtlas",
-        description:
-          "由阿里云DataV数据可视化团队出品，多年深耕数据可视化领域，数据大屏业务开拓者和领航者。致力用震撼而清晰的视觉语言，让更多人读懂大数据，受惠数据驱动的决策方式。",
-        en_description:
-          "A tool for topologically aware shape simplification. Reads and writes Shapefile, GeoJSON and TopoJSON formats.",
-        site_url: "https://datav.aliyun.com/portal/school/atlas/area_selector",
-        order: 2,
-        tags: "阿里云,DataV,数据可视化,GeoAtlas,数字孪生,GIS".split(","),
-      },
-      {
-        icon: "https://geojson.io/img/favicon.png",
-        name: "Geojson.io",
-        en_name: "Geojson.io",
-        description: "用于创建、查看和共享空间数据的快速、简单的工具。",
-        en_description:
-          "A quick, simple tool for creating, viewing, and sharing spatial data.",
-        site_url: "https://geojson.io",
-        order: 2,
-        tags: ["GIS", "Web", "Data"],
-      },
-      {
-        icon: "",
-        name: "Maptable",
-        en_name: "Maptable",
-        description: "空间数据协同工具",
-        en_description: "Spatial data collaboration tools",
-        site_url: "https://maptable.com/zh-cn/",
-        order: 2,
-        tags: ["GIS", "Web", "Data"],
-      },
-      {
-        icon: "https://epsg.io/static/img/espg-logo.png",
-        name: "epsg.io",
-        en_name: "epsg.io",
-        description: "全球坐标系转换工具",
-        en_description: "Global Coordinate System Conversion Tool",
-        site_url: "https://epsg.io/",
-        order: 2,
-        tags: ["GIS", "Web", "Data"],
-      },
-      {
-        icon: "https://geoman.io/logo/geoman-logo.svg",
-        name: "Geoman",
-        en_name: "Geoman",
-        description: "地理信息数据管理平台",
-        en_description: "Geographic information data management platform",
-        site_url: "https://geoman.io/",
-        order: 2,
-        tags: ["GIS", "Web", "Data"],
-      },
-      {
-        icon: "",
-        name: "Windy",
-        en_name: "Windy",
-        description: "天气数据发布平台",
-        en_description: "Weather data publishing platform",
-        site_url: "https://www.windy.com/",
-        order: 2,
-        tags: ["GIS", "Web", "Data","Visualization"],
-      },
-    ],
-  },
-};

src/data/sites/index.ts

@@ -0,0 +1,5 @@
+import { ISiteConfig } from '../types'
+import { MainConfig } from './main'
+export const SitesConfig:{[key:string]:ISiteConfig} = {
+    main:MainConfig
+}

src/data/sites/main/groups/color_map.ts

@@ -0,0 +1,21 @@
+import { IGroup } from '../../../types'
+export const MapColor: IGroup = {
+    icon: '',
+    name: '地图配置',
+    en_name: 'map color',
+    order: 2,
+    children: [
+        {
+            icon: "https://colorbrewer2.org/favicon.ico",
+            name: "ColorBrewer",
+            en_name: "ColorBrewer",
+            description: "地图配色",
+            en_description: "Map color",
+            site_url: "https://colorbrewer2.org/",
+            order: 2,
+            tags: ["GIS", "Web", "Data"],
+        },
+
+    ]
+
+}

src/data/sites/main/groups/coord_convert.ts

@@ -0,0 +1,19 @@
+// 坐标转换工具
+import { IGroup } from '../../../types'
+export const CoordConvert: IGroup = {
+    icon: '',
+    name: '坐标转换',
+    order: 2,
+    en_name: 'Coord',
+    children: [{
+        icon: "https://epsg.io/static/img/espg-logo.png",
+        name: "epsg.io",
+        en_name: "epsg.io",
+        description: "全球坐标系转换工具",
+        en_description: "Global Coordinate System Conversion Tool",
+        site_url: "https://epsg.io/",
+        order: 2,
+        tags: ["GIS", "Web", "Data"],
+      }]
+
+}

src/data/sites/main/groups/data_collaboration.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '../../../types'
+export const DataCollaboration: IGroup = {
+    icon: '',
+    name: '数据协同',
+    order: 2,
+    en_name: 'Data Collaboration',
+    children: [{
+        icon: "",
+        name: "Maptable",
+        en_name: "Maptable",
+        description: "空间数据协同工具",
+        en_description: "Spatial data collaboration tools",
+        site_url: "https://maptable.com/zh-cn/",
+        order: 2,
+        tags: ["GIS", "Web", "Data"],
+      }]
+}

src/data/sites/main/groups/data_edit.ts

@@ -0,0 +1,29 @@
+import { IGroup } from '../../../types'
+export const DataEdit: IGroup = {
+    icon: '',
+    name: '数据编辑',
+    en_name: 'data edit',
+    order: 0,
+    children: [{
+        icon: "https://mdn.alipayobjects.com/huamei_k6sfo0/afts/img/A*RSdESJd70P8AAAAAAAAAAAAADjWqAQ/original",
+        name: "L7Editor",
+        en_name: "L7Editor",
+        description: "多底图地理绘制工具",
+        en_description: "Multi-base map geographic drawing tool",
+        site_url: "https://l7editor.antv.antgroup.com/",
+        order: 2,
+        tags: ["GIS", "Web", "Data"],
+      },
+      {
+        icon: "https://geojson.io/img/favicon.png",
+        name: "Geojson.io",
+        en_name: "Geojson.io",
+        description: "用于创建、查看和共享空间数据的快速、简单的工具。",
+        en_description:
+          "A quick, simple tool for creating, viewing, and sharing spatial data.",
+        site_url: "https://geojson.io",
+        order: 2,
+        tags: ["GIS", "Web", "Data"],
+      },
+    ]
+}

src/data/sites/main/groups/data_format_convert.ts

@@ -0,0 +1,20 @@
+import { IGroup } from '../../../types'
+export const DataFormatConvert: IGroup = {
+    icon: '',
+    name: '数据转换',
+    order: 2,
+    en_name: 'Data format conversion',
+    children: [
+        // https://gdal3.js.org/
+        {
+            icon: "",
+            name: "gdal3.js",
+            en_name: "gdal3.js",
+            description: "栅格矢量格式转换",
+            en_description: " Convert raster and vector geospatial data to various formats and coordinate systems entirely in the browser",
+            site_url: "https://gdal3.js.org/",
+            order: 2,
+            tags: ["GIS", "Web", "Data"],
+        },
+    ]
+}

src/data/sites/main/groups/data_process.ts

@@ -0,0 +1,18 @@
+import { IGroup } from '../../../types'
+export const DataProcess: IGroup = {
+    icon: '',
+    name: '数据处理',
+    en_name: 'data process',
+    order: 2,
+    children: [{
+        icon: "https://mapshaper.org/images/icon.png",
+        name: "MapShaper",
+        en_name: "MapShaper",
+        description: "地理数据预览,编辑工具",
+        en_description:
+          "A tool for topologically aware shape simplification. Reads and writes Shapefile, GeoJSON and TopoJSON formats.",
+        site_url: "http://www.mapshaper.org/",
+        order: 2,
+        tags: ["GIS", "Web", "Data"],
+      }]
+}

src/data/sites/main/groups/data_source.ts

@@ -0,0 +1,20 @@
+// 数据可视化
+import { IGroup } from '../../../types'
+export const DataSource: IGroup = {
+    icon: '',
+    name: '数据源',
+    en_name: 'data source',
+    order: 2,
+    children: [{
+        icon: "https://img.alicdn.com/imgextra/i3/O1CN01NQARus1gyEAmmQ9T0_!!6000000004210-0-tps-670-670.jpg",
+        name: "DataV.GeoAtlas",
+        en_name: "DataV.GeoAtlas",
+        description:
+          "由阿里云DataV数据可视化团队出品，多年深耕数据可视化领域，数据大屏业务开拓者和领航者。致力用震撼而清晰的视觉语言，让更多人读懂大数据，受惠数据驱动的决策方式。",
+        en_description:
+          "A tool for topologically aware shape simplification. Reads and writes Shapefile, GeoJSON and TopoJSON formats.",
+        site_url: "https://datav.aliyun.com/portal/school/atlas/area_selector",
+        order: 2,
+        tags: "阿里云,DataV,数据可视化,GeoAtlas,数字孪生,GIS".split(","),
+      }]
+}

src/data/sites/main/groups/geocoding.ts

@@ -0,0 +1,9 @@
+import { IGroup } from '../../../types'
+export const GeoCoding: IGroup = {
+    icon: '',
+    name: '地理编码',
+    en_name: 'geocoding',
+    order: 2,
+    children: []
+
+}