From 7b165316aa2b2914db1e89c6776ecc20ce3bfd68 Mon Sep 17 00:00:00 2001
From: muchen <gao201709@gmail.com>
Date: Fri, 29 Oct 2021 01:54:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=8D=E5=88=B6=20=E7=A7=BB=E5=8A=A8=20?=
 =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=20=20=E8=B5=84=E6=BA=90=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json          |  38 ++++--
 package.json               |   2 +
 src/router/index.ts        |   5 +
 src/utils/axios.ts         |  16 ++-
 src/views/layout/index.vue |  18 ++-
 src/views/list.vue         | 252 +++++++++++++++++++++++++++++++++++--
 src/views/share.vue        | 143 +++++++++++++++++++++
 vite.config.ts             |  10 +-
 8 files changed, 462 insertions(+), 22 deletions(-)
 create mode 100644 src/views/share.vue

diff --git a/package-lock.json b/package-lock.json
index d1110b558..3db5dd5c7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -159,6 +159,12 @@
       "integrity": "sha512-DssMqTV9UnnoxDWu959sDLZzfvqCF0qDNRjaWeYSui9xkFe61kKo4l1TWNTQONpuXEm+gLMRvdlzvNHBamzmEw==",
       "dev": true
     },
+    "@types/qs": {
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==",
+      "dev": true
+    },
     "@types/streamsaver": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/streamsaver/-/streamsaver-2.0.1.tgz",
@@ -528,7 +534,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
       "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.1",
         "get-intrinsic": "^1.0.2"
@@ -917,14 +922,12 @@
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
     },
     "get-intrinsic": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
       "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.1",
         "has": "^1.0.3",
@@ -953,7 +956,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.1"
       }
@@ -967,8 +969,7 @@
     "has-symbols": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
-      "dev": true
+      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw=="
     },
     "has-tostringtag": {
       "version": "1.0.0",
@@ -1207,6 +1208,11 @@
       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
       "dev": true
     },
+    "object-inspect": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.0.tgz",
+      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg=="
+    },
     "path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -1405,6 +1411,14 @@
       "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==",
       "dev": true
     },
+    "qs": {
+      "version": "6.10.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.1.tgz",
+      "integrity": "sha512-M528Hph6wsSVOBiYUnGf+K/7w0hNshs/duGsNXPUCLH5XAqjEtiPGwNONLV0tBH8NoGb0mvD5JubnUTrujKDTg==",
+      "requires": {
+        "side-channel": "^1.0.4"
+      }
+    },
     "rangetouch": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/rangetouch/-/rangetouch-2.0.1.tgz",
@@ -1494,6 +1508,16 @@
         "lru-cache": "^6.0.0"
       }
     },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
diff --git a/package.json b/package.json
index 081e79569..11a531878 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "dplayer": "^1.26.0",
     "element-resize-detector": "^1.2.3",
     "plyr": "^3.6.9",
+    "qs": "^6.10.1",
     "streamsaver": "^2.0.5",
     "vue": "^3.2.16",
     "vue-router": "^4.0.12"
@@ -19,6 +20,7 @@
   "devDependencies": {
     "@types/dplayer": "^1.25.2",
     "@types/element-resize-detector": "^1.1.3",
+    "@types/qs": "^6.9.7",
     "@types/streamsaver": "^2.0.1",
     "@types/video.js": "^7.3.27",
     "@vicons/tabler": "^0.11.0",
diff --git a/src/router/index.ts b/src/router/index.ts
index b3f6c4e3f..9784fb6da 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -22,6 +22,11 @@ const routes: Array<RouteRecordRaw> = [
         name: 'setting',
         component: () => import('../views/setting.vue')
       },
+      {
+        path: 'share',
+        name: 'share',
+        component: () => import('../views/share.vue')
+      }
     ]
   },
   {
diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index e2ddc6a07..604d171b0 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -62,7 +62,7 @@ instance.interceptors.response.use(response => {
         }
         
         break;
-      case 400:
+      case 400:  case 403:
         window.$message.error(response.data.error_description || '出错了')
       default:
         break;
@@ -72,4 +72,18 @@ instance.interceptors.response.use(response => {
   return Promise.reject(error)
 })
 
+const instance2 = axios.create({})
+instance2.interceptors.request.use(request => {
+  request.headers = {
+    Authorization: 'Bearer secret_FErDcv3kgsFNLiWUDOWYdJhNqOIKj55eteBg3vIoiLt',
+    'Notion-Version': '2021-08-16',
+    'Content-Type': 'application/json'
+  }
+  if(request.url?.indexOf('https://cors.z7.workers.dev') === -1) {
+    request.url = 'https://cors.z7.workers.dev/' + request.url
+  }
+  return request
+})
+
+export const notionHttp = instance2
 export default instance
\ No newline at end of file
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index 5e18dcf30..042fe3962 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -79,7 +79,7 @@
 import { ref } from '@vue/reactivity';
 import { h, onMounted, watch } from '@vue/runtime-core';
 import { NLayout, NLayoutSider, NLayoutContent, NMenu, MenuOption, NIcon, NProgress, NText, NModal, NCard, NInput, NButton, NScrollbar, NTime, NTooltip, useDialog } from 'naive-ui'
-import { File, Trash, CircleX, Logout, Settings } from '@vicons/tabler'
+import { File, Trash, CircleX, Logout, Settings, Share } from '@vicons/tabler'
 import http from '../../utils/axios'
 import { byteConvert } from '../../utils'
 import { useRoute, useRouter } from 'vue-router';
@@ -100,17 +100,22 @@ import { useRoute, useRouter } from 'vue-router';
       key: 'trash',
       icon: renderIcon(Trash)
     },
-    
     {
       label: '设置',
       key: 'setting',
       icon: renderIcon(Settings)
     },
+    {
+      label: '资源库',
+      key: 'share',
+      icon: renderIcon(Share)
+    }
   ])
   const userInfo = ref()
   const getUserInfo = () => {
     http.get('https://user.mypikpak.com/v1/user/me')
       .then(res => {
+        window.localStorage.setItem('pikpakUser', JSON.stringify(res.data))
         userInfo.value = res.data
       })
       .catch(error => {
@@ -284,4 +289,13 @@ import { useRoute, useRouter } from 'vue-router';
     font-size: 18px;
     cursor: pointer;
   }
+
+  .list-page {
+    padding: 40px;
+  }
+  @media(max-width: 968px) {
+    .list-page {
+      padding: 10px;
+    }
+  }
 </style>
\ No newline at end of file
diff --git a/src/views/list.vue b/src/views/list.vue
index 977383124..9d569d405 100644
--- a/src/views/list.vue
+++ b/src/views/list.vue
@@ -11,10 +11,18 @@
           </n-breadcrumb-item>
         </n-breadcrumb>
       </div>
-      <div class="action" @click="showAddUrl = true">
-        <n-icon :color="themeVars.primaryColor">
-          <circle-plus></circle-plus>
-        </n-icon>
+      <div class="action">
+        <n-space>
+          <n-button type="default" @click="movePost" v-if="moveFiles?.length">
+            粘贴已剪切{{moveFiles.length}}项资源
+          </n-button>
+          <n-button v-if="copyFiles?.length" @click="copyPost">
+            粘贴已复制{{copyFiles.length}}项资源
+          </n-button>
+          <n-icon :color="themeVars.primaryColor"  @click="showAddUrl = true">
+            <circle-plus></circle-plus>
+          </n-icon>
+        </n-space>
       </div>
     </div>
     <n-scrollbar style="max-height: calc(100vh - 190px);" @scroll="scrollHandle">
@@ -26,6 +34,26 @@
     <task-vue ref="taskRef"></task-vue>
     <div class="outer-wrapper static show" v-if="checkedRowKeys.length">
       <div class="toolbar-wrapper">
+        <div class="toolbar-item" @click="batchCopyAll">
+          <n-tooltip>
+            <template #trigger>
+              <n-icon>
+                <icon-copy></icon-copy>
+              </n-icon>
+            </template>
+            复制所选
+          </n-tooltip>
+        </div>
+        <div class="toolbar-item" @click="batchMoveAll">
+          <n-tooltip>
+            <template #trigger>
+              <n-icon>
+                <switch-horizontal></switch-horizontal>
+              </n-icon>
+            </template>
+            剪切所选
+          </n-tooltip>
+        </div>
         <div class="toolbar-item" @click="copyAll">
           <n-tooltip>
             <template #trigger>
@@ -87,16 +115,32 @@
         </div>
       </n-card>
     </n-modal>
+    
+    <n-modal v-model:show="showName">
+      <n-card style="width: 600px;" title="修改名称">
+        <template #header-extra>
+          <n-icon @click="showName = false">
+            <circle-x></circle-x>
+          </n-icon>
+        </template>
+        <template v-if="newName">
+          <n-input :placeholder="newName.value" v-model:value="newName.value"></n-input>
+        </template>
+        <template #action>
+          <n-button :block="true" type="primary" :disabled="!newName || !newName.value" @click="namePost">重命名</n-button>
+        </template>
+      </n-card>
+    </n-modal>
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref } from '@vue/reactivity';
 import { h, computed, onMounted, watch } from '@vue/runtime-core'
-import http from '../utils/axios'
+import http, { notionHttp } from '../utils/axios'
 import { useRoute, useRouter } from 'vue-router'
-import { DataTableColumns, NDataTable, NTime, NEllipsis, NModal, NCard, NInput, NBreadcrumb, NBreadcrumbItem, NIcon, useThemeVars, NButton, NText, NPopconfirm, NTooltip, NSpace, NScrollbar, NSpin, NDropdown, useDialog } from 'naive-ui'
-import { CirclePlus, CircleX, Dots, Share } from '@vicons/tabler'
+import { DataTableColumns, NDataTable, NTime, NEllipsis, NModal, NCard, NInput, NBreadcrumb, NBreadcrumbItem, NIcon, useThemeVars, NButton, NTooltip, NSpace, NScrollbar, NSpin, NDropdown, useDialog, } from 'naive-ui'
+import { CirclePlus, CircleX, Dots, Share, Copy as IconCopy, SwitchHorizontal } from '@vicons/tabler'
 import { byteConvert } from '../utils'
 import PlyrVue from '../components/Plyr.vue'
 import TaskVue from '../components/Task.vue'
@@ -199,6 +243,18 @@ import streamSaver from 'streamsaver'
         trigger: 'click',
         placement: 'bottom-end',
         options: [
+          {
+            label: '重命名',
+            key: 'name',
+          },
+          {
+            label: '复制',
+            key: 'batchCopy',
+          },
+          {
+            label: '剪切',
+            key: 'batchMove',
+          },
           {
             label: '直接下载',
             key: 'down',
@@ -215,9 +271,19 @@ import streamSaver from 'streamsaver'
             disabled: row.size <= 0 || !aria2Data.value || !aria2Data.value.host
           },
           {
-            label: '分享秒传',
+            label: '复制秒传',
+            key: 'code',
+            disabled: !row.hash
+          },
+          {
+            label: '设为默认目录',
+            key: 'base',
+            disabled: row.kind !== 'drive#folder'
+          },
+          {
+            label: '分享到资源库',
             key: 'share',
-            disabled: row.size <= 0
+            disabled: !row.hash
           },
           {
             label: '删除',
@@ -226,6 +292,15 @@ import streamSaver from 'streamsaver'
         ],
         onSelect: (key) => {
           switch (key) {
+            case 'name':
+              nameModelSHow(row)
+                break
+            case 'batchCopy':
+              batchCopy([row.id])
+              break
+            case 'batchMove':
+              batchMove([row.id])
+              break
             case 'down':
               downFile(row.id)
               break
@@ -241,9 +316,15 @@ import streamSaver from 'streamsaver'
                   aria2Post(res)
                 })
               break
-            case 'share':
+            case 'code':
               copy(`PikPak://${row.name}|${row.size}|${row.hash}`)
               break
+            case 'base':
+              window.localStorage.setItem('pikpakUploadFolder', JSON.stringify(row))
+              break
+            case 'share':
+              shareUrl(row)
+              break
             case 'delete': 
               dialog.warning({
                   title: '警告',
@@ -297,7 +378,10 @@ import streamSaver from 'streamsaver'
       })
   }
   const initPage = () => {
+    moveFiles.value = JSON.parse(window.localStorage.getItem('pikpakMoveFiles') || '[]')
+    copyFiles.value = JSON.parse(window.localStorage.getItem('pikpakCopyFiles') || '[]')
     filesList.value = []
+    checkedRowKeys.value = []
     getFileList()
     parentInfo.value = {}
     if(route.params.id) {
@@ -404,6 +488,7 @@ import streamSaver from 'streamsaver'
             folder_type: "DOWNLOAD"
           }
         }
+        // {"kind":"drive#folder","parent_id":"VMn5GV_X98Vj4ZiQZQ8hKo6Ho1","name":"1-2"}
         showAddUrl.value = false
         http.post('https://api-drive.mypikpak.com/drive/v1/files', postData)
           .then((res:any) => {
@@ -535,7 +620,152 @@ import streamSaver from 'streamsaver'
       }
     }
   }
-
+  const shareUrl = (row: any) => {
+    let pikpakUrl = `PikPak://${row.name}|${row.size}|${row.hash}`
+    const user = JSON.parse(window.localStorage.getItem('pikpakUser') || '{}')
+    notionHttp.post('https://cors.z7.workers.dev/https://api.notion.com/v1/pages', {
+      parent: {
+        database_id: 'f90e8e28b55e423185f44c89c53c573c',
+      },
+      properties: {
+        '分类': {
+          select: {
+            name: '来自PikPak网页'
+          }
+        },
+        '标签': {
+          select: {
+            name: '其他'
+          }
+        },
+        '发布人': {
+          rich_text: [
+            {
+              text: {
+                content: user.name || ''
+              }
+            }
+          ]
+        },
+        '名称': {
+          title: [{
+            text: {
+              content: row.name
+            }
+          }]
+        },
+        '链接': {
+          rich_text: [
+            {
+              text: {
+                content: pikpakUrl
+              }
+            }
+          ]
+        },
+        '大小': {
+          rich_text: [
+            {
+              text: {
+                content: byteConvert(row.size)
+              }
+            }
+          ]
+        }
+      }
+    })
+      .then(res => {
+        console.log(res)
+        window.$message.success('分享成功')
+      })
+      .catch(error => {
+        console.log(error.response.config.data)
+      }) 
+  }
+  
+  const batchMoveAll = (items:object) => {
+    let text:string[] = []
+    filesList.value.forEach((item:FileInfo) => {
+      if(checkedRowKeys.value.indexOf(item.id) !== -1) {
+       text.push(item.id)
+      }
+    })
+    batchMove(text)
+  }
+  const batchCopyAll = (items:object) => {
+    let text:string[] = []
+    filesList.value.forEach((item:FileInfo) => {
+      if(checkedRowKeys.value.indexOf(item.id) !== -1) {
+       text.push(item.id)
+      }
+    })
+    batchCopy(text)
+  }
+  const moveFiles = ref()
+  const batchMove = (items:object) => {
+    moveFiles.value = items
+    window.localStorage.setItem('pikpakMoveFiles', JSON.stringify(items))
+    window.$message.success('剪切成功，请点击页面右上方粘贴按钮')
+  }
+  const copyFiles = ref()
+  const batchCopy = (items:object) => {
+    copyFiles.value = items
+    window.localStorage.setItem('pikpakCopyFiles', JSON.stringify(items))
+    window.$message.success('复制成功，请点击页面右上方粘贴按钮')
+  }
+  const movePost = () => {
+    http.post('https://api-drive.mypikpak.com/drive/v1/files:batchMove',{
+      "to":{
+        "parent_id": route.params.id || ''
+      },
+      "ids": moveFiles.value
+    })
+      .then(res => {
+        pageToken.value = ''
+        getFileList()
+        window.$message.success('剪切成功')
+        moveFiles.value = []
+        window.localStorage.removeItem('pikpakMoveFiles')
+      })
+  }
+  const copyPost = () => {
+    http.post('https://api-drive.mypikpak.com/drive/v1/files:batchCopy',{
+      "to":{
+        "parent_id": route.params.id || ''
+      },
+      "ids": copyFiles.value
+    })
+      .then(res => {
+        pageToken.value = ''
+        getFileList()
+        window.$message.success('复制成功')
+        copyFiles.value = []
+        window.localStorage.removeItem('pikpakCopyFiles')
+      })
+  }
+  const nameModelSHow = (row:any) => {
+    newName.value = {
+      id: row.id,
+      value: row.name
+    }
+    showName.value = true
+  }
+  const showName = ref(false)
+  const newName = ref<{
+    id: string,
+    value: string
+  } | null>()
+  const namePost = () => [
+    http.patch('https://api-drive.mypikpak.com/drive/v1/files/' + newName.value?.id, {
+      name: newName.value?.value
+    })
+      .then(() => {
+        getFileList()
+        window.$message.success('修改成功')
+        newName.value = null
+        showName.value = false
+      })
+  ]
 </script>
 
 <style>
diff --git a/src/views/share.vue b/src/views/share.vue
new file mode 100644
index 000000000..261e671a1
--- /dev/null
+++ b/src/views/share.vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="list-page">
+    <n-alert title="感谢@shabitt" type="info" closable>
+      <n-space>
+        <a href="https://t.me/shabitt">作者</a>
+        <a href="https://shimily.notion.site/shimily/f90e8e28b55e423185f44c89c53c573c?v=b69a268a91c946ce9238f947100070a4">地址</a>
+      </n-space>
+    </n-alert>
+    <br />
+    <n-alert title="请先设置默认上传目录" type="error" v-if="!uploadFolder || !uploadFolder.id">
+      请先在文件列表操作选择设置默认
+    </n-alert>
+    
+    <n-alert title="默认目录" type="success" v-else>
+      {{uploadFolder.name}}
+    </n-alert>
+    <br />
+
+    <n-data-table :bordered="false" size="small" :data="list" :loading="loading" :columns="columns"></n-data-table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from '@vue/reactivity'
+import { h, onMounted } from '@vue/runtime-core'
+import axios from 'axios'
+import { DataTableColumns, NDataTable, NText, NTime, NAlert, NSpace } from 'naive-ui'
+import http, { notionHttp } from '../utils/axios'
+
+const columns = ref<DataTableColumns>([])
+
+const list = ref()
+const loading = ref(false)
+
+const getList = () => {
+  loading.value = true
+  notionHttp.post('https://api.notion.com/v1/databases/f90e8e28b55e423185f44c89c53c573c/query')
+  .then((res:any) => {
+    loading.value = false
+    list.value = res.data.results
+    if(list.value.length) {
+      for(let k in list.value[0].properties) {
+        columns.value.push({
+          title: k,
+          key: k,
+          ellipsis: {
+            tooltip: {
+              placement: 'right'
+            },
+          },
+          width: k === '链接' ? 600 : undefined,
+          render: (row:any) => {
+            const item = row.properties[k]
+            switch (item.type) {
+              case 'select':
+                return h('div', {
+                  style: {
+                    color: row.properties[k].select.color
+                  }
+                }, item.select.name)
+                break
+              case 'created_time':
+                return h(NTime, {
+                  time: new Date(item.created_time),
+                  type: 'date',
+                  format: 'MM-dd hh:mm'
+                })
+                break
+              case 'rich_text': case 'title':
+                return h('div', {}, {
+                  default: () => item[item.type] && item[item.type].length && item[item.type].map((listItem:any) => listItem.plain_text)
+                })
+                break
+              default :
+                return '--'
+            }
+          }
+        })
+      }
+    }
+    columns.value.push({
+      title: '操作',
+      key: 'action',
+      width: 80,
+      align: 'right',
+      render: (row:any) => h(NText, {
+        type: 'primary',
+        onClick: () => {
+          addUrl(row.properties['链接'].rich_text[0].plain_text)
+        }
+      }, {default: () => '保存'})
+    })
+  })
+}
+const uploadFolder = ref()
+const getUploadFolder = () => {
+  return JSON.parse(window.localStorage.getItem('pikpakUploadFolder') || '{}')
+}
+const addUrl = (url:string) => {
+  let postData = {}
+  if(!getUploadFolder().id) {
+    window.$message.error('请先设置默认上传目录')
+    return false
+  }
+  if(url.indexOf('PikPak://') === 0) {
+    const urlData = url.substring(9).split('|')
+    postData = {
+        kind: "drive#file",
+        parent_id: getUploadFolder().id,
+        name: urlData[0],
+        size: urlData[1],
+        hash: urlData[2],
+        upload_type: "UPLOAD_TYPE_RESUMABLE",
+        objProvider: {
+            provider: "UPLOAD_TYPE_UNKNOWN"
+        }
+    }
+  } else {
+    postData = {
+      kind: "drive#file",
+      name: "",
+      // parent_id: route.params.id || '',
+      upload_type: "UPLOAD_TYPE_URL",
+      url: {
+        url: url
+      },
+      params: {"from":"file"},
+      folder_type: "DOWNLOAD"
+    }
+  }
+  http.post('https://api-drive.mypikpak.com/drive/v1/files', postData)
+    .then((res:any) => {
+      if(res.data.upload_type === 'UPLOAD_TYPE_UNKNOWN' || url.indexOf('PikPak://') === -1) {
+        window.$message.success('添加成功')
+      }
+    })
+}
+
+onMounted(() => {
+  uploadFolder.value = getUploadFolder()
+  getList()
+})
+</script>
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 46741572d..9fb67ecd0 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,6 +6,14 @@ export default defineConfig(({mode}) => {
   console.log(mode)
   return {
     base: mode === 'development' ? '' : '/pikpak',
-    plugins: [vue()]
+    plugins: [vue()],
+    server: {
+      proxy: {
+        '/v1/pages': {
+          target: 'https://api.notion.com',
+          changeOrigin: true,
+        }
+      }
+    }
   }
 })