t20-common-lib 0.7.8 → 0.7.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "t20-common-lib",
-  "version": "0.7.8",
+  "version": "0.7.11",
   "description": "T20",
   "private": false,
   "main": "dist/index.js",
@@ -61,7 +61,8 @@
     "rimraf": "^3.0.2",
     "sass-loader": "^8.0.2",
     "vue-template-compiler": "^2.6.14",
-    "vuepress": "^1.9.7"
+    "vuepress": "^1.9.7",
+    "vuepress-plugin-demo-block": "^0.7.2"
   },
   "eslintConfig": {
     "root": true,

package/packages/page-header/index.js

@@ -0,0 +1,8 @@
+import PageHeader from './src/main';
+
+/* istanbul ignore next */
+PageHeader.install = function(Vue) {
+  Vue.component(PageHeader.name, PageHeader);
+};
+
+export default PageHeader;

package/packages/page-header/src/main.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="t20-page-header">
+    <div v-if="!disable" class="page-header__left" @click="$emit('back')">
+      <i :class="icon"></i>
+      <div class="page-header__title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+    </div>
+    <div class="page-header__content">
+      <slot name="content">{{ content }}</slot>
+    </div>
+    <div class="header-btn">
+      <slot name="headerButtons"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PageHeader',
+  props: {
+    title: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    disable: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: 'n20-icon-yuefenqiehuan-zuoce'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.t20-page-header {
+  display: flex;
+  line-height: 20px;
+  padding-bottom: 2px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  .page-header__left {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    margin-right: 16px;
+    position: relative;
+  }
+
+  .page-header__left:hover {
+    color: var(--color-primary);
+
+    .page-header__title {
+      color: var(--color-primary);
+    }
+  }
+
+  .page-header__left:after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    height: 16px;
+    right: -8px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: #dcdfe6;
+  }
+
+  .page-header__title {
+    font-size: 14px;
+    line-height: 20px;
+    color: #3d4a57;
+  }
+
+  .page-header__content {
+    font-size: 14px;
+    line-height: 26px;
+    color: #3d4a57;
+  }
+
+  .header-btn {
+    margin-left: auto;
+  }
+}
+</style>

package/src/index.js

@@ -2,12 +2,14 @@
 import fitlers from './filters/index'
 import repairEl from './utils/repairElementUI'
 import { getColumnWidth, getCellAlign } from './utils/tableCellUtils'
+import { getExportFileName } from './utils/exportFile'
 // 导入组件
 import MainPage from '../packages/main-page/index.js'
 import TablePage from '../packages/table-page/index.js'
 import FormPage from '../packages/form-page/index.js'
 import TabPane from '../packages/tab-pane/index.js'
 import StatisCard from '../packages/statis-card/index.js'
+import PageHeader from '../packages/page-header/index.js'
 import CommonCollapse from '../packages/common-collapse/index.js'
 
 // 存储组件列表
@@ -17,7 +19,8 @@ const components = [
   FormPage,
   TabPane,
   StatisCard,
-  CommonCollapse
+  CommonCollapse,
+  PageHeader
 ]
 
 // 定义 install 方法，接收 Vue 作为参数
@@ -52,7 +55,9 @@ export {
   StatisCard,
   CommonCollapse,
   TabPane,
+  PageHeader,
   repairEl,
   getColumnWidth,
-  getCellAlign
+  getCellAlign,
+  getExportFileName
 }

package/src/utils/date.js

@@ -0,0 +1,24 @@
+ export function parseDate(date, format) {
+    var o = {
+      "M+": date.getMonth() + 1,
+      "d+": date.getDate(),
+      "h+": date.getHours(),
+      "m+": date.getMinutes(),
+      "s+": date.getSeconds(),
+      "q+": Math.floor((date.getMonth() + 3) / 3),
+      S: date.getMilliseconds()
+    };
+    let yearReg = format.match(/(y+)/i);
+    if (yearReg) {
+      let year = date.getFullYear() + "";
+      year = year.substring(4 - yearReg[0].length);
+      format = format.replace(yearReg[0], year);
+    }
+    for (var k in o) {
+      let iReg = format.match(new RegExp("(" + k + ")"));
+      if (iReg) {
+        format = format.replace(iReg[0], iReg[0].length == 1 ? o[k] : ("00" + o[k]).substring(("" + o[k]).length));
+      }
+    }
+    return format;
+  }

package/src/utils/exportFile.js

@@ -0,0 +1,7 @@
+import { parseDate } from './date.js';
+
+// 获取导出文件命名
+export function getExportFileName(baseName, fileType) {
+  const date = parseDate(new Date(), "yyyyMMdd");
+  return `${baseName}-${date}.${fileType}`;
+}