vxe-table 4.7.36 → 4.7.38

package/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
-<!-- Style -->
-<link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/style.css">
-<!-- Script -->
-<script src="https://unpkg.com/xe-utils"></script>
-<script src="https://unpkg.com/vxe-table"></script>
+<!-- style -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
+<!-- vue -->
+<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+<!-- table -->
+<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
+<script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
+<script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
 ```
 
 ## 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

package/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
-<!-- 引入样式 -->
-<link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/style.css">
-<!-- 引入脚本 -->
-<script src="https://unpkg.com/xe-utils"></script>
-<script src="https://unpkg.com/vxe-table"></script>
+<!-- style -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
+<!-- vue -->
+<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+<!-- table -->
+<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
+<script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
+<script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
 ```
 
 ## 示例
@@ -142,7 +164,8 @@ const tableData = ref([
 
 ## 在线文档
 
-👉 [官网文档](https://vxetable.cn)  
+👉 [组件文档](https://vxeui.com)  
+👉 [表格文档](https://vxetable.cn)  
 
 ## QQ 交流群
 

package/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
-<!-- 引入樣式 -->
-<link rel="stylesheet" href="https://unpkg.com/vxe-table/lib/style.css">
-<!-- 引入腳本 -->
-<script src="https://unpkg.com/xe-utils"></script>
-<script src="https://unpkg.com/vxe-table"></script>
+<!-- style -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
+<!-- vue -->
+<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+<!-- table -->
+<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
+<script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
+<script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
 ```
 
 ## 示例
@@ -127,14 +149,15 @@ const tableData = ref([
 
 ## 線上檔案
 
-👉 [官網檔案](https://vxetable.cn)  
+👉 [組件文檔](https://vxeui.com)  
+👉 [表格文檔](https://vxetable.cn)  
 
 ## 運行項目
 
 安裝依賴
 
 ```shell
-npm install
+npm run update
 ```
 
 啓動本地調試

package/es/components.js

@@ -4,6 +4,7 @@ import { VxeColgroup } from './colgroup';
 import { VxeGrid } from './grid';
 import { VxeTable } from './table';
 import { VxeToolbar } from './toolbar';
+import zhCN from './locale/lang/zh-CN';
 const components = [
     VxeColumn,
     VxeColgroup,
@@ -16,6 +17,11 @@ export function install(app, options) {
     VxeUI.setConfig(options);
     components.forEach(component => component.install(app));
 }
+// 保留兼容老版本
+const defaultLanguage = 'zh-CN';
+VxeUI.setI18n(defaultLanguage, zhCN);
+VxeUI.setLanguage(defaultLanguage);
+VxeUI.setTheme('light');
 export * from './ui';
 // Components
 export * from './table';

package/es/locale/lang/en-US.js

@@ -133,14 +133,17 @@ export default {
         },
         import: {
             modes: {
-                covering: 'Covering',
-                insert: 'Insert'
+                covering: 'Overwrite mode (directly overwrite table data)',
+                insert: 'Bottom append (appends new data to the bottom of the table)',
+                insertTop: 'Top append (appends new data to the top of the table)',
+                insertBottom: 'Bottom append (appends new data to the bottom of the table)'
             },
             impTitle: 'Import data',
             impFile: 'Filename',
             impSelect: 'Select file',
             impType: 'File type',
             impOpts: 'Settings',
+            impMode: 'Import mode',
             impConfirm: 'Import',
             impCancel: 'Cancel'
         },

package/es/locale/lang/es-ES.js

@@ -133,14 +133,17 @@ export default {
         },
         import: {
             modes: {
-                covering: 'Cubriendo',
-                insert: 'Insertar'
+                covering: 'Overwrite mode (directly overwrite table data)',
+                insert: 'Bottom append (appends new data to the bottom of the table)',
+                insertTop: 'Top append (appends new data to the top of the table)',
+                insertBottom: 'Bottom append (appends new data to the bottom of the table)'
             },
             impTitle: 'Importar datos',
             impFile: 'Nombre del archivo',
             impSelect: 'Seleccionar archivo',
             impType: 'Tipo de archivo',
             impOpts: 'Configuración',
+            impMode: 'Import mode',
             impConfirm: 'Importar',
             impCancel: 'Cancelar'
         },

package/es/locale/lang/ja-JP.js

@@ -133,14 +133,17 @@ export default {
         },
         import: {
             modes: {
-                covering: '上書き',
-                insert: '追加'
+                covering: 'Overwrite mode (directly overwrite table data)',
+                insert: 'Bottom append (appends new data to the bottom of the table)',
+                insertTop: 'Top append (appends new data to the top of the table)',
+                insertBottom: 'Bottom append (appends new data to the bottom of the table)'
             },
             impTitle: 'データインポート',
             impFile: 'ファイル名',
             impSelect: 'ファイル選択',
             impType: 'ファイルの種類',
             impOpts: 'パラメータ指定',
+            impMode: 'Import mode',
             impConfirm: 'インポート',
             impCancel: 'キャンセル'
         },

package/es/locale/lang/pt-BR.js

@@ -133,14 +133,17 @@ export default {
         },
         import: {
             modes: {
-                covering: 'Sobrescrever',
-                insert: 'Inserir'
+                covering: 'Overwrite mode (directly overwrite table data)',
+                insert: 'Bottom append (appends new data to the bottom of the table)',
+                insertTop: 'Top append (appends new data to the top of the table)',
+                insertBottom: 'Bottom append (appends new data to the bottom of the table)'
             },
             impTitle: 'Importar dados',
             impFile: 'Nome do arquivo',
             impSelect: 'Selecionar arquivo',
             impType: 'Tipo de arquivo',
             impOpts: 'Configurações',
+            impMode: 'Import mode',
             impConfirm: 'Importar',
             impCancel: 'Cancelar'
         },

package/es/locale/lang/zh-CN.js

@@ -133,14 +133,17 @@ export default {
         },
         import: {
             modes: {
-                covering: '覆盖',
-                insert: '新增'
+                covering: 'Overwrite mode (directly overwrite table data)',
+                insert: 'Bottom append (appends new data to the bottom of the table)',
+                insertTop: 'Top append (appends new data to the top of the table)',
+                insertBottom: 'Bottom append (appends new data to the bottom of the table)'
             },
             impTitle: '导入数据',
             impFile: '文件名',
             impSelect: '选择文件',
             impType: '文件类型',
             impOpts: '参数设置',
+            impMode: '导入模式',
             impConfirm: '导入',
             impCancel: '取消'
         },

package/es/locale/lang/zh-TC.js

@@ -133,14 +133,17 @@ export default {
         },
         import: {
             modes: {
-                covering: '覆盖',
-                insert: '新增'
+                covering: '覆盖方式（直接覆盖表格数据）',
+                insert: '底部追加（在表格的底部追加新数据）',
+                insertTop: '顶部追加（在表格的顶部追加新数据）',
+                insertBottom: '底部追加（在表格的底部追加新数据）'
             },
             impTitle: '導入數據',
             impFile: '檔名',
             impSelect: '選擇檔案',
             impType: '檔案類型',
             impOpts: '參數設置',
+            impMode: '導入模式',
             impConfirm: '導入',
             impCancel: '取消'
         },