befly-admin-ui 1.10.8 → 1.10.10

package/views/config/system/components/edit.vue

@@ -51,10 +51,10 @@
 </template>
 
 <script setup>
+import PageDialog from "befly-admin-ui/components/pageDialog.vue";
+import { Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, Select as TSelect, Option as TOption, RadioGroup as TRadioGroup, Radio as TRadio, MessagePlugin } from "tdesign-vue-next";
 import { computed, reactive } from "vue";
 
-import { Form as TForm, FormItem as TFormItem, Input as TInput, Textarea as TTextarea, InputNumber as TInputNumber, Select as TSelect, Option as TOption, RadioGroup as TRadioGroup, Radio as TRadio, MessagePlugin } from "tdesign-vue-next";
-import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import { $Http } from "@/plugins/http.js";
 
 const $Prop = defineProps({
@@ -75,7 +75,7 @@ const $Prop = defineProps({
 const $Emit = defineEmits(["update:modelValue", "success"]);
 
 const $Const = {
-    createDefaultFormData() {
+    createDefaultFormData: function () {
         return {
             id: 0,
             name: "",
@@ -121,14 +121,14 @@ const $Computed = reactive({
 });
 
 const $Method = {
-    resetFormData() {
+    resetFormData: function () {
         Object.assign($Data.formData, $Const.createDefaultFormData());
         $Data.isSystem = false;
     },
-    initData() {
+    initData: function () {
         $Method.onShow();
     },
-    onShow() {
+    onShow: function () {
         if ($Prop.actionType === "upd" && $Prop.rowData) {
             const row = $Prop.rowData;
             $Data.formData.id = row["id"] || 0;
@@ -146,7 +146,7 @@ const $Method = {
 
         $Method.resetFormData();
     },
-    async onSubmit(context) {
+    onSubmit: async function (context) {
         const form = $From.formRef;
         if (!form) {
             MessagePlugin.warning("表单未就绪");

package/views/config/system/index.vue

@@ -67,13 +67,14 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon } from "tdesign-icons-vue-next";
-import EditDialog from "./components/edit.vue";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
+import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon } from "tdesign-icons-vue-next";
+import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
+
+import EditDialog from "./components/edit.vue";
 
 // 响应式数据
 const $Data = reactive({
@@ -125,16 +126,16 @@ const $Data = reactive({
 });
 
 const $Method = {
-    onAdd() {
+    onAdd: function () {
         $Method.onAction("add", {});
     },
-    handleFilter(reload) {
+    handleFilter: function (reload) {
         reload({ keepSelection: false, resetPage: true });
     },
-    onDialogSuccess(reload) {
+    onDialogSuccess: function (reload) {
         reload({ keepSelection: true });
     },
-    onAction(command, rowData) {
+    onAction: function (command, rowData) {
         $Data.actionType = command;
         if (command === "add") {
             $Data.rowData = {};
@@ -146,7 +147,7 @@ const $Method = {
             $Data.editVisible = true;
         }
     },
-    onDropdownAction(data, rowData, deleteRow) {
+    onDropdownAction: function (data, rowData, deleteRow) {
         const record = data;
         const rawValue = record && record["value"] ? record["value"] : "";
         const cmd = rawValue ? String(rawValue) : "";

package/views/index/components/addonList.vue

@@ -24,9 +24,10 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Tag as TTag } from "tdesign-vue-next";
 import { MenuIcon, SystemStorageIcon } from "tdesign-icons-vue-next";
+import { Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
+
 import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
@@ -35,7 +36,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    async fetchData() {
+    fetchData: async function () {
         try {
             const res = await $Http("/core/dashboard/addonList", {}, [""]);
             $Data.addonList.splice(0, $Data.addonList.length, ...res.data);

package/views/index/components/environmentInfo.vue

@@ -36,8 +36,9 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
 import { ServerIcon } from "tdesign-icons-vue-next";
+import { reactive } from "vue";
+
 import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
@@ -53,7 +54,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    async fetchData() {
+    fetchData: async function () {
         try {
             const res = await $Http("/core/dashboard/environmentInfo", {}, [""]);
             Object.assign($Data.environmentInfo, res.data);

package/views/index/components/operationLogs.vue

@@ -34,9 +34,9 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Tag as TTag } from "tdesign-vue-next";
 import { CodeIcon } from "tdesign-icons-vue-next";
+import { Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
 
 // 组件内部数据
 const $Const = {
@@ -50,7 +50,7 @@ const $Const = {
 };
 
 const $Method = {
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         const date = new Date(timestamp);
         const month = String(date.getMonth() + 1).padStart(2, "0");
         const day = String(date.getDate()).padStart(2, "0");

package/views/index/components/performanceMetrics.vue

@@ -41,8 +41,9 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
 import { ChartIcon, ErrorTriangleIcon } from "tdesign-icons-vue-next";
+import { reactive } from "vue";
+
 import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
@@ -57,7 +58,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    async fetchData() {
+    fetchData: async function () {
         try {
             const res = await $Http("/core/dashboard/performanceMetrics", {}, [""]);
             Object.assign($Data.performanceMetrics, res.data);

package/views/index/components/quickActions.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script setup>
-import { Button as TButton } from "tdesign-vue-next";
 import { RefreshIcon } from "tdesign-icons-vue-next";
+import { Button as TButton } from "tdesign-vue-next";
 
 const handleClearCache = () => {
     // TODO: 接入刷新缓存接口

package/views/index/components/serviceStatus.vue

@@ -21,8 +21,9 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
 import { CheckCircleIcon } from "tdesign-icons-vue-next";
+import { reactive } from "vue";
+
 import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
@@ -39,7 +40,7 @@ const $Const = {
 };
 
 const $Method = {
-    async fetchData() {
+    fetchData: async function () {
         try {
             const res = await $Http("/core/dashboard/serviceStatus", {}, [""]);
             const nextServices = Array.isArray(res.data?.services) ? res.data.services.filter((service) => service?.name !== "OSS存储") : [];
@@ -48,7 +49,7 @@ const $Method = {
             // 静默失败：不阻断页面展示
         }
     },
-    getStatusText(status) {
+    getStatusText: function (status) {
         return $Const.statusTextMap[status] || status;
     }
 };

package/views/index/components/systemNotifications.vue

@@ -26,9 +26,9 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Tag as TTag } from "tdesign-vue-next";
 import { CheckCircleIcon, CloseCircleIcon, ErrorTriangleIcon, InfoCircleIcon, NotificationIcon } from "tdesign-icons-vue-next";
+import { Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
 
 // 组件内部数据
 const $Const = {
@@ -41,7 +41,7 @@ const $Const = {
 };
 
 const $Method = {
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         const date = new Date(timestamp);
         const now = Date.now();
         const diff = now - timestamp;

package/views/index/components/systemOverview.vue

@@ -190,9 +190,9 @@
 </template>
 
 <script setup>
-import { computed, reactive } from "vue";
-import { Option as TOption, Select as TSelect } from "tdesign-vue-next";
 import { InfoCircleIcon, TrendingUpIcon } from "tdesign-icons-vue-next";
+import { Option as TOption, Select as TSelect } from "tdesign-vue-next";
+import { computed, reactive } from "vue";
 
 import { $Config } from "@/plugins/config.js";
 import { $Http } from "@/plugins/http.js";
@@ -235,7 +235,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    buildFallbackProduct() {
+    buildFallbackProduct: function () {
         const days = $Method.sortTrendList($Data.realtimeStats.days, "reportDate");
 
         return {
@@ -252,7 +252,7 @@ const $Method = {
             totalUv: $Method.sumTrendField(days, "uv")
         };
     },
-    getReportDateNumber(timestamp) {
+    getReportDateNumber: function (timestamp) {
         return Number(
             new Intl.DateTimeFormat("en-CA", {
                 year: "numeric",
@@ -263,7 +263,7 @@ const $Method = {
                 .replace(/[^0-9]/g, "")
         );
     },
-    buildRecentReportDateList(limit) {
+    buildRecentReportDateList: function (limit) {
         const list = [];
 
         for (let i = limit - 1; i >= 0; i--) {
@@ -272,7 +272,7 @@ const $Method = {
 
         return list;
     },
-    buildFilledTrendDays(list, limit) {
+    buildFilledTrendDays: function (list, limit) {
         const dateList = $Method.buildRecentReportDateList(limit);
         const dataMap = new Map();
 
@@ -294,7 +294,7 @@ const $Method = {
             );
         });
     },
-    sumTrendRange(list) {
+    sumTrendRange: function (list) {
         let pv = 0;
         let uv = 0;
 
@@ -308,7 +308,7 @@ const $Method = {
             uv: uv
         };
     },
-    ensureSelectedProduct() {
+    ensureSelectedProduct: function () {
         const list = $Computed.productOptions;
 
         if (list.length === 0) {
@@ -323,10 +323,10 @@ const $Method = {
         const currentProduct = list.find((item) => item.productName === $Data.productInfo.productName);
         $Data.productState.selectedKey = currentProduct?.key || "all-products";
     },
-    selectProduct(productKey) {
+    selectProduct: function (productKey) {
         $Data.productState.selectedKey = String(productKey || "");
     },
-    sumTrendField(list, field) {
+    sumTrendField: function (list, field) {
         let total = 0;
 
         for (const item of list) {
@@ -335,13 +335,13 @@ const $Method = {
 
         return total;
     },
-    sortTrendList(list, keyField) {
+    sortTrendList: function (list, keyField) {
         const result = Array.isArray(list) ? list.slice() : [];
 
         result.sort((a, b) => Number(a?.[keyField] || 0) - Number(b?.[keyField] || 0));
         return result;
     },
-    buildTrendPreview(list, maxCount) {
+    buildTrendPreview: function (list, maxCount) {
         if (list.length <= maxCount) {
             return list;
         }
@@ -362,7 +362,7 @@ const $Method = {
 
         return preview;
     },
-    buildTrendBars(list, maxValue) {
+    buildTrendBars: function (list, maxValue) {
         const result = [];
 
         for (const item of list) {
@@ -380,7 +380,7 @@ const $Method = {
 
         return result;
     },
-    getTrendMax(list) {
+    getTrendMax: function (list) {
         let max = 0;
 
         for (const item of list) {
@@ -398,7 +398,7 @@ const $Method = {
 
         return max > 0 ? max : 1;
     },
-    formatDeviceType(deviceType) {
+    formatDeviceType: function (deviceType) {
         if (deviceType === "desktop") {
             return "桌面端";
         }
@@ -425,7 +425,7 @@ const $Method = {
 
         return String(deviceType || "Unknown");
     },
-    formatReportDate(reportDate) {
+    formatReportDate: function (reportDate) {
         const text = String(reportDate || "");
 
         if (text.length !== 8) {
@@ -434,7 +434,7 @@ const $Method = {
 
         return `${text.slice(4, 6)}-${text.slice(6, 8)}`;
     },
-    async fetchData() {
+    fetchData: async function () {
         try {
             const [overviewRes, onlineStatsRes, infoStatsRes, errorStatsRes] = await Promise.all([$Http("/core/dashboard/systemOverview", {}, [""]), $Http("/core/tongJi/onlineStats", {}, [""]), $Http("/core/tongJi/infoStats", {}, [""]), $Http("/core/tongJi/errorStats", {}, [""])]);
 

package/views/index/components/systemResources.vue

@@ -33,8 +33,9 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
 import { ChartIcon } from "tdesign-icons-vue-next";
+import { reactive } from "vue";
+
 import { $Http } from "@/plugins/http.js";
 
 // 组件内部数据
@@ -47,7 +48,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    async fetchData() {
+    fetchData: async function () {
         try {
             const res = await $Http("/core/dashboard/systemResources", {}, [""]);
             Object.assign($Data.systemResources, res.data);

package/views/index/components/userInfo.vue

@@ -39,9 +39,10 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Button as TButton, MessagePlugin } from "tdesign-vue-next";
 import { CallIcon, MailIcon, RefreshIcon, TimeIcon, UserIcon } from "tdesign-icons-vue-next";
+import { Button as TButton, MessagePlugin } from "tdesign-vue-next";
+import { reactive } from "vue";
+
 import { $Http } from "@/plugins/http.js";
 
 // 响应式数据
@@ -51,7 +52,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    async fetchData() {
+    fetchData: async function () {
         try {
             const res = await $Http("/core/admin/detail", {}, [""]);
             Object.assign($Data.userInfo, res.data);
@@ -59,7 +60,7 @@ const $Method = {
             MessagePlugin.error(error.msg || error.message || "获取用户信息失败");
         }
     },
-    async handleRefreshCache() {
+    handleRefreshCache: async function () {
         try {
             $Data.refreshing = true;
             const result = await $Http("/core/admin/cacheRefresh");
@@ -86,7 +87,7 @@ const $Method = {
             $Data.refreshing = false;
         }
     },
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         if (!timestamp) return "";
         const date = new Date(Number(timestamp));
         const now = new Date();

package/views/index/index.vue

@@ -20,11 +20,11 @@
 </template>
 
 <script setup>
-import SystemOverview from "./components/systemOverview.vue";
+import EnvironmentInfo from "./components/environmentInfo.vue";
+import PerformanceMetrics from "./components/performanceMetrics.vue";
 import ServiceStatus from "./components/serviceStatus.vue";
+import SystemOverview from "./components/systemOverview.vue";
 import SystemResources from "./components/systemResources.vue";
-import PerformanceMetrics from "./components/performanceMetrics.vue";
-import EnvironmentInfo from "./components/environmentInfo.vue";
 </script>
 
 <style scoped lang="scss">

package/views/log/email/index.vue

@@ -70,17 +70,18 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Button as TButton, Form as TForm, FormItem as TFormItem, Input as TInput, MessagePlugin, Tag as TTag, Textarea as TTextarea } from "tdesign-vue-next";
-import { CheckCircleIcon, SendIcon } from "tdesign-icons-vue-next";
-import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
-import { $Http } from "@/plugins/http.js";
+import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
+import { CheckCircleIcon, SendIcon } from "tdesign-icons-vue-next";
+import { Button as TButton, Form as TForm, FormItem as TFormItem, Input as TInput, MessagePlugin, Tag as TTag, Textarea as TTextarea } from "tdesign-vue-next";
+import { reactive } from "vue";
+
+import { $Http } from "@/plugins/http.js";
 
 const $Const = {
-    createSendForm() {
+    createSendForm: function () {
         return {
             to: "",
             cc: "",
@@ -126,14 +127,14 @@ const $Data = reactive({
 });
 
 const $Method = {
-    onCancelSend() {
+    onCancelSend: function () {
         $Data.sendDialogVisible = false;
     },
-    openSendDialog() {
+    openSendDialog: function () {
         $Data.sendForm = $Const.createSendForm();
         $Data.sendDialogVisible = true;
     },
-    async onSend(reload, context) {
+    onSend: async function (reload, context) {
         const form = $From.sendFormRef;
         if (!form) {
             MessagePlugin.warning("表单未就绪");
@@ -168,7 +169,7 @@ const $Method = {
             $Data.sending = false;
         }
     },
-    async onVerify() {
+    onVerify: async function () {
         try {
             await $Http("/core/email/verify");
             MessagePlugin.success("邮件服务配置正常");
@@ -176,7 +177,7 @@ const $Method = {
             MessagePlugin.error(error.msg || error.message || "验证失败");
         }
     },
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         if (!timestamp) return "-";
         const date = new Date(timestamp);
         const year = date.getFullYear();

package/views/log/error/index.vue

@@ -91,12 +91,12 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Button as TButton, Input as TInput, MessagePlugin, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { SearchIcon } from "tdesign-icons-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
+import { SearchIcon } from "tdesign-icons-vue-next";
+import { Button as TButton, Input as TInput, MessagePlugin, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
 
 const $Data = reactive({
     columns: withDefaultColumns([
@@ -170,13 +170,13 @@ const $Data = reactive({
 });
 
 const $Method = {
-    handleFilter(reload) {
+    handleFilter: function (reload) {
         reload({ keepSelection: false, resetPage: true });
     },
-    isDetailExpanded(id) {
+    isDetailExpanded: function (id) {
         return Number($Data.detailExpandedId) === Number(id || 0);
     },
-    toggleDetailExpand(id) {
+    toggleDetailExpand: function (id) {
         const nextId = Number(id || 0);
 
         if (Number($Data.detailExpandedId) === nextId) {
@@ -186,7 +186,7 @@ const $Method = {
 
         $Data.detailExpandedId = nextId;
     },
-    async handleCopyDetail(value) {
+    handleCopyDetail: async function (value) {
         const text = $Method.formatDetail(value);
         if (text === "-") {
             MessagePlugin.warning("暂无可复制的错误详情");
@@ -200,7 +200,7 @@ const $Method = {
             MessagePlugin.error("复制失败，请检查浏览器剪贴板权限");
         }
     },
-    getErrorTheme(errorType) {
+    getErrorTheme: function (errorType) {
         if (errorType === "vue") {
             return "danger";
         }
@@ -215,7 +215,7 @@ const $Method = {
 
         return "default";
     },
-    formatErrorType(errorType) {
+    formatErrorType: function (errorType) {
         if (errorType === "vue") {
             return "Vue";
         }
@@ -230,7 +230,7 @@ const $Method = {
 
         return errorType || "Unknown";
     },
-    formatDeviceType(deviceType) {
+    formatDeviceType: function (deviceType) {
         if (deviceType === "desktop") {
             return "桌面端";
         }
@@ -249,7 +249,7 @@ const $Method = {
 
         return deviceType || "Unknown";
     },
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         const value = Number(timestamp || 0);
 
         if (!value) {
@@ -270,7 +270,7 @@ const $Method = {
         const seconds = String(date.getSeconds()).padStart(2, "0");
         return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
     },
-    formatDetail(value) {
+    formatDetail: function (value) {
         if (!value) {
             return "-";
         }

package/views/log/login/index.vue

@@ -31,11 +31,11 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Tag as TTag } from "tdesign-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
+import { Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
 
 // 响应式数据
 const $Data = reactive({
@@ -66,7 +66,7 @@ const $Data = reactive({
 });
 
 const $Method = {
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         if (!timestamp) return "-";
         const date = new Date(timestamp);
         const year = date.getFullYear();

package/views/log/operate/index.vue

@@ -54,11 +54,11 @@
 </template>
 
 <script setup>
-import { reactive } from "vue";
-import { Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
+import { Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
+import { reactive } from "vue";
 
 // 响应式数据
 const $Data = reactive({
@@ -115,10 +115,10 @@ const $Data = reactive({
 });
 
 const $Method = {
-    handleFilter(reload) {
+    handleFilter: function (reload) {
         reload({ keepSelection: false, resetPage: true });
     },
-    formatTime(timestamp) {
+    formatTime: function (timestamp) {
         if (!timestamp) return "-";
         const date = new Date(timestamp);
         const year = date.getFullYear();
@@ -129,7 +129,7 @@ const $Method = {
         const seconds = String(date.getSeconds()).padStart(2, "0");
         return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
     },
-    formatJson(value) {
+    formatJson: function (value) {
         if (!value) return "-";
         try {
             const obj = typeof value === "string" ? JSON.parse(value) : value;