vxe-table 4.23.8 → 4.23.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 (126) hide show
  1. package/dist/all.esm.js +5715 -3783
  2. package/es/components.d.ts +1 -0
  3. package/es/components.js +2 -7
  4. package/es/grid/src/emits.js +1 -15
  5. package/es/grid/src/grid.js +397 -120
  6. package/es/index.esm.js +1 -0
  7. package/es/index.js +1 -0
  8. package/es/table/module/custom/hook.js +49 -42
  9. package/es/table/module/custom/panel.js +777 -527
  10. package/es/table/module/edit/hook.js +140 -62
  11. package/es/table/module/export/export-panel.js +399 -316
  12. package/es/table/module/export/hook.js +395 -337
  13. package/es/table/module/export/import-panel.js +152 -123
  14. package/es/table/module/filter/hook.js +16 -2
  15. package/es/table/module/filter/panel.js +146 -84
  16. package/es/table/module/keyboard/hook.js +8 -4
  17. package/es/table/module/menu/panel.js +197 -126
  18. package/es/table/render/index.js +151 -98
  19. package/es/table/src/body.js +355 -233
  20. package/es/table/src/cell.js +426 -269
  21. package/es/table/src/columnInfo.js +1 -0
  22. package/es/table/src/footer.js +144 -99
  23. package/es/table/src/group.js +7 -3
  24. package/es/table/src/header.js +229 -172
  25. package/es/table/src/table.js +1503 -1030
  26. package/es/table/src/util.js +15 -19
  27. package/es/toolbar/src/toolbar.js +132 -75
  28. package/es/ui/index.js +1 -1
  29. package/es/ui/src/dom.js +9 -6
  30. package/es/ui/src/log.js +1 -1
  31. package/es/ui/src/utils.d.ts +1 -1
  32. package/lib/components.js +2 -7
  33. package/lib/grid/src/emits.js +1 -15
  34. package/lib/grid/src/grid.js +397 -120
  35. package/lib/index.common.js +1 -0
  36. package/lib/index.js +1 -0
  37. package/lib/index.umd.js +5732 -3800
  38. package/lib/index.umd.min.js +3 -3
  39. package/lib/table/module/custom/hook.js +49 -42
  40. package/lib/table/module/custom/panel.js +777 -527
  41. package/lib/table/module/edit/hook.js +140 -62
  42. package/lib/table/module/export/export-panel.js +399 -316
  43. package/lib/table/module/export/hook.js +395 -337
  44. package/lib/table/module/export/import-panel.js +152 -123
  45. package/lib/table/module/filter/hook.js +16 -2
  46. package/lib/table/module/filter/panel.js +146 -84
  47. package/lib/table/module/keyboard/hook.js +8 -4
  48. package/lib/table/module/menu/panel.js +197 -126
  49. package/lib/table/render/index.js +151 -98
  50. package/lib/table/src/body.js +355 -233
  51. package/lib/table/src/cell.js +426 -269
  52. package/lib/table/src/columnInfo.js +1 -0
  53. package/lib/table/src/footer.js +144 -99
  54. package/lib/table/src/group.js +7 -3
  55. package/lib/table/src/header.js +229 -172
  56. package/lib/table/src/table.js +1471 -1029
  57. package/lib/table/src/util.js +15 -19
  58. package/lib/toolbar/src/toolbar.js +132 -75
  59. package/lib/ui/index.js +1 -1
  60. package/lib/ui/src/dom.js +9 -6
  61. package/lib/ui/src/log.js +1 -1
  62. package/package.json +2 -2
  63. package/packages/colgroup/index.ts +22 -22
  64. package/packages/column/index.ts +22 -22
  65. package/packages/components.ts +41 -44
  66. package/packages/grid/index.ts +18 -18
  67. package/packages/grid/src/emits.ts +5 -19
  68. package/packages/grid/src/grid.ts +2229 -1925
  69. package/packages/grid/src/props.ts +22 -23
  70. package/packages/index.ts +11 -11
  71. package/packages/locale/lang/fr-FR.ts +15 -15
  72. package/packages/locale/lang/it-IT.ts +4 -4
  73. package/packages/locale/lang/uk-UA.ts +1 -1
  74. package/packages/locale/lang/uz-UZ.ts +13 -13
  75. package/packages/locale/lang/zh-CN.ts +907 -907
  76. package/packages/table/index.ts +26 -26
  77. package/packages/table/module/custom/hook.ts +510 -503
  78. package/packages/table/module/custom/panel.ts +2002 -1743
  79. package/packages/table/module/edit/hook.ts +1224 -1131
  80. package/packages/table/module/export/export-panel.ts +697 -611
  81. package/packages/table/module/export/hook.ts +2160 -2059
  82. package/packages/table/module/export/import-panel.ts +319 -279
  83. package/packages/table/module/export/util.ts +25 -24
  84. package/packages/table/module/filter/hook.ts +519 -501
  85. package/packages/table/module/filter/panel.ts +368 -304
  86. package/packages/table/module/keyboard/hook.ts +498 -494
  87. package/packages/table/module/menu/hook.ts +330 -330
  88. package/packages/table/module/menu/panel.ts +272 -201
  89. package/packages/table/module/validator/hook.ts +653 -635
  90. package/packages/table/render/index.ts +1819 -1744
  91. package/packages/table/src/body.ts +1078 -955
  92. package/packages/table/src/cell.ts +1524 -1359
  93. package/packages/table/src/column.ts +192 -192
  94. package/packages/table/src/columnInfo.ts +232 -232
  95. package/packages/table/src/emits.ts +134 -134
  96. package/packages/table/src/footer.ts +425 -380
  97. package/packages/table/src/group.ts +67 -63
  98. package/packages/table/src/header.ts +642 -581
  99. package/packages/table/src/props.ts +336 -336
  100. package/packages/table/src/store.ts +14 -14
  101. package/packages/table/src/table.ts +16011 -15454
  102. package/packages/table/src/use/cell-view.ts +41 -44
  103. package/packages/table/src/use/index.ts +1 -1
  104. package/packages/table/src/util.ts +1206 -1216
  105. package/packages/toolbar/index.ts +18 -18
  106. package/packages/toolbar/src/toolbar.ts +768 -706
  107. package/packages/ui/index.ts +519 -520
  108. package/packages/ui/src/anime.ts +51 -52
  109. package/packages/ui/src/comp.ts +3 -3
  110. package/packages/ui/src/dom.ts +466 -463
  111. package/packages/ui/src/log.ts +19 -19
  112. package/packages/ui/src/utils.ts +66 -66
  113. package/packages/ui/src/vn.ts +55 -55
  114. package/packages/v-x-e-table/index.d.ts +3 -3
  115. package/packages/v-x-e-table/index.ts +3 -3
  116. package/types/all.d.ts +76 -76
  117. package/types/index.d.ts +4 -4
  118. /package/dist/{iconfont.1793007753347.ttf → iconfont.1793009263429.ttf} +0 -0
  119. /package/dist/{iconfont.1793007753347.woff → iconfont.1793009263429.woff} +0 -0
  120. /package/dist/{iconfont.1793007753347.woff2 → iconfont.1793009263429.woff2} +0 -0
  121. /package/es/{iconfont.1793007753347.ttf → iconfont.1793009263429.ttf} +0 -0
  122. /package/es/{iconfont.1793007753347.woff → iconfont.1793009263429.woff} +0 -0
  123. /package/es/{iconfont.1793007753347.woff2 → iconfont.1793009263429.woff2} +0 -0
  124. /package/lib/{iconfont.1793007753347.ttf → iconfont.1793009263429.ttf} +0 -0
  125. /package/lib/{iconfont.1793007753347.woff → iconfont.1793009263429.woff} +0 -0
  126. /package/lib/{iconfont.1793007753347.woff2 → iconfont.1793009263429.woff2} +0 -0
package/lib/table/module/menu/panel.js CHANGED
@@ -60,135 +60,206 @@ var panel_default = (0, import_comp.defineVxeComponent)({
60
60
  const menuOpts = computeMenuOpts.value;
61
61
  const { transfer, destroyOnClose, className } = menuOpts;
62
62
  const { visible, list } = ctxMenuStore;
63
- return (0, import_vue.h)(import_vue.Teleport, {
64
- to: "body",
65
- disabled: !transfer
66
- }, [
67
- (0, import_vue.h)("div", {
68
- ref: refElem,
69
- class: ["vxe-table--context-menu-wrapper", className, {
70
- "is--visible": visible
71
- }],
72
- style: ctxMenuStore.style
73
- }, (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
74
- return options.every((item) => item.visible === false) ? renderEmptyElement($xeTable) : (0, import_vue.h)("ul", {
75
- class: "vxe-table--context-menu-group-wrapper",
76
- key: gIndex
77
- }, options.map((item, index) => {
78
- const { children, loading } = item;
79
- const hasChildMenus = children && children.some((child) => child.visible !== false);
80
- const prefixOpts = Object.assign({}, item.prefixConfig);
81
- const prefixIcon = prefixOpts.icon || item.prefixIcon;
82
- const suffixOpts = Object.assign({}, item.suffixConfig);
83
- const suffixIcon = suffixOpts.icon || item.suffixIcon;
84
- const menuContent = (0, import_utils.getFuncText)(item.name);
85
- return item.visible === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("li", {
86
- class: ["vxe-table--context-menu--option", item.className, {
87
- "link--loading": loading,
88
- "link--disabled": item.disabled,
89
- "link--active": item === ctxMenuStore.selected
90
- }],
91
- key: `${gIndex}_${index}`
92
- }, [
93
- (0, import_vue.h)("a", {
94
- class: "vxe-context-menu--link",
95
- onClick(evnt) {
96
- $xeTable.ctxMenuLinkEvent(evnt, item);
97
- },
98
- onMouseover(evnt) {
99
- $xeTable.ctxMenuMouseoverEvent(evnt, item);
100
- },
101
- onMouseout(evnt) {
102
- $xeTable.ctxMenuMouseoutEvent(evnt, item);
63
+ return (0, import_vue.h)(
64
+ import_vue.Teleport,
65
+ {
66
+ to: "body",
67
+ disabled: !transfer
68
+ },
69
+ [
70
+ (0, import_vue.h)(
71
+ "div",
72
+ {
73
+ ref: refElem,
74
+ class: [
75
+ "vxe-table--context-menu-wrapper",
76
+ className,
77
+ {
78
+ "is--visible": visible
103
79
  }
104
- }, [
105
- (0, import_vue.h)("div", {
106
- class: ["vxe-context-menu--link-prefix", prefixOpts.className || ""]
107
- }, [
108
- loading ? (0, import_vue.h)("span", {
109
- class: getIcon("TABLE_MENU_OPTION_LOADING")
110
- }) : prefixIcon && import_xe_utils.default.isFunction(prefixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(prefixIcon({}))) : (0, import_vue.h)("span", {}, [
111
- (0, import_vue.h)("i", {
112
- class: prefixIcon
113
- })
114
- ]),
115
- prefixOpts.content ? (0, import_vue.h)("span", {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)
116
- ]),
117
- (0, import_vue.h)("div", {
118
- class: "vxe-context-menu--link-content",
119
- title: menuContent
120
- }, loading ? getI18n("vxe.table.menuLoading") : menuContent),
121
- (0, import_vue.h)("div", {
122
- class: ["vxe-context-menu--link-suffix", suffixOpts.className || ""]
123
- }, [
124
- suffixIcon && import_xe_utils.default.isFunction(suffixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(suffixIcon({}))) : (0, import_vue.h)("i", {
125
- class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : "")
126
- }),
127
- suffixOpts.content ? (0, import_vue.h)("span", `${suffixOpts.content}`) : renderEmptyElement($xeTable)
128
- ])
129
- ]),
130
- hasChildMenus && children ? (0, import_vue.h)("ul", {
131
- class: ["vxe-table--context-menu-clild-wrapper", {
132
- "is--show": item === ctxMenuStore.selected && ctxMenuStore.showChild
133
- }]
134
- }, children.map((child, cIndex) => {
135
- const { loading: childLoading } = child;
136
- const childPrefixOpts = Object.assign({}, child.prefixConfig);
137
- const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
138
- const childSuffixOpts = Object.assign({}, child.suffixConfig);
139
- const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
140
- const childMenuContent = (0, import_utils.getFuncText)(child.name);
141
- return child.visible === false ? null : (0, import_vue.h)("li", {
142
- class: ["vxe-table--context-menu--option", child.className, {
143
- "link--loading": childLoading,
144
- "link--disabled": child.disabled,
145
- "link--active": child === ctxMenuStore.selectChild
146
- }],
147
- key: `${gIndex}_${index}_${cIndex}`
148
- }, [
149
- (0, import_vue.h)("a", {
150
- class: "vxe-context-menu--link",
151
- onClick(evnt) {
152
- $xeTable.ctxMenuLinkEvent(evnt, child);
153
- },
154
- onMouseover(evnt) {
155
- $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
80
+ ],
81
+ style: ctxMenuStore.style
82
+ },
83
+ (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
84
+ return options.every((item) => item.visible === false) ? renderEmptyElement($xeTable) : (0, import_vue.h)(
85
+ "ul",
86
+ {
87
+ class: "vxe-table--context-menu-group-wrapper",
88
+ key: gIndex
89
+ },
90
+ options.map((item, index) => {
91
+ const { children, loading } = item;
92
+ const hasChildMenus = children && children.some((child) => child.visible !== false);
93
+ const prefixOpts = Object.assign({}, item.prefixConfig);
94
+ const prefixIcon = prefixOpts.icon || item.prefixIcon;
95
+ const suffixOpts = Object.assign({}, item.suffixConfig);
96
+ const suffixIcon = suffixOpts.icon || item.suffixIcon;
97
+ const menuContent = (0, import_utils.getFuncText)(item.name);
98
+ return item.visible === false ? renderEmptyElement($xeTable) : (0, import_vue.h)(
99
+ "li",
100
+ {
101
+ class: [
102
+ "vxe-table--context-menu--option",
103
+ item.className,
104
+ {
105
+ "link--loading": loading,
106
+ "link--disabled": item.disabled,
107
+ "link--active": item === ctxMenuStore.selected
108
+ }
109
+ ],
110
+ key: `${gIndex}_${index}`
156
111
  },
157
- onMouseout(evnt) {
158
- $xeTable.ctxMenuMouseoutEvent(evnt, item);
159
- }
160
- }, [
161
- (0, import_vue.h)("div", {
162
- class: ["vxe-context-menu--link-prefix", childPrefixOpts.className || ""]
163
- }, [
164
- child.loading ? (0, import_vue.h)("span", {
165
- class: getIcon("TABLE_MENU_OPTION_LOADING")
166
- }) : childPrefixIcon && import_xe_utils.default.isFunction(childPrefixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(childPrefixIcon({}))) : (0, import_vue.h)("span", {}, [
167
- (0, import_vue.h)("i", {
168
- class: childPrefixIcon
112
+ [
113
+ (0, import_vue.h)(
114
+ "a",
115
+ {
116
+ class: "vxe-context-menu--link",
117
+ onClick(evnt) {
118
+ $xeTable.ctxMenuLinkEvent(evnt, item);
119
+ },
120
+ onMouseover(evnt) {
121
+ $xeTable.ctxMenuMouseoverEvent(evnt, item);
122
+ },
123
+ onMouseout(evnt) {
124
+ $xeTable.ctxMenuMouseoutEvent(evnt, item);
125
+ }
126
+ },
127
+ [
128
+ (0, import_vue.h)(
129
+ "div",
130
+ {
131
+ class: ["vxe-context-menu--link-prefix", prefixOpts.className || ""]
132
+ },
133
+ [
134
+ loading ? (0, import_vue.h)("span", {
135
+ class: getIcon("TABLE_MENU_OPTION_LOADING")
136
+ }) : prefixIcon && import_xe_utils.default.isFunction(prefixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(prefixIcon({}))) : (0, import_vue.h)("span", {}, [
137
+ (0, import_vue.h)("i", {
138
+ class: prefixIcon
139
+ })
140
+ ]),
141
+ prefixOpts.content ? (0, import_vue.h)("span", {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)
142
+ ]
143
+ ),
144
+ (0, import_vue.h)(
145
+ "div",
146
+ {
147
+ class: "vxe-context-menu--link-content",
148
+ title: menuContent
149
+ },
150
+ loading ? getI18n("vxe.table.menuLoading") : menuContent
151
+ ),
152
+ (0, import_vue.h)(
153
+ "div",
154
+ {
155
+ class: ["vxe-context-menu--link-suffix", suffixOpts.className || ""]
156
+ },
157
+ [
158
+ suffixIcon && import_xe_utils.default.isFunction(suffixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(suffixIcon({}))) : (0, import_vue.h)("i", {
159
+ class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : "")
160
+ }),
161
+ suffixOpts.content ? (0, import_vue.h)("span", `${suffixOpts.content}`) : renderEmptyElement($xeTable)
162
+ ]
163
+ )
164
+ ]
165
+ ),
166
+ hasChildMenus && children ? (0, import_vue.h)(
167
+ "ul",
168
+ {
169
+ class: [
170
+ "vxe-table--context-menu-clild-wrapper",
171
+ {
172
+ "is--show": item === ctxMenuStore.selected && ctxMenuStore.showChild
173
+ }
174
+ ]
175
+ },
176
+ children.map((child, cIndex) => {
177
+ const { loading: childLoading } = child;
178
+ const childPrefixOpts = Object.assign({}, child.prefixConfig);
179
+ const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
180
+ const childSuffixOpts = Object.assign({}, child.suffixConfig);
181
+ const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
182
+ const childMenuContent = (0, import_utils.getFuncText)(child.name);
183
+ return child.visible === false ? null : (0, import_vue.h)(
184
+ "li",
185
+ {
186
+ class: [
187
+ "vxe-table--context-menu--option",
188
+ child.className,
189
+ {
190
+ "link--loading": childLoading,
191
+ "link--disabled": child.disabled,
192
+ "link--active": child === ctxMenuStore.selectChild
193
+ }
194
+ ],
195
+ key: `${gIndex}_${index}_${cIndex}`
196
+ },
197
+ [
198
+ (0, import_vue.h)(
199
+ "a",
200
+ {
201
+ class: "vxe-context-menu--link",
202
+ onClick(evnt) {
203
+ $xeTable.ctxMenuLinkEvent(evnt, child);
204
+ },
205
+ onMouseover(evnt) {
206
+ $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
207
+ },
208
+ onMouseout(evnt) {
209
+ $xeTable.ctxMenuMouseoutEvent(evnt, item);
210
+ }
211
+ },
212
+ [
213
+ (0, import_vue.h)(
214
+ "div",
215
+ {
216
+ class: ["vxe-context-menu--link-prefix", childPrefixOpts.className || ""]
217
+ },
218
+ [
219
+ child.loading ? (0, import_vue.h)("span", {
220
+ class: getIcon("TABLE_MENU_OPTION_LOADING")
221
+ }) : childPrefixIcon && import_xe_utils.default.isFunction(childPrefixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(childPrefixIcon({}))) : (0, import_vue.h)("span", {}, [
222
+ (0, import_vue.h)("i", {
223
+ class: childPrefixIcon
224
+ })
225
+ ]),
226
+ childPrefixOpts.content ? (0, import_vue.h)("span", `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)
227
+ ]
228
+ ),
229
+ (0, import_vue.h)(
230
+ "div",
231
+ {
232
+ class: "vxe-context-menu--link-content",
233
+ title: childMenuContent
234
+ },
235
+ childLoading ? getI18n("vxe.table.menuLoading") : childMenuContent
236
+ ),
237
+ (0, import_vue.h)(
238
+ "div",
239
+ {
240
+ class: ["vxe-context-menu--link-suffix", childSuffixOpts.className || ""]
241
+ },
242
+ [
243
+ childSuffixIcon && import_xe_utils.default.isFunction(childSuffixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(childSuffixIcon({}))) : (0, import_vue.h)("i", {
244
+ class: childSuffixIcon
245
+ }),
246
+ childSuffixOpts.content ? (0, import_vue.h)("span", `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)
247
+ ]
248
+ )
249
+ ]
250
+ )
251
+ ]
252
+ );
169
253
  })
170
- ]),
171
- childPrefixOpts.content ? (0, import_vue.h)("span", `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)
172
- ]),
173
- (0, import_vue.h)("div", {
174
- class: "vxe-context-menu--link-content",
175
- title: childMenuContent
176
- }, childLoading ? getI18n("vxe.table.menuLoading") : childMenuContent),
177
- (0, import_vue.h)("div", {
178
- class: ["vxe-context-menu--link-suffix", childSuffixOpts.className || ""]
179
- }, [
180
- childSuffixIcon && import_xe_utils.default.isFunction(childSuffixIcon) ? (0, import_vue.h)("span", {}, (0, import_vn.getSlotVNs)(childSuffixIcon({}))) : (0, import_vue.h)("i", {
181
- class: childSuffixIcon
182
- }),
183
- childSuffixOpts.content ? (0, import_vue.h)("span", `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)
184
- ])
185
- ])
186
- ]);
187
- })) : null
188
- ]);
189
- }));
190
- }) : [])
191
- ]);
254
+ ) : null
255
+ ]
256
+ );
257
+ })
258
+ );
259
+ }) : []
260
+ )
261
+ ]
262
+ );
192
263
  };
193
264
  $xeMenuPanel.renderVN = renderVN;
194
265
  return $xeMenuPanel;