yh-pub 1.0.0 → 1.0.2

package/view/config/config.scss

@@ -1,45 +1,45 @@
-.config-container {
-  padding: 16px 8px 8px 0;
-  display: flex;
-  height: 100%;
-  .config-navitor {
-    .el-tabs {
-      height: 100%;
-    }
-  }
-  .config-context {
-    flex: 1;
-    .project-info {
-      display: flex;
-      padding: 0 0 16px 0;
-      > * + * {
-        margin-left: 10px;
-      }
-    }
-    .config-upload {
-      width: 100%;
-      .el-upload-dragger {
-        height: 32px;
-        padding: 0;
-      }
-      .el-upload__text {
-        color: var(--el-text-color-secondary);
-      }
-    }
-  }
-}
-.can-use-config {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  h3 {
-    font-size: 1.1em;
-    font-weight: 600;
-    color: var(--el-text-color-secondary);
-  }
-  ul {
-    padding-left: 1em;
-  }
-}
+.config-container {
+  padding: 16px 8px 8px 0;
+  display: flex;
+  height: 100%;
+  .config-navitor {
+    .el-tabs {
+      height: 100%;
+    }
+  }
+  .config-context {
+    flex: 1;
+    .project-info {
+      display: flex;
+      padding: 0 0 16px 0;
+      > * + * {
+        margin-left: 10px;
+      }
+    }
+    .config-upload {
+      width: 100%;
+      .el-upload-dragger {
+        height: 32px;
+        padding: 0;
+      }
+      .el-upload__text {
+        color: var(--el-text-color-secondary);
+      }
+    }
+  }
+}
+.can-use-config {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  h3 {
+    font-size: 1.1em;
+    font-weight: 600;
+    color: var(--el-text-color-secondary);
+  }
+  ul {
+    padding-left: 1em;
+  }
+}

package/view/config/configIndex.vue

@@ -1,150 +1,150 @@
-<template>
-  <section
-    class="config-container"
-    v-if="hasFSA">
-    <aside class="config-navitor">
-      <el-tabs
-        tab-position="left"
-        v-model="configType">
-        <el-tab-pane
-          name="sysConfig"
-          label="系统配置"></el-tab-pane>
-        <el-tab-pane
-          name="routerConfig"
-          label="路由配置"></el-tab-pane>
-      </el-tabs>
-    </aside>
-    <main class="config-context">
-      <section class="project-info">
-        <template v-if="projectDirHandle">
-          当前目录：
-          <el-tag>{{ projectDirHandle.name }}</el-tag>
-        </template>
-        <template v-else>
-          <el-alert
-            title="请先选择目录！"
-            description="本工具，基于您选择的Vue3项目目录，请选择目录后使用"
-            type="warning"
-            :closable="false" />
-          <el-button @click="chooseDirHandler">选择目录</el-button>
-        </template>
-      </section>
-      <keep-alive v-if="projectDirHandle">
-        <component
-          :is="configType"
-          :dir-handle="projectDirHandle"
-          :routers="routers"></component>
-      </keep-alive>
-    </main>
-  </section>
-  <section
-    class="can-use-config"
-    v-else>
-    <div>
-      <h3>可视化配置功能使用了浏览器的文件AIP，对浏览器版本有要求</h3>
-      <h3>您的浏览器无法支持本功能，请升级</h3>
-      <ul>
-        <li>Chrome 108+</li>
-        <li>Edge 108+</li>
-        <li>相同内核符合版本的浏览器</li>
-      </ul>
-    </div>
-  </section>
-</template>
-<script>
-import sysConfig from "./subPage/sys-config.vue";
-import routerConfig from "./subPage/router-config.vue";
-
-import $ from "gogocode";
-import { hasFileSystemAccess, chooseDirectory, getChildFile } from "yh-fsa";
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  components: {
-    sysConfig,
-    routerConfig,
-  },
-  watch: {
-    projectDirHandle: {
-      async handler(val) {
-        if (val !== null) {
-          this.getPackageJSON();
-          this.getRouters();
-        } else {
-          this.projectPackageJSON = null;
-          this.routers = [];
-        }
-      },
-      deep: true,
-    },
-  },
-  data() {
-    let hasFSA = hasFileSystemAccess();
-    return {
-      configType: "sysConfig",
-      hasFSA,
-      projectDirHandle: null,
-      projectPackageJSON: null,
-      routers: [],
-    };
-  },
-  created() {},
-  methods: {
-    async chooseDirHandler() {
-      this.projectDirHandle = await chooseDirectory({
-        id: "configDirChoose",
-        mode: "readwrite",
-        startIn: "desktop",
-      });
-    },
-    async getPackageJSON() {
-      let packageJSONText = await getChildFile("package.json", this.projectDirHandle);
-      if (packageJSONText) {
-        this.projectPackageJSON = JSON.parse(packageJSONText);
-      }
-    },
-    async getRouters() {
-      let routerMap = new Map();
-      const disposeRouter = (item, parentPath = "") => {
-        if ("children" in item) {
-          item.children.forEach((jItem) => {
-            disposeRouter(jItem, item.path);
-          });
-        } else {
-          let { path, name, meta } = item;
-          path = parentPath ? `${parentPath}${path && parentPath !== "/" ? "/" : ""}${path}` : path;
-          if (!["/401", "/conifg", "/500", "/:pathMatch(.*)*"].includes(path)) {
-            routerMap.set(path, {
-              path,
-              name,
-              meta,
-            });
-          }
-        }
-      };
-      let pubRoutersText = await getChildFile("pub/router/routers.js", this.projectDirHandle);
-      if (pubRoutersText) {
-        let pubAST = $(pubRoutersText);
-        pubAST.find("export const $_$1 = $_$2").each((node, index) => {
-          eval(node[0].match[2][0].value).forEach((item) => {
-            disposeRouter(item);
-          });
-        });
-      }
-      let customRoutersText = await getChildFile("src/router/routers.js", this.projectDirHandle);
-      if (customRoutersText) {
-        let customAST = $(customRoutersText);
-        customAST.find("export const $_$1 = $_$2").each((node, index) => {
-          eval(node[0].match[2][0].value).forEach((item) => {
-            disposeRouter(item);
-          });
-        });
-      }
-      this.routers = [...routerMap.values()];
-    },
-  },
-});
-</script>
-<style lang="scss">
-@import "config.scss";
-</style>
+<template>
+  <section
+    class="config-container"
+    v-if="hasFSA">
+    <aside class="config-navitor">
+      <el-tabs
+        tab-position="left"
+        v-model="configType">
+        <el-tab-pane
+          name="sysConfig"
+          label="系统配置"></el-tab-pane>
+        <el-tab-pane
+          name="routerConfig"
+          label="路由配置"></el-tab-pane>
+      </el-tabs>
+    </aside>
+    <main class="config-context">
+      <section class="project-info">
+        <template v-if="projectDirHandle">
+          当前目录：
+          <el-tag>{{ projectDirHandle.name }}</el-tag>
+        </template>
+        <template v-else>
+          <el-alert
+            title="请先选择目录！"
+            description="本工具，基于您选择的Vue3项目目录，请选择目录后使用"
+            type="warning"
+            :closable="false" />
+          <el-button @click="chooseDirHandler">选择目录</el-button>
+        </template>
+      </section>
+      <keep-alive v-if="projectDirHandle">
+        <component
+          :is="configType"
+          :dir-handle="projectDirHandle"
+          :routers="routers"></component>
+      </keep-alive>
+    </main>
+  </section>
+  <section
+    class="can-use-config"
+    v-else>
+    <div>
+      <h3>可视化配置功能使用了浏览器的文件AIP，对浏览器版本有要求</h3>
+      <h3>您的浏览器无法支持本功能，请升级</h3>
+      <ul>
+        <li>Chrome 108+</li>
+        <li>Edge 108+</li>
+        <li>相同内核符合版本的浏览器</li>
+      </ul>
+    </div>
+  </section>
+</template>
+<script>
+import sysConfig from "./subPage/sys-config.vue";
+import routerConfig from "./subPage/router-config.vue";
+
+import $ from "gogocode";
+import { hasFileSystemAccess, chooseDirectory, getChildFile } from "yh-fsa";
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  components: {
+    sysConfig,
+    routerConfig,
+  },
+  watch: {
+    projectDirHandle: {
+      async handler(val) {
+        if (val !== null) {
+          this.getPackageJSON();
+          this.getRouters();
+        } else {
+          this.projectPackageJSON = null;
+          this.routers = [];
+        }
+      },
+      deep: true,
+    },
+  },
+  data() {
+    let hasFSA = hasFileSystemAccess();
+    return {
+      configType: "sysConfig",
+      hasFSA,
+      projectDirHandle: null,
+      projectPackageJSON: null,
+      routers: [],
+    };
+  },
+  created() {},
+  methods: {
+    async chooseDirHandler() {
+      this.projectDirHandle = await chooseDirectory({
+        id: "configDirChoose",
+        mode: "readwrite",
+        startIn: "desktop",
+      });
+    },
+    async getPackageJSON() {
+      let packageJSONText = await getChildFile("package.json", this.projectDirHandle);
+      if (packageJSONText) {
+        this.projectPackageJSON = JSON.parse(packageJSONText);
+      }
+    },
+    async getRouters() {
+      let routerMap = new Map();
+      const disposeRouter = (item, parentPath = "") => {
+        if ("children" in item) {
+          item.children.forEach((jItem) => {
+            disposeRouter(jItem, item.path);
+          });
+        } else {
+          let { path, name, meta } = item;
+          path = parentPath ? `${parentPath}${path && parentPath !== "/" ? "/" : ""}${path}` : path;
+          if (!["/401", "/conifg", "/500", "/:pathMatch(.*)*"].includes(path)) {
+            routerMap.set(path, {
+              path,
+              name,
+              meta,
+            });
+          }
+        }
+      };
+      let pubRoutersText = await getChildFile("pub/router/routers.js", this.projectDirHandle);
+      if (pubRoutersText) {
+        let pubAST = $(pubRoutersText);
+        pubAST.find("export const $_$1 = $_$2").each((node, index) => {
+          eval(node[0].match[2][0].value).forEach((item) => {
+            disposeRouter(item);
+          });
+        });
+      }
+      let customRoutersText = await getChildFile("src/router/routers.js", this.projectDirHandle);
+      if (customRoutersText) {
+        let customAST = $(customRoutersText);
+        customAST.find("export const $_$1 = $_$2").each((node, index) => {
+          eval(node[0].match[2][0].value).forEach((item) => {
+            disposeRouter(item);
+          });
+        });
+      }
+      this.routers = [...routerMap.values()];
+    },
+  },
+});
+</script>
+<style lang="scss">
+@import "config.scss";
+</style>

package/view/config/subPage/router-config.vue

@@ -1,5 +1,5 @@
-<template>
-  <div>路由配置</div>
-</template>
-<script setup>
+<template>
+  <div>路由配置</div>
+</template>
+<script setup>
 </script>