From 71955bba8dee4aa5b2501b75450ee5f79b30af51 Mon Sep 17 00:00:00 2001
From: chenxi <2465950588@qq.com>
Date: Tue, 11 Mar 2025 02:30:24 -0700
Subject: [PATCH 1/3] =?UTF-8?q?fix(docs):=20=E5=8E=BB=E9=99=A4=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E9=85=8D=E7=BD=AE=EF=BC=8C=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E9=85=8D=E7=BD=AE=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sites/demos/pc/webdoc/develop-demo-en.md  |  7 +--
 .../sites/demos/pc/webdoc/develop-demo.md     |  5 +--
 .../sites/demos/pc/webdoc/installation-en.md  |  5 +--
 .../sites/demos/pc/webdoc/installation.md     |  5 +--
 examples/sites/src/views/docs/docs.vue        | 45 +++++++++++++++++++
 5 files changed, 50 insertions(+), 17 deletions(-)

diff --git a/examples/sites/demos/pc/webdoc/develop-demo-en.md b/examples/sites/demos/pc/webdoc/develop-demo-en.md
index dc6bc05fd4..9f389282f3 100644
--- a/examples/sites/demos/pc/webdoc/develop-demo-en.md
+++ b/examples/sites/demos/pc/webdoc/develop-demo-en.md
@@ -43,16 +43,13 @@ npm install @opentiny/vue@3
 Then modify the`vite.config.js`, add the following code highlighted section:
 
 ```js {8-10}
-//vite.config.js
+// vite.config.js
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()],
-  define: {
-    'process.env': { ...process.env }
-  }
+  plugins: [vue()]
 })
 ```
 
diff --git a/examples/sites/demos/pc/webdoc/develop-demo.md b/examples/sites/demos/pc/webdoc/develop-demo.md
index 3b718b489b..72190c5e7d 100644
--- a/examples/sites/demos/pc/webdoc/develop-demo.md
+++ b/examples/sites/demos/pc/webdoc/develop-demo.md
@@ -49,10 +49,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()],
-  define: {
-    'process.env': { ...process.env }
-  }
+  plugins: [vue()]
 })
 ```
 
diff --git a/examples/sites/demos/pc/webdoc/installation-en.md b/examples/sites/demos/pc/webdoc/installation-en.md
index 7f7bc3e129..61e92cb06e 100644
--- a/examples/sites/demos/pc/webdoc/installation-en.md
+++ b/examples/sites/demos/pc/webdoc/installation-en.md
@@ -40,10 +40,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()],
-  define: {
-    'process.env': { ...process.env }
-  }
+  plugins: [vue()]
 })
 ```
 
diff --git a/examples/sites/demos/pc/webdoc/installation.md b/examples/sites/demos/pc/webdoc/installation.md
index 7d1e17761d..e2ab0d8a7b 100644
--- a/examples/sites/demos/pc/webdoc/installation.md
+++ b/examples/sites/demos/pc/webdoc/installation.md
@@ -40,10 +40,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()],
-  define: {
-    'process.env': { ...process.env }
-  }
+  plugins: [vue()]
 })
 ```
 
diff --git a/examples/sites/src/views/docs/docs.vue b/examples/sites/src/views/docs/docs.vue
index 738692d029..45489af77b 100644
--- a/examples/sites/src/views/docs/docs.vue
+++ b/examples/sites/src/views/docs/docs.vue
@@ -1,5 +1,24 @@
 <template>
   <div class="ti-f-r ti-pt48 ti-pl48 ti-pr48 docs-container">
+    <tiny-modal v-model="showModal" title="请注意" show-footer>
+      <div class="modal-body">
+        TinyVue 从 <span class="modal-body-keyword">3.13.0</span> 开始不需要在
+        <span class="modal-body-keyword">vite.config.js</span> 文件中配置
+        <span class="modal-body-keyword">define: { 'process.env': { ...process.env } }</span>
+        这段代码，这段代码会导致环境变量被打包到构建产物中，引起信息安全风险，请业务尽快升级到
+        <span class="modal-body-keyword">3.13.0</span> 或以上版本！如果不升级版本可以改成：<span
+          class="modal-body-keyword"
+          >define: { 'process.env': { }}</span
+        >
+        同样也可以解决此问题！感谢您对 TinyVue 支持！
+      </div>
+      <template #footer>
+        <tiny-button type="primary" :disabled="disabled" @click="handleConfirm">{{
+          disabled ? `${time}S后可关闭此提示` : '确认将不再弹出此提示'
+        }}</tiny-button>
+        <tiny-button @click="handleCancel">取消</tiny-button>
+      </template>
+    </tiny-modal>
     <component id="doc_wrap" :is="docCmp" class="ti-w0 ti-fi-1" />
     <!-- 目录列表 TODO: 需要锚点组件配置整改，处理id中的特殊字符 -->
     <!-- <div v-if="anchorLinks.length > 0" class="docs-page-anchor catalog w128 sticky top32 ml24">
@@ -11,10 +30,33 @@
 
 <script setup>
 import { ref, nextTick, watch, onMounted, shallowRef } from 'vue'
+import { Modal as TinyModal, Button as TinyButton } from '@opentiny/vue'
 import { getWord } from '@/tools'
 import docMDs from './docConfig.js'
 import { router } from '@/router.js'
 
+const tipFlag = localStorage.getItem('tiny-vue-env-tip')
+const showModal = ref(tipFlag !== 'never')
+const disabled = ref(true)
+let time = ref(5)
+if (showModal.value) {
+  let timer = setInterval(() => {
+    if (time.value > 0) {
+      time.value = time.value - 1
+    } else {
+      disabled.value = false
+      clearInterval(timer)
+      timer = null
+    }
+  }, 1000)
+}
+const handleConfirm = () => {
+  showModal.value = false
+  localStorage.setItem('tiny-vue-env-tip', 'never')
+}
+const handleCancel = () => {
+  showModal.value = false
+}
 const isOpen = import.meta.env.VITE_BUILD_TARGET === 'open'
 const openDocMap = {
   'envpreparation': 'envpreparation-open'
@@ -54,6 +96,9 @@ onMounted(() => {
 </script>
 
 <style lang="less">
+.modal-body .modal-body-keyword {
+  color: #905;
+}
 .docs-container {
   flex: 1;
   display: flex;

From b75041e6e642f1808b98497ff9b3e5c32a999229 Mon Sep 17 00:00:00 2001
From: chenxi <2465950588@qq.com>
Date: Tue, 11 Mar 2025 04:13:32 -0700
Subject: [PATCH 2/3] =?UTF-8?q?fix(docs):=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/sites/src/views/docs/docs.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/sites/src/views/docs/docs.vue b/examples/sites/src/views/docs/docs.vue
index 45489af77b..f06ef3c61a 100644
--- a/examples/sites/src/views/docs/docs.vue
+++ b/examples/sites/src/views/docs/docs.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="ti-f-r ti-pt48 ti-pl48 ti-pr48 docs-container">
-    <tiny-modal v-model="showModal" title="请注意" show-footer>
+    <tiny-modal v-model="showModal" title="请注意" status="warning" show-footer>
       <div class="modal-body">
         TinyVue 从 <span class="modal-body-keyword">3.13.0</span> 开始不需要在
         <span class="modal-body-keyword">vite.config.js</span> 文件中配置
@@ -10,11 +10,11 @@
           class="modal-body-keyword"
           >define: { 'process.env': { }}</span
         >
-        同样也可以解决此问题！感谢您对 TinyVue 支持！
+        同样也可以解决此问题！感谢您对 TinyVue 的支持！
       </div>
       <template #footer>
         <tiny-button type="primary" :disabled="disabled" @click="handleConfirm">{{
-          disabled ? `${time}S后可关闭此提示` : '确认将不再弹出此提示'
+          disabled ? `${time} S后可关闭此提示` : '确认将不再弹出此提示'
         }}</tiny-button>
         <tiny-button @click="handleCancel">取消</tiny-button>
       </template>

From 8773867ea0aa3680f5f2c1d6b4b93fe64a63617d Mon Sep 17 00:00:00 2001
From: chenxi <2465950588@qq.com>
Date: Tue, 11 Mar 2025 18:55:39 -0700
Subject: [PATCH 3/3] =?UTF-8?q?fix(docs):=20=E4=BF=AE=E6=94=B9=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=8F=98=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/sites/src/views/docs/docs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/sites/src/views/docs/docs.vue b/examples/sites/src/views/docs/docs.vue
index f06ef3c61a..1796f703c6 100644
--- a/examples/sites/src/views/docs/docs.vue
+++ b/examples/sites/src/views/docs/docs.vue
@@ -97,7 +97,7 @@ onMounted(() => {
 
 <style lang="less">
 .modal-body .modal-body-keyword {
-  color: #905;
+  color: var(--tv-base-color-error-6);
 }
 .docs-container {
   flex: 1;