yh-pub 1.0.0 → 1.0.2

package/package.json

@@ -1,12 +1,12 @@
-{
-  "name": "yh-pub",
-  "version": "1.0.0",
-  "description": "公共代码",
-  "scripts": {
-    "pub:npm": "npm publish --registry https://registry.npmjs.org/ --no-git-checks"
-  },
-  "peerDependencies": {
-    "vue": "3.2.47"
-  },
-  "author": "Liubin"
+{
+  "name": "yh-pub",
+  "version": "1.0.2",
+  "description": "公共代码",
+  "scripts": {
+    "pub": "npm publish --registry https://registry.npmjs.org/ --no-git-checks && npm publish --registry https://packages.aliyun.com/60765e0161a945067837bb5f/npm/npm-registry/ --no-git-checks"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "author": "Liubin"
 }

package/view/basic/error-logger.vue

@@ -1,74 +1,74 @@
-<template>
-  <div>
-    <a-button
-      @click="exportData"
-      type="primary"
-      style="margin: 0 10px 10px 0">
-      导出日志记录
-    </a-button>
-    <b>注：这里只会显示成功保存到服务端的错误日志，而且页面错误日志不会在浏览器持久化存储，刷新页面即会丢失</b>
-    <a-table
-      ref="table"
-      :columns="columns"
-      :data="errorList"></a-table>
-  </div>
-</template>
-
-<script>
-import { useAppStore } from "@/store/app";
-import dayjs from "dayjs";
-export default {
-  name: "error_logger_page",
-  data() {
-    return {
-      columns: [
-        {
-          type: "index",
-          title: "序号",
-          width: 100,
-        },
-        {
-          key: "type",
-          title: "类型",
-          width: 100,
-        },
-        {
-          key: "code",
-          title: "编码",
-        },
-        {
-          key: "mes",
-          title: "信息",
-        },
-        {
-          key: "url",
-          title: "URL",
-        },
-        {
-          key: "time",
-          title: "时间",
-          sortable: true,
-          sortType: "desc",
-        },
-      ],
-    };
-  },
-  computed: {
-    errorList() {
-      return this.$store.state.app.errorList;
-    },
-  },
-  methods: {
-    exportData() {
-      this.$refs.table.exportCsv({
-        filename: "错误日志.csv",
-      });
-    },
-  },
-  activated() {},
-  mounted() {},
-};
-</script>
-
-<style></style>
-@/store/app
+<template>
+  <div>
+    <a-button
+      @click="exportData"
+      type="primary"
+      style="margin: 0 10px 10px 0">
+      导出日志记录
+    </a-button>
+    <b>注：这里只会显示成功保存到服务端的错误日志，而且页面错误日志不会在浏览器持久化存储，刷新页面即会丢失</b>
+    <a-table
+      ref="table"
+      :columns="columns"
+      :data="errorList"></a-table>
+  </div>
+</template>
+
+<script>
+import { useAppStore } from "@/store/app";
+import dayjs from "dayjs";
+export default {
+  name: "error_logger_page",
+  data() {
+    return {
+      columns: [
+        {
+          type: "index",
+          title: "序号",
+          width: 100,
+        },
+        {
+          key: "type",
+          title: "类型",
+          width: 100,
+        },
+        {
+          key: "code",
+          title: "编码",
+        },
+        {
+          key: "mes",
+          title: "信息",
+        },
+        {
+          key: "url",
+          title: "URL",
+        },
+        {
+          key: "time",
+          title: "时间",
+          sortable: true,
+          sortType: "desc",
+        },
+      ],
+    };
+  },
+  computed: {
+    errorList() {
+      return this.$store.state.app.errorList;
+    },
+  },
+  methods: {
+    exportData() {
+      this.$refs.table.exportCsv({
+        filename: "错误日志.csv",
+      });
+    },
+  },
+  activated() {},
+  mounted() {},
+};
+</script>
+
+<style></style>
+@/store/app

package/view/basic/error-page/401.vue

@@ -1,22 +1,22 @@
-<template>
-  <error-content
-    code="401"
-    desc="Oh~~您没有浏览这个页面的权限~"
-    :src="src" />
-</template>
-
-<script>
-import error401 from "@/assets/images/error-page/error-401.svg";
-import errorContent from "./error-content.vue";
-export default {
-  name: "error_401",
-  components: {
-    errorContent,
-  },
-  data() {
-    return {
-      src: error401,
-    };
-  },
-};
-</script>
+<template>
+  <error-content
+    code="401"
+    desc="Oh~~您没有浏览这个页面的权限~"
+    :src="src" />
+</template>
+
+<script>
+import error401 from "@/assets/images/error-page/error-401.svg";
+import errorContent from "./error-content.vue";
+export default {
+  name: "error_401",
+  components: {
+    errorContent,
+  },
+  data() {
+    return {
+      src: error401,
+    };
+  },
+};
+</script>

package/view/basic/error-page/404.vue

@@ -1,22 +1,22 @@
-<template>
-  <error-content
-    code="404"
-    desc="Oh~~您的页面好像飞走了~"
-    :src="src" />
-</template>
-
-<script>
-import error404 from "@/assets/images/error-page/error-404.svg";
-import errorContent from "./error-content.vue";
-export default {
-  name: "error_404",
-  components: {
-    errorContent,
-  },
-  data() {
-    return {
-      src: error404,
-    };
-  },
-};
-</script>
+<template>
+  <error-content
+    code="404"
+    desc="Oh~~您的页面好像飞走了~"
+    :src="src" />
+</template>
+
+<script>
+import error404 from "@/assets/images/error-page/error-404.svg";
+import errorContent from "./error-content.vue";
+export default {
+  name: "error_404",
+  components: {
+    errorContent,
+  },
+  data() {
+    return {
+      src: error404,
+    };
+  },
+};
+</script>

package/view/basic/error-page/500.vue

@@ -1,22 +1,22 @@
-<template>
-  <error-content
-    code="500"
-    desc="Oh~~鬼知道服务器经历了什么~"
-    :src="src" />
-</template>
-
-<script>
-import error404 from "@/assets/images/error-page/error-500.svg";
-import errorContent from "./error-content.vue";
-export default {
-  name: "error_500",
-  components: {
-    errorContent,
-  },
-  data() {
-    return {
-      src: error404,
-    };
-  },
-};
-</script>
+<template>
+  <error-content
+    code="500"
+    desc="Oh~~鬼知道服务器经历了什么~"
+    :src="src" />
+</template>
+
+<script>
+import error404 from "@/assets/images/error-page/error-500.svg";
+import errorContent from "./error-content.vue";
+export default {
+  name: "error_500",
+  components: {
+    errorContent,
+  },
+  data() {
+    return {
+      src: error404,
+    };
+  },
+};
+</script>

package/view/basic/error-page/back-btn-group.vue

@@ -1,48 +1,48 @@
-<template>
-  <div>
-    <el-button
-      size="large"
-      text
-      @click="backHome">
-      返回首页
-    </el-button>
-    <el-button
-      size="large"
-      text
-      @click="backPrev">
-      返回上一页({{ second }}s)
-    </el-button>
-  </div>
-</template>
-
-<script>
-import "./error.less";
-export default {
-  name: "backBtnGroup",
-  data() {
-    return {
-      second: 5,
-      timer: null,
-    };
-  },
-  methods: {
-    backHome() {
-      this.$router.replace({
-        name: this.$config.homeName,
-      });
-    },
-    backPrev() {
-      this.$router.go(-1);
-    },
-  },
-  mounted() {
-    this.timer = setInterval(() => {
-      if (this.second === 0) this.backPrev();
-      else this.second--;
-    }, 1000);
-  },
-  beforeUnmount() {
-    clearInterval(this.timer);
-  },
-};
-</script>
+<template>
+  <div>
+    <el-button
+      size="large"
+      text
+      @click="backHome">
+      返回首页
+    </el-button>
+    <el-button
+      size="large"
+      text
+      @click="backPrev">
+      返回上一页({{ second }}s)
+    </el-button>
+  </div>
+</template>
+
+<script>
+import "./error.less";
+export default {
+  name: "backBtnGroup",
+  data() {
+    return {
+      second: 5,
+      timer: null,
+    };
+  },
+  methods: {
+    backHome() {
+      this.$router.replace({
+        name: this.$config.homeName,
+      });
+    },
+    backPrev() {
+      this.$router.go(-1);
+    },
+  },
+  mounted() {
+    this.timer = setInterval(() => {
+      if (this.second === 0) this.backPrev();
+      else this.second--;
+    }, 1000);
+  },
+  beforeUnmount() {
+    clearInterval(this.timer);
+  },
+};
+</script>

package/view/basic/error-page/error-content.vue

@@ -1,28 +1,28 @@
-<template>
-  <div class="error-page">
-    <div class="content-con">
-      <img :src="src" :alt="code">
-      <div class="text-con">
-        <h4>{{ code }}</h4>
-        <h5>{{ desc }}</h5>
-      </div>
-      <back-btn-group class="back-btn-group"></back-btn-group>
-    </div>
-  </div>
-</template>
-
-<script>
-import './error.less'
-import backBtnGroup from './back-btn-group.vue'
-export default {
-  name: 'error_content',
-  components: {
-    backBtnGroup
-  },
-  props: {
-    code: String,
-    desc: String,
-    src: String
-  }
-}
-</script>
+<template>
+  <div class="error-page">
+    <div class="content-con">
+      <img :src="src" :alt="code">
+      <div class="text-con">
+        <h4>{{ code }}</h4>
+        <h5>{{ desc }}</h5>
+      </div>
+      <back-btn-group class="back-btn-group"></back-btn-group>
+    </div>
+  </div>
+</template>
+
+<script>
+import './error.less'
+import backBtnGroup from './back-btn-group.vue'
+export default {
+  name: 'error_content',
+  components: {
+    backBtnGroup
+  },
+  props: {
+    code: String,
+    desc: String,
+    src: String
+  }
+}
+</script>

package/view/basic/error-page/error.less

@@ -1,46 +1,46 @@
-.error-page{
-  width: 100%;
-  height: 100%;
-  position: relative;
-  background: #f8f8f9;
-  .content-con{
-    width: 700px;
-    height: 600px;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -60%);
-    img{
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    .text-con{
-      position: absolute;
-      left: 0px;
-      top: 0px;
-      h4{
-        position: absolute;
-        left: 0px;
-        top: 0px;
-        font-size: 80px;
-        font-weight: 700;
-        color: #348EED;
-      }
-      h5{
-        position: absolute;
-        width: 700px;
-        left: 0px;
-        top: 100px;
-        font-size: 20px;
-        font-weight: 700;
-        color: #67647D;
-      }
-    }
-    .back-btn-group{
-      position: absolute;
-      right: 0px;
-      bottom: 20px;
-    }
-  }
-}
+.error-page{
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f9;
+  .content-con{
+    width: 700px;
+    height: 600px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -60%);
+    img{
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .text-con{
+      position: absolute;
+      left: 0px;
+      top: 0px;
+      h4{
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        font-size: 80px;
+        font-weight: 700;
+        color: #348EED;
+      }
+      h5{
+        position: absolute;
+        width: 700px;
+        left: 0px;
+        top: 100px;
+        font-size: 20px;
+        font-weight: 700;
+        color: #67647D;
+      }
+    }
+    .back-btn-group{
+      position: absolute;
+      right: 0px;
+      bottom: 20px;
+    }
+  }
+}

package/view/config/component/confFormItem.vue

@@ -1,49 +1,49 @@
-<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>
+<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>