yh-pub 1.0.2 → 2.0.1

package/view/config/component/confFormItem.vue

@@ -1,49 +0,0 @@
-<template>
-  <el-col
-    :xl="6"
-    :lg="8"
-    :md="12"
-    :xs="24"
-    class="conf-form-item">
-    <el-form-item>
-      <template #label>
-        <div class="label">
-          {{ label }}
-        </div>
-        <div class="tips">{{ tips }}</div>
-      </template>
-      <slot name="default"></slot>
-    </el-form-item>
-  </el-col>
-</template>
-<script>
-export default {
-  name: "conf-form-item",
-  props: ["label", "tips"],
-};
-</script>
-<style lang="scss">
-.conf-form-item {
-  .el-form-item {
-    .el-form-item__label {
-      padding: 10px 0 0 0;
-      display: flex;
-      align-items: flex-end;
-      .label {
-        font-size: 16px;
-        font-weight: 600;
-      }
-      .tips {
-        flex: 1;
-        text-align: right;
-        color: var(--el-text-color-secondary);
-      }
-    }
-    .el-form-item__content {
-      .el-select {
-        width: 100%;
-      }
-    }
-  }
-}
-</style>

package/view/config/config.scss

@@ -1,45 +0,0 @@
-.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 +0,0 @@
-<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 +0,0 @@
-<template>
-  <div>路由配置</div>
-</template>
-<script setup>
-</script>

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

@@ -1,249 +0,0 @@
-<template>
-  <el-form label-position="top">
-    <el-row gutter="20">
-      <conf-form-item
-        label="logo 图标"
-        tips="建议：宽小于200像素，高小于50像素">
-        <el-upload
-          class="config-upload"
-          drag
-          accept="image/jpeg,image/png"
-          :show-file-list="false"
-          :before-upload="() => false"
-          :on-change="logoChange">
-          <div class="el-upload__text">点击选择，或拖拽图片至此</div>
-        </el-upload>
-        <div class="logo">
-          <img
-            class="logo-image"
-            :src="config.logo || defaultLogo" />
-        </div>
-      </conf-form-item>
-      <conf-form-item
-        label="minLogo 小图标"
-        tips="建议：宽小于64像素，高小于50像素">
-        <el-upload
-          class="config-upload"
-          drag
-          accept="image/jpeg,image/png"
-          :show-file-list="false"
-          :before-upload="() => false"
-          :on-change="minLogoChange">
-          <div class="el-upload__text">点击选择，或拖拽图片至此</div>
-        </el-upload>
-        <div class="logo-min">
-          <img
-            class="logo-image min"
-            :src="config.minLogo || defaultMinLogo" />
-        </div>
-      </conf-form-item>
-      <conf-form-item
-        label="请求基础路径（开发环境）"
-        tips="请求的基础路径，例如：/api">
-        <el-input
-          v-model="config.baseUrl.dev"
-          @change="valueChange($event, 'string', ['baseUrl', 'dev'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="请求基础路径（生产环境）"
-        tips="请求的基础路径，例如：/ccs">
-        <el-input
-          v-model="config.baseUrl.pro"
-          @change="valueChange($event, 'string', ['baseUrl', 'pro'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="前台首页名称"
-        tips="业务端首页的名称，例如：home">
-        <el-input
-          v-model="config.homeName"
-          @change="valueChange($event, 'string', ['homeName'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="前台首页地址"
-        tips="业务端首页的路由地址，例如：/home">
-        <el-input
-          v-model="config.homePath"
-          @change="valueChange($event, 'string', ['homePath'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="后台首页名称"
-        tips="管理后端首页的名称，例如：admin">
-        <el-input
-          v-model="config.saHomeName"
-          @change="valueChange($event, 'string', ['saHomeName'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="后台首页地址"
-        tips="管理后端首页的路由地址，例如：/admin">
-        <el-input
-          v-model="config.adminPath"
-          @change="valueChange($event, 'string', ['adminPath'])"></el-input>
-      </conf-form-item>
-      <conf-form-item
-        label="路由白名单"
-        tips="配置到路由地址，不会被拦截，可以直接访问">
-        <el-select
-          v-model="config.whiteList"
-          filterable
-          collapse-tags
-          collapse-tags-tooltip
-          multiple
-          @change="valueChange($event, 'array', ['whiteList'])">
-          <el-option
-            :value="route.path"
-            :label="route?.meta?.title || route.name"
-            v-for="route in routers"></el-option>
-        </el-select>
-      </conf-form-item>
-      <conf-form-item
-        label="帆软服务地址"
-        tips="配置帆软打印/报表服务的地址">
-        <el-input
-          v-model="config.frUrl"
-          @change="valueChange($event, 'string', ['frUrl'])"></el-input>
-      </conf-form-item>
-      <el-col :span="24">
-        <el-alert type="warning">
-          如果您在更新当前项目的配置文件，那么在您保存配置文件之后会触发页面的刷新效果，请悉知！
-        </el-alert>
-      </el-col>
-      <el-col :span="24">
-        <el-button
-          type="primary"
-          style="width: 100%"
-          @click="saveConfig">
-          保存
-        </el-button>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-<script>
-import { defineComponent } from "vue";
-import confFormItem from "../component/confFormItem.vue";
-import defaultMinLogo from "@/assets/images/logo-min.png";
-import defaultLogo from "@/assets/images/logo.png";
-import { getChildFile, saveChildFile } from "yh-fsa";
-import { $, findObject } from "yh-ggc";
-import { arrayToCode } from "yh-ggc";
-
-export default defineComponent({
-  name: "sysConfig",
-  props: ["dirHandle", "routers"],
-  components: {
-    confFormItem,
-  },
-  data() {
-    return {
-      defaultMinLogo,
-      defaultLogo,
-      logoChange: false,
-      ast: null,
-      saveTimer: null,
-      config: {
-        baseUrl: {},
-      },
-    };
-  },
-  mounted() {
-    this.getConfig();
-  },
-  methods: {
-    async getConfig() {
-      let confText = await getChildFile("src/config/index.js", this.dirHandle);
-      if (confText) {
-        let confAST = $(confText);
-        this.ast = confAST;
-        let obj = await findObject(confAST);
-        for (const key in obj) {
-          const val = obj[key];
-          this.config[key] = val;
-        }
-      }
-    },
-    saveConfig() {
-      if (this.timer) {
-        clearTimeout(this.timer);
-        this.timer = null;
-      }
-      this.timer = setTimeout(() => {
-        let contents = this.ast.generate();
-        saveChildFile("src/config/index.js", this.dirHandle, contents);
-        this.timer = null;
-      }, 1000);
-    },
-    valueChange(val, type, paths) {
-      if (this.ast) {
-        let currentAst;
-        paths.forEach((path) => {
-          currentAst = this.ast.find(`${path}:$_$1`);
-        });
-        switch (type) {
-          case "number":
-            val = parseInt(val);
-            currentAst.attr("value", val.valueOf());
-            break;
-          case "boolean":
-            val = !!val;
-            currentAst.attr("value", val.valueOf());
-            break;
-          case "string":
-            val = !!val;
-            currentAst.attr("value", `"${val}"`);
-            break;
-          case "array":
-            val = arrayToCode(val);
-            currentAst.attr("value", val);
-            break;
-        }
-      }
-    },
-    getImageWH(file) {
-      return new Promise((resolve, reject) => {
-        let img = new Image();
-        img.onload = () => {
-          resolve({
-            width: img.naturalWidth,
-            height: img.naturalHeight,
-          });
-        };
-        img.onerror = (e) => {
-          reject(e);
-        };
-        img.src = URL.createObjectURL(file);
-        return;
-      });
-    },
-    async minLogoChange(e) {
-      console.log(e);
-      let path = "/public/image/logo-min.png";
-      let contents = e.raw;
-      await saveChildFile(path, this.dirHandle, contents);
-    },
-  },
-});
-</script>
-<style lang="scss">
-.logo,
-.logo-min {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 50px;
-  width: 200px;
-  box-sizing: border-box;
-  background-color: #0051c1;
-  .logo-image {
-    width: auto;
-    height: 44px;
-    margin: 0 auto;
-    &.min {
-      width: 44px;
-      height: auto;
-    }
-  }
-}
-.logo-min {
-  width: 64px;
-}
-</style>

package/view/window/IframeFReportView.vue

@@ -1,28 +0,0 @@
-<template>
-  <iframe
-    :src="url"
-    frameborder="0"
-    width="100%"
-    :height="iframeHeight + 'px'"
-    scrolling="auto"
-    style="background-color: #fff"></iframe>
-</template>
-
-<script>
-export default {
-  name: "IframeFReportView",
-  computed: {
-    iframeHeight() {
-      return document.documentElement.clientHeight - 100;
-    },
-  },
-  data() {
-    return {
-      url: "",
-    };
-  },
-  mounted() {
-    this.url = this.$route.params.url;
-  },
-};
-</script>

package/view/window/windowIndex.vue

@@ -1,22 +0,0 @@
-<template>
-  <slw-window-index :window-id="windowId"></slw-window-index>
-</template>
-<script setup>
-import { ref, watch, onMounted } from "vue";
-import { useRoute, onBeforeRouteUpdate } from "vue-router";
-
-let windowId = ref("");
-const route = useRoute();
-// watch(
-//   () => route.meta.id,
-//   (id) => (windowId.value = id)
-// );
-onMounted(() => {
-  windowId.value = route.params.id;
-});
-
-// onBeforeRouteUpdate((to, from, next) => {
-//   windowId.value = to.meta.id;
-//   next();
-// });
-</script>