From ceed2d19c0c9dce8d941f27e541ba519cfa483c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B4=AE=E7=94=9F?= <admin@shenzilong.cn>
Date: Wed, 20 Dec 2023 15:28:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dvite=E7=BC=96=E8=AF=91?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/frontend/package.json                    |   5 +-
 .../components/data_promise/data_loading.vue  |   2 +-
 .../src/components/web-custom/Test_c.vue      |   2 +-
 apps/frontend/src/config/config_tab.vue       | 152 +++++++++---------
 .../frontend/src/pages/steps/step3_config.vue |   2 +-
 5 files changed, 84 insertions(+), 79 deletions(-)

diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index f4444ff..235e6f0 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -7,9 +7,8 @@
     "dev": "vite",
     "cli": "tsx ./src/cli.ts",
     "cli_watch": "tsx watch ./src/cli.ts",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview",
-    "build-components": "vue-tsc && vite build --config vite.components.config.ts"
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "dependencies": {
     "@hono/node-server": "^1.3.3",
diff --git a/apps/frontend/src/components/data_promise/data_loading.vue b/apps/frontend/src/components/data_promise/data_loading.vue
index 5ff0966..0b8d55a 100644
--- a/apps/frontend/src/components/data_promise/data_loading.vue
+++ b/apps/frontend/src/components/data_promise/data_loading.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Ref } from "vue";
-import { PromiseObj } from "./";
+import { PromiseObj } from "./index.ts";
 import { NSpace, NSpin, NButton, NButtonGroup, NAlert } from "naive-ui";
 const props = defineProps<{
   p: Ref<PromiseObj<unknown, Error>>;
diff --git a/apps/frontend/src/components/web-custom/Test_c.vue b/apps/frontend/src/components/web-custom/Test_c.vue
index d4c24c4..a9ea1cc 100644
--- a/apps/frontend/src/components/web-custom/Test_c.vue
+++ b/apps/frontend/src/components/web-custom/Test_c.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { watchEffect } from "vue";
-  import { aElement } from "./store";
+  import { aElement } from "./store.ts";
 
   watchEffect(() => {
     aElement.forEach((el) => {
diff --git a/apps/frontend/src/config/config_tab.vue b/apps/frontend/src/config/config_tab.vue
index 9bae64a..c8e8a61 100644
--- a/apps/frontend/src/config/config_tab.vue
+++ b/apps/frontend/src/config/config_tab.vue
@@ -1,83 +1,83 @@
 <script setup lang="ts">
-  import {
-    NButton,
-    NCard,
-    NDivider,
-    NInput,
-    NModal,
-    NSpace,
-    NTabPane,
-    NTabs,
-    useMessage,
-  } from "naive-ui";
-  import { configs, addConfig, loadConfigFile } from ".";
-  import { computed, ref } from "vue";
-  const message = useMessage();
+import {
+  NButton,
+  NCard,
+  NDivider,
+  NInput,
+  NModal,
+  NSpace,
+  NTabPane,
+  NTabs,
+  useMessage,
+} from "naive-ui";
+import { configs, addConfig, loadConfigFile } from "./index.ts";
+import { computed, ref } from "vue";
+const message = useMessage();
 
-  const tabs = computed(() => {
-    return Object.entries(configs)
-      .filter(([key, vlaue]) => {
-        if (key.startsWith("__")) return false;
-        else if (typeof vlaue === "object") {
-          return true;
-        } else {
-          return false;
-        }
-      })
-      .map(([key, value]) => {
-        return { key, value };
-      });
-  });
+const tabs = computed(() => {
+  return Object.entries(configs)
+    .filter(([key, vlaue]) => {
+      if (key.startsWith("__")) return false;
+      else if (typeof vlaue === "object") {
+        return true;
+      } else {
+        return false;
+      }
+    })
+    .map(([key, value]) => {
+      return { key, value };
+    });
+});
 
-  const showModal = ref(false);
-  const name = ref("");
-  function add() {
-    if (name.value === "") {
-      message.warning("名称不能为空");
-    } else if (name.value in configs) {
-      message.warning("不能和已有的配置项重名");
-    } else {
-      addConfig(name.value);
-      showModal.value = false;
-    }
-  }
-  function validateInput(value: string) {
-    if (value.startsWith("__")) {
-      message.warning("名称不能以双下划线开头");
-      return false;
-    }
-    return true;
+const showModal = ref(false);
+const name = ref("");
+function add() {
+  if (name.value === "") {
+    message.warning("名称不能为空");
+  } else if (name.value in configs) {
+    message.warning("不能和已有的配置项重名");
+  } else {
+    addConfig(name.value);
+    showModal.value = false;
   }
-  function downConfig() {
-    const text = JSON.stringify(configs, null, 2); // 要转换的字符串
-    const encoder = new TextEncoder();
-    const data = encoder.encode(text);
-    const blob = new Blob([data], { type: "text/plain;charset=utf-8" });
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = `oceanpress.json`;
-    link.click();
+}
+function validateInput(value: string) {
+  if (value.startsWith("__")) {
+    message.warning("名称不能以双下划线开头");
+    return false;
   }
-  async function importConfig() {
-    const fileInput: HTMLInputElement = document.createElement("input");
-    fileInput.type = "file";
-    fileInput.click();
+  return true;
+}
+function downConfig() {
+  const text = JSON.stringify(configs, null, 2); // 要转换的字符串
+  const encoder = new TextEncoder();
+  const data = encoder.encode(text);
+  const blob = new Blob([data], { type: "text/plain;charset=utf-8" });
+  const link = document.createElement("a");
+  link.href = URL.createObjectURL(blob);
+  link.download = `oceanpress.json`;
+  link.click();
+}
+async function importConfig() {
+  const fileInput: HTMLInputElement = document.createElement("input");
+  fileInput.type = "file";
+  fileInput.click();
 
-    const file: File = await new Promise((resolve) => {
-      fileInput.addEventListener("change", () => {
-        resolve(fileInput.files![0]);
-      });
+  const file: File = await new Promise((resolve) => {
+    fileInput.addEventListener("change", () => {
+      resolve(fileInput.files![0]);
     });
+  });
 
-    const contents = await file.text();
-    const config = JSON.parse(contents);
-    if (typeof config === "object") {
-      console.log(config);
+  const contents = await file.text();
+  const config = JSON.parse(contents);
+  if (typeof config === "object") {
+    console.log(config);
 
-      loadConfigFile(config);
-      message.success("导入成功");
-    }
+    loadConfigFile(config);
+    message.success("导入成功");
   }
+}
 </script>
 <template>
   <NTabs
@@ -89,12 +89,18 @@
     @add="showModal = true"
     @close="(key) => delete configs[key]"
   >
-    <NTabPane :name="el.key" :tab="el.key" v-for="el of tabs"> {{ el.key }} </NTabPane>
+    <NTabPane :name="el.key" :tab="el.key" v-for="el of tabs">
+      {{ el.key }}
+    </NTabPane>
   </NTabs>
   <NDivider></NDivider>
   <NSpace direction="vertical">
-    <NButton @click="importConfig"><template #icon>🔄</template>导入配置文件</NButton>
-    <NButton @click="downConfig"><template #icon>📝</template>导出配置文件</NButton>
+    <NButton @click="importConfig"
+      ><template #icon>🔄</template>导入配置文件</NButton
+    >
+    <NButton @click="downConfig"
+      ><template #icon>📝</template>导出配置文件</NButton
+    >
   </NSpace>
   <NModal v-model:show="showModal">
     <NCard
diff --git a/apps/frontend/src/pages/steps/step3_config.vue b/apps/frontend/src/pages/steps/step3_config.vue
index 63511fe..4917a4c 100644
--- a/apps/frontend/src/pages/steps/step3_config.vue
+++ b/apps/frontend/src/pages/steps/step3_config.vue
@@ -57,7 +57,7 @@
   </NStep>
 </template>
 <script setup lang="ts">
-  import { currentConfig } from "@/config";
+  import { currentConfig } from "@/config/index.ts";
   import { NCheckbox, NCollapse, NCollapseItem, NDivider, NInput, NStep } from "naive-ui";
   currentConfig;
 </script>