From 62c1262bc784b412f2451ebd1cb2b8e35b6fb70a Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 5 Jun 2024 15:31:13 +0800
Subject: [PATCH] Table

---
 components/prose/GridTable.global.vue | 13 +++++++++++++
 pages/mdc.vue                         |  9 +++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 components/prose/GridTable.global.vue

diff --git a/components/prose/GridTable.global.vue b/components/prose/GridTable.global.vue
new file mode 100644
index 0000000..d0f59d7
--- /dev/null
+++ b/components/prose/GridTable.global.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <UTable :rows="data" />
+    </div>
+</template>
+<script setup>
+defineProps({
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+</script>
\ No newline at end of file
diff --git a/pages/mdc.vue b/pages/mdc.vue
index 4c6bbba..5e1e8f1 100644
--- a/pages/mdc.vue
+++ b/pages/mdc.vue
@@ -1,10 +1,15 @@
 <template>
     <div class="w-full p-6">
-        <IMdMdc :content="mdStr"/>
+        <IMdMdc :content="lineChart"/>
+        <UDivider />
+        <IMdMdc :content="tableChart"/>
     </div>
 </template>
 <script setup>
-const mdStr = `
+const lineChart = `
 ::ProseChart{type='line' title='langchain-ai/langchain [2023-06-05,2024-06-04] Star Data' :labels='["2023-06-05","2023-06-12"]' :data='[{"label": "star数量", "data": [43071,44946]}]' }
 `
+const tableChart = `
+::ProseGridTable{:data='[{"repo_id":"806709826","repo_name":"2noise/ChatTTS","primary_language":"Jupyter Notebook","description":"ChatTTS is a generative speech model for daily dialogue.","stars":"1451","forks":"167","pull_requests":"3","pushes":"","total_score":"6000.5405","contributor_logins":"zhouhao27,Huixxi,Thinking80s,bank010,lphkxd","collection_names":""}]'}
+`
 </script>
\ No newline at end of file
-- 
GitLab