Merge pull request #568 from beansmile/feat-update-redame

feat: 更新 readme 水印信息

README.md

@@ -1,11 +1,9 @@
-## alert env tips
+## env watermark 水印
 非正式环境显示提示，防止客户将 staging 环境，误认为是正式环境。
 通过以下环境变量控制
 
-VUE_APP_ENV: 不为 production 时，会有弹窗
+VUE_APP_ENV: 不为 production 时，会有水印提示
 
-VUE_APP_CLOSE_ENV_TIPS: 可在开发环境控制，关闭提示
+VUE_APP_CLOSE_ENV_WATERMARK: 可在开发环境控制，关闭提示
 
-VUE_APP_ENV_TIPS_DURATION：控制动画快慢，默认 10
-
-VUE_APP_ENV_TIPS_TEXT: 自定义提示文案，默认 `This is the ${VUE_APP_ENV} environment`
+VUE_APP_ENV_WATERMARK_TEXT: 自定义提示文案，默认 `This is the ${VUE_APP_ENV} environment`

src/plugin/utils/env-watermark.js

@@ -1,30 +1,19 @@
-import { MessageBox, Alert } from 'element-ui';
 import Vue from 'vue'
 import Watermark from '../components/watermark.vue';
 
-const VUE_APP_ENV = process.env.VUE_APP_ENV || 'development';
-const closeEnvTips = Boolean(process.env.VUE_APP_CLOSE_ENV_TIPS);
-const envTipsDuration = parseInt(process.env.VUE_APP_ENV_TIPS_DURATION) || 10;
-const envTipsText = parseInt(process.env.VUE_APP_ENV_TIPS_TEXT) || `This is the ${VUE_APP_ENV} environment`;
-
-function translateColor(color) {
-  try {
-    const [r, g, b, a] = color.match(/rgba?\((.*)\)/)[1].split(/, ?/);
-    return `rgba(${r}, ${g}, ${b}, ${(a || 1) / 4})`
-  } catch (e) {
-    return 'rgba(144, 147, 153, 0.5)';
-  }
-}
+const vueAppEnv = process.env.VUE_APP_ENV || 'development';
+const closeEnvWatermark = Boolean(process.env.VUE_APP_CLOSE_ENV_WATERMARK);
+const envWatermarkText = process.env.VUE_APP_ENV_WATERMARK_TEXT || `This is the ${vueAppEnv} environment`;
 
 export default function alertEnvTips() {
   //  如果是正式环境，或者 VUE_APP_CLOSE_ENV_TIPS 为 true，就不要显示环境提示
-  if (VUE_APP_ENV === 'production' || closeEnvTips) {
+  if (vueAppEnv === 'production' || closeEnvWatermark) {
     return;
   }
 
   const instance = new (Vue.extend(Watermark))().$mount();
   Object.assign(instance.$props, {
-    text: envTipsText,
+    text: envWatermarkText,
   });
   if (document.body.firstChild.before) {
     document.body.firstChild.before(instance.$el);