@chenghongyu/xpt-file-viewer 1.1.0

package/src/composables/admin/storage/storage-filter.js

@@ -0,0 +1,64 @@
+import { isEmpty } from "~/utils";
+import {loadStorageFilterReq, saveStorageFilterReq} from "~/api/admin/admin-storage";
+
+let list = ref([]);
+let loading = ref(false);
+
+export default function useStorageFilter(router, route) {
+    let currentStorageId = route.params.storageId;
+
+    const loadData = () => {
+        loadStorageFilterReq(currentStorageId).then((response) => {
+            list.value = response.data;
+            if (list.value.length === 0) {
+                addItem();
+            }
+        });
+    }
+
+    const saveData = () => {
+        let notFill = list.value.find((value) => {
+            if (isEmpty(value.expression)) {
+                ElMessage.warning('请检查数据填写是否完整');
+                return true;
+            }
+        });
+
+        if (!notFill) {
+            loading.value = true;
+            saveStorageFilterReq(currentStorageId, list.value).then(() => {
+                ElMessageBox.confirm('保存成功, 是否返回存储源列表？', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'success',
+                    callback: action => {
+                        if (action === 'confirm') {
+                            router.push('/admin/storage-list');
+                        }
+                    }
+                });
+            }).finally(() => {
+                loading.value = false;
+            });
+        }
+    }
+
+    const addItem = () => {
+        list.value.push({
+            mode: 'hidden',
+            expression: '',
+            storageId: currentStorageId,
+            description: '表达式 - ' + list.value.length
+        });
+    }
+
+    const deleteItem = (index) => {
+        list.value.splice(index, 1);
+    }
+
+    return {
+        loading, loadData, list,
+        addItem, deleteItem,
+        saveData
+    }
+}

package/src/composables/admin/storage/storage-list.js

@@ -0,0 +1,202 @@
+import {
+    deleteStorageReq,
+    loadStorageListReq,
+    storageSortReq,
+    switchCacheAutoRefreshReq,
+    switchCacheEnableReq,
+    switchEnableReq
+} from "~/api/admin/admin-storage";
+import Sortable from "sortablejs";
+import { isMobile } from "~/utils";
+
+let cacheManageVisible = ref(false);
+let currentCacheManageId = ref();
+
+let loading = ref(false);
+let storageList = ref([]);
+let searchKey = ref('');
+
+import useStorageCopy from '~/composables/admin/storage/storage-copy'
+const { openDialog: openCopyStorageDialog } = useStorageCopy();
+
+export default function useStorageList(router) {
+
+    // 添加存储源
+    const addStorage = () => {
+        router.push('/admin/storage-edit');
+    }
+
+    // 编辑存储源
+    const editStorage = (row) => {
+        router.push('/admin/storage-edit/' + row.id);
+    }
+
+    // 删除存储源
+    const deleteStorage = (row) => {
+        ElMessageBox.confirm('是否确认删除？', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+            callback: action => {
+                if (action === 'confirm') {
+                    deleteStorageReq(row.id).then((response) => {
+                        ElMessage.success('删除成功');
+                        init();
+                    });
+                }
+            }
+        });
+    }
+
+    // 响应关闭操作提示.
+    const handleClose = (done) => {
+        ElMessageBox.confirm('是否确认关闭？关闭后填写的数据不会保留。', {
+            type: 'warning',
+        }).then(_ => {
+            done();
+        }).catch(_ => {
+        });
+    }
+
+    // 跳转到文件夹过滤设置
+    const showFilterPage = (row) => {
+        router.push('/admin/storage-filter/' + row.id);
+    }
+
+    // 跳转到文件夹文档设置
+    const showReadmePage = (row) => {
+        router.push('/admin/storage-readme/' + row.id);
+    }
+
+    // 跳转到文件夹密码设置
+    const showPasswordPage = (row) => {
+        router.push('/admin/storage-password/' + row.id);
+    }
+
+    // 切换存储源启用/关闭状态
+    const switchEnableStatus = (row) => {
+        ElMessageBox.confirm(`是否确认${row.enable ? '停用' : '启用'}存储源。`, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+            callback: action => {
+                if (action === 'confirm') {
+                    let enableStatus = row.enable ? 'disable' : 'enable';
+                    switchEnableReq(row.id, enableStatus).then(() => {
+                        ElMessage.success((row.enable ? '停用' : '启用')  + '成功');
+                        row.enable = !row.enable;
+                    })
+                }
+            }
+        });
+    }
+
+    // 切换缓存启用/关闭状态
+    const switchCacheEnableStatus = (row) => {
+        let action = row.enableCache ? 'enable' : 'disable';
+        switchCacheEnableReq(row.id, action).then(() => {
+            ElMessage.success('修改成功');
+        })
+    }
+
+    // 切换缓存启用/关闭自动刷新状态
+    const switchCacheAutoRefreshStatus = (row) => {
+        let action = row.autoRefreshCache ? 'start' : 'stop';
+        switchCacheAutoRefreshReq(row.id, action).then(() => {
+            ElMessage.success('修改成功');
+        })
+    }
+
+    // 权限管理
+    const showPermissionPage = (row) => {
+        router.push('/admin/storage-premission/' + row.id);
+    }
+
+    // 缓存管理
+    const cacheManage = (row) => {
+        currentCacheManageId.value = row.id;
+        cacheManageVisible.value = true;
+    }
+
+    // 响应操作指令
+    const handleOperator = (command) => {
+        switch (command.operator) {
+            case "edit": editStorage(command.storage); break;
+            case "enable": switchEnableStatus(command.storage); break;
+            case "readmeManager": showReadmePage(command.storage); break;
+            case "cacheManager": cacheManage(command.storage); break;
+            case "filterManager": showFilterPage(command.storage); break;
+            case "pwdManager":  showPasswordPage(command.storage); break;
+            case "delete": deleteStorage(command.storage); break;
+            case "permissionManager": showPermissionPage(command.storage); break;
+            case "copy": openCopyStorageDialog(command.storage); break;
+        }
+    }
+
+    // 设置可拖动排序
+    const setSort = () => {
+        const el = document.querySelector('.storage-container')
+        Sortable.create(el, {
+            draggable: '.storage-item',
+            filter: '.add-storage-btn',
+            delay: isMobile.value ? 300 : 0,
+            onEnd: e => {
+                if (e.oldIndex === e.newIndex) {
+                    return;
+                }
+
+                const currRow = storageList.value.splice(e.oldIndex, 1)[0];
+                storageList.value.splice(e.newIndex, 0, currRow)
+
+                storageSortReq(storageList.value).then(() => {
+                    ElMessage.success('调整排序成功');
+                });
+            }
+        })
+    }
+
+    // 初始化
+    const init = () => {
+        loading.value = true;
+        loadStorageListReq().then((response) => {
+            storageList.value = response.data;
+            setSort();
+            loading.value = false;
+        });
+    }
+
+    // 存储源列表计算属性, 用于显示右上角搜索框对应的搜索结果.
+    const storageListSearchResult = computed(() => {
+        if (searchKey.value === '') {
+            return storageList.value;
+        }
+
+        // 如果名字或备注或存储源类型包含输入关键字，则作为检索结果.
+        return storageList.value.filter((item) => {
+            if (item.name && item.name.toLowerCase().indexOf(searchKey.value.toLowerCase()) !== -1) {
+                return true;
+            }
+            if (item.remark && item.remark.toLowerCase().indexOf(searchKey.value.toLowerCase()) !== -1) {
+                return true;
+            }
+            if (item.type && item.type.description.toLowerCase().indexOf(searchKey.value.toLowerCase()) !== -1) {
+                return true;
+            }
+            if (item.type && item.type.key.toLowerCase().indexOf(searchKey.value.toLowerCase()) !== -1) {
+                return true;
+            }
+            return false;
+        });
+    })
+
+
+    return {
+        init, loading,
+        searchKey, storageListSearchResult,
+        handleOperator,
+        addStorage, editStorage, deleteStorage, handleClose,
+        showFilterPage, showReadmePage, showPasswordPage,
+        switchEnableStatus,
+        cacheManageVisible, currentCacheManageId, switchCacheEnableStatus, switchCacheAutoRefreshStatus, cacheManage,
+    }
+}

package/src/composables/admin/storage/storage-password.js

@@ -0,0 +1,101 @@
+import {loadStoragePasswordReq, saveStoragePasswordReq} from "~/api/admin/admin-storage";
+
+let list = ref([]);
+let loading = ref(false);
+import Sortable from "sortablejs";
+import { isEmpty } from "~/utils";
+
+export default function useStoragePassword(router, route) {
+    let currentStorageId = route.params.storageId;
+
+    const loadData = () => {
+        loadStoragePasswordReq(currentStorageId).then((response) => {
+            list.value = response.data;
+            if (list.value.length === 0) {
+                addItem();
+            }
+            setSort();
+        });
+    }
+
+    const setSort = () => {
+        const el = document.querySelectorAll('.el-table__body-wrapper table > tbody')[0]
+        if (el) {
+            Sortable.create(el, {
+                filter: ".el-button",
+                onEnd: e => {
+                    if (e.oldIndex === e.newIndex) {
+                        return;
+                    }
+                    const targetRow = list.value.splice(e.oldIndex, 1)[0];
+                    list.value.splice(e.newIndex, 0, targetRow);
+                }
+            })
+        }
+    }
+
+    const saveData = () => {
+        let notFill = list.value.find((value) => {
+            if (isEmpty(value.description) || isEmpty(value.expression) || isEmpty(value.password)) {
+                ElMessage.warning('请检查数据填写是否完整');
+                return true;
+            }
+        });
+
+
+        if (!notFill) {
+            loading.value = true;
+            for (let i = 0; i < list.value.length; i++) {
+                let valueElement = list.value[i];
+                valueElement.id = (i + 1);
+            }
+            saveStoragePasswordReq(currentStorageId, list.value).then(() => {
+                ElMessageBox.confirm('保存成功, 是否返回存储源列表？', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'success',
+                    callback: action => {
+                        if (action === 'confirm') {
+                            router.push('/admin/storage-list');
+                        }
+                    }
+                });
+            }).finally(() => {
+                loading.value = false;
+            });
+        }
+    }
+
+    const addItem = () => {
+        list.value.push({
+            description: '表达式 - ' + (list.value.length + 1),
+            expression: '',
+            password: '',
+            storageId: currentStorageId
+        });
+    }
+
+    const deleteItem = (index) => {
+        list.value.splice(index, 1);
+    }
+
+    const moveUp = (index) => {
+        if (index === 0) return;
+        const item = list.value[index];
+        list.value.splice(index, 1);
+        list.value.splice(index - 1, 0, item);
+    };
+
+    const moveDown = (index) => {
+        if (index === list.value.length - 1) return;
+        const item = list.value[index];
+        list.value.splice(index, 1);
+        list.value.splice(index + 1, 0, item);
+    };
+
+    return {
+        loading, loadData, list,
+        addItem, deleteItem, moveUp, moveDown,
+        saveData
+    }
+}

package/src/composables/admin/storage/storage-readme.js

@@ -0,0 +1,102 @@
+import { isEmpty } from "~/utils";
+import {loadStorageReadmeReq, saveStorageReadmeReq} from "~/api/admin/admin-storage";
+
+let list = ref([]);
+let loading = ref(false);
+import Sortable from "sortablejs";
+
+export default function useStorageReadme(router, route) {
+    let currentStorageId = route.params.storageId;
+
+    const loadData = () => {
+        loadStorageReadmeReq(currentStorageId).then((response) => {
+            list.value = response.data;
+            if (list.value.length === 0) {
+                addItem();
+            }
+            setSort();
+        });
+    }
+
+    const setSort = () => {
+        const el = document.querySelectorAll('.el-table__body-wrapper table > tbody')[0]
+        if (el) {
+            Sortable.create(el, {
+                filter: ".el-button",
+                onEnd: e => {
+                    if (e.oldIndex === e.newIndex) {
+                        return;
+                    }
+                    const targetRow = list.value.splice(e.oldIndex, 1)[0];
+                    list.value.splice(e.newIndex, 0, targetRow);
+                }
+            })
+        }
+    }
+
+    const saveData = () => {
+        let notFill = list.value.find((value) => {
+            if (isEmpty(value.description) || isEmpty(value.expression) || isEmpty(value.readmeText)) {
+                ElMessage.warning('请检查数据填写是否完整');
+                return true;
+            }
+        });
+
+
+        if (!notFill) {
+            loading.value = true;
+            for (let i = 0; i < list.value.length; i++) {
+                let valueElement = list.value[i];
+                valueElement.id = (i + 1);
+            }
+            saveStorageReadmeReq(currentStorageId, list.value).then(() => {
+                ElMessageBox.confirm('保存成功, 是否返回存储源列表？', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'success',
+                    callback: action => {
+                        if (action === 'confirm') {
+                            router.push('/admin/storage-list');
+                        }
+                    }
+                });
+            }).finally(() => {
+                loading.value = false;
+            });
+        }
+    }
+
+    const addItem = () => {
+        list.value.push({
+            description: '表达式 - ' + (list.value.length + 1),
+            expression: '',
+            readmeText: '',
+            displayMode: 'top',
+            storageId: currentStorageId
+        });
+    }
+
+    const deleteItem = (index) => {
+        list.value.splice(index, 1);
+    }
+
+    const moveUp = (index) => {
+        if (index === 0) return;
+        const item = list.value[index];
+        list.value.splice(index, 1);
+        list.value.splice(index - 1, 0, item);
+    };
+
+    const moveDown = (index) => {
+        if (index === list.value.length - 1) return;
+        const item = list.value[index];
+        list.value.splice(index, 1);
+        list.value.splice(index + 1, 0, item);
+    };
+
+    return {
+        loading, loadData, list,
+        addItem, deleteItem, moveUp, moveDown,
+        saveData
+    }
+}

package/src/composables/admin/storage/utils/open115-util.js

@@ -0,0 +1,61 @@
+import { authDeviceCodeReq, getStatusReq } from "~/api/tools/tools-115";
+import { encodeData, rendererRect } from 'beautify-qrcode';
+
+/**
+ * svg 转为 src data uri
+ * @param   svgText     svg 文本
+ * @returns {string}    src data uri
+ */
+const svgToDataUri = (svgText) => {
+  let xmlElement = document.createElement("xml")
+  xmlElement.innerHTML = svgText;
+
+  // 增加 svg 底色, 防止复制后是透明.
+  let rectElement = document.createElement("rect")
+  rectElement.setAttribute('width', '100%');
+  rectElement.setAttribute('height', '100%');
+  rectElement.style.fill = '#ffffff';
+
+  xmlElement.children[0].prepend(rectElement);
+
+  return 'data:image/svg+xml;utf8,' + encodeURIComponent(xmlElement.innerHTML);
+}
+
+export default function useOpen115Util() {
+
+  const qrCode = ref("");
+  const qrCodeStatus = ref({
+    status: "",
+    errorMessage: "",
+    accessToken: "",
+    refreshToken: "",
+  });
+
+  const generateQrCode = (appId) => {
+    authDeviceCodeReq({ appId: appId }).then(res => {
+      getQrCodeStatus(res.data);
+
+      qrCodeStatus.value.status = "waiting";
+
+      // 生成二维码
+      qrCode.value = svgToDataUri(rendererRect(encodeData({
+        text: res.data.qrcode,
+        correctLevel: 2,
+        isSpace: false
+      })))
+    })
+  }
+
+  const getQrCodeStatus = (data) => {
+    getStatusReq(data).then(res => {
+      qrCodeStatus.value = res.data;
+      if (qrCodeStatus.value.status === "scanning" || qrCodeStatus.value.status === "waiting") {
+        getQrCodeStatus(data);
+      }
+    });
+  }
+
+  return {
+    generateQrCode, qrCode, qrCodeStatus
+  }
+}

package/src/composables/admin/useAdminSetting.js

@@ -0,0 +1,60 @@
+import { loadConfigReq } from "~/api/admin/admin-setting";
+import { useRequest } from "vue-request";
+
+export default function useAdminSetting(saveReq, formRef) {
+
+	const siteSetting = ref(null);
+
+	// 加载请求
+	const {
+		loading: siteSettingLoading,
+		refresh: siteSettingReload
+	} = useRequest(loadConfigReq, {
+		cacheKey: "siteSetting",
+		onSuccess(res) {
+			siteSetting.value = res.data;
+		}
+	});
+
+	// 保存请求
+	const {
+		loading: saveLoading,
+		run: saveSetting
+	} = useRequest(saveReq, {
+		manual: true,
+		onSuccess() {
+			ElMessage({
+				message: "保存成功",
+				type: "success"
+			});
+		}
+	});
+
+	const saveData = (alertMsg) => {
+		if (formRef && formRef.value) {
+			formRef.value.validate((errors, fields) => {
+				if (errors) {
+					saveSetting(siteSetting.value);
+				} else if (alertMsg === true) {
+					for (let key in fields) {
+						let msg = '';
+						for (let i = 0; i < fields[key].length; i++) {
+							msg += fields[key][i].message;
+							if (i < fields[key].length - 1) {
+								msg += ', ';
+							}
+						}
+						ElMessage.warning(msg);
+					}
+				}
+			});
+		} else {
+			saveSetting(siteSetting.value);
+		}
+	};
+
+	return {
+		siteSetting, siteSettingLoading, siteSettingReload,
+		saveData, saveLoading
+	};
+}

package/src/composables/admin/useClientInfo.js

@@ -0,0 +1,20 @@
+import { getClientIpReq } from "~/api/admin/admin-setting";
+
+export default function useClientInfo() {
+
+  // 获取当前客户端 IP
+  const clientIp = ref('');
+  onBeforeMount(() => {
+    getClientIpReq().then(res => {
+      clientIp.value = res.data;
+    });
+  })
+
+  // 获取当前浏览器 UserAgent
+  const userAgent = ref(navigator.userAgent);
+
+  return {
+    clientIp, userAgent
+  };
+
+}

package/src/composables/admin/user/user-copy.js

@@ -0,0 +1,79 @@
+import { copyUserReq, checkUsernameDuplicateReq } from "~/api/admin/admin-user";
+
+const formData = reactive({
+  toUsername: '',
+  toNickname: '',
+  toPassword: '',
+  fromId: null
+});
+
+const rules = {
+  toUsername: [
+    { required: true, message: '请输入新用户名' },
+    { min: 1, max: 255, message: '长度应在 1 到 255 个字符', trigger: 'blur' },
+    {
+      validator: (rule, value, callback) => {
+        if (value === undefined || value === null || value === '') {
+          callback();
+          return;
+        }
+        checkUsernameDuplicateReq({ username: value }).then((res) => {
+          if (res.data) {
+            callback(new Error('该用户名已存在，请修改。'));
+          } else {
+            callback();
+          }
+        })
+      }
+    }
+  ],
+  toNickname: [
+    { required: true, message: '请输入新用户昵称', trigger: 'blur' },
+  ],
+}
+
+const dialogVisible = ref(false);
+const saveLoading = ref(false);
+export default function useUserCopy() {
+
+  const openDialog = (row) => {
+    dialogVisible.value = true;
+    formData.fromId = row.id;
+    formData.toUsername = row.username;
+    formData.toNickname = row.nickname;
+  }
+
+  const closeDialog = () => {
+    dialogVisible.value = false;
+  }
+
+  const userCopyFormRef = ref(null);
+
+  const submitForm = (emit) => {
+    saveLoading.value = true;
+    userCopyFormRef.value.validate((valid) => {
+      if (valid) {
+        copyUserReq(formData).then((res) => {
+            ElMessage.success('复制成功');
+            dialogVisible.value = false;
+            emit('close');
+        }).finally(() => {
+          saveLoading.value = false;
+        })
+      } else {
+        saveLoading.value = false;
+      }
+    });
+  };
+
+  return {
+    dialogVisible,
+    openDialog,
+    closeDialog,
+    formData,
+    rules,
+    userCopyFormRef,
+    submitForm,
+    saveLoading
+  }
+}