,\n params: params as Ref,\n run: requestInstance.run,\n runAsync: requestInstance.runAsync,\n mutate: requestInstance.mutate,\n cancel: requestInstance.cancel,\n refresh: requestInstance.refresh,\n refreshAsync: requestInstance.refreshAsync,\n }\n}\n\nconst usePolling: Plugin> = (request, { pollingInterval, pollingWhenHidden = true }) => {\n if (!pollingInterval) return {}\n\n let timer: number, docVisibleWatcher: () => void\n const stop = () => {\n if (timer) {\n clearTimeout(timer)\n }\n docVisibleWatcher?.()\n }\n\n return {\n before() {\n stop()\n },\n finally() {\n if (!pollingWhenHidden && !documentVisibility.value) {\n docVisibleWatcher = whenDocumentVisible(request.refresh)\n return\n }\n timer = setTimeout(request.refresh, pollingInterval)\n },\n cancel() {\n stop()\n },\n }\n}\n\nconst useDelay: Plugin> = (request, { loadingDelay = 0 }) => {\n if (!loadingDelay) return {}\n\n let timer: number\n\n const clear = () => {\n if (timer) {\n clearTimeout(timer)\n }\n }\n\n return {\n before() {\n clear()\n\n timer = setTimeout(() => {\n request.state.loading = true\n }, loadingDelay)\n\n return {\n loading: false,\n }\n },\n finally() {\n clear()\n },\n cancel() {\n clear()\n },\n }\n}\n\nconst useAuto: Plugin> = (request, { ready = ref(true), immediate = false, refreshDeps = [] }) => {\n if (refreshDeps) {\n watch(refreshDeps, () => {\n request.refresh()\n })\n }\n\n if (immediate) {\n if (ready.value) request.refresh()\n else {\n watch(ready, (nv) => {\n if (nv) request.refresh()\n })\n }\n }\n\n return {\n before() {\n if (!ready || !ready.value) {\n return {\n stopNow: true,\n }\n }\n },\n }\n}\n"
},
{
"path": "packages/sharelist-manage/src/hooks/useScroll.ts",
"content": "import { ref, Ref, reactive, UnwrapRef } from 'vue'\n\ninterface RequestOptions {\n immediate?: boolean\n isNoMore?: (data?: T) => boolean\n onSuccess?: (data: T) => void\n onError?: (e: Error) => void\n target?: Ref\n threshold?: number\n}\n\ninterface actions {\n setNode(el: Element): void\n scrollTo(pos: number): void\n cancel: () => void\n checkScroll: () => void\n isScroll: Ref\n}\n\ntype useScrollOption = {\n list: any[]\n [key: string]: any\n}\nexport const useScroll = >(\n service: (args?: T) => Promise,\n options: RequestOptions = {},\n): actions => {\n let el: Element\n const isScroll = ref(false)\n const setNode = (v: Element) => {\n if (el) {\n cancel()\n }\n el = v\n el.addEventListener('scroll', onDomScroll)\n }\n\n const cancel = () => {\n el?.removeEventListener('scroll', onDomScroll)\n }\n\n const onDomScroll = throttle(() => {\n const { clientHeight, scrollTop, scrollHeight } = el\n isScroll.value = scrollTop > 0\n if (scrollHeight - scrollTop - clientHeight < (options?.threshold || 100)) {\n service()\n }\n }, 200)\n\n const scrollTo = (v: number) => {\n if (el) {\n el.scrollTo({ top: v })\n }\n }\n\n const checkScroll = () => {\n const { clientHeight, scrollTop, scrollHeight } = el\n if (clientHeight == scrollHeight) service()\n }\n return {\n setNode,\n cancel,\n scrollTo,\n isScroll,\n checkScroll,\n }\n}\n\nconst throttle = function (fn: () => any, delay = 0) {\n let now: number,\n last = 0,\n timer: number | null,\n context: any,\n args: Array | null\n\n const later = function () {\n last = now\n fn.apply(context, <[]>args)\n timer = null\n context = args = null\n }\n\n const listen = function (this: any, ...rest: Array) {\n args = rest\n\n now = Date.now()\n\n //剩余时间\n const remaining = delay - (now - last)\n\n if (remaining <= 0 || remaining > delay) {\n if (timer) {\n clearTimeout(timer)\n timer = null\n }\n\n last = now\n\n fn.apply(this, <[]>rest)\n if (!timer) context = args = null\n } else if (!timer) {\n timer = setTimeout(later, remaining)\n }\n }\n\n return listen\n}\n"
},
{
"path": "packages/sharelist-manage/src/hooks/useSetting.ts",
"content": "import { ref, Ref, reactive } from 'vue'\nimport { useApi, ReqResponse } from '@/hooks/useApi'\nimport { message } from 'ant-design-vue'\nimport { useBoolean } from './useHooks'\nimport { saveFile } from '../utils/format'\nimport useStore from '@/store/index'\n\ntype IUseSetting = {\n (): IUseSettingResult\n instance?: any\n}\nexport interface IUseSettingResult {\n configFields: Ref>\n signout(): any\n reload(): any\n loginState: Ref\n isLoading: Ref\n getValue(key: string): any\n\n config: any\n setConfig(data: ISetting, msg?: string): Promise\n getConfig(token: string): void\n exportConfig(): void\n clearCache(): void\n\n getPlugin(id: string): Promise\n setPlugin(id: string, data: string): Promise\n removePlugin(id: string): Promise\n upgradePlugin(id: string): Promise\n reloadConfig(): void\n}\nexport type ConfigFieldItem = {\n code: string\n label: string\n help?: string\n secret?: boolean\n type: 'string' | 'number' | 'boolean' | 'option' | 'array' | 'textarea'\n handler?: (...rest: any) => void\n validator?: (...rest: any) => boolean\n}\ntype fieldGroup = {\n title: string\n children: Array\n}\n\nconst fields: Array = [\n {\n title: '常规',\n children: [\n { code: 'title', label: '网站标题', type: 'string' },\n {\n code: 'manage_path',\n label: '后台地址',\n type: 'string',\n help: '地址必须以 / 开头',\n validator: (val) => /^\\//.test(val),\n handler: (nv: string, ov: string) => (location.href = location.href.replace(ov, nv)),\n },\n { code: 'token', label: '后台密码', type: 'string', secret: true },\n { code: 'proxy_enable', label: '全局代理', type: 'boolean' },\n { code: 'index_enable', label: '目录浏览', type: 'boolean' },\n {\n code: 'proxy_override_content_type',\n label: '代理时重写Content-Type',\n help: '此项是为了兼容某些挂载源，因返回内容的content type异常，导致无法在线播放的问题。',\n type: 'boolean',\n },\n {\n code: 'anonymous_download_enable',\n label: '允许下载',\n type: 'boolean',\n help: '禁用此项后，预览也将不可用。',\n },\n {\n code: 'expand_single_disk',\n label: '展开单一挂载盘',\n help: '只有一个挂载盘时，直接展示改挂载盘内容。',\n type: 'boolean',\n },\n {\n code: 'per_page',\n label: '列表分页大小',\n help: '设置分页将自动禁用缓存。某些挂载源可能不支持自定义分页大小。0 表示不分页。',\n type: 'number',\n },\n ],\n },\n {\n title: '外观',\n children: [\n { code: 'theme', label: '主题', type: 'option' },\n { code: 'script', label: '自定义脚本', type: 'textarea' },\n { code: 'style', label: '自定义样式', type: 'textarea' },\n ],\n },\n {\n title: '传输设置',\n children: [\n { code: 'proxy_url', label: '代理地址', help: '当前支持 HTTP/HTTPS 代理。', type: 'string' },\n { code: 'plugin_source', label: '插件源', type: 'option' },\n ],\n },\n {\n title: 'WebDAV',\n children: [\n { code: 'webdav_enable', label: '启用 WebDAV', type: 'boolean' },\n { code: 'webdav_path', label: 'WebDAV 路径', type: 'string' },\n { code: 'webdav_proxy', label: 'WebDAV 代理', type: 'boolean' },\n { code: 'webdav_user', label: 'WebDAV 用户名', type: 'string' },\n { code: 'webdav_pass', label: 'WebDAV 密码', type: 'string' },\n ],\n },\n]\n\nexport const useSetting: IUseSetting = (): IUseSettingResult => {\n if (useSetting.instance) {\n return useSetting.instance\n }\n const request = useApi()\n const store = useStore()\n const config: ISetting = reactive({})\n const [isLoading, { setFalse: hideLoading }] = useBoolean(true)\n\n const loginState = ref(0)\n\n const configFields: Ref> = ref(fields)\n\n const getConfig = (val: string) => {\n store.saveToken(val)\n request.setting().then((resp: ReqResponse) => {\n if (resp.error) {\n if (resp.error.code == 401) {\n store.saveToken('')\n loginState.value = 2\n if (resp.error.message) {\n message.error(resp.error.message)\n }\n }\n } else {\n loginState.value = 1\n updateSetting(resp.data as ISetting)\n }\n\n hideLoading()\n })\n }\n\n const setConfig = (data: ISetting, msg = '已保存') => {\n // console.log(data)\n return request.saveSetting(data).then((resp: ReqResponse) => {\n if (resp.error) {\n message.error(resp.error.message || 'error')\n } else {\n updateSetting(resp.data as ISetting)\n // return Promise.resolve(true)\n message.success(msg)\n }\n })\n }\n\n const reloadConfig = () => {\n getConfig(store.accessToken)\n }\n\n const updateSetting = (data: ISetting) => {\n for (const i in data) {\n config[i] = data[i]\n }\n configFields.value = [...fields, ...config.pluginConfig.map((i: any) => ({ title: i.name, children: i.config }))]\n }\n\n const getValue = (code: string) => {\n return config[code]\n }\n\n const signout = () => {\n store.removeToken()\n loginState.value = 2\n Object.keys(config).forEach((key) => Reflect.deleteProperty(config, key))\n }\n\n const reload = () => {\n request.reload().then((resp: any) => {\n // hidden()\n if (resp.error) {\n message.error(resp.error?.message)\n } else {\n message.success('操作成功')\n }\n })\n }\n\n const clearCache = () => {\n // const hidden = message.loading('正在清除缓存', 0)\n request.clearCache().then((resp: any) => {\n // hidden()\n\n if (resp.error) {\n message.error(resp.error?.message)\n } else {\n message.success('操作成功')\n }\n })\n }\n\n const exportConfig = () => {\n request.exportSetting().then((resp: any) => {\n // hidden()\n if (resp.error) {\n message.error(resp.error?.message)\n } else {\n saveFile(JSON.stringify(resp.data), 'config.json')\n }\n })\n }\n\n const getPlugin = async (id: string): Promise => {\n return request.plugin(id).then((resp: any) => {\n if (resp.error) {\n message.error(resp.error?.message)\n } else {\n return resp.data\n }\n })\n }\n\n const setPlugin = async (id: string, data: string): Promise => {\n const res = await request.savePlugin({ id, data })\n if (res.error) {\n message.error(res.error?.message)\n throw new Error(res.error?.message)\n } else {\n message.success('保存成功')\n reloadConfig()\n }\n }\n\n const removePlugin = async (id: string): Promise => {\n const res = await request.removePlugin(id)\n if (res.error) {\n message.error(res.error?.message)\n //throw new Error(res.error?.message)\n } else {\n message.success('删除成功')\n reloadConfig()\n }\n }\n\n const upgradePlugin = async (id: string): Promise => {\n const res = await request.upgradePlugin(id)\n if (res.error) {\n message.error(res.error?.message)\n //throw new Error(res.error?.message)\n } else {\n message.success('更新成功')\n reloadConfig()\n }\n }\n\n if (!config.token && store.accessToken) {\n getConfig(store.accessToken)\n } else {\n loginState.value = 2\n hideLoading()\n }\n\n return (useSetting.instance = {\n signout,\n reload,\n loginState,\n isLoading,\n getValue,\n\n configFields,\n config,\n setConfig,\n getConfig,\n exportConfig,\n clearCache,\n\n getPlugin,\n setPlugin,\n removePlugin,\n upgradePlugin,\n reloadConfig,\n })\n}\n\nexport const useConfig: IUseSetting = (): any => {\n const config: Record = reactive({})\n const request = useApi()\n\n request.config().then((resp: ReqResponse) => {\n if (!resp.error) {\n for (const i in resp.data) {\n config[i] = resp.data[i]\n }\n }\n })\n\n return { config }\n}\n"
},
{
"path": "packages/sharelist-manage/src/hooks/useStore.ts",
"content": "import { provide, inject, Ref, ref } from 'vue'\n\ntype InjectType = 'root' | 'optional'\n\nexport interface FunctionalStore {\n (): T\n key?: symbol\n root?: T\n}\n\nexport const regStore = (store: FunctionalStore): T => {\n if (!store.key) {\n store.key = Symbol('functional store')\n }\n const depends = store()\n provide(store.key, depends)\n return depends\n}\n\nexport const useStore = (store: FunctionalStore, type?: InjectType): any => {\n const key = store.key\n const root = store.root\n\n switch (type) {\n case 'optional':\n return inject(key) || store.root || null\n case 'root':\n if (!store.root) store.root = store()\n return store.root\n default:\n if (inject(key)) {\n return inject(key)\n }\n if (root) return store.root\n throw new Error(`状态钩子函数${store.name}未在上层组件通过调用useProvider提供`)\n }\n}\n\nexport const useAsync = (cb: (() => Promise) | Promise): Ref => {\n const val = ref()\n Promise.resolve(typeof cb === 'function' ? cb() : cb).then((resp) => {\n val.value = resp\n })\n return val\n}\n\nconst jsbridge = {\n call: (name: string, param?: any, callback?: (value?: unknown) => void) => name,\n getGrayScaleValue: (v: any) => v,\n}\n\ntype BridgeValue = {\n returnValue: string\n}\n\ntype BridgeFunctions = 'getGrayScaleValue'\n\nexport const useBridgeValue = (\n fn: BridgeFunctions,\n params: P,\n): { value: Ref; ready: Ref } => {\n const value: Ref = ref()\n const ready = ref(false)\n Promise.resolve(jsbridge[fn](params)).then((resp: T) => {\n value.value = resp\n ready.value = true\n })\n return { value, ready }\n}\n\ntype GrayParams = 'code1' | 'code2'\n\ntype GrapValue = {\n returnValue: string\n}\nconst { ready, value } = useBridgeValue('getGrayScaleValue', 'code')\n\ntype ICdpSpaceInfo = {\n returnValue: string\n}\nfunction getCdpSpaceInfo(spaceCode: string): Promise {\n return new Promise((resolve) => {\n jsbridge.call('getCdpSpaceInfo', { spaceCode }, (resp: unknown) => {\n resolve(resp as ICdpSpaceInfo)\n })\n })\n}\n"
},
{
"path": "packages/sharelist-manage/src/hooks/useUrlState.ts",
"content": "import { useRouter, useRoute } from 'vue-router'\nimport { reactive, watch } from 'vue'\nimport { useState } from './useHooks'\ntype initial = {\n params: Record\n query: Record\n}\n\nexport default ({ params: initialParams, query: initialQuery }: initial = { params: {}, query: {} }): any => {\n const router = useRouter()\n const route = useRoute()\n\n const [params, updateParams] = useState({\n ...initialParams,\n ...route.params,\n })\n\n const [query, updateQuery] = useState({\n ...initialQuery,\n ...route.query,\n })\n\n const setQuery = (data: Record) => {\n router.push({\n query: {\n ...route.query,\n ...updateQuery(data),\n },\n })\n }\n\n const setParams = (data: Record) => {\n router.push({\n ...route.params,\n ...updateParams(data),\n })\n }\n\n const setPath = (path: string) => {\n router.push(path)\n }\n\n watch(() => route.params, updateParams)\n watch(() => route.query, updateQuery)\n\n watch(query, (nv) => {\n console.log('>>>', nv)\n })\n return { params, query, setQuery, setParams, setPath }\n}\n"
},
{
"path": "packages/sharelist-manage/src/hooks/useWorker.ts",
"content": "const fnCache = new WeakMap()\n\ntype Fn = (...args: any[]) => any\n\nconst WORKER_SCRIPT = () => {\n const methodsMap: Record = {}\n\n function invoke(name: string, params: unknown[], id: string) {\n try {\n if (!methodsMap[name]) {\n throw new Error('function ' + name + ' is not registered.')\n }\n const result = methodsMap[name].apply(null, params)\n Promise.resolve(result)\n .then(function onresolve(res) {\n self.postMessage(\n JSON.stringify({\n data: res,\n name: name,\n id: id,\n }),\n )\n })\n .catch(function onerror(error) {\n throw error\n })\n } catch (error) {\n throw error\n }\n }\n\n self.onmessage = function (e) {\n const data = JSON.parse(e.data)\n const type = data.type\n const name = data.name\n\n switch (type) {\n case 'add':\n methodsMap[name] = eval(data.code)\n break\n\n case 'remove':\n if (methodsMap[name]) {\n delete methodsMap[name]\n }\n break\n\n case 'clear':\n methodsMap = {}\n break\n\n case 'invoke':\n var params = data.params\n var id = data.id\n invoke(name, params, id)\n break\n }\n }\n}\n\nclass WorkerFactory {\n worker: Worker\n\n constructor() {\n const url = URL.createObjectURL(new Blob([`(${WORKER_SCRIPT.toString()})()`]))\n this.worker = new Worker(url)\n }\n}\nexport const useWorker = (fn: Fn) => {\n if (useWorker.instance) {\n return useWorker.instance\n }\n\n const name = fn.name\n const url = URL.createObjectURL(new Blob([WORKER_SCRIPT.toString()]))\n\n if (!fnCache.has(fn)) {\n const url = URL.createObjectURL(new Blob([__WORKER_SCRIPT__]))\n fnCache.set(fn, {\n name,\n })\n }\n}\n"
},
{
"path": "packages/sharelist-manage/src/hooks/utils.ts",
"content": "import { getCurrentInstance, isRef, onMounted as vueOnMounted, onUnmounted as vueOnUnmounted, Ref } from 'vue'\n\nexport const onMounted = (cb: () => any): void => {\n const instance = getCurrentInstance()\n if (instance) {\n if (instance?.isMounted) {\n cb()\n } else {\n vueOnMounted(cb)\n }\n }\n}\n\nexport function onUnmounted(cb: () => any): void {\n if (getCurrentInstance()) {\n vueOnUnmounted(cb)\n }\n}\n"
},
{
"path": "packages/sharelist-manage/src/index.html",
"content": "\n\n\n\n \n \n \n \n sharelist\n\n\n\n \n \n\n\n"
},
{
"path": "packages/sharelist-manage/src/main.ts",
"content": "import { createApp, h } from 'vue'\nimport App from './App'\nimport router from './router'\nimport { message, Spin, ConfigProvider } from 'ant-design-vue'\nimport { createPinia } from 'pinia'\nimport piniaPersist from 'pinia-plugin-persist'\nimport apis from '@/config/api'\nimport { createApi } from '@/hooks/useApi'\nimport useStore from '@/store/index'\n\n// import 'ant-design-vue/dist/antd.variable.less'\n\nimport '@/assets/style/index.less'\n\nimport { LoadingOutlined } from '@ant-design/icons-vue'\n\nSpin.setDefaultIndicator({\n indicator: h(LoadingOutlined, {\n style: {\n fontSize: '24px',\n },\n spin: true,\n }),\n})\n\nConfigProvider.config({\n theme: {\n primaryColor: 'rgb(100,58,218)',\n },\n autoInsertSpaceInButton: false,\n})\n\nconst pinia = createPinia()\npinia.use(piniaPersist)\n\ncreateApi(apis, {\n onReq(params, options) {\n if (options.token) {\n params.headers['Authorization'] = useStore().accessToken\n }\n },\n})\n\ncreateApp(App)\n .use(router)\n .use(pinia)\n\n // .use(\n // createApi(apis, {\n // onReq(params, options) {\n // if (options.token) {\n // params.headers['Authorization'] = useStore().accessToken\n // }\n // },\n // }),\n // )\n .provide('$message', message)\n .mount('#app')\n"
},
{
"path": "packages/sharelist-manage/src/router/index.ts",
"content": "import { createRouter, createWebHashHistory, createWebHistory, RouteRecordRaw, onBeforeRouteLeave } from 'vue-router'\n\nconst routes: Array = [\n {\n path: '/',\n component: () => import('../views/home'),\n redirect: '/drive/folder',\n children: [\n {\n path: '/general',\n name: 'general',\n component: () => import('../views/general'),\n },\n {\n path: '/drive/folder:path(.*)',\n name: 'drive',\n component: () => import('../views/disk'),\n /*\n children: [\n {\n path: 'folder:path(.*)',\n name: 'file',\n component: () => import('../views/disk/files'),\n },\n ],\n */\n },\n {\n path: '/plugin',\n name: 'plugin',\n component: () => import('../views/plugin'),\n },\n ],\n },\n]\n\nconst router = createRouter({\n history: createWebHistory((window as any).MANAGE_BASE),\n routes,\n})\n\nexport default router\n"
},
{
"path": "packages/sharelist-manage/src/store/index.ts",
"content": "import { defineStore } from 'pinia'\n\nexport default defineStore('sharelist_manage', {\n state: () => ({\n accessToken: '',\n layout: 'list',\n theme: 'light',\n path: '',\n }),\n\n actions: {\n saveToken(token: string) {\n this.accessToken = token\n },\n removeToken() {\n this.accessToken = ''\n },\n setLayout(val: string) {\n this.layout = val\n },\n savePath(input: string) {\n this.path = input\n },\n },\n\n persist: {\n enabled: true,\n strategies: [\n { storage: localStorage, paths: ['layout'] },\n { storage: sessionStorage, paths: ['accessToken'] },\n ],\n },\n})\n"
},
{
"path": "packages/sharelist-manage/src/types/IDrive.ts",
"content": "type DrivePath = {\n protocol: string\n [key: string]: string | number\n}\n\ndeclare type DriverField = {\n key: string\n label: string\n value?: string | number | boolean\n options?: Array\n type?: 'string' | 'hidden' | 'number' | 'boolean' | 'list'\n help?: string\n fields?: Array\n required?: boolean\n}\n\ndeclare type IDrive = {\n name: string\n [key: string]: string | number\n}\n\ndeclare type IPlugin = {\n name: string\n id: string\n [key: string]: string | number\n}\n\ndeclare type DriverGuide = {\n key?: string\n label?: string\n fields: Array\n}\n\ndeclare type Driver = {\n protocol: string\n name?: string\n guide?: Array\n}\n\ndeclare type IFile = {\n id: string\n name: string\n size: number\n type: 'folder' | 'file' | 'drive'\n ctime: number\n mtime: number\n path: string\n extra?: Record\n [key: string]: any\n}\n"
},
{
"path": "packages/sharelist-manage/src/types/shim.d.ts",
"content": "declare module '*.vue' {\n import { DefineComponent } from 'vue'\n const component: DefineComponent<{}, {}, any>\n export default component\n}\n\ndeclare type ISetting = {\n title?: string\n index_enable?: boolean\n default_ignores?: Array\n [key: string]: any\n}\n"
},
{
"path": "packages/sharelist-manage/src/types/source.d.ts",
"content": "declare module '*.json'\ndeclare module '*.png'\ndeclare module '*.jpg'\ndeclare module 'vue-infinite-scroll'\n"
},
{
"path": "packages/sharelist-manage/src/utils/format.ts",
"content": "const EXT_IMAGE = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'wmf', 'tif', 'svg', 'webp']\n\nconst EXT_AUDIO_SUPPORT = ['mp3', 'm4a', 'acc', 'wav', 'ogg', 'flac']\n\nconst EXT_VIDEO_SUPPORT = ['mp4', 'mpeg', '3gp', 'mkv']\n\nexport const getFileType = (v: string, type = 'file'): string => {\n if (type == 'folder' || type == 'drive') {\n return type\n } else {\n if (v) v = v.toLowerCase().split('.').pop() || ''\n if (['mp4', 'mpeg', 'wmv', 'webm', 'avi', 'rmvb', 'mov', 'mkv', 'f4v', 'flv'].includes(v)) {\n return 'video'\n } else if (['mp3', 'm4a', 'wav', 'wma', 'ape', 'flac', 'ogg'].includes(v)) {\n return 'audio'\n } else if (['doc', 'docx', 'wps'].includes(v)) {\n return 'word'\n } else if (['ppt', 'pptx'].includes(v)) {\n return 'ppt'\n } else if (['pdf'].includes(v)) {\n return 'pdf'\n } else if (['xls', 'xlsx', 'pdf', 'txt', 'yaml', 'yml', 'ini', 'cfg', 'xml', 'md'].includes(v)) {\n return 'doc'\n } else if (EXT_IMAGE.includes(v)) {\n return 'image'\n } else if (\n [\n 'js',\n 'ts',\n 'css',\n 'html',\n 'c',\n 'h',\n 'cpp',\n 'py',\n 'java',\n 'jsp',\n 'php',\n 'cs',\n 'go',\n 'swift',\n 'vue',\n 'rs',\n 'asp',\n 'sql',\n ].includes(v)\n ) {\n return 'code'\n }\n // else if (['zip', 'rar', '7z', 'tar', 'gz', 'gz2'].includes(v)) {\n // return 'archive'\n // }\n else {\n return 'file'\n }\n }\n}\n\nexport const byte = (v: number, fixed?: number): string => {\n if (v === undefined || v === null || isNaN(v)) {\n return '-'\n }\n\n let lo = 0\n\n while (v >= 1024) {\n v /= 1024\n lo++\n }\n\n const val = Math.floor(v * 100) / 100\n\n return (fixed ? val.toFixed(fixed) : val) + ' ' + ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'][lo]\n}\n\nconst fix0 = (v: any) => (v > 9 ? v : '0' + v)\n\nexport const time = (v: number): string => {\n if (!v) return '-'\n const date = new Date(v)\n const thisYear = new Date().getFullYear()\n let ret: string =\n fix0(date.getMonth() + 1) + '/' + fix0(date.getDay()) + ' ' + fix0(date.getHours()) + ':' + fix0(date.getMinutes())\n if (thisYear != date.getFullYear()) {\n ret = date.getFullYear() + '/' + ret\n }\n\n return ret\n}\n\nexport const formatFile = (file: IFile | Array): IFile | Array => {\n if (Array.isArray(file)) {\n file.forEach((i) => {\n i.ext = i.name.split('.').pop()\n i.mediaType = getFileType(i.name, i.type)\n if (i.ctime) i.ctimeDisplay = time(i.ctime)\n if (i.size) i.sizeDisplay = byte(i.size)\n })\n } else {\n file.ext = file.name.split('.').pop()\n file.mediaType = getFileType(file.name, file.type)\n if (file.ctime) file.ctimeDisplay = time(file.ctime)\n if (file.size) file.sizeDisplay = byte(file.size)\n }\n return file\n}\n\nexport const isMediaSupport = (name: string, type: 'audio' | 'video' | 'image'): boolean => {\n const ext: string = name.split('.').pop() || ''\n if (type == 'audio' && EXT_AUDIO_SUPPORT.includes(ext)) {\n return true\n } else if (type == 'video' && EXT_VIDEO_SUPPORT.includes(ext)) {\n return true\n } else if (type == 'image' && EXT_IMAGE.includes(ext)) {\n return true\n }\n return false\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const isType = (type: string) => (obj: any) => Object.prototype.toString.call(obj) === `[object ${type}]`\n\nexport const isArray = isType('Array')\n\nexport const isObject = isType('Object')\n\nexport const isBlob = isType('Blob')\n\nexport const isString = (v: string): boolean => typeof v == 'string'\n\nexport const getBlob = (data: string, filename: string): Blob | undefined => {\n let blob\n try {\n blob = new Blob([data], { type: 'application/octet-stream' })\n } catch (e) {\n /**/\n }\n return blob\n}\n\nexport const saveFile = (data: Blob | string, filename: string): void => {\n let blob: Blob | undefined\n if (isString(data as string)) {\n blob = getBlob(data as string, filename)\n } else {\n blob = data as Blob\n }\n\n if (blob && isBlob(blob)) {\n const URL = window.URL || window.webkitURL\n\n const link = document.createElement('a')\n\n link.href = URL.createObjectURL(blob)\n link.download = filename\n\n const evt = document.createEvent('MouseEvents')\n evt.initEvent('click', false, false)\n // link.click()\n link.dispatchEvent(evt)\n URL.revokeObjectURL(link.href)\n }\n}\n"
},
{
"path": "packages/sharelist-manage/src/views/disk/index.less",
"content": ".drive{\n display: flex;\n flex-direction: column;\n height:100vh;\n\n &.drive--lite{\n height:auto;\n }\n .drive__header-assistant{\n display: flex;\n justify-content: space-between;\n margin:0 24px 8px 32px;\n padding-bottom:12px;\n border-bottom: 1px solid var(--primary-hover-bg-color);\n font-size:13px;\n }\n .ant-checkbox-inner{\n border-radius: 50%;\n box-sizing: border-box;\n }\n\n .ant-checkbox-indeterminate{\n .ant-checkbox-inner{\n background-color: var(--ant-primary-color);\n border-color: var(--ant-primary-color);\n\n &:after{\n // background-color: var(--context-background);\n background-color: #fff;\n height:2px;\n }\n }\n }\n\n .drive__header{\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: rgba(0, 0, 0, .65);\n font-size: 22px;\n padding:32px 32px;\n z-index:1;\n // position: sticky;\n // top:0;\n .drive__header-back {\n margin-right: 1em;\n }\n // border-bottom:1px solid #f5f6f7;\n }\n // .drive-breadcrumb{\n // overflow-x:auto ;\n // }\n .drive__actions{\n flex:none;\n color: var(--context-1);\n\n .ant-badge-dot{\n // background:var(--primary-background);\n }\n }\n\n\n .drive-search{\n max-width:560px;\n width:90%;\n margin: auto;\n transform: translate(0,20vh);\n }\n .drive-body-wrap{\n flex: 1 1 auto;\n overflow-y: auto;\n position: relative;\n }\n .drive-body{\n flex:1 1 auto;\n .item{\n display: flex;\n width:100%;\n justify-content: space-between;\n align-items: center;\n padding:12px 0;\n \n transition: all 0.3s;\n margin-bottom:1px;\n cursor: pointer;\n position: relative;\n color:var(--primary-text-color);\n\n\n &:hover{\n background-color: var(--context-hover);\n .item-check{\n opacity: 1;\n }\n }\n .item-check{\n padding:0 8px;\n opacity: 0;\n transition:opacity 0.3s;\n \n }\n \n &.item--checked{\n background-color: var(--primary-hover-theme-color);\n .item-check{\n opacity: 1;\n }\n }\n\n &.item--disabled{\n color: var(--context-3);\n cursor:not-allowed;\n pointer-events: none;\n }\n \n .item-icon__ext--md{\n display: none;\n }\n .item-icon__ext--sm{\n display: none;\n }\n .item-info{\n padding:0 6px;\n color:rgba(0,0,0,.5);\n flex:0 0 auto;\n position:absolute;\n right:0;\n top:0;\n }\n .item-name{\n flex: 1;\n min-width: 0;\n width:100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n // display: flex;\n position: relative;\n }\n .item-icon{\n margin-right: 16px;\n flex:none;\n width:36px;\n position: relative;\n }\n \n .item-thumb{\n width:100%;\n height:30px;\n background-repeat: no-repeat;\n background-size:cover;\n background-position: center center;\n flex:none;\n border-radius: 5px;\n }\n \n .item-icon__ext{\n position: absolute;\n font-size: 12px;\n bottom: 5px;\n color:inherit;\n text-transform: uppercase;\n transform: scale(0.8);\n transform-origin:center;\n // width:42px;\n text-align: center;\n width:100%;\n font-weight: bold;\n // transform-origin: left;\n // left: 16px;\n }\n \n .item-meta{\n flex:auto;\n display: flex;\n justify-content:space-between;\n align-items: center;\n overflow: hidden;\n color:inherit;\n }\n .item-ctime{\n flex: 0 0 auto;\n // padding:0 24px;\n // width: 200px;\n color:var(--context-2);\n font-size: 12px;\n text-align: left;\n }\n \n .item-size{\n // color:rgba(37, 38, 43, 0.72);\n color:var(--context-2);\n font-size: 12px;\n text-align: right;\n flex:0 0 80px;\n }\n }\n }\n\n .drive-body-mask{\n position: absolute;\n top:0;left:0;\n width:100%;\n height:100%;\n opacity: 0;\n }\n .drive-body--padding{\n padding:0 24px;\n }\n\n .drive-body.drive-body--grid{\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n grid-gap: 8px;\n .item{\n padding-left:8px;\n padding-right:8px;\n flex-direction: column;\n .item-check{\n position: absolute;\n right:0px;\n top:0px;\n }\n .item-icon{\n width:auto;\n margin-right:0;\n margin-bottom:12px;\n }\n\n .item-meta{\n flex-direction: column;\n // align-items: flex-start;\n align-items: center;\n width:100%;\n overflow: hidden;\n }\n .item-thumb{\n height:64px;\n width:96px;\n }\n .item-name{\n text-align: center;\n font-size:13px;\n }\n .item-ctime{\n // display: none;\n color:var(--context-3);\n }\n .item-size{\n display: none;\n }\n .item-icon__ext{\n font-size:15px;\n }\n }\n }\n\n}\n\n.drive-toolbar-wrap{\n position: absolute;\n left: 50%;\n bottom: 0;\n transform: translateX(-50%);\n z-index: 1;\n transition: all .3s ease;\n opacity: 0;\n pointer-events: none;\n\n &.show{\n opacity: 1;\n pointer-events: auto;\n bottom:32px;\n }\n}\n.drive-toolbar{\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 10px;\n background: var(--dark-background);\n overflow: visible;\n user-select: none;\n box-shadow: 0 0 1px 1px rgb(28 28 32 / 5%), 0 8px 24px rgb(28 28 32 / 12%);\n color:#fff;\n border: 1px solid var(--divider-1);\n .drive-toolbar-item{\n font-size:16px;\n padding:8px;\n color:#fff;\n margin:0 6px;\n border-radius: 6px;\n &:hover{\n background-color: var(--color-white-4);\n }\n }\n}\n\n.drive-search{\n .tips{\n font-size: 12px;\n color:var(--context-2);\n margin-top: 1em;\n }\n .search-history__header{\n font-size: 12px;\n color:var(--context);\n margin:1em 0;\n }\n\n .drive-search-input{\n padding:8px;\n font-size:14px;\n }\n\n input{\n border:none;\n background-color: transparent;\n flex:auto;\n // border-bottom: 1px solid var(--context-4);\n\n outline:none;\n }\n .search-history__body{\n\n }\n\n .search-history__item{\n display: flex;\n align-items: center;\n width:100%;\n justify-content: space-between;\n padding:0.8em 8px;\n border-radius: 3px;\n cursor: pointer;\n &:hover{\n background-color:var(--context-hover);\n }\n color:var(--context_primary);\n }\n}\n// .badge"
},
{
"path": "packages/sharelist-manage/src/views/disk/index.tsx",
"content": "import { h, ref, Ref, defineComponent, watch, onMounted, onUnmounted, nextTick, toRef, computed, withModifiers } from 'vue'\nimport useStore from '@/store/index'\nimport { storeToRefs } from 'pinia'\nimport { Spin, Modal, Dropdown, Popover, Menu, Badge, Checkbox, Tooltip, InputSearch, RadioGroup, Input } from 'ant-design-vue'\nimport Icon from '@/components/icon'\nimport useDisk, { IFile } from './partial/useDisk'\nimport './index.less'\nimport { isMediaSupport } from '@/utils/format'\nimport MediaPlayer, { usePlayer } from '@/components/player'\nimport Breadcrumb from './partial/breadcrumb'\nimport Error from './partial/error'\nimport { useSetting } from '@/hooks/useSetting'\nimport { InfoCircleOutlined, LoadingOutlined, ScissorOutlined, EditOutlined, HddOutlined, FolderAddOutlined, EllipsisOutlined, DeleteOutlined, CloudSyncOutlined, PlusOutlined, CloudDownloadOutlined, DownloadOutlined, CloseCircleFilled, SwapOutlined, SortDescendingOutlined, CalendarOutlined, FieldBinaryOutlined, ArrowUpOutlined, ArrowDownOutlined, ClockCircleOutlined, MinusCircleOutlined } from '@ant-design/icons-vue'\nimport useConfirm, { useApiConfirm } from '@/hooks/useConfirm'\nimport { useRoute, onBeforeRouteLeave } from 'vue-router'\nimport { useApi } from '@/hooks/useApi'\nimport { useActions } from './partial/action'\nimport Task from './partial/task'\nimport { useBoolean } from '@/hooks/useHooks'\nimport { useLocalStorageState } from '@/hooks/useLocalStorage'\nimport { Upload } from './partial/upload'\nimport { useScroll } from '@/hooks/useScroll'\nimport { useClipboard } from '@/hooks/useClipboard'\nimport { showImage } from '@/components/image'\n\nexport default defineComponent({\n setup() {\n const { setConfig, clearCache, config } = useSetting()\n\n const searchHistory = useLocalStorageState>('search_history', [])\n\n const confirmClearCache = useConfirm(clearCache, '确认', '确认清除缓存？')\n\n const route = useRoute()\n\n const store = useStore()\n\n const diskIntance = useDisk()\n\n const { loading, files, error, setPath, paths, loadMore, diskConfig, current: currentDisk, setAuth, setSort, sortConfig, onUpdate } = diskIntance\n\n const { rename, move, remove, mkdir, flashDownload, uploadConfirm, addDisk, setDisk, remoteDownload, showInfo } = useActions(diskIntance)\n\n const { setPlayer } = usePlayer('player')\n\n const driveEl: Ref = ref()\n\n const { node: pasteEl } = useClipboard((files) => {\n let { id } = diskConfig.value\n let dest = '/' + [...paths.value].join('/')\n uploadConfirm(files, dest, id)\n }, 'file')\n\n\n const { scrollTo, setNode, cancel: cancelScroll, isScroll, checkScroll } = useScroll(loadMore)\n\n onMounted(() => {\n setNode(driveEl.value)\n onUpdate(() => {\n setTimeout(checkScroll, 0)\n })\n })\n\n onUnmounted(() => {\n cancelScroll?.()\n })\n\n const onClick = (data: IFile) => {\n if (data.type == 'folder' || data.type == 'drive') {\n let target: any = {\n id: data.id\n }\n\n if (!data.path && !currentDisk.search) {\n target.path = currentDisk.path + '/' + data.name\n }\n setPath(target)\n } else if (data.type == 'file') {\n let mediaType = data.mediaType\n if ((data.mediaType == 'audio' || data.mediaType == 'video') && isMediaSupport(data.name, mediaType)) {\n\n const list: Array = files.value.filter((i: IFile) => isMediaSupport(i.name, mediaType))\n setPlayer({\n list,\n type: mediaType,\n index: list.findIndex((i: IFile) => i.id == data.id),\n })\n\n }\n else if (data.mediaType == 'image') {\n const list: Array =\n files.value.filter((i: IFile) => isMediaSupport(i.name, 'image'))\n\n showImage(list.map(i => i.download_url), list.findIndex(i => i.id == data.id))\n }\n else {\n window.open(data.download_url)\n }\n }\n }\n\n\n let currentFocusFile: Ref = ref()\n\n const onAction = ({ key }: { key: any }) => {\n targetBind.value = false\n if (key == 'info') {\n showInfo(currentFocusFile.value as IFile)\n } else if (key == 'mount_drive') {\n addDisk()\n } else if (key == 'mkdir') {\n mkdir(diskConfig.value)\n } else if (key == 'config') {\n let name = currentFocusFile.value?.name\n let idx = config.drives.findIndex((i: IDrive) => i.name == name)\n if (idx >= 0) {\n setDisk(config.drives[idx], idx)\n }\n } else if (key == 'rename') {\n rename(currentFocusFile.value as IFile)\n } else if (key == 'move') {\n move(currentFocusFile.value as IFile)\n } else if (key == 'delete') {\n remove(currentFocusFile.value as IFile)\n } else if (key == 'upload') {\n\n } else if (key == 'flash_upload') {\n flashDownload(diskConfig.value)\n } else if (key == 'remote_download') {\n remoteDownload(diskConfig.value)\n }\n }\n\n let isActionHide = true\n let targetBind = ref(false)\n const onContextChange = (visible: boolean) => {\n console.log('action:', visible)\n // isActionHide = true\n\n if (visible) {\n if (targetBind.value == false) {\n currentFocusFile.value = undefined\n }\n //isActionHide = false\n // onActionVisibleChange(visible)\n // currentFocusFile.value = undefined\n //\n\n } else {\n // currentFocusFile.value = undefined\n // targetBind = false\n targetBind.value = false\n }\n }\n\n const onHover = (i: IFile | null, e?: MouseEvent) => {\n //if (!actionVisible.value) {\n //willShow = !!i\n //if (willShow) {\n console.log('on hover')\n //已存在\n if (currentFocusFile.value) {\n\n }\n currentFocusFile.value = i\n if (i) {\n targetBind.value = true\n }\n //}\n // onActionVisibleChange()\n //}\n /*\n if (i === null) {\n currentFocusFile.value = undefined\n } else {\n if (!actionVisible.value) {\n currentFocusFile.value = i\n }\n }*/\n\n }\n\n const download = (file: IFile | Array) => {\n if (!Array.isArray(file)) {\n file = [file]\n }\n\n file.forEach((i: IFile) => {\n let a = document.createElement('a')\n let e = document.createEvent('MouseEvents')\n e.initEvent('click', false, false)\n a.href = i.download_url // 设置下载地址\n a.download = i.name\n a.dispatchEvent(e)\n })\n }\n\n const mainSlots = {\n overlay: () => {\n let isDriveLevel = diskConfig.value.isRoot\n // setTimeout(() => {\n // currentFocusFile.value = undefined\n // }, 0)\n // blank area\n if (currentFocusFile.value || targetBind.value) {\n if (isDriveLevel) {\n return \n } else {\n return \n }\n } else {\n if (isDriveLevel) {\n return \n } else {\n return \n }\n }\n\n }\n }\n\n watch(\n route,\n (nv) => {\n if (route.name == 'drive') {\n let target: any = {\n path: '/' + (route.params.path as string).replace(/^\\//, '')\n }\n if (route.query.search) {\n target.search = route.query.search\n }\n setPath(target)\n scrollTo(0)\n // getFiles({ path: route.params.path as string })\n }\n },\n { immediate: true },\n )\n\n const onTagClick = ({ path, index }: any = {}) => {\n if (path == '/') {\n setPath({ path: '/' })\n } else if (index < paths.value.length) {\n setPath({ path: '/' + paths.value.slice(0, index).join('/') })\n }\n }\n\n const onSelect = (i: any) => {\n i.checked = !i.checked\n }\n\n const onUnselectAll = () => {\n files.value.forEach((i: any) => (i.checked = false))\n }\n const onSelectAll = (e: { target: { checked: boolean } }) => {\n let val = e.target.checked\n files.value.forEach((i: any) => (i.checked = val))\n }\n\n const selectState = computed(() => {\n let count = files.value.filter((i: IFile) => !!i.checked).length\n let containDir = files.value.some((i: IFile) => !!i.checked && i.type == 'folder')\n let containDrive = files.value.some((i: IFile) => !!i.checked && i.type == 'drive')\n let containFile = files.value.some((i: IFile) => !!i.checked && i.type == 'file')\n // 0 unselect, 1 partially selected, 2 select all,\n let state = count == 0 ? 0 : count == files.value.length ? 2 : 1\n return {\n state, containDir, containDrive, count, total: files.value.length, containFile\n }\n })\n\n const onToggleSearch = () => {\n const onSearch = (value: string) => {\n console.log(value)\n if (value) {\n // router.push({ path: router.currentRoute.value.path, query: { search: value } })\n let historyRecords = [...searchHistory.value]\n\n let idx = historyRecords.indexOf(value)\n if (idx >= 0) {\n historyRecords.splice(idx, 1)\n }\n\n historyRecords.unshift(value)\n\n searchHistory.value = historyRecords\n\n setPath({ search: value, path: currentDisk.path, id: currentDisk.id })\n modal.destroy()\n }\n }\n\n const remove = (value: string) => {\n let idx = searchHistory.value.indexOf(value)\n if (idx >= 0) {\n searchHistory.value.splice(idx, 1)\n }\n }\n\n\n const options: Array = []\n const searchMode = diskConfig.value.search\n\n const tips = ref(searchMode == 1 ? '* 仅支持全局搜索' : searchMode == 2 ? '* 仅支持搜索当前目录（不含子目录）' : '')\n /*\n if (searchMode == 1) {\n options.push({ label: '所有文件', value: 'global' })\n }\n if (searchMode > 1) {\n options.push({ label: '当前目录', value: 'local' })\n }\n const searchType = ref(options[0]?.value)\n*/\n\n const modal = Modal.confirm({\n class: 'fix-modal--alone',\n width: '560px',\n maskClosable: true,\n content: () => (\n \n
\n {/* */}\n onSearch(e.target.value)} />\n\n
\n {tips.value ?
{tips.value}
: null}\n
\n \n
\n {\n searchHistory.value.map((i) => - onSearch(i)}>
{i}
remove(i), ['prevent', 'stop'])} /> )\n }\n
\n\n
\n {/* {options.length ?
searchType.value = e.target.value} name=\"radioGroup\" > : null} */}\n
\n \n {\n error.code === 0 ? : null\n }\n
\n \n {/*
onHover(null)}>\n\n
*/}\n
\n \n\n \n\n \n \n
\n\n
\n
\n
\n
\n {\n props.files?.map((i: any, idx) =>
toggle(idx)} class=\"flex flex--between file-item\">
)\n }\n
\n
\n
\n
\n
\n {\n props.files?.map((i: any, idx) =>
toggle(idx)} class=\"flex flex--between file-item\">
)\n }\n
\n
\n
重命名
,\n content: () => (\n \n \n {useFocus(, true)}\n
\n ),\n onOk: onSave,\n })\n }\n\n const move = (file: IFile | Array) => {\n let dest: String\n\n let files: Array = Array.isArray(file) ? file : [file]\n\n let srcPath = diskIntance.current.path\n\n let isTransfer = ref(false)\n\n let threadNum = ref(1)\n\n let buttonProps = reactive({ disabled: true })\n\n let count = files.length\n let isSingleTask = count == 1\n let error: Array = []\n let current = ref(0)\n let cancelFlag = ref(false)\n let key = `${Math.random()}`\n\n let targetMultiThreading = ref(false)\n // 排除 当前目录 及 子目录\n let excludePath = [\n srcPath,\n ...files.map(i => i.id)\n ]\n\n const onSelect = (e: IFile, targetDiskConfig: any) => {\n let autoExpand = config.expand_single_disk\n\n let diskCount = config.drives.length\n\n let destPath = e.path\n\n let destIsRoot = destPath == '/'\n\n // 根目录是磁盘列表\n let rootIsDiskList = (!autoExpand || diskCount > 1)\n\n buttonProps.disabled = destPath == srcPath || (destIsRoot && rootIsDiskList)\n\n isTransfer.value = rootIsDiskList && srcPath.split('/')[1] != destPath.split('/')[1] && !destIsRoot\n\n dest = e.id\n\n targetMultiThreading.value = targetDiskConfig.multiThreading\n }\n\n const execMove = async () => {\n\n message.loading({ content: `正在${isTransfer.value ? '创建迁移任务' : '移动'}`, key, duration: 0 });\n\n for (let i of files as Array) {\n if (cancelFlag.value) return\n message.loading({ content: `[${current.value + 1}/${count}]` + '正在移动:' + i.name, key, duration: 0 });\n\n let res = await request.fileUpdate({ id: i.id, dest, threadNum: threadNum.value })\n if (res.error) {\n i.error = res.error.message\n error.push(i.id)\n } else {\n if (!isTransfer.value) mutate(i, true)\n }\n current.value++\n }\n\n let errorFiles = files.filter((i: IFile) => error.includes(i.id))\n\n if (errorFiles.length) {\n if (isSingleTask) {\n message.error({ content: (files as Array)[0].error, key, duration: 1 });\n } else {\n message.success({ content: '操作完成', key, duration: 0.01 });\n errorModal(errorFiles)\n }\n\n } else {\n message.success({ content: isTransfer.value ? '迁移任务创建成功' : '操作完成', key, duration: 1 });\n }\n }\n\n const errorModal = (errorFiles: Array) => {\n let retryList: Array = []\n Modal.confirm({\n class: 'pure-modal',\n width: '500px',\n closable: true,\n title: () => 移动
,\n okText: '重试',\n content: () => (\n \n
\n
\n
\n
retryList = val} />\n \n
\n
移动
,\n content: () => (\n \n
\n
\n {files.length == 1 ?
)[0]} /> : null}\n\n
\n {\n isTransfer.value ? [\n
,\n
\n {\n targetMultiThreading.value ?
\n
线程数
\n
{ threadNum.value = e as number }}>\n
: null\n }\n\n {/*
\n
同名文件
\n
\n 重命名\n 替换\n 跳过\n \n
*/}\n
\n ] : null\n }\n
\n
\n
新建文件夹
,\n content: () => (\n \n {useFocus(, true)}\n
\n ),\n onOk: onSave,\n })\n }\n\n const flashDownload = (i: any) => {\n let options = typeof i.hashUpload == 'string' ? { type: i.hashUpload } : i.hashUpload\n\n let params = {\n name: '',\n hash: '',\n size: 0\n }\n\n\n const onSave = async () => {\n if (options.size && !params.size) return\n if (!params.hash || !params.name) return\n\n let res = await request.fileHashDownload({ id: i.id, ...params })\n // console.log(res)\n if (res.error) {\n message.error(res.error.message)\n throw new Error()\n } else {\n message.success('秒传成功')\n // mutate(res)\n modal.destroy()\n reload()\n }\n }\n\n const modal = Modal.confirm({\n class: 'pure-modal',\n width: '500px',\n closable: true,\n autoFocusButton: null,\n title: () => 云端秒传
,\n content: () => (\n \n ),\n onOk: onSave,\n })\n }\n\n const uploadConfirm = (files: Array, dest: string, id: string) => {\n\n const { create } = useUpload()\n\n let checked: Array = files.map((_, idx: number) => idx)\n\n const onChecked = (ids: Array) => {\n checked = ids\n }\n\n const ensure = () => {\n const checkedFiles = checked.map((idx: number) => files[idx])\n create(checkedFiles, 'md5', dest, id)\n message.success('任务创建成功')\n }\n\n const data = files.map((i, idx) => ({\n idx: idx,\n id: i.name,\n size: i.size,\n name: i.name,\n ctime: i.lastModified,\n ctimeDisplay: time(i.lastModified),\n sizeDisplay: byte(i.size),\n iconType: getFileType(i.name),\n checked: true\n }))\n\n\n Modal.confirm({\n class: 'pure-modal',\n width: '500px',\n closable: true,\n title: () => 文件上传
,\n content: ,\n onOk: ensure,\n })\n\n }\n\n const remove = (files: IFile | Array) => {\n if (!Array.isArray(files)) {\n files = [files]\n }\n\n if (files.some(i => i.type == 'drive')) {\n removeDisk(files.filter(i => i.type == 'drive'))\n return\n }\n let count = files.length\n\n const error: Array = []\n const current = ref(0)\n const cancelFlag = ref(false)\n const key = '' + Math.random()\n const modal = Modal.confirm({\n title: '删除文件',\n content: `确认删除 ${count == 1 ? files[0].name : `${count} 项`}？`,\n onOk() {\n execRemove()\n },\n onCancel() {\n cancelFlag.value = true\n }\n })\n\n const execRemove = async () => {\n\n message.loading({ content: '正在删除', key, duration: 0 });\n\n for (let i of files as Array) {\n if (cancelFlag.value) return\n message.loading({ content: `[${current.value + 1}/${count}]` + '正在删除:' + i.name, key, duration: 0 });\n\n let res = await request.fileDelete({ id: i.id })\n if (res.error) {\n error.push(i.id)\n } else {\n mutate(i, true)\n }\n current.value++\n }\n\n let errorFiles = files.filter((i: IFile) => error.includes(i.id))\n if (errorFiles.length) {\n return modal.update({\n content: () => \n })\n } else {\n message.success({ content: '已成功删除', key, duration: 1 });\n }\n }\n\n }\n\n const setDisk = (data: IDrive, idx = -1, msg: string = '修改成功') => {\n const updateData = async (modifyData: IDrive) => {\n const saveData = [...config.drives]\n // console.log(saveData, idx)\n if (idx == -1) {\n saveData.push(modifyData)\n } else {\n saveData[idx] = modifyData\n }\n await setConfig({ drives: saveData }, msg)\n // update files\n\n if (!current.path || current.path == '/') {\n setPath({ path: '/' }, true)\n }\n modal.destroy()\n }\n\n const modal = Modal.confirm({\n class: 'fix-modal--alone',\n width: '720px',\n closable: true,\n content: (\n \n \n
\n ),\n onOk: () => { },\n })\n }\n\n const addDisk = () => {\n setDisk(\n {\n name: '',\n protocol: '',\n },\n -1,\n '创建成功'\n )\n }\n\n const removeDisk = async (files: IFile | Array) => {\n if (!Array.isArray(files)) {\n files = [files]\n }\n const execRemove = () => {\n const saveData = [...config.drives]\n\n for (let i of files as Array) {\n let idx = saveData.findIndex(j => j.id == i.extra?.config_id)\n if (idx) {\n saveData.splice(idx, 1)\n }\n }\n\n setConfig({ drives: saveData }, '删除成功')\n\n if (!current.path || current.path == '/') {\n setPath({ path: '/' }, true)\n }\n }\n\n //await request.removeDrive({drive: files.map(i => i.id) })\n\n let count = files.length\n Modal.confirm({\n title: '删除挂载盘',\n content: `确认删除 ${count == 1 ? files[0].name : `${count} 项`}？`,\n\n onOk() {\n execRemove()\n },\n onCancel() {\n }\n })\n }\n\n const remoteDownload = (i: any) => {\n let url = ref('')\n let threadNum = ref(1)\n\n const onSave = async () => {\n if (url.value) {\n let res = await request.fileUpdate({ dest: i.id, id: url.value, threadNum: threadNum.value })\n if (res.error) {\n message.error(res.error.message)\n throw new Error()\n } else {\n message.success('任务创建成功')\n modal.destroy()\n }\n }\n }\n\n\n const modal = Modal.confirm({\n class: 'pure-modal',\n width: '500px',\n closable: true,\n autoFocusButton: null,\n title: () => 离线下载
,\n content: () => (\n \n
\n
\n {\n i.remoteDownload != false ?
:
\n }\n\n {\n useFocus(