diff --git a/README.en.md b/README.en.md
index a94ca61d5e..e5cb2a2c85 100644
--- a/README.en.md
+++ b/README.en.md
@@ -70,19 +70,37 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
Version: [vue](https://www.npmjs.com/package/vue) 3.x
```shell
-npm install vxe-table
+npm install vxe-table@next
```
Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
-### npm
+### NPM
+
+### Use Table
+
+```javascript
+// ...
+import VxeTable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+// ...
+
+createApp(App).use(VxeTable).mount('#app')
+```
+
+### Use Table and UI
```javascript
-import { createApp } from 'vue'
-import VxeUITable from 'vxe-table'
+// ...
+import VxeTable from 'vxe-table'
import 'vxe-table/lib/style.css'
+// ...
+
+import VxeUI from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+// ...
-createApp(App).use(VxeUITable).mount('#app')
+createApp(App).use(VxeUI).use(VxeTable).mount('#app')
```
### CDN
@@ -91,11 +109,15 @@ Use a third-party CDN to remember to lock the version number to avoid being affe
***It is not recommended to use the CDN address of a third party in a formal environment because the connection can fail at any time***
```HTML
-
-
-
-
-
+
+
+
+
+
+
+
+
+
```
## Example
@@ -128,14 +150,15 @@ const tableData = ref([
## Online Documents
-👉 [Document](https://vxetable.cn)
+👉 [UI Document](https://vxeui.com)
+👉 [Table Document](https://vxetable.cn)
## Run the project
Install dependencies
```shell
-npm install
+npm run update
```
Start local debugging
diff --git a/README.md b/README.md
index 03ce8b8028..1115729cdb 100644
--- a/README.md
+++ b/README.md
@@ -84,19 +84,37 @@
版本：[vue](https://www.npmjs.com/package/vue) 3.x
```shell
-npm install vxe-table
+npm install vxe-table@next
```
Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
-### npm
+### NPM
+
+### 只使用表格
+
+```javascript
+// ...
+import VxeTable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+// ...
+
+createApp(App).use(VxeTable).mount('#app')
+```
+
+### 使用表格与 UI 库
```javascript
-import { createApp } from 'vue'
-import VxeUITable from 'vxe-table'
+// ...
+import VxeTable from 'vxe-table'
import 'vxe-table/lib/style.css'
+// ...
+
+import VxeUI from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+// ...
-createApp(App).use(VxeUITable).mount('#app')
+createApp(App).use(VxeUI).use(VxeTable).mount('#app')
```
### CDN
@@ -105,11 +123,15 @@ createApp(App).use(VxeUITable).mount('#app')
***不建议将第三方的 CDN 地址用于正式环境，因为该连接随时都可能会失效***
```HTML
-
-
-
-
-
+
+
+
+
+
+
+
+
+
```
## 示例
@@ -142,7 +164,8 @@ const tableData = ref([
## 在线文档
-👉 [官网文档](https://vxetable.cn)
+👉 [组件文档](https://vxeui.com)
+👉 [表格文档](https://vxetable.cn)
## QQ 交流群
diff --git a/README.zh-TW.md b/README.zh-TW.md
index a8d6ee6ed0..6f1d16f06a 100644
--- a/README.zh-TW.md
+++ b/README.zh-TW.md
@@ -69,19 +69,37 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
版本：[vue](https://www.npmjs.com/package/vue) 3.x
```shell
-npm install vxe-table
+npm install vxe-table@next
```
Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
-### npm
+### NPM
+
+### 使用表格
+
+```javascript
+// ...
+import VxeTable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+// ...
+
+createApp(App).use(VxeTable).mount('#app')
+```
+
+### 使用表格与 UI 库
```javascript
-import { createApp } from 'vue'
-import VxeUITable from 'vxe-table'
+// ...
+import VxeTable from 'vxe-table'
import 'vxe-table/lib/style.css'
+// ...
+
+import VxeUI from 'vxe-pc-ui'
+import 'vxe-pc-ui/lib/style.css'
+// ...
-createApp(App).use(VxeUITable).mount('#app')
+createApp(App).use(VxeUI).use(VxeTable).mount('#app')
```
### CDN
@@ -90,11 +108,15 @@ createApp(App).use(VxeUITable).mount('#app')
***不建議將第三方的 CDN 地址用於正式環境，因爲該連接隨時都可能會失效***
```HTML
-
-
-
-
-
+
+
+
+
+
+
+
+
+
```
## 示例
@@ -127,14 +149,15 @@ const tableData = ref([
## 線上檔案
-👉 [官網檔案](https://vxetable.cn)
+👉 [組件文檔](https://vxeui.com)
+👉 [表格文檔](https://vxetable.cn)
## 運行項目
安裝依賴
```shell
-npm install
+npm run update
```
啓動本地調試
diff --git a/examples/App.vue b/examples/App.vue
index fab6a6f5be..b45e796fdd 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -4,6 +4,10 @@
+
+
+
+
{{ item.name }}
@@ -36,6 +40,12 @@ const changeTheme = () => {
VxeUI.setTheme(themeName)
localStorage.setItem('VXE_THEME', themeName)
}
+
+VxeUI.setLanguage((localStorage.getItem('VXE_LANGUAGE') as 'zh-CN' | 'en-US') || 'zh-CN')
+const changeLang = (lang: 'zh-CN' | 'en-US') => {
+ VxeUI.setLanguage(lang)
+ localStorage.setItem('VXE_LANGUAGE', lang)
+}