migrate Table from el-table to agGrid

tabbled · Jul 18, 2023 · d56b1db · d56b1db
1 parent 342b97c
commit d56b1db
Show file tree

Hide file tree

Showing 28 changed files with 3,385 additions and 2,284 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "tabbled-web",
   "private": true,
-  "version": "0.3.37",
+  "version": "0.3.38",
   "type": "module",
   "license": "MIT",
   "scripts": {
@@ -10,13 +10,18 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@ag-grid-enterprise/row-grouping": "^30.0.5",
+    "@ag-grid-enterprise/server-side-row-model": "^30.0.5",
     "@codemirror/lang-html": "^6.4.3",
     "@codemirror/lang-javascript": "^6.1.2",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/theme-one-dark": "^6.1.0",
     "@tanstack/vue-table": "^8.9.1",
     "@types/events": "^3.0.0",
     "acebase": "^1.27.0",
+    "ag-grid-community": "^30.0.5",
+    "ag-grid-enterprise": "^30.0.5",
+    "ag-grid-vue3": "^30.0.5",
     "axios": "^1.4.0",
     "buffer": "^6.0.3",
     "codemirror": "^6.0.1",

diff --git a/src/App.vue b/src/App.vue
@@ -153,7 +153,7 @@ function logout() {
 async function registerPages() {
     pagesByAlias.value.clear()
 
-    let pages = await dsService.pageDataSource.getMany()
+    let pages = (await dsService.pageDataSource.getMany()).data
 
     pages.forEach((item: PageConfigInterface) => {
         addRoute(item.path, item);

diff --git a/src/components/CustomFilterConstructor.vue b/src/components/CustomFilterConstructor.vue
@@ -299,7 +299,7 @@ async function getLinkData(query?: string) {
         opt['search'] = query
     }
 
-    linkData.value = await linkDataSource.getMany(opt)
+    linkData.value = (await linkDataSource.getMany(opt)).data
     isLoading.value = false
 }
 

diff --git a/src/components/FieldEdit.vue b/src/components/FieldEdit.vue
@@ -173,7 +173,7 @@ onMounted(async () => {
         })
     })
 
-    let items = await dsService.dsDataSource.getMany()
+    let items = (await dsService.dsDataSource.getMany()).data
 
     items.forEach(item => {
         console.log(item)

diff --git a/src/components/HandlerEditor.vue b/src/components/HandlerEditor.vue
@@ -41,8 +41,8 @@ let emit = defineEmits(['update'])
 
 onMounted(async() => {
     let ds = dsService.functionDataSource
-    let data = await ds.getAll()
-    data.forEach(ds => {
+    let res = await ds.getMany()
+    res.data.forEach(ds => {
         functions.value.push({
             key: ds.id,
             label: ds.title

diff --git a/src/components/LinkSelect.vue b/src/components/LinkSelect.vue
@@ -189,7 +189,7 @@ async function getData(query?: string) {
         opt['search'] = query
     }
 
-    data.value = await dataSource.getMany(opt)
+    data.value = (await dataSource.getMany(opt)).data
     isLoading.value = false;
 }