feat(object-storage):add sort feature (#4464)

labring · Jan 8, 2024 · 87269b7 · 87269b7
1 parent f4e61a6
commit 87269b7
Show file tree

Hide file tree

Showing 12 changed files with 524 additions and 217 deletions.
diff --git a/frontend/packages/ui/src/components/icons/SortPolygonDownIcon.tsx b/frontend/packages/ui/src/components/icons/SortPolygonDownIcon.tsx
@@ -0,0 +1,8 @@
+import { createIcon } from '@chakra-ui/react';
+
+const SortPolygonUpIcon = createIcon({
+  displayName: 'SortPolygonIcon',
+  viewBox: '0 0 7 5',
+  d: 'M3.33873 4.19508C3.61963 4.47761 4.07678 4.47761 4.35768 4.19508L6.63781 1.90173C7.08838 1.44854 6.76739 0.676758 6.12833 0.676758H1.56808C0.929025 0.676758 0.608031 1.44854 1.0586 1.90173L3.33873 4.19508Z'
+});
+export default SortPolygonUpIcon;
diff --git a/frontend/packages/ui/src/components/icons/SortPolygonUpIcon.tsx b/frontend/packages/ui/src/components/icons/SortPolygonUpIcon.tsx
@@ -0,0 +1,8 @@
+import { createIcon } from '@chakra-ui/react';
+
+const SortPolygonUpIcon = createIcon({
+  displayName: 'SortPolygonIcon',
+  viewBox: '0 0 7 5',
+  d: 'M3.33873 1.15843C3.61963 0.875901 4.07678 0.875902 4.35768 1.15843L6.63781 3.45179C7.08838 3.90497 6.76739 4.67676 6.12833 4.67676H1.56808C0.929025 4.67676 0.608031 3.90497 1.0586 3.45179L3.33873 1.15843Z'
+});
+export default SortPolygonUpIcon;
diff --git a/frontend/packages/ui/src/components/index.ts b/frontend/packages/ui/src/components/index.ts
@@ -40,6 +40,8 @@ import ListIcon from './icons/ListIcon';
 import PortIcon from './icons/PortIcon';
 import WarnIcon from './icons/WarnIcon';
 import CloseIcon from './icons/CloseIcon';
+import SortPolygonUpIcon from './icons/SortPolygonUpIcon';
+import SortPolygonDownIcon from './icons/SortPolygonDownIcon';
 
 export {
   YamlCode,
@@ -83,5 +85,7 @@ export {
   WechatIcon,
   PortIcon,
   WarnIcon,
-  CloseIcon
+  CloseIcon,
+  SortPolygonUpIcon,
+  SortPolygonDownIcon
 };
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
diff --git a/frontend/providers/objectstorage/package.json b/frontend/providers/objectstorage/package.json
@@ -19,6 +19,7 @@
     "@kubernetes/client-node": "^0.19.0",
     "@sealos/ui": "workspace:^",
     "@tanstack/react-query": "^4.35.3",
+    "@tanstack/react-table": "^8.10.7",
     "axios": "^1.5.1",
     "date-fns": "^2.30.0",
     "dayjs": "^1.11.10",

diff --git a/frontend/providers/objectstorage/public/locales/en/file.json b/frontend/providers/objectstorage/public/locales/en/file.json
@@ -20,5 +20,8 @@
   "confirmDeleteFile": "Confirm to delete these files",
   "confirmDeleteSingleFile": "Confirm to delete the file",
   "searchFile": "Search File",
-  "selectedItems": "Selected {{count}} item"
+  "selectedItems": "Selected {{count}} item",
+  "clickToAscend": "Click to ascend",
+  "clickToDescend": "Click to descend",
+  "clickToCancelSort": "Click to cancel sorting"
 }
diff --git a/frontend/providers/objectstorage/public/locales/zh/file.json b/frontend/providers/objectstorage/public/locales/zh/file.json
@@ -20,5 +20,8 @@
   "confirmDeleteFile": "确认要删除这些文件吗",
   "confirmDeleteSingleFile": "确认要删除这个文件吗",
   "searchFile": "搜索文件",
-  "selectedItems": "已选择 {{count}} 项"
+  "selectedItems": "已选择 {{count}} 项",
+  "clickToAscend": "点击升序",
+  "clickToDescend": "点击降序",
+  "clickToCancelSort": "点击取消排序"
 }