vxe-table 4.18.7 → 4.18.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/LICENSE +20 -20
  2. package/README.en.md +118 -118
  3. package/README.ja-JP.md +117 -117
  4. package/README.md +268 -268
  5. package/README.zh-TW.md +117 -117
  6. package/es/style.css +1 -1
  7. package/es/table/src/table.js +101 -84
  8. package/es/table/src/util.js +6 -0
  9. package/es/table/style.css +18 -48
  10. package/es/ui/index.js +1 -1
  11. package/es/ui/src/dom.js +21 -0
  12. package/es/ui/src/log.js +1 -1
  13. package/es/vxe-table/style.css +18 -48
  14. package/lib/index.common.js +2 -1
  15. package/lib/index.umd.js +2769 -2840
  16. package/lib/index.umd.min.js +1 -1
  17. package/lib/style.css +1 -1
  18. package/lib/table/src/table.js +21 -18
  19. package/lib/table/src/table.min.js +1 -1
  20. package/lib/table/src/util.js +6 -0
  21. package/lib/table/src/util.min.js +1 -1
  22. package/lib/table/style/style.css +18 -48
  23. package/lib/ui/index.js +1 -1
  24. package/lib/ui/index.min.js +1 -1
  25. package/lib/ui/src/dom.js +23 -0
  26. package/lib/ui/src/dom.min.js +1 -1
  27. package/lib/ui/src/log.js +1 -1
  28. package/lib/ui/src/log.min.js +1 -1
  29. package/lib/v-x-e-table/index.js +2 -1
  30. package/lib/v-x-e-table/index.min.js +1 -1
  31. package/lib/vxe-colgroup/index.js +2 -1
  32. package/lib/vxe-colgroup/index.min.js +1 -1
  33. package/lib/vxe-column/index.js +2 -1
  34. package/lib/vxe-column/index.min.js +1 -1
  35. package/lib/vxe-grid/index.js +2 -1
  36. package/lib/vxe-grid/index.min.js +1 -1
  37. package/lib/vxe-table/index.js +2 -1
  38. package/lib/vxe-table/index.min.js +1 -1
  39. package/lib/vxe-table/style/style.css +18 -48
  40. package/lib/vxe-toolbar/index.js +2 -1
  41. package/lib/vxe-toolbar/index.min.js +1 -1
  42. package/lib/vxe-ui/index.js +2 -1
  43. package/lib/vxe-ui/index.min.js +1 -1
  44. package/lib/vxe-v-x-e-table/index.js +2 -1
  45. package/lib/vxe-v-x-e-table/index.min.js +1 -1
  46. package/package.json +91 -91
  47. package/packages/colgroup/index.ts +22 -22
  48. package/packages/column/index.ts +22 -22
  49. package/packages/components.ts +43 -43
  50. package/packages/grid/index.ts +18 -18
  51. package/packages/grid/src/emits.ts +19 -19
  52. package/packages/grid/src/grid.ts +1768 -1768
  53. package/packages/grid/src/props.ts +23 -23
  54. package/packages/index.ts +4 -4
  55. package/packages/locale/lang/ar-EG.ts +832 -832
  56. package/packages/locale/lang/de-DE.ts +832 -832
  57. package/packages/locale/lang/en-US.ts +832 -832
  58. package/packages/locale/lang/es-ES.ts +832 -832
  59. package/packages/locale/lang/fr-FR.ts +832 -832
  60. package/packages/locale/lang/hu-HU.ts +832 -832
  61. package/packages/locale/lang/hy-AM.ts +832 -832
  62. package/packages/locale/lang/id-ID.ts +832 -832
  63. package/packages/locale/lang/it-IT.ts +832 -832
  64. package/packages/locale/lang/ja-JP.ts +832 -832
  65. package/packages/locale/lang/ko-KR.ts +832 -832
  66. package/packages/locale/lang/ms-MY.ts +832 -832
  67. package/packages/locale/lang/nb-NO.ts +832 -832
  68. package/packages/locale/lang/pt-BR.ts +832 -832
  69. package/packages/locale/lang/ru-RU.ts +832 -832
  70. package/packages/locale/lang/th-TH.ts +832 -832
  71. package/packages/locale/lang/ug-CN.ts +832 -832
  72. package/packages/locale/lang/uk-UA.ts +832 -832
  73. package/packages/locale/lang/uz-UZ.ts +832 -832
  74. package/packages/locale/lang/vi-VN.ts +832 -832
  75. package/packages/locale/lang/zh-CHT.ts +832 -832
  76. package/packages/locale/lang/zh-CN.ts +832 -832
  77. package/packages/locale/lang/zh-HK.ts +3 -3
  78. package/packages/locale/lang/zh-MO.ts +3 -3
  79. package/packages/locale/lang/zh-TC.ts +3 -3
  80. package/packages/locale/lang/zh-TW.ts +3 -3
  81. package/packages/table/index.ts +26 -26
  82. package/packages/table/module/custom/hook.ts +359 -359
  83. package/packages/table/module/custom/panel.ts +1331 -1331
  84. package/packages/table/module/edit/hook.ts +1032 -1032
  85. package/packages/table/module/export/export-panel.ts +567 -567
  86. package/packages/table/module/export/hook.ts +1654 -1654
  87. package/packages/table/module/export/import-panel.ts +266 -266
  88. package/packages/table/module/export/util.ts +24 -24
  89. package/packages/table/module/filter/hook.ts +468 -468
  90. package/packages/table/module/filter/panel.ts +301 -301
  91. package/packages/table/module/keyboard/hook.ts +495 -495
  92. package/packages/table/module/menu/hook.ts +325 -325
  93. package/packages/table/module/menu/panel.ts +201 -201
  94. package/packages/table/module/validator/hook.ts +631 -631
  95. package/packages/table/render/index.ts +1440 -1440
  96. package/packages/table/src/body.ts +932 -932
  97. package/packages/table/src/cell.ts +1290 -1290
  98. package/packages/table/src/column.ts +190 -190
  99. package/packages/table/src/columnInfo.ts +225 -225
  100. package/packages/table/src/emits.ts +123 -123
  101. package/packages/table/src/footer.ts +368 -368
  102. package/packages/table/src/group.ts +59 -59
  103. package/packages/table/src/header.ts +559 -559
  104. package/packages/table/src/props.ts +324 -324
  105. package/packages/table/src/store.ts +14 -14
  106. package/packages/table/src/table.ts +14020 -14004
  107. package/packages/table/src/use/cell-view.ts +44 -44
  108. package/packages/table/src/use/index.ts +1 -1
  109. package/packages/table/src/util.ts +1070 -1064
  110. package/packages/toolbar/index.ts +18 -18
  111. package/packages/toolbar/src/toolbar.ts +701 -701
  112. package/packages/ui/index.ts +530 -530
  113. package/packages/ui/src/anime.ts +52 -52
  114. package/packages/ui/src/comp.ts +3 -3
  115. package/packages/ui/src/dom.ts +259 -236
  116. package/packages/ui/src/log.ts +8 -8
  117. package/packages/ui/src/utils.ts +56 -56
  118. package/packages/ui/src/vn.ts +55 -55
  119. package/packages/v-x-e-table/index.d.ts +4 -4
  120. package/packages/v-x-e-table/index.ts +4 -4
  121. package/styles/all.scss +7 -7
  122. package/styles/base.scss +16 -16
  123. package/styles/components/grid.scss +89 -89
  124. package/styles/components/icon.scss +225 -225
  125. package/styles/components/old-icon.scss +715 -715
  126. package/styles/components/table-module/all.scss +6 -6
  127. package/styles/components/table-module/custom.scss +527 -527
  128. package/styles/components/table-module/export.scss +130 -130
  129. package/styles/components/table-module/filter.scss +130 -130
  130. package/styles/components/table-module/menu.scss +81 -81
  131. package/styles/components/table.scss +2679 -2679
  132. package/styles/components/toolbar.scss +119 -119
  133. package/styles/default.scss +2 -2
  134. package/styles/helpers/baseMixin.scss +95 -95
  135. package/styles/index.scss +4 -4
  136. package/styles/modules.scss +5 -5
  137. package/styles/theme/base.scss +93 -93
  138. package/styles/theme/dark.scss +49 -49
  139. package/styles/theme/light.scss +44 -44
  140. package/styles/variable.scss +43 -43
  141. package/types/all.d.ts +37 -37
  142. package/types/index.d.ts +4 -4
  143. /package/es/{iconfont.1773991907408.ttf → iconfont.1774420952727.ttf} +0 -0
  144. /package/es/{iconfont.1773991907408.woff → iconfont.1774420952727.woff} +0 -0
  145. /package/es/{iconfont.1773991907408.woff2 → iconfont.1774420952727.woff2} +0 -0
  146. /package/lib/{iconfont.1773991907408.ttf → iconfont.1774420952727.ttf} +0 -0
  147. /package/lib/{iconfont.1773991907408.woff → iconfont.1774420952727.woff} +0 -0
  148. /package/lib/{iconfont.1773991907408.woff2 → iconfont.1774420952727.woff2} +0 -0
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2019 Xu Liangzhan
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
1
+ MIT License
2
+
3
+ Copyright (c) 2019 Xu Liangzhan
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
21
  SOFTWARE.
package/README.en.md CHANGED
@@ -1,118 +1,118 @@
1
- # vxe-table
2
-
3
- [简体中文](README.md) | [繁體中文](README.zh-TW.md) | English | [日本語](README.ja-JP.md)
4
-
5
- [![github star](https://img.shields.io/github/stars/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/stargazers)
6
- [![gitee star](https://gitee.com/x-extends/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-table/stargazers)
7
- [![gitcode star](https://gitcode.com/x-extends/vxe-table/star/badge.svg)](https://gitcode.com/x-extends/vxe-table/stargazers)
8
- [![npm version](https://img.shields.io/npm/v/vxe-table.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table)
9
- [![NodeJS with Webpack](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml)
10
- [![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)
11
- [![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)
12
- [![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)
13
- [![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)
14
- [![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
15
- [![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
16
-
17
- A PC-end table component based on [Vxe UI](https://github.com/x-extends/vxe-pc-ui), enterprise-level table solution with support for copy-paste, data pivot tables, and virtual lists, featuring high performance.
18
-
19
- ## Browser Support
20
-
21
- ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
22
- --- | --- | --- | --- | --- |
23
- Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
24
-
25
- ## Installing
26
-
27
- Version: [vue](https://www.npmjs.com/package/vue) 3.x
28
-
29
- ```shell
30
- npm install vxe-table@next
31
- ```
32
-
33
- Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
34
-
35
- ### NPM
36
-
37
- ```javascript
38
- // ...
39
- import VxeUITable from 'vxe-table'
40
- import 'vxe-table/lib/style.css'
41
- // ...
42
-
43
- createApp(App).use(VxeUITable).mount('#app')
44
- ```
45
-
46
- ### CDN
47
-
48
- Use a third-party CDN to remember to lock the version number to avoid being affected by incompatible updates.
49
- ***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***
50
-
51
- ```HTML
52
- <!-- style -->
53
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
54
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
55
- <!-- vue -->
56
- <script src="https://cdn.jsdelivr.net/npm/vue"></script>
57
- <!-- table -->
58
- <script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
59
- <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
60
- <script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
61
- ```
62
-
63
- ## Example
64
-
65
- ```html
66
- <template>
67
- <div>
68
- <vxe-table :data="tableData">
69
- <vxe-column type="seq" title="Seq" width="60"></vxe-column>
70
- <vxe-column field="name" title="Name"></vxe-column>
71
- <vxe-column field="role" title="Role"></vxe-column>
72
- <vxe-colgroup title="Group1">
73
- <vxe-column field="sex" title="Sex"></vxe-column>
74
- <vxe-column field="address" title="Address"></vxe-column>
75
- </vxe-colgroup>
76
- </vxe-table>
77
- </div>
78
- </template>
79
-
80
- <script lang="ts" setup>
81
- import { ref } from 'vue'
82
-
83
- const tableData = ref([
84
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
85
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
86
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
87
- ])
88
- </script>
89
- ```
90
-
91
- ## Online Documents
92
-
93
- 👉 [UI Document](https://vxeui.com)
94
- 👉 [Table Document](https://vxetable.cn)
95
-
96
- ## Run the project
97
-
98
- Install dependencies
99
-
100
- ```shell
101
- npm run update
102
- ```
103
-
104
- Start local debugging
105
-
106
- ```shell
107
- npm run serve
108
- ```
109
-
110
- Compile packaging, generated compiled directory: es,lib
111
-
112
- ```shell
113
- npm run lib
114
- ```
115
-
116
- ## License
117
-
118
- [MIT](LICENSE) © 2019-present, Xu Liangzhan
1
+ # vxe-table
2
+
3
+ [简体中文](README.md) | [繁體中文](README.zh-TW.md) | English | [日本語](README.ja-JP.md)
4
+
5
+ [![github star](https://img.shields.io/github/stars/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/stargazers)
6
+ [![gitee star](https://gitee.com/x-extends/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-table/stargazers)
7
+ [![gitcode star](https://gitcode.com/x-extends/vxe-table/star/badge.svg)](https://gitcode.com/x-extends/vxe-table/stargazers)
8
+ [![npm version](https://img.shields.io/npm/v/vxe-table.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table)
9
+ [![NodeJS with Webpack](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml)
10
+ [![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)
11
+ [![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)
12
+ [![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)
13
+ [![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)
14
+ [![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
15
+ [![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
16
+
17
+ A PC-end table component based on [Vxe UI](https://github.com/x-extends/vxe-pc-ui), enterprise-level table solution with support for copy-paste, data pivot tables, and virtual lists, featuring high performance.
18
+
19
+ ## Browser Support
20
+
21
+ ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
22
+ --- | --- | --- | --- | --- |
23
+ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
24
+
25
+ ## Installing
26
+
27
+ Version: [vue](https://www.npmjs.com/package/vue) 3.x
28
+
29
+ ```shell
30
+ npm install vxe-table@next
31
+ ```
32
+
33
+ Get on [unpkg](https://unpkg.com/vxe-table/) and [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/)
34
+
35
+ ### NPM
36
+
37
+ ```javascript
38
+ // ...
39
+ import VxeUITable from 'vxe-table'
40
+ import 'vxe-table/lib/style.css'
41
+ // ...
42
+
43
+ createApp(App).use(VxeUITable).mount('#app')
44
+ ```
45
+
46
+ ### CDN
47
+
48
+ Use a third-party CDN to remember to lock the version number to avoid being affected by incompatible updates.
49
+ ***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***
50
+
51
+ ```HTML
52
+ <!-- style -->
53
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
54
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
55
+ <!-- vue -->
56
+ <script src="https://cdn.jsdelivr.net/npm/vue"></script>
57
+ <!-- table -->
58
+ <script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
59
+ <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
60
+ <script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
61
+ ```
62
+
63
+ ## Example
64
+
65
+ ```html
66
+ <template>
67
+ <div>
68
+ <vxe-table :data="tableData">
69
+ <vxe-column type="seq" title="Seq" width="60"></vxe-column>
70
+ <vxe-column field="name" title="Name"></vxe-column>
71
+ <vxe-column field="role" title="Role"></vxe-column>
72
+ <vxe-colgroup title="Group1">
73
+ <vxe-column field="sex" title="Sex"></vxe-column>
74
+ <vxe-column field="address" title="Address"></vxe-column>
75
+ </vxe-colgroup>
76
+ </vxe-table>
77
+ </div>
78
+ </template>
79
+
80
+ <script lang="ts" setup>
81
+ import { ref } from 'vue'
82
+
83
+ const tableData = ref([
84
+ { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
85
+ { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
86
+ { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
87
+ ])
88
+ </script>
89
+ ```
90
+
91
+ ## Online Documents
92
+
93
+ 👉 [UI Document](https://vxeui.com)
94
+ 👉 [Table Document](https://vxetable.cn)
95
+
96
+ ## Run the project
97
+
98
+ Install dependencies
99
+
100
+ ```shell
101
+ npm run update
102
+ ```
103
+
104
+ Start local debugging
105
+
106
+ ```shell
107
+ npm run serve
108
+ ```
109
+
110
+ Compile packaging, generated compiled directory: es,lib
111
+
112
+ ```shell
113
+ npm run lib
114
+ ```
115
+
116
+ ## License
117
+
118
+ [MIT](LICENSE) © 2019-present, Xu Liangzhan
package/README.ja-JP.md CHANGED
@@ -1,117 +1,117 @@
1
- # vxe-table
2
-
3
- [简体中文](README.md) | [繁體中文](README.zh-TW.md) | [English](README.en.md) | 日本語
4
-
5
- [![github star](https://img.shields.io/github/stars/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/stargazers)
6
- [![gitee star](https://gitee.com/x-extends/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-table/stargazers)
7
- [![gitcode star](https://gitcode.com/x-extends/vxe-table/star/badge.svg)](https://gitcode.com/x-extends/vxe-table/stargazers)
8
- [![NodeJS with Webpack](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml)
9
- [![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)
10
- [![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)
11
- [![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)
12
- [![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)
13
- [![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
14
- [![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
15
-
16
- [Vxe UI](https://github.com/x-extends/vxe-pc-ui) エンドの表構成要素をベースに、コピペ、データ透視テーブル、仮想リストをサポートする高性能な企業向け表作成ソリューションです。
17
-
18
- ## ブラウザサポート
19
-
20
- ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
21
- --- | --- | --- | --- | --- |
22
- 最新 ✔ | 最新 ✔ | 最新 ✔ | 最新 ✔ | 最新 ✔ |
23
-
24
- ## インストール
25
-
26
- バージョン: [vue](https://www.npmjs.com/package/vue) 3.x
27
-
28
- ```shell
29
- npm install vxe-table@next
30
- ```
31
-
32
- [unpkg](https://unpkg.com/vxe-table/) および [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/) で入手可能
33
-
34
- ### NPM
35
-
36
- ```javascript
37
- // ...
38
- import VxeUITable from 'vxe-table'
39
- import 'vxe-table/lib/style.css'
40
- // ...
41
-
42
- createApp(App).use(VxeUITable).mount('#app')
43
- ```
44
-
45
- ### CDN
46
-
47
- サードパーティのCDNを使用する場合は、バージョン番号をロックして、互換性のない更新の影響を受けないようにしてください。
48
- ***サードパーティのCDNアドレスを正式な環境で使用することはお勧めしません。接続がいつでも失敗する可能性があるためです***
49
-
50
- ```HTML
51
- <!-- style -->
52
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
53
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
54
- <!-- vue -->
55
- <script src="https://cdn.jsdelivr.net/npm/vue"></script>
56
- <!-- table -->
57
- <script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
58
- <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
59
- <script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
60
- ```
61
-
62
- ## 例
63
-
64
- ```html
65
- <template>
66
- <div>
67
- <vxe-table :data="tableData">
68
- <vxe-column type="seq" title="Seq" width="60"></vxe-column>
69
- <vxe-column field="name" title="Name"></vxe-column>
70
- <vxe-column field="role" title="Role"></vxe-column>
71
- <vxe-colgroup title="Group1">
72
- <vxe-column field="sex" title="Sex"></vxe-column>
73
- <vxe-column field="address" title="Address"></vxe-column>
74
- </vxe-colgroup>
75
- </vxe-table>
76
- </div>
77
- </template>
78
-
79
- <script lang="ts" setup>
80
- import { ref } from 'vue'
81
-
82
- const tableData = ref([
83
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
84
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
85
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
86
- ])
87
- </script>
88
- ```
89
-
90
- ## オンラインドキュメント
91
-
92
- 👉 [UIドキュメント](https://vxeui.com)
93
- 👉 [テーブルドキュメント](https://vxetable.cn)
94
-
95
- ## プロジェクトの実行
96
-
97
- 依存関係をインストールする
98
-
99
- ```shell
100
- npm run update
101
- ```
102
-
103
- ローカルデバッグを開始する
104
-
105
- ```shell
106
- npm run serve
107
- ```
108
-
109
- コンパイルパッケージング、生成されたコンパイルディレクトリ: es,lib
110
-
111
- ```shell
112
- npm run lib
113
- ```
114
-
115
- ## ライセンス
116
-
117
- [MIT](LICENSE) © 2019-present, Xu Liangzhan
1
+ # vxe-table
2
+
3
+ [简体中文](README.md) | [繁體中文](README.zh-TW.md) | [English](README.en.md) | 日本語
4
+
5
+ [![github star](https://img.shields.io/github/stars/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/stargazers)
6
+ [![gitee star](https://gitee.com/x-extends/vxe-table/badge/star.svg?theme=gvp)](https://gitee.com/x-extends/vxe-table/stargazers)
7
+ [![gitcode star](https://gitcode.com/x-extends/vxe-table/star/badge.svg)](https://gitcode.com/x-extends/vxe-table/stargazers)
8
+ [![NodeJS with Webpack](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-table/actions/workflows/webpack.yml)
9
+ [![npm downloads](https://img.shields.io/npm/dt/vxe-table.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table)
10
+ [![issues](https://img.shields.io/github/issues/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues)
11
+ [![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/issues?q=is%3Aissue+is%3Aclosed)
12
+ [![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls)
13
+ [![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table.svg)](https://github.com/x-extends/vxe-table/pulls?q=is%3Apr+is%3Aclosed)
14
+ [![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)
15
+
16
+ [Vxe UI](https://github.com/x-extends/vxe-pc-ui) エンドの表構成要素をベースに、コピペ、データ透視テーブル、仮想リストをサポートする高性能な企業向け表作成ソリューションです。
17
+
18
+ ## ブラウザサポート
19
+
20
+ ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
21
+ --- | --- | --- | --- | --- |
22
+ 最新 ✔ | 最新 ✔ | 最新 ✔ | 最新 ✔ | 最新 ✔ |
23
+
24
+ ## インストール
25
+
26
+ バージョン: [vue](https://www.npmjs.com/package/vue) 3.x
27
+
28
+ ```shell
29
+ npm install vxe-table@next
30
+ ```
31
+
32
+ [unpkg](https://unpkg.com/vxe-table/) および [cdnjs](https://cdn.jsdelivr.net/npm/vxe-table/) で入手可能
33
+
34
+ ### NPM
35
+
36
+ ```javascript
37
+ // ...
38
+ import VxeUITable from 'vxe-table'
39
+ import 'vxe-table/lib/style.css'
40
+ // ...
41
+
42
+ createApp(App).use(VxeUITable).mount('#app')
43
+ ```
44
+
45
+ ### CDN
46
+
47
+ サードパーティのCDNを使用する場合は、バージョン番号をロックして、互換性のない更新の影響を受けないようにしてください。
48
+ ***サードパーティのCDNアドレスを正式な環境で使用することはお勧めしません。接続がいつでも失敗する可能性があるためです***
49
+
50
+ ```HTML
51
+ <!-- style -->
52
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui/lib/style.css">
53
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@next/lib/style.css">
54
+ <!-- vue -->
55
+ <script src="https://cdn.jsdelivr.net/npm/vue"></script>
56
+ <!-- table -->
57
+ <script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
58
+ <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui"></script>
59
+ <script src="https://cdn.jsdelivr.net/npm/vxe-table@next"></script>
60
+ ```
61
+
62
+ ## 例
63
+
64
+ ```html
65
+ <template>
66
+ <div>
67
+ <vxe-table :data="tableData">
68
+ <vxe-column type="seq" title="Seq" width="60"></vxe-column>
69
+ <vxe-column field="name" title="Name"></vxe-column>
70
+ <vxe-column field="role" title="Role"></vxe-column>
71
+ <vxe-colgroup title="Group1">
72
+ <vxe-column field="sex" title="Sex"></vxe-column>
73
+ <vxe-column field="address" title="Address"></vxe-column>
74
+ </vxe-colgroup>
75
+ </vxe-table>
76
+ </div>
77
+ </template>
78
+
79
+ <script lang="ts" setup>
80
+ import { ref } from 'vue'
81
+
82
+ const tableData = ref([
83
+ { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
84
+ { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
85
+ { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
86
+ ])
87
+ </script>
88
+ ```
89
+
90
+ ## オンラインドキュメント
91
+
92
+ 👉 [UIドキュメント](https://vxeui.com)
93
+ 👉 [テーブルドキュメント](https://vxetable.cn)
94
+
95
+ ## プロジェクトの実行
96
+
97
+ 依存関係をインストールする
98
+
99
+ ```shell
100
+ npm run update
101
+ ```
102
+
103
+ ローカルデバッグを開始する
104
+
105
+ ```shell
106
+ npm run serve
107
+ ```
108
+
109
+ コンパイルパッケージング、生成されたコンパイルディレクトリ: es,lib
110
+
111
+ ```shell
112
+ npm run lib
113
+ ```
114
+
115
+ ## ライセンス
116
+
117
+ [MIT](LICENSE) © 2019-present, Xu Liangzhan