feat: Optimize frontend structure (#12475)

frontend/src/views/database/mysql/conn/index.vue

@@ -125,7 +125,8 @@ import { ElForm } from 'element-plus';
 import { getDatabase, loadRemoteAccess, updateMysqlAccess, updateMysqlPassword } from '@/api/modules/database';
 import { getAppConnInfo } from '@/api/modules/app';
 import { MsgSuccess } from '@/utils/message';
-import { getRandomStr, copyText } from '@/utils/util';
+import { getRandomStr } from '@/utils/id';
+import { copyText } from '@/utils/clipboard';
 import { getAgentSettingInfo } from '@/api/modules/setting';
 import { GlobalStore } from '@/store';
 const globalStore = GlobalStore();

frontend/src/views/database/mysql/create/index.vue

@@ -76,8 +76,7 @@ import i18n from '@/lang';
 import { ElForm } from 'element-plus';
 import { addMysqlDB, loadFormatCollations } from '@/api/modules/database';
 import { MsgSuccess } from '@/utils/message';
-import { getRandomStr } from '@/utils/util';
-
+import { getRandomStr } from '@/utils/id';
 const loading = ref();
 const createVisible = ref(false);
 const formatOptions = ref();

frontend/src/views/database/mysql/index.vue

@@ -278,7 +278,7 @@ import Backups from '@/components/backup/index.vue';
 import UploadDialog from '@/components/upload/index.vue';
 import PortJumpDialog from '@/components/port-jump/index.vue';
 import Tooltip from '@/components/tooltip/index.vue';
-import { dateFormat } from '@/utils/util';
+import { dateFormat } from '@/utils/date';
 import { ElMessageBox } from 'element-plus';
 import { computed, onMounted, reactive, ref } from 'vue';
 import {

frontend/src/views/database/mysql/remote/index.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script lang="ts" setup>
-import { dateFormat } from '@/utils/util';
+import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
 import AppResources from '@/views/database/mysql/check/index.vue';

frontend/src/views/database/mysql/setting/status/index.vue

@@ -181,7 +181,7 @@
 </template>
 <script lang="ts" setup>
 import { loadMysqlStatus } from '@/api/modules/database';
-import { computeSize } from '@/utils/util';
+import { computeSize } from '@/utils/size';
 import { reactive } from 'vue';
 
 let mysqlStatus = reactive({

frontend/src/views/database/postgresql/conn/index.vue

@@ -127,7 +127,8 @@ import { ElForm } from 'element-plus';
 import { getDatabase, updatePostgresqlPassword } from '@/api/modules/database';
 import { getAppConnInfo } from '@/api/modules/app';
 import { MsgSuccess } from '@/utils/message';
-import { getRandomStr, copyText } from '@/utils/util';
+import { getRandomStr } from '@/utils/id';
+import { copyText } from '@/utils/clipboard';
 import { getAgentSettingInfo } from '@/api/modules/setting';
 import { GlobalStore } from '@/store';
 const globalStore = GlobalStore();

frontend/src/views/database/postgresql/create/index.vue

@@ -49,8 +49,7 @@ import i18n from '@/lang';
 import { ElForm } from 'element-plus';
 import { addPostgresqlDB } from '@/api/modules/database';
 import { MsgSuccess } from '@/utils/message';
-import { getRandomStr } from '@/utils/util';
-
+import { getRandomStr } from '@/utils/id';
 const loading = ref();
 const createVisible = ref(false);
 const form = reactive({

frontend/src/views/database/postgresql/index.vue

@@ -246,7 +246,7 @@ import Backups from '@/components/backup/index.vue';
 import UploadDialog from '@/components/upload/index.vue';
 import PortJumpDialog from '@/components/port-jump/index.vue';
 import Tooltip from '@/components/tooltip/index.vue';
-import { dateFormat } from '@/utils/util';
+import { dateFormat } from '@/utils/date';
 import { computed, onMounted, reactive, ref } from 'vue';
 import {
     deleteCheckPostgresqlDB,

frontend/src/views/database/postgresql/remote/index.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script lang="ts" setup>
-import { dateFormat } from '@/utils/util';
+import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
 import AppResources from '@/views/database/postgresql/check/index.vue';

frontend/src/views/database/redis/conn/index.vue

@@ -118,7 +118,8 @@ import { changeRedisPassword, getDatabase } from '@/api/modules/database';
 import ConfirmDialog from '@/components/confirm-dialog/index.vue';
 import { getAppConnInfo } from '@/api/modules/app';
 import { MsgSuccess } from '@/utils/message';
-import { getRandomStr, copyText } from '@/utils/util';
+import { getRandomStr } from '@/utils/id';
+import { copyText } from '@/utils/clipboard';
 import { getAgentSettingInfo } from '@/api/modules/setting';
 import { GlobalStore } from '@/store';
 const globalStore = GlobalStore();

frontend/src/views/database/redis/remote/index.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts" setup>
-import { dateFormat } from '@/utils/util';
+import { dateFormat } from '@/utils/date';
 import { onMounted, reactive, ref } from 'vue';
 import { deleteCheckDatabase, searchDatabases } from '@/api/modules/database';
 import AppResources from '@/views/database/redis/check/index.vue';

frontend/src/views/database/redis/setting/persistence/index.vue

@@ -122,7 +122,8 @@ import { Database } from '@/api/interface/database';
 import { redisPersistenceConf, updateRedisPersistenceConf } from '@/api/modules/database';
 import { deleteBackupRecord, handleBackup, handleRecover, searchBackupRecords } from '@/api/modules/backup';
 import { Rules } from '@/global/form-rules';
-import { dateFormat, newUUID } from '@/utils/util';
+import { dateFormat } from '@/utils/date';
+import { newUUID } from '@/utils/id';
 import i18n from '@/lang';
 import { FormInstance } from 'element-plus';
 import { reactive, ref } from 'vue';