mirror of https://github.com/veypi/OneAuth.git
文件编辑 管理 上传
veypi
1 year ago
parent
24937738db
commit
e48c269357
File diff suppressed because one or more lines are too long
@ -0,0 +1,67 @@
|
|||||||
|
<!--
|
||||||
|
* FsTree.vue
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-06 15:35
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div :style="{ paddingLeft: depth * 2 + 'rem' }"
|
||||||
|
class="cursor-pointer rounded-full h-8 pr-4 flex items-center hover:bg-gray-100" @click="toggle">
|
||||||
|
<q-icon class="transition-all mx-2" :class="[expand ? 'rotate-90' :
|
||||||
|
'']" style="font-size: 24px;" :name="root.type ===
|
||||||
|
'directory' ? 'v-caret-right' : 'v-file'"> </q-icon>
|
||||||
|
<div>
|
||||||
|
{{ root.filename }}
|
||||||
|
</div>
|
||||||
|
<div class="grow"></div>
|
||||||
|
<div>{{ new Date(root.lastmod).toLocaleString() }}</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="expand">
|
||||||
|
<template v-for="(s, si) of subs" :key="si">
|
||||||
|
<FsTree :root="s" :depth="depth + 1"></FsTree>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import FsTree from './FsTree.vue'
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import oafs, { fileProps } from 'src/libs/oafs';
|
||||||
|
import { util } from 'src/libs';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let expand = ref(false)
|
||||||
|
let subs = ref([] as fileProps[])
|
||||||
|
|
||||||
|
let props = withDefaults(defineProps<{
|
||||||
|
root: fileProps,
|
||||||
|
depth?: number,
|
||||||
|
}>(),
|
||||||
|
{
|
||||||
|
depth: 0
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
const toggle = () => {
|
||||||
|
if (props.root.type === 'file') {
|
||||||
|
util.goto('/file' + props.root.filename)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!expand.value) {
|
||||||
|
oafs.dav().dir(props.root.filename).then(
|
||||||
|
(e: any) => {
|
||||||
|
subs.value = e
|
||||||
|
expand.value = true
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
expand.value = !expand.value
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
/*
|
||||||
|
* evt.ts
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-08 02:21
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
import mitt from "mitt";
|
||||||
|
|
||||||
|
const evt = mitt()
|
||||||
|
export default evt
|
||||||
@ -0,0 +1,93 @@
|
|||||||
|
/*
|
||||||
|
* fs.ts
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-08 01:55
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
import axios from "axios";
|
||||||
|
import { Base64 } from 'js-base64'
|
||||||
|
import util from "./util";
|
||||||
|
import { createClient, WebDAVClient } from 'webdav'
|
||||||
|
|
||||||
|
export interface fileProps {
|
||||||
|
filename: string,
|
||||||
|
basename: string,
|
||||||
|
lastmod: string,
|
||||||
|
size: number,
|
||||||
|
type: "directory" | "file",
|
||||||
|
etag: string
|
||||||
|
}
|
||||||
|
|
||||||
|
let cfg = {
|
||||||
|
token: '',
|
||||||
|
host: '',
|
||||||
|
dav: {} as WebDAVClient,
|
||||||
|
}
|
||||||
|
|
||||||
|
const setCfg = (token: string) => {
|
||||||
|
cfg.token = token
|
||||||
|
cfg.dav = createClient('/file/',
|
||||||
|
{ headers: { auth_token: cfg.token } })
|
||||||
|
}
|
||||||
|
|
||||||
|
const rename = (o: string, n?: string) => {
|
||||||
|
let ext = '.' + o.split('.').pop()?.toLowerCase()
|
||||||
|
if (n) {
|
||||||
|
return n + ext
|
||||||
|
}
|
||||||
|
let d = new Date().getTime()
|
||||||
|
return d + Base64.encode(o) + ext
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const get = (url: string): Promise<string> => {
|
||||||
|
return fetch(url, { headers: { auth_token: util.getToken() } }).then((response) => response.text())
|
||||||
|
}
|
||||||
|
|
||||||
|
const upload = (f: FileList | File[], renames?: string[]) => {
|
||||||
|
return new Promise<string[]>((resolve, reject) => {
|
||||||
|
var data = new FormData();
|
||||||
|
for (let i = 0; i < f.length; i++) {
|
||||||
|
let nf = renames ? new File([f[i]], rename(f[i].name, renames[i]), { type: f[i].type }) : f[i]
|
||||||
|
data.append('files', nf, nf.name)
|
||||||
|
}
|
||||||
|
axios.post("/api/upload/", data, {
|
||||||
|
headers: {
|
||||||
|
"Content-Type": 'multipart/form-data',
|
||||||
|
'auth_token': cfg.token,
|
||||||
|
}
|
||||||
|
}).then(e => {
|
||||||
|
resolve(e.data)
|
||||||
|
}).catch(reject)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const dav = () => {
|
||||||
|
return {
|
||||||
|
stat: cfg.dav.stat,
|
||||||
|
dir: cfg.dav.getDirectoryContents,
|
||||||
|
upload: (dir: string, name: string, file: any) => {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
let reader = new FileReader()
|
||||||
|
reader.onload = function(event) {
|
||||||
|
var res = event.target?.result
|
||||||
|
// let data = new Blob([res])
|
||||||
|
cfg.dav.putFileContents(name, res).then(e => {
|
||||||
|
resolve(e)
|
||||||
|
}).catch(reject)
|
||||||
|
}
|
||||||
|
reader.readAsArrayBuffer(file)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
setCfg,
|
||||||
|
get,
|
||||||
|
upload,
|
||||||
|
dav,
|
||||||
|
}
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
<!--
|
||||||
|
* doc.vue
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-07 22:07
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1 class="page-h1">文档中心</h1>
|
||||||
|
<div class="mx-8 mt-10">
|
||||||
|
<template v-for="(doc, i) in Docs" :key="i">
|
||||||
|
<div class="mb-10">
|
||||||
|
<div class="text-xl flex items-center mb-4">
|
||||||
|
<q-icon class="mx-2" :name="doc.icon"></q-icon>
|
||||||
|
<span>{{ doc.name }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-8">
|
||||||
|
<template v-for="item in doc.items" :key="item.name">
|
||||||
|
<q-chip class="" clickable outline @click="$router.push({
|
||||||
|
name: 'doc_item',
|
||||||
|
params: { url: item.url, typ: 'public' }
|
||||||
|
})" icon="bookmark" color="none">
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
</q-chip>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<q-separator class="mt-6" inset></q-separator>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { DocGroup } from 'src/models';
|
||||||
|
import { ref } from 'vue';
|
||||||
|
const Docs = ref<DocGroup[]>([
|
||||||
|
{
|
||||||
|
name: '用户',
|
||||||
|
icon: 'v-team',
|
||||||
|
items: [
|
||||||
|
{ name: '用户注册授权过程', url: '' },
|
||||||
|
{ name: '用户角色与权限', url: '' },
|
||||||
|
{ name: 'api文档', url: '' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "应用",
|
||||||
|
icon: 'v-apps',
|
||||||
|
items: [
|
||||||
|
{ name: '应用创建及基本设置', url: '' },
|
||||||
|
{ name: '应用权限设置', url: '' },
|
||||||
|
{ name: '应用对接oa流程', url: '' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "系统使用",
|
||||||
|
icon: "v-setting",
|
||||||
|
items: [
|
||||||
|
{ name: "编辑器使用及语法", url: 'markdown.md' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
])
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
@ -0,0 +1,64 @@
|
|||||||
|
<!--
|
||||||
|
* docItem.vue
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-07 22:16
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="w-full h-full">
|
||||||
|
<h1 class="page-h1">文档中心</h1>
|
||||||
|
<div>
|
||||||
|
{{ url }}
|
||||||
|
</div>
|
||||||
|
<q-inner-loading :showing="!visible" label="Please wait..." label-class="text-teal" label-style="font-size: 1.1em" />
|
||||||
|
<Editor v-if='doc' eid='doc' preview :content="doc"></Editor>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import msg from '@veypi/msg';
|
||||||
|
import Editor from 'src/components/editor'
|
||||||
|
import oafs from 'src/libs/oafs';
|
||||||
|
import { computed, watch, onMounted, ref } from 'vue';
|
||||||
|
import { useRoute, useRouter } from 'vue-router';
|
||||||
|
let doc = ref('')
|
||||||
|
|
||||||
|
|
||||||
|
const visible = ref(false)
|
||||||
|
let route = useRoute()
|
||||||
|
let router = useRouter()
|
||||||
|
|
||||||
|
let url = computed(() => {
|
||||||
|
if (route.params.typ === 'public') {
|
||||||
|
return '/doc/' + route.params.url
|
||||||
|
}
|
||||||
|
return route.params.url
|
||||||
|
})
|
||||||
|
|
||||||
|
watch(url, u => {
|
||||||
|
render(u as string)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const render = (url: string) => {
|
||||||
|
console.log(url)
|
||||||
|
if (!url) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
oafs.get(url).then((value) => {
|
||||||
|
doc.value = value
|
||||||
|
visible.value = true
|
||||||
|
}).catch(e => {
|
||||||
|
console.warn(e)
|
||||||
|
msg.Warn('访问文档地址不存在')
|
||||||
|
router.back()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
render(url.value as string)
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
<!--
|
||||||
|
* fsFile.vue
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-08 05:12
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1 class="page-h1">云文件中心</h1>
|
||||||
|
<div class="px-4">
|
||||||
|
<FsTree v-if="root.filename" :root="root"></FsTree>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import FsTree from 'src/components/FsTree.vue';
|
||||||
|
import oafs, { fileProps } from 'src/libs/oafs';
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
let root = ref({} as fileProps)
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
oafs.dav().stat('/').then(e => {
|
||||||
|
console.log(e)
|
||||||
|
root.value = e as fileProps
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
<!--
|
||||||
|
* settings.vue
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-08 06:10
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1 class="page-h1">系统设置</h1>
|
||||||
|
<div class="px-4">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
<!--
|
||||||
|
* user.vue
|
||||||
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
||||||
|
* 2023-10-08 05:31
|
||||||
|
* Distributed under terms of the MIT license.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h1 class="page-h1">账号设置</h1>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
|
|
||||||
Loading…
Reference in New Issue