refactor: Refactor the useTerminal code

ui/src/components/CustomTerminal/index.vue

@@ -31,12 +31,12 @@ const emits = defineEmits<{
 
 const terminalRef = ref<any>(null);
 
-onMounted(() => {
+onMounted(async () => {
     const theme = props.themeName;
     const el: HTMLElement = document.getElementById(props.indexKey as string)!;
 
-    const { createTerminal, setTerminalTheme, sendWsMessage } = useTerminal({
-        terminalType: props.terminalType,
+    const { terminal, setTerminalTheme, sendWsMessage } = await useTerminal(el, {
+        type: props.terminalType,
         transSocket: props.socket ? props.socket : undefined,
         i18nCallBack: (key: string) => t(key),
         emitCallback: (e: string, type: string, msg: any, terminal?: Terminal) => {
@@ -53,16 +53,14 @@ onMounted(() => {
         }
     });
 
-    const { terminal } = createTerminal(el);
-
     terminalRef.value = terminal;
 
     // 设置主题
-    setTerminalTheme(theme, terminal, emits);
+    setTerminalTheme(theme, terminal!, emits);
 
     // 修改主题
     mittBus.on('set-theme', ({ themeName }) => {
-        setTerminalTheme(themeName as string, terminal, emits);
+        setTerminalTheme(themeName as string, terminal!, emits);
     });
 
     mittBus.on('sync-theme', ({ type, data }) => {

ui/src/components/Kubernetes/MainContent/index.vue

@@ -333,8 +333,9 @@ onMounted(() => {
 
         const sendTerminalData = () => {
             if (terminalRef.value) {
-                nextTick(() => {
+                setTimeout(() => {
                     const terminalInstance = terminalRef.value[0]?.terminalRef;
+
                     const cols = terminalInstance?.cols;
                     const rows = terminalInstance?.rows;