From a5f8975d8434c7f520f312f77cda032817f23e0c Mon Sep 17 00:00:00 2001 From: xuliangzhan Date: Thu, 27 Jun 2024 15:05:27 +0800 Subject: [PATCH] releases 4.7.37 --- README.en.md | 47 +- README.md | 45 +- README.zh-TW.md | 47 +- examples/App.vue | 10 + examples/main.ts | 14 +- examples/views/table/TableTest1.vue | 8 +- examples/views/table/TableTest2.vue | 16 +- examples/views/table/TableTest3.vue | 4 +- gulpfile.js | 19 +- package.json | 4 +- packages/components.ts | 8 + packages/locale/lang/en-US.ts | 7 +- packages/locale/lang/es-ES.ts | 7 +- packages/locale/lang/ja-JP.ts | 7 +- packages/locale/lang/pt-BR.ts | 7 +- packages/locale/lang/zh-CN.ts | 7 +- packages/locale/lang/zh-TC.ts | 7 +- packages/table/module/export/export-panel.ts | 7 +- packages/table/module/export/hook.ts | 54 +- packages/table/module/export/import-panel.ts | 23 +- packages/ui/index.ts | 2 +- styles/components/icon.scss | 183 +++++ styles/components/old-icon.scss | 717 +++++++++++++++++++ styles/components/table-module/export.scss | 3 +- styles/components/table.scss | 1 + styles/icon/iconfont.ttf | Bin 0 -> 6424 bytes styles/icon/iconfont.woff | Bin 0 -> 3588 bytes styles/icon/iconfont.woff2 | Bin 0 -> 3016 bytes 28 files changed, 1134 insertions(+), 120 deletions(-) create mode 100644 styles/components/icon.scss create mode 100644 styles/components/old-icon.scss create mode 100644 styles/icon/iconfont.ttf create mode 100644 styles/icon/iconfont.woff create mode 100644 styles/icon/iconfont.woff2 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) +}