diff --git a/README.md b/README.md index 5e72ad6..690809b 100644 --- a/README.md +++ b/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` diff --git a/src/plugin/utils/env-watermark.js b/src/plugin/utils/env-watermark.js index dd5e24d..91708bc 100644 --- a/src/plugin/utils/env-watermark.js +++ b/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);