feat(costcenter): pinning table

frontend/packages/ui/src/components/icons/PortIcon.tsx

@@ -0,0 +1,33 @@
+import { createIcon } from '@chakra-ui/react';
+
+const PortIcon = createIcon({
+  displayName: 'PortIcon',
+  viewBox: '0 0 16 16',
+  path: (
+    <g fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M3.9167 6.24996C3.9167 6.59996 4.15004 6.8333 4.50004 6.8333C4.85004 6.8333 5.08337 6.59996 5.08337 6.24996V5.66663C5.08337 5.31663 4.85004 5.0833 4.50004 5.0833C4.15004 5.0833 3.9167 5.31663 3.9167 5.66663V6.24996Z"
+        fill="#24282C"
+      />
+      <path
+        d="M6.25004 6.24996C6.25004 6.59996 6.48337 6.8333 6.83337 6.8333C7.18337 6.8333 7.4167 6.59996 7.4167 6.24996V5.66663C7.4167 5.31663 7.18337 5.0833 6.83337 5.0833C6.48337 5.0833 6.25004 5.31663 6.25004 5.66663V6.24996Z"
+        fill="#24282C"
+      />
+      <path
+        d="M8.58337 6.24996C8.58337 6.59996 8.8167 6.8333 9.1667 6.8333C9.5167 6.8333 9.75004 6.59996 9.75004 6.24996V5.66663C9.75004 5.31663 9.5167 5.0833 9.1667 5.0833C8.8167 5.0833 8.58337 5.31663 8.58337 5.66663V6.24996Z"
+        fill="#24282C"
+      />
+      <path
+        d="M10.9167 6.24996C10.9167 6.59996 11.15 6.8333 11.5 6.8333C11.85 6.8333 12.0834 6.59996 12.0834 6.24996V5.66663C12.0834 5.31663 11.85 5.0833 11.5 5.0833C11.15 5.0833 10.9167 5.31663 10.9167 5.66663V6.24996Z"
+        fill="#24282C"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.49167 13.25H10.5083C10.975 13.25 11.4417 12.9583 11.6167 12.4917L12.4917 10.3333H13.8333C14.475 10.3333 15 9.80833 15 9.16667V3.91667C15 3.275 14.475 2.75 13.8333 2.75H2.16667C1.525 2.75 1 3.275 1 3.91667V9.16667C1 9.80833 1.525 10.3333 2.16667 10.3333H3.50833L4.38333 12.4917C4.55833 12.9583 5.025 13.25 5.49167 13.25ZM2.16667 9.16667V3.91667H13.8333V9.16667H12.4917C11.9667 9.16667 11.5583 9.45833 11.3833 9.925L10.5083 12.0833H5.49167L4.61667 9.925C4.44167 9.45833 3.975 9.16667 3.50833 9.16667H2.16667Z"
+        fill="#24282C"
+      />
+    </g>
+  )
+});
+export default PortIcon;

frontend/packages/ui/src/components/index.ts

@@ -37,6 +37,7 @@ import GithubIcon from './icons/GithubIcon';
 import GoogleIcon from './icons/GoogleIcon';
 import WechatIcon from './icons/WechatIcon';
 import ListIcon from './icons/ListIcon';
+import PortIcon from './icons/PortIcon';
 export {
   YamlCode,
   EditTabs,
@@ -76,5 +77,6 @@ export {
   StorageIcon,
   UploadIcon,
   VisibityIcon,
-  WechatIcon
+  WechatIcon,
+  PortIcon
 };

frontend/providers/costcenter/next-i18next.config.js

@@ -8,5 +8,6 @@ module.exports = {
     defaultLocale: 'zh',
     locales: ['en', 'zh'],
     localeDetection: false
-  }
+  },
+  reloadOnPrerender: process.env['NODE_ENV'] === 'development'
 };

frontend/providers/costcenter/next.config.js

@@ -13,7 +13,7 @@ const nextConfig = {
   i18n,
   reactStrictMode: false,
   output: 'standalone',
-  transpilePackages: ['echarts'],
+  transpilePackages: ['echarts', 'sealos@ui'],
   experimental: {
     // this includes files from the monorepo base two directories up
     outputFileTracingRoot: path.join(__dirname, '../../')

frontend/providers/costcenter/package.json

@@ -25,6 +25,7 @@
     "@tanstack/query-sync-storage-persister": "^4.35.3",
     "@tanstack/react-query": "^4.35.3",
     "@tanstack/react-query-persist-client": "^4.35.5",
+    "@tanstack/react-table": "^8.10.7",
     "axios": "1.2.1",
     "date-fns": "^2.30.0",
     "echarts": "^5.4.3",

frontend/providers/costcenter/public/locales/en/common.json

@@ -34,6 +34,7 @@
   "Transaction Time": "Transaction Time",
   "Type": "Type",
   "CPU": "CPU",
+  "Port": "Port",
   "Memory": "Memory",
   "Network": "Network",
   "Storage": "Storage",

frontend/providers/costcenter/public/locales/zh/common.json

@@ -35,6 +35,7 @@
   "Transaction Time": "交易时间",
   "Type": "类型",
   "CPU": "CPU",
+  "Port": "端口",
   "Memory": "内存",
   "Storage": "存储卷",
   "Network": "网络",