From 18ee49db8ddeb5a747822333cc110e683d8816ff Mon Sep 17 00:00:00 2001
From: Aaron <427787340@qq.com>
Date: Tue, 27 Aug 2019 14:16:19 +0800
Subject: [PATCH] 维护全局变量

---
 .env                                        |  4 ++++
 examples/styles/markdown.scss               | 10 ++++++++++
 examples/views/docs/guide/installation.md   |  6 +++---
 examples/views/docs/guide/introduce.md      |  6 +++---
 examples/views/layout/components/header.vue |  3 ++-
 examples/views/page/index.vue               |  9 +++++++--
 public/index.html                           |  2 +-
 webpack/markdown-loader.js                  |  8 +++++++-
 8 files changed, 37 insertions(+), 11 deletions(-)
 create mode 100644 .env

diff --git a/.env b/.env
new file mode 100644
index 0000000..2220e99
--- /dev/null
+++ b/.env
@@ -0,0 +1,4 @@
+# 版本号
+VUE_APP_VERSION = '0.4.1'
+# 自定义变量 Cookie失效时间 1天
+VUE_APP_NAME = 'Eagle Web Tookit'
\ No newline at end of file
diff --git a/examples/styles/markdown.scss b/examples/styles/markdown.scss
index d755872..11fe39b 100644
--- a/examples/styles/markdown.scss
+++ b/examples/styles/markdown.scss
@@ -5,6 +5,8 @@
   .header-anchor {
     color: $primary;
     text-decoration: none;
+    opacity: 0;
+    transition: opacity 300ms;
   }
   h1 {
     color: $black;
@@ -20,6 +22,14 @@
     margin: 32px 0 16px;
     font-weight: 500;
     clear: both;
+    transition: all 300ms;
+  }
+  h2, h3, h4, h5, h6 {
+    &:hover {
+      .header-anchor {
+        opacity: 1;
+      }
+    }
   }
   h3 {
     font-size: 18px;
diff --git a/examples/views/docs/guide/installation.md b/examples/views/docs/guide/installation.md
index 87cef40..f5322a4 100644
--- a/examples/views/docs/guide/installation.md
+++ b/examples/views/docs/guide/installation.md
@@ -1,15 +1,15 @@
 # 安装
 
-本组件库处于未开发完成状态，暂时为私有库，仅供内部项目使用，当前最新版本号为`0.4.1`
+本组件库处于未开发完成状态，暂时为私有库，仅供内部项目使用，当前最新版本号为`{{ appVersion }}`
 
 > 注意：由于yunweidashi.com服务器的SSL证书未经过第三方机构签署，因此在使用本私有库时，需要在git中设置忽略ssl验证`git config http.sslVerify "false"`
 
 ## npm安装
 ```bash
-npm install --save git+https://frameworkweb:frame1WorkwEb@git.yunweidashi.com/framework/eagle-web-toolkit.git#版本号
+npm install --save git+https://frameworkweb:frame1WorkwEb@git.yunweidashi.com/framework/eagle-web-toolkit.git#{{ appVersion }}
 ```
 
 ## yarn安装
 ```bash
-yarn git+https://frameworkweb:frame1WorkwEb@git.yunweidashi.com/framework/eagle-web-toolkit.git#版本号
+yarn git+https://frameworkweb:frame1WorkwEb@git.yunweidashi.com/framework/eagle-web-toolkit.git#{{ appVersion }}
 ```
\ No newline at end of file
diff --git a/examples/views/docs/guide/introduce.md b/examples/views/docs/guide/introduce.md
index 0854d60..dc2e29a 100644
--- a/examples/views/docs/guide/introduce.md
+++ b/examples/views/docs/guide/introduce.md
@@ -1,6 +1,6 @@
-# EAGLE-WEB-TOOKIT
+# {{ appName }}
 
-`EAGLE-WEB-TOOKIT` 是在基于**Vue 2.0**的 [**Element**](https://element.eleme.cn) 组件库基础上的扩展组件库，主要用于快速生成企业后台管理项目。
+`{{ appName }}` 是在基于**Vue 2.0**的 [**Element**](https://element.eleme.cn) 组件库基础上的扩展组件库，主要用于快速生成企业后台管理项目。
 
 ## 特性
 
@@ -16,7 +16,7 @@
 </div>
 :::
 
-**Vue.js**提供核心驱动，**Element**组成基本结构，**EAGLE WEB TOOLKIT**渲染配置项数据
+**Vue.js**提供核心驱动，**Element**组成基本结构，{{ appName }}渲染配置项数据
 
 ## 谁在使用
 
diff --git a/examples/views/layout/components/header.vue b/examples/views/layout/components/header.vue
index 6380a5b..2edb8e2 100644
--- a/examples/views/layout/components/header.vue
+++ b/examples/views/layout/components/header.vue
@@ -2,7 +2,7 @@
   <el-header class="layout-header">
     <div class="left">
       <img class="logo" src="/img/logo.svg" />
-      <span class="title">EAGLE WEB TOOLKIT</span>
+      <span class="title">{{ appName }}</span>
     </div>
     <el-menu :default-active="activeMenu" mode="horizontal" @select="handleSelect">
       <el-menu-item v-for="(data, index) in pages" :key="index" :index="data.meta.path">{{ data.meta.title }}</el-menu-item>
@@ -17,6 +17,7 @@ export default {
   name: 'layoutHeader',
   data() {
     return {
+      appName: process.env.VUE_APP_NAME,
       activeMenu: '/index',
       pages: pages.map((data, index) => {
         const param = data.meta && data.meta.path ? {} : { meta: { title: `Page - ${index}`, path: '/index' } }
diff --git a/examples/views/page/index.vue b/examples/views/page/index.vue
index 5a5bacb..37652cc 100644
--- a/examples/views/page/index.vue
+++ b/examples/views/page/index.vue
@@ -4,14 +4,19 @@
       <img alt="logo" src="/img/logo.svg">
     </div>
     <div class="content">
-      欢迎使用<span class="name">EAGLE WEB TOOLKIT</span>组件库
+      欢迎使用<span class="name">{{ appName }}</span>组件库
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'index'
+  name: 'index',
+  data() {
+    return {
+      appName: process.env.VUE_APP_NAME
+    }
+  }
 }
 </script>
 
diff --git a/public/index.html b/public/index.html
index eed274e..d134b6c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Eagle Web 组件库 | Eagle Web Toolkit</title>
+    <title><%= VUE_APP_NAME %></title>
   </head>
   <body>
     <noscript>
diff --git a/webpack/markdown-loader.js b/webpack/markdown-loader.js
index 4d02ae8..91ea13c 100644
--- a/webpack/markdown-loader.js
+++ b/webpack/markdown-loader.js
@@ -117,7 +117,13 @@ module.exports = function(source) {
         export default {
         name: 'eagle-component-doc',
         components: {
-        ${componentCodeList.join(",")}
+          ${componentCodeList.join(",")}
+        },
+        data() {
+          return {
+            appName: process.env.VUE_APP_NAME,
+            appVersion: process.env.VUE_APP_VERSION,
+          }
         }
       }
     </script>
--
libgit2 0.21.0