ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.2

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 (277) hide show
  1. package/es/ele-admin-layout/index.d.ts +19 -10
  2. package/es/ele-admin-layout/props.d.ts +4 -1
  3. package/es/ele-admin-layout/props.js +4 -1
  4. package/es/ele-admin-layout/style/index.scss +7 -2
  5. package/es/ele-admin-layout/style/sidebar.scss +2 -0
  6. package/es/ele-alert/index.d.ts +1 -1
  7. package/es/ele-alert/index.js +3 -3
  8. package/es/ele-app/components/message-body.d.ts +1 -1
  9. package/es/ele-app/components/message-body.js +2 -2
  10. package/es/ele-app/plus.d.ts +3 -0
  11. package/es/ele-avatar-group/index.d.ts +4 -4
  12. package/es/ele-avatar-group/index.js +15 -15
  13. package/es/ele-basic-select/index.d.ts +5 -5
  14. package/es/ele-basic-select/index.js +16 -16
  15. package/es/ele-check-card/index.d.ts +1 -1
  16. package/es/ele-check-card/index.js +4 -4
  17. package/es/ele-copyable/index.d.ts +2 -2
  18. package/es/ele-copyable/index.js +6 -6
  19. package/es/ele-cropper/components/cropper-tools.d.ts +3 -3
  20. package/es/ele-cropper/components/cropper-tools.js +10 -10
  21. package/es/ele-cropper/index.d.ts +13 -13
  22. package/es/ele-cropper/index.js +39 -39
  23. package/es/ele-cropper-modal/index.d.ts +1 -1
  24. package/es/ele-cropper-modal/index.js +3 -3
  25. package/es/ele-data-table/util.js +1 -1
  26. package/es/ele-drawer/index.d.ts +8 -8
  27. package/es/ele-drawer/index.js +18 -18
  28. package/es/ele-dropdown/index.d.ts +3 -3
  29. package/es/ele-dropdown/index.js +9 -9
  30. package/es/ele-ellipsis/index.d.ts +1 -1
  31. package/es/ele-ellipsis/index.js +3 -3
  32. package/es/ele-file-list/components/file-grid-item.d.ts +5 -5
  33. package/es/ele-file-list/components/file-grid-item.js +15 -15
  34. package/es/ele-file-list/components/file-grid.d.ts +6 -6
  35. package/es/ele-file-list/components/file-grid.js +15 -15
  36. package/es/ele-file-list/components/file-table-item.d.ts +5 -5
  37. package/es/ele-file-list/components/file-table-item.js +15 -15
  38. package/es/ele-file-list/components/file-table.d.ts +7 -7
  39. package/es/ele-file-list/components/file-table.js +19 -19
  40. package/es/ele-file-list/index.d.ts +6 -6
  41. package/es/ele-file-list/index.js +22 -22
  42. package/es/ele-file-list-tool/index.d.ts +1 -1
  43. package/es/ele-file-list-tool/index.js +2 -2
  44. package/es/ele-icon-select/components/icon-grid.d.ts +2 -2
  45. package/es/ele-icon-select/components/icon-grid.js +6 -6
  46. package/es/ele-icon-select/index.d.ts +7 -7
  47. package/es/ele-icon-select/index.js +23 -23
  48. package/es/ele-menus/index.js +15 -15
  49. package/es/ele-menus/style/index.scss +1 -0
  50. package/es/ele-menus/util.d.ts +7 -0
  51. package/es/ele-menus/util.js +49 -26
  52. package/es/ele-modal/index.d.ts +6 -6
  53. package/es/ele-modal/index.js +18 -18
  54. package/es/ele-pagination/index.d.ts +2 -2
  55. package/es/ele-pagination/index.js +6 -6
  56. package/es/ele-popconfirm/index.d.ts +7 -17
  57. package/es/ele-popconfirm/index.js +15 -15
  58. package/es/ele-popconfirm/props.d.ts +2 -7
  59. package/es/ele-popover/index.d.ts +7 -17
  60. package/es/ele-popover/index.js +15 -15
  61. package/es/ele-popover/props.d.ts +1 -6
  62. package/es/ele-popover/props.js +1 -0
  63. package/es/ele-printer/index.d.ts +1 -1
  64. package/es/ele-printer/index.js +19 -22
  65. package/es/ele-printer/style/index.scss +2 -2
  66. package/es/ele-printer/types.d.ts +0 -2
  67. package/es/ele-printer/util.d.ts +9 -30
  68. package/es/ele-printer/util.js +118 -109
  69. package/es/ele-pro-layout/index.d.ts +19 -19
  70. package/es/ele-pro-layout/index.js +2 -2
  71. package/es/ele-pro-layout/props.d.ts +1 -1
  72. package/es/ele-pro-layout/props.js +1 -1
  73. package/es/ele-pro-table/components/table-tools.d.ts +3 -3
  74. package/es/ele-pro-table/components/table-tools.js +6 -13
  75. package/es/ele-pro-table/components/tool-column-list.d.ts +9 -9
  76. package/es/ele-pro-table/components/tool-column-list.js +33 -33
  77. package/es/ele-pro-table/components/tool-column.d.ts +24 -38
  78. package/es/ele-pro-table/components/tool-column.js +80 -102
  79. package/es/ele-pro-table/components/tool-export.d.ts +4 -4
  80. package/es/ele-pro-table/components/tool-export.js +28 -40
  81. package/es/ele-pro-table/components/tool-print.d.ts +10 -7
  82. package/es/ele-pro-table/components/tool-print.js +36 -46
  83. package/es/ele-pro-table/index.d.ts +16 -13
  84. package/es/ele-pro-table/index.js +41 -64
  85. package/es/ele-pro-table/props.d.ts +2 -2
  86. package/es/ele-pro-table/props.js +1 -1
  87. package/es/ele-pro-table/style/index.scss +1 -0
  88. package/es/ele-pro-table/util.d.ts +38 -30
  89. package/es/ele-pro-table/util.js +111 -80
  90. package/es/ele-segmented/index.d.ts +1 -1
  91. package/es/ele-segmented/index.js +3 -3
  92. package/es/ele-split-panel/index.d.ts +1 -1
  93. package/es/ele-split-panel/index.js +3 -3
  94. package/es/ele-tab-wrap/components/tab-dropdown.d.ts +1 -1
  95. package/es/ele-tab-wrap/components/tab-dropdown.js +3 -3
  96. package/es/ele-table-select/index.d.ts +19 -19
  97. package/es/ele-table-select/index.js +42 -37
  98. package/es/ele-tool/index.d.ts +6 -3
  99. package/es/ele-tool/index.js +35 -32
  100. package/es/ele-tool/style/index.js +0 -1
  101. package/es/ele-tool/style/index.scss +0 -13
  102. package/es/ele-toolbar/index.d.ts +3247 -1
  103. package/es/ele-toolbar/index.js +44 -5
  104. package/es/ele-toolbar/props.d.ts +6 -2
  105. package/es/ele-toolbar/props.js +2 -0
  106. package/es/ele-toolbar/style/index.js +1 -0
  107. package/es/ele-toolbar/types.d.ts +15 -0
  108. package/es/ele-tooltip/index.d.ts +9 -9
  109. package/es/ele-tooltip/index.js +25 -25
  110. package/es/ele-tour/index.d.ts +3 -3
  111. package/es/ele-tour/index.js +10 -10
  112. package/es/ele-tree-select/index.d.ts +9 -9
  113. package/es/ele-tree-select/index.js +28 -28
  114. package/es/ele-upload-list/components/list-item.d.ts +3 -3
  115. package/es/ele-upload-list/components/list-item.js +7 -7
  116. package/es/ele-upload-list/index.d.ts +4 -4
  117. package/es/ele-upload-list/index.js +13 -13
  118. package/es/ele-virtual-table/components/body-cell.d.ts +8 -8
  119. package/es/ele-virtual-table/components/body-cell.js +24 -24
  120. package/es/ele-virtual-table/components/body-row.d.ts +7 -7
  121. package/es/ele-virtual-table/components/body-row.js +21 -21
  122. package/es/ele-virtual-table/components/cell-checkbox.d.ts +1 -1
  123. package/es/ele-virtual-table/components/cell-checkbox.js +3 -3
  124. package/es/ele-virtual-table/components/cell-filter.d.ts +5 -5
  125. package/es/ele-virtual-table/components/cell-filter.js +18 -18
  126. package/es/ele-virtual-table/components/footer-row.d.ts +1 -1
  127. package/es/ele-virtual-table/components/footer-row.js +3 -3
  128. package/es/ele-virtual-table/components/header-cell.d.ts +5 -5
  129. package/es/ele-virtual-table/components/header-cell.js +15 -15
  130. package/es/ele-virtual-table/components/header-row.d.ts +5 -5
  131. package/es/ele-virtual-table/components/header-row.js +15 -15
  132. package/es/ele-virtual-table/index.d.ts +23 -21
  133. package/es/ele-virtual-table/index.js +50 -48
  134. package/es/ele-virtual-table/util.js +3 -3
  135. package/es/ele-watermark/index.js +1 -0
  136. package/es/style/themes/default.scss +8 -8
  137. package/es/style/themes/rounded.scss +1 -7
  138. package/es/utils/core.d.ts +7 -1
  139. package/lib/ele-admin-layout/index.d.ts +19 -10
  140. package/lib/ele-admin-layout/props.cjs +4 -1
  141. package/lib/ele-admin-layout/props.d.ts +4 -1
  142. package/lib/ele-admin-layout/style/index.scss +7 -2
  143. package/lib/ele-admin-layout/style/sidebar.scss +2 -0
  144. package/lib/ele-alert/index.cjs +3 -3
  145. package/lib/ele-alert/index.d.ts +1 -1
  146. package/lib/ele-app/components/message-body.cjs +2 -2
  147. package/lib/ele-app/components/message-body.d.ts +1 -1
  148. package/lib/ele-app/plus.d.ts +3 -0
  149. package/lib/ele-avatar-group/index.cjs +15 -15
  150. package/lib/ele-avatar-group/index.d.ts +4 -4
  151. package/lib/ele-basic-select/index.cjs +16 -16
  152. package/lib/ele-basic-select/index.d.ts +5 -5
  153. package/lib/ele-check-card/index.cjs +4 -4
  154. package/lib/ele-check-card/index.d.ts +1 -1
  155. package/lib/ele-copyable/index.cjs +6 -6
  156. package/lib/ele-copyable/index.d.ts +2 -2
  157. package/lib/ele-cropper/components/cropper-tools.cjs +10 -10
  158. package/lib/ele-cropper/components/cropper-tools.d.ts +3 -3
  159. package/lib/ele-cropper/index.cjs +39 -39
  160. package/lib/ele-cropper/index.d.ts +13 -13
  161. package/lib/ele-cropper-modal/index.cjs +3 -3
  162. package/lib/ele-cropper-modal/index.d.ts +1 -1
  163. package/lib/ele-data-table/util.cjs +1 -1
  164. package/lib/ele-drawer/index.cjs +18 -18
  165. package/lib/ele-drawer/index.d.ts +8 -8
  166. package/lib/ele-dropdown/index.cjs +9 -9
  167. package/lib/ele-dropdown/index.d.ts +3 -3
  168. package/lib/ele-ellipsis/index.cjs +3 -3
  169. package/lib/ele-ellipsis/index.d.ts +1 -1
  170. package/lib/ele-file-list/components/file-grid-item.cjs +15 -15
  171. package/lib/ele-file-list/components/file-grid-item.d.ts +5 -5
  172. package/lib/ele-file-list/components/file-grid.cjs +15 -15
  173. package/lib/ele-file-list/components/file-grid.d.ts +6 -6
  174. package/lib/ele-file-list/components/file-table-item.cjs +15 -15
  175. package/lib/ele-file-list/components/file-table-item.d.ts +5 -5
  176. package/lib/ele-file-list/components/file-table.cjs +19 -19
  177. package/lib/ele-file-list/components/file-table.d.ts +7 -7
  178. package/lib/ele-file-list/index.cjs +22 -22
  179. package/lib/ele-file-list/index.d.ts +6 -6
  180. package/lib/ele-file-list-tool/index.cjs +2 -2
  181. package/lib/ele-file-list-tool/index.d.ts +1 -1
  182. package/lib/ele-icon-select/components/icon-grid.cjs +6 -6
  183. package/lib/ele-icon-select/components/icon-grid.d.ts +2 -2
  184. package/lib/ele-icon-select/index.cjs +23 -23
  185. package/lib/ele-icon-select/index.d.ts +7 -7
  186. package/lib/ele-menus/index.cjs +15 -15
  187. package/lib/ele-menus/style/index.scss +1 -0
  188. package/lib/ele-menus/util.cjs +49 -26
  189. package/lib/ele-menus/util.d.ts +7 -0
  190. package/lib/ele-modal/index.cjs +18 -18
  191. package/lib/ele-modal/index.d.ts +6 -6
  192. package/lib/ele-pagination/index.cjs +6 -6
  193. package/lib/ele-pagination/index.d.ts +2 -2
  194. package/lib/ele-popconfirm/index.cjs +15 -15
  195. package/lib/ele-popconfirm/index.d.ts +7 -17
  196. package/lib/ele-popconfirm/props.d.ts +2 -7
  197. package/lib/ele-popover/index.cjs +15 -15
  198. package/lib/ele-popover/index.d.ts +7 -17
  199. package/lib/ele-popover/props.cjs +1 -0
  200. package/lib/ele-popover/props.d.ts +1 -6
  201. package/lib/ele-printer/index.cjs +17 -20
  202. package/lib/ele-printer/index.d.ts +1 -1
  203. package/lib/ele-printer/style/index.scss +2 -2
  204. package/lib/ele-printer/types.d.ts +0 -2
  205. package/lib/ele-printer/util.cjs +118 -109
  206. package/lib/ele-printer/util.d.ts +9 -30
  207. package/lib/ele-pro-layout/index.cjs +2 -2
  208. package/lib/ele-pro-layout/index.d.ts +19 -19
  209. package/lib/ele-pro-layout/props.cjs +1 -1
  210. package/lib/ele-pro-layout/props.d.ts +1 -1
  211. package/lib/ele-pro-table/components/table-tools.cjs +6 -13
  212. package/lib/ele-pro-table/components/table-tools.d.ts +3 -3
  213. package/lib/ele-pro-table/components/tool-column-list.cjs +33 -33
  214. package/lib/ele-pro-table/components/tool-column-list.d.ts +9 -9
  215. package/lib/ele-pro-table/components/tool-column.cjs +79 -101
  216. package/lib/ele-pro-table/components/tool-column.d.ts +24 -38
  217. package/lib/ele-pro-table/components/tool-export.cjs +28 -40
  218. package/lib/ele-pro-table/components/tool-export.d.ts +4 -4
  219. package/lib/ele-pro-table/components/tool-print.cjs +36 -46
  220. package/lib/ele-pro-table/components/tool-print.d.ts +10 -7
  221. package/lib/ele-pro-table/index.cjs +41 -64
  222. package/lib/ele-pro-table/index.d.ts +16 -13
  223. package/lib/ele-pro-table/props.cjs +1 -1
  224. package/lib/ele-pro-table/props.d.ts +2 -2
  225. package/lib/ele-pro-table/style/index.scss +1 -0
  226. package/lib/ele-pro-table/util.cjs +111 -80
  227. package/lib/ele-pro-table/util.d.ts +38 -30
  228. package/lib/ele-segmented/index.cjs +3 -3
  229. package/lib/ele-segmented/index.d.ts +1 -1
  230. package/lib/ele-split-panel/index.cjs +3 -3
  231. package/lib/ele-split-panel/index.d.ts +1 -1
  232. package/lib/ele-tab-wrap/components/tab-dropdown.cjs +3 -3
  233. package/lib/ele-tab-wrap/components/tab-dropdown.d.ts +1 -1
  234. package/lib/ele-table-select/index.cjs +42 -37
  235. package/lib/ele-table-select/index.d.ts +19 -19
  236. package/lib/ele-tool/index.cjs +34 -31
  237. package/lib/ele-tool/index.d.ts +6 -3
  238. package/lib/ele-tool/style/index.cjs +0 -1
  239. package/lib/ele-tool/style/index.scss +0 -13
  240. package/lib/ele-toolbar/index.cjs +42 -3
  241. package/lib/ele-toolbar/index.d.ts +3247 -1
  242. package/lib/ele-toolbar/props.cjs +2 -0
  243. package/lib/ele-toolbar/props.d.ts +6 -2
  244. package/lib/ele-toolbar/style/index.cjs +1 -0
  245. package/lib/ele-toolbar/types.d.ts +15 -0
  246. package/lib/ele-tooltip/index.cjs +25 -25
  247. package/lib/ele-tooltip/index.d.ts +9 -9
  248. package/lib/ele-tour/index.cjs +10 -10
  249. package/lib/ele-tour/index.d.ts +3 -3
  250. package/lib/ele-tree-select/index.cjs +28 -28
  251. package/lib/ele-tree-select/index.d.ts +9 -9
  252. package/lib/ele-upload-list/components/list-item.cjs +7 -7
  253. package/lib/ele-upload-list/components/list-item.d.ts +3 -3
  254. package/lib/ele-upload-list/index.cjs +13 -13
  255. package/lib/ele-upload-list/index.d.ts +4 -4
  256. package/lib/ele-virtual-table/components/body-cell.cjs +24 -24
  257. package/lib/ele-virtual-table/components/body-cell.d.ts +8 -8
  258. package/lib/ele-virtual-table/components/body-row.cjs +21 -21
  259. package/lib/ele-virtual-table/components/body-row.d.ts +7 -7
  260. package/lib/ele-virtual-table/components/cell-checkbox.cjs +3 -3
  261. package/lib/ele-virtual-table/components/cell-checkbox.d.ts +1 -1
  262. package/lib/ele-virtual-table/components/cell-filter.cjs +18 -18
  263. package/lib/ele-virtual-table/components/cell-filter.d.ts +5 -5
  264. package/lib/ele-virtual-table/components/footer-row.cjs +3 -3
  265. package/lib/ele-virtual-table/components/footer-row.d.ts +1 -1
  266. package/lib/ele-virtual-table/components/header-cell.cjs +15 -15
  267. package/lib/ele-virtual-table/components/header-cell.d.ts +5 -5
  268. package/lib/ele-virtual-table/components/header-row.cjs +15 -15
  269. package/lib/ele-virtual-table/components/header-row.d.ts +5 -5
  270. package/lib/ele-virtual-table/index.cjs +50 -48
  271. package/lib/ele-virtual-table/index.d.ts +23 -21
  272. package/lib/ele-virtual-table/util.cjs +3 -3
  273. package/lib/ele-watermark/index.cjs +1 -0
  274. package/lib/style/themes/default.scss +8 -8
  275. package/lib/style/themes/rounded.scss +1 -7
  276. package/lib/utils/core.d.ts +7 -1
  277. package/package.json +1 -1
@@ -34,12 +34,12 @@ declare const _default: import('vue').DefineComponent<{
34
34
  selectorStyle: Ref<Partial<import('vue').CSSProperties>>;
35
35
  isCheckAll: import('vue').ComputedRef<boolean>;
36
36
  isIndeterminate: import('vue').ComputedRef<boolean>;
37
- onCheckAllChange: () => void;
38
- onItemCheckChange: (item: FileItem) => void;
39
- onItemClick: (item: FileItem) => void;
40
- onSortChange: (name: string) => void;
41
- onItemContextMenu: (option: ItemContextMenuOption) => void;
42
- onMousedown: (event: MouseEvent) => void;
37
+ handleCheckAllChange: () => void;
38
+ handleItemCheckChange: (item: FileItem) => void;
39
+ handleItemClick: (item: FileItem) => void;
40
+ handleSortChange: (name: string) => void;
41
+ handleItemContextMenu: (option: ItemContextMenuOption) => void;
42
+ handleMousedown: (event: MouseEvent) => void;
43
43
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
44
44
  itemClick: (_item: FileItem) => boolean;
45
45
  sortChange: (_sorter: SortValue) => boolean;
@@ -7,7 +7,7 @@ const _sfc_main = vue.defineComponent({
7
7
  },
8
8
  setup(_props, { emit }) {
9
9
  return {
10
- onClick: (e) => emit("click", e)
10
+ handleClick: (e) => emit("click", e)
11
11
  };
12
12
  }
13
13
  });
@@ -21,7 +21,7 @@ const _export_sfc = (sfc, props) => {
21
21
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
22
22
  return vue.openBlock(), vue.createElementBlock("div", {
23
23
  class: "ele-file-list-item-tool",
24
- onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
24
+ onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
25
25
  }, [
26
26
  vue.renderSlot(_ctx.$slots, "default")
27
27
  ]);
@@ -1,5 +1,5 @@
1
1
  declare const _default: import('vue').DefineComponent<{}, {
2
- onClick: (e: MouseEvent) => void;
2
+ handleClick: (e: MouseEvent) => void;
3
3
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4
4
  click: (_e: MouseEvent) => true;
5
5
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
@@ -39,14 +39,14 @@ const _sfc_main = vue.defineComponent({
39
39
  const hideTooltip = () => {
40
40
  updateTooltipVisible(false);
41
41
  };
42
- const onItemHover = (icon, e) => {
42
+ const handleItemHover = (icon, e) => {
43
43
  if (props.tooltip && props.popperVisible && icon) {
44
44
  virtualRef.value = e.currentTarget;
45
45
  tooltipContent.value = icon;
46
46
  tooltipVisible.value = true;
47
47
  }
48
48
  };
49
- const onItemClick = (icon) => {
49
+ const handleItemClick = (icon) => {
50
50
  emit("select", icon);
51
51
  };
52
52
  vue.watch(
@@ -63,8 +63,8 @@ const _sfc_main = vue.defineComponent({
63
63
  virtualRef,
64
64
  updateTooltipVisible,
65
65
  hideTooltip,
66
- onItemHover,
67
- onItemClick
66
+ handleItemHover,
67
+ handleItemClick
68
68
  };
69
69
  }
70
70
  });
@@ -96,8 +96,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
96
96
  class: vue.normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
97
97
  title: _ctx.tooltip ? void 0 : d,
98
98
  style: vue.normalizeStyle(_ctx.itemStyle),
99
- onClick: ($event) => _ctx.onItemClick(d),
100
- onMouseover: (e) => _ctx.onItemHover(d, e)
99
+ onClick: ($event) => _ctx.handleItemClick(d),
100
+ onMouseover: (e) => _ctx.handleItemHover(d, e)
101
101
  }, [
102
102
  vue.renderSlot(_ctx.$slots, "icon", { icon: d })
103
103
  ], 46, _hoisted_1);
@@ -27,8 +27,8 @@ declare const _default: import('vue').DefineComponent<{
27
27
  virtualRef: import('vue').Ref<any>;
28
28
  updateTooltipVisible: (visible: boolean) => void;
29
29
  hideTooltip: () => void;
30
- onItemHover: (icon: string, e: MouseEvent) => void;
31
- onItemClick: (icon: string) => void;
30
+ handleItemHover: (icon: string, e: MouseEvent) => void;
31
+ handleItemClick: (icon: string) => void;
32
32
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
33
33
  select: (_icon: string) => true;
34
34
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -92,7 +92,7 @@ const _sfc_main = vue.defineComponent({
92
92
  };
93
93
  const updateVisible = (visible) => {
94
94
  if (visible) {
95
- onSelectFilter("");
95
+ handleSelectFilter("");
96
96
  }
97
97
  if (selectVisible.value !== visible) {
98
98
  selectVisible.value = visible;
@@ -105,18 +105,18 @@ const _sfc_main = vue.defineComponent({
105
105
  emit("change", modelValue);
106
106
  }
107
107
  };
108
- const onSelectClear = () => {
108
+ const handleSelectClear = () => {
109
109
  updateModelValue(null);
110
110
  updateVisible(false);
111
111
  emit("clear");
112
112
  };
113
- const onSelectFocus = (e) => {
113
+ const handleSelectFocus = (e) => {
114
114
  emit("focus", e);
115
115
  };
116
- const onSelectBlur = (e) => {
116
+ const handleSelectBlur = (e) => {
117
117
  emit("blur", e);
118
118
  };
119
- const onSelectFilter = (value) => {
119
+ const handleSelectFilter = (value) => {
120
120
  var _a;
121
121
  if (keywords.value !== value) {
122
122
  keywords.value = value;
@@ -148,15 +148,15 @@ const _sfc_main = vue.defineComponent({
148
148
  }
149
149
  }
150
150
  };
151
- const onTabClick = (index2) => {
151
+ const handleTabClick = (index2) => {
152
152
  tabActive.value = index2;
153
153
  initData();
154
154
  };
155
- const onMenuClick = (index2) => {
155
+ const handleMenuClick = (index2) => {
156
156
  menuActive.value = index2;
157
157
  initData();
158
158
  };
159
- const onIconSelect = (icon) => {
159
+ const handleIconSelect = (icon) => {
160
160
  updateModelValue(icon);
161
161
  updateVisible(false);
162
162
  };
@@ -185,13 +185,13 @@ const _sfc_main = vue.defineComponent({
185
185
  iconPopperStyle,
186
186
  updatePopover,
187
187
  updateVisible,
188
- onSelectClear,
189
- onSelectFocus,
190
- onSelectBlur,
191
- onSelectFilter,
192
- onTabClick,
193
- onMenuClick,
194
- onIconSelect
188
+ handleSelectClear,
189
+ handleSelectFocus,
190
+ handleSelectBlur,
191
+ handleSelectFilter,
192
+ handleTabClick,
193
+ handleMenuClick,
194
+ handleIconSelect
195
195
  };
196
196
  }
197
197
  });
@@ -232,10 +232,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
232
232
  selectedLabel: _ctx.modelValue,
233
233
  visible: _ctx.selectVisible,
234
234
  "onUpdate:visible": _ctx.updateVisible,
235
- onFilterChange: _ctx.onSelectFilter,
236
- onClear: _ctx.onSelectClear,
237
- onFocus: _ctx.onSelectFocus,
238
- onBlur: _ctx.onSelectBlur
235
+ onFilterChange: _ctx.handleSelectFilter,
236
+ onClear: _ctx.handleSelectClear,
237
+ onFocus: _ctx.handleSelectFocus,
238
+ onBlur: _ctx.handleSelectBlur
239
239
  }, vue.createSlots({
240
240
  default: vue.withCtx(() => [
241
241
  vue.createElementVNode("div", {
@@ -257,7 +257,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
257
257
  return vue.openBlock(), vue.createElementBlock("div", {
258
258
  key: i + "-" + t,
259
259
  class: vue.normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
260
- onClick: ($event) => _ctx.onTabClick(i)
260
+ onClick: ($event) => _ctx.handleTabClick(i)
261
261
  }, vue.toDisplayString(t), 11, _hoisted_1);
262
262
  }), 128))
263
263
  ], 4)) : vue.createCommentVNode("", true),
@@ -272,7 +272,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
272
272
  modelValue: _ctx.keywords,
273
273
  prefixIcon: _ctx.SearchOutlined,
274
274
  placeholder: _ctx.filterPlaceholder,
275
- "onUpdate:modelValue": _ctx.onSelectFilter
275
+ "onUpdate:modelValue": _ctx.handleSelectFilter
276
276
  }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
277
277
  ], 4)) : vue.createCommentVNode("", true),
278
278
  vue.renderSlot(_ctx.$slots, "tabRightExtra")
@@ -287,7 +287,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
287
287
  return vue.openBlock(), vue.createElementBlock("div", {
288
288
  key: i + "-" + m,
289
289
  class: vue.normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
290
- onClick: ($event) => _ctx.onMenuClick(i)
290
+ onClick: ($event) => _ctx.handleMenuClick(i)
291
291
  }, vue.toDisplayString(m), 11, _hoisted_3);
292
292
  }), 128))
293
293
  ], 4)) : vue.createCommentVNode("", true),
@@ -301,7 +301,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
301
301
  gridStyle: _ctx.gridStyle,
302
302
  itemStyle: _ctx.itemStyle,
303
303
  style: vue.normalizeStyle(_ctx.bodyStyle),
304
- onSelect: _ctx.onIconSelect
304
+ onSelect: _ctx.handleIconSelect
305
305
  }, vue.createSlots({ _: 2 }, [
306
306
  _ctx.$slots.icon ? {
307
307
  name: "icon",
@@ -79,13 +79,13 @@ declare const _default: import('vue').DefineComponent<{
79
79
  iconPopperStyle: import('vue').ComputedRef<Partial<import('vue').CSSProperties> | undefined>;
80
80
  updatePopover: () => void;
81
81
  updateVisible: (visible: boolean) => void;
82
- onSelectClear: () => void;
83
- onSelectFocus: (e: FocusEvent) => void;
84
- onSelectBlur: (e: FocusEvent) => void;
85
- onSelectFilter: (value: string) => void;
86
- onTabClick: (index: number) => void;
87
- onMenuClick: (index: number) => void;
88
- onIconSelect: (icon: string) => void;
82
+ handleSelectClear: () => void;
83
+ handleSelectFocus: (e: FocusEvent) => void;
84
+ handleSelectBlur: (e: FocusEvent) => void;
85
+ handleSelectFilter: (value: string) => void;
86
+ handleTabClick: (index: number) => void;
87
+ handleMenuClick: (index: number) => void;
88
+ handleIconSelect: (icon: string) => void;
89
89
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
90
90
  'update:modelValue': (_value?: string | null | undefined) => boolean;
91
91
  change: (_value?: string | null | undefined) => boolean;
@@ -109,22 +109,22 @@ const index = vue.defineComponent({
109
109
  }
110
110
  }
111
111
  };
112
- const onItemClick = (item, e) => {
112
+ const handleItemClick = (item, e) => {
113
113
  emit("itemClick", item, e);
114
114
  };
115
- const onItemMouseenter = (item, e) => {
115
+ const handleItemMouseenter = (item, e) => {
116
116
  triggerTooltip(e);
117
117
  emit("itemMouseenter", item, e);
118
118
  };
119
- const onItemMouseleave = (item, e) => {
119
+ const handleItemMouseleave = (item, e) => {
120
120
  hideTooltip();
121
121
  emit("itemMouseleave", item, e);
122
122
  };
123
- const onParentMouseenter = (item, e) => {
123
+ const handleParentMouseenter = (item, e) => {
124
124
  triggerTooltip(e);
125
125
  emit("parentMouseenter", item, e);
126
126
  };
127
- const onParentMouseleave = (item, e) => {
127
+ const handleParentMouseleave = (item, e) => {
128
128
  hideTooltip();
129
129
  emit("parentMouseleave", item, e);
130
130
  };
@@ -175,12 +175,12 @@ const index = vue.defineComponent({
175
175
  props$1.popupColorful,
176
176
  props$1.firstPopperClass,
177
177
  true,
178
- onItemClick,
179
- onItemMouseenter,
180
- onItemMouseleave,
178
+ handleItemClick,
179
+ handleItemMouseenter,
180
+ handleItemMouseleave,
181
181
  isWebkit,
182
- onParentMouseenter,
183
- onParentMouseleave
182
+ handleParentMouseenter,
183
+ handleParentMouseleave
184
184
  );
185
185
  if (moreItems) {
186
186
  const ellipsisProps = props$1.ellipsisProps || {};
@@ -219,12 +219,12 @@ const index = vue.defineComponent({
219
219
  props$1.popupColorful,
220
220
  props$1.firstPopperClass,
221
221
  false,
222
- onItemClick,
223
- onItemMouseenter,
224
- onItemMouseleave,
222
+ handleItemClick,
223
+ handleItemMouseenter,
224
+ handleItemMouseleave,
225
225
  isWebkit,
226
- onParentMouseenter,
227
- onParentMouseleave
226
+ handleParentMouseenter,
227
+ handleParentMouseleave
228
228
  );
229
229
  },
230
230
  title: () => {
@@ -265,6 +265,7 @@
265
265
  background: eleVar('menu-popup', 'bg');
266
266
  box-shadow: eleVar('menu-popup', 'shadow');
267
267
  border-radius: eleVar('menu-popup', 'radius');
268
+ overflow-x: hidden;
268
269
  overflow-y: auto;
269
270
 
270
271
  .el-menu-item,
@@ -10,6 +10,16 @@ const titleClass = "ele-menu-title";
10
10
  const triggerClass = "ele-menu-trigger";
11
11
  const overflowClass = "ele-menu-overflow";
12
12
  const ellipsisClass = "ele-sub-menu-ellipsis";
13
+ function mergeClass(class1, class2) {
14
+ const classes = [];
15
+ if (class1 != null && class1 !== "") {
16
+ classes.push(class1);
17
+ }
18
+ if (class2 != null && class2 !== "") {
19
+ classes.push(class2);
20
+ }
21
+ return classes;
22
+ }
13
23
  function getLinkNode(path) {
14
24
  if (core.isExternalLink(path)) {
15
25
  return vue.h("a", {
@@ -100,7 +110,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
100
110
  index: item.index || item.path,
101
111
  route: item.route,
102
112
  disabled: item.disabled,
103
- class: item.overflow ? overflowClass : void 0,
113
+ class: mergeClass(
114
+ item.overflow ? overflowClass : void 0,
115
+ item.class
116
+ ),
117
+ style: item.style,
104
118
  onClick: () => {
105
119
  }
106
120
  },
@@ -126,30 +140,34 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
126
140
  );
127
141
  if (item.group === true && !parentIsGroup) {
128
142
  nodes.push(
129
- vue.h(elementPlus.ElMenuItemGroup, { key }, {
130
- default: () => {
131
- return renderItems(
132
- item.children,
133
- sIcon,
134
- sTitle,
135
- tipDisabled,
136
- theme,
137
- popTheme,
138
- colorful,
139
- popupColorful,
140
- firstPopClass,
141
- first,
142
- onItemClick,
143
- onItemMouseenter,
144
- onItemMouseleave,
145
- webkit,
146
- onParentMouseenter,
147
- onParentMouseleave,
148
- true
149
- );
150
- },
151
- title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
152
- })
143
+ vue.h(
144
+ elementPlus.ElMenuItemGroup,
145
+ { key, style: item.style, class: item.class },
146
+ {
147
+ default: () => {
148
+ return renderItems(
149
+ item.children,
150
+ sIcon,
151
+ sTitle,
152
+ tipDisabled,
153
+ theme,
154
+ popTheme,
155
+ colorful,
156
+ popupColorful,
157
+ firstPopClass,
158
+ first,
159
+ onItemClick,
160
+ onItemMouseenter,
161
+ onItemMouseleave,
162
+ webkit,
163
+ onParentMouseenter,
164
+ onParentMouseleave,
165
+ true
166
+ );
167
+ },
168
+ title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
169
+ }
170
+ )
153
171
  );
154
172
  return;
155
173
  }
@@ -178,7 +196,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
178
196
  expandOpenIcon: item.expandOpenIcon ?? icons.ArrowDown,
179
197
  collapseCloseIcon: item.collapseCloseIcon ?? icons.ArrowRight,
180
198
  collapseOpenIcon: item.collapseOpenIcon ?? icons.ArrowRight,
181
- class: item.overflow ? overflowClass : void 0
199
+ class: mergeClass(
200
+ item.overflow ? overflowClass : void 0,
201
+ item.class
202
+ ),
203
+ style: item.style
182
204
  },
183
205
  {
184
206
  default: () => {
@@ -343,6 +365,7 @@ exports.getNodes = getNodes;
343
365
  exports.getPopperClass = getPopperClass;
344
366
  exports.getTriggerNode = getTriggerNode;
345
367
  exports.linkClass = linkClass;
368
+ exports.mergeClass = mergeClass;
346
369
  exports.overflowClass = overflowClass;
347
370
  exports.renderItems = renderItems;
348
371
  exports.titleClass = titleClass;
@@ -1,4 +1,5 @@
1
1
  import { VNode, Slot } from 'vue';
2
+ import { ClassValue, ClassValues } from '../ele-app/types';
2
3
  import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
3
4
 
4
5
  /** 子菜单项链接类名 */
@@ -11,6 +12,12 @@ export declare const triggerClass = "ele-menu-trigger";
11
12
  export declare const overflowClass = "ele-menu-overflow";
12
13
  /** 菜单省略项的类名 */
13
14
  export declare const ellipsisClass = "ele-sub-menu-ellipsis";
15
+ /**
16
+ * 合并类名
17
+ * @param class1 类名
18
+ * @param class2 用户自定义类名
19
+ */
20
+ export declare function mergeClass(class1?: ClassValue, class2?: ClassValue): ClassValues;
14
21
  /**
15
22
  * 生成菜单链接节点
16
23
  * @param path 链接地址
@@ -145,7 +145,7 @@ const _sfc_main = vue.defineComponent({
145
145
  });
146
146
  emit("update:fullscreen", isFullscreen.value);
147
147
  };
148
- const onOpen = () => {
148
+ const handleOpen = () => {
149
149
  if (props2.resetOnClose || props2.destroyOnClose) {
150
150
  isFullscreen.value = props2.fullscreen ?? false;
151
151
  }
@@ -160,27 +160,27 @@ const _sfc_main = vue.defineComponent({
160
160
  });
161
161
  emit("open");
162
162
  };
163
- const onOpened = () => {
163
+ const handleOpened = () => {
164
164
  const modalEl = getModalEl();
165
165
  if (modalEl) {
166
166
  modalEl.addEventListener("mousedown", mousedownListener);
167
167
  }
168
168
  emit("opened");
169
169
  };
170
- const onClose = () => {
170
+ const handleClose = () => {
171
171
  const modalEl = getModalEl();
172
172
  if (modalEl) {
173
173
  modalEl.removeEventListener("mousedown", mousedownListener);
174
174
  }
175
175
  emit("close");
176
176
  };
177
- const onClosed = () => {
177
+ const handleClosed = () => {
178
178
  emit("closed");
179
179
  };
180
- const onOpenAutoFocus = () => {
180
+ const handleOpenAutoFocus = () => {
181
181
  emit("openAutoFocus");
182
182
  };
183
- const onCloseAutoFocus = () => {
183
+ const handleCloseAutoFocus = () => {
184
184
  emit("closeAutoFocus");
185
185
  };
186
186
  vue.watch(
@@ -210,12 +210,12 @@ const _sfc_main = vue.defineComponent({
210
210
  handleResizeMousedown,
211
211
  updateModelValue,
212
212
  toggleFullscreen,
213
- onOpen,
214
- onOpened,
215
- onClose,
216
- onClosed,
217
- onOpenAutoFocus,
218
- onCloseAutoFocus
213
+ handleOpen,
214
+ handleOpened,
215
+ handleClose,
216
+ handleClosed,
217
+ handleOpenAutoFocus,
218
+ handleCloseAutoFocus
219
219
  };
220
220
  }
221
221
  });
@@ -262,12 +262,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
262
262
  zIndex: _ctx.zIndex,
263
263
  headerAriaLevel: _ctx.headerAriaLevel,
264
264
  "onUpdate:modelValue": _ctx.updateModelValue,
265
- onOpen: _ctx.onOpen,
266
- onOpened: _ctx.onOpened,
267
- onClose: _ctx.onClose,
268
- onClosed: _ctx.onClosed,
269
- onOpenAutoFocus: _ctx.onOpenAutoFocus,
270
- onCloseAutoFocus: _ctx.onCloseAutoFocus
265
+ onOpen: _ctx.handleOpen,
266
+ onOpened: _ctx.handleOpened,
267
+ onClose: _ctx.handleClose,
268
+ onClosed: _ctx.handleClosed,
269
+ onOpenAutoFocus: _ctx.handleOpenAutoFocus,
270
+ onCloseAutoFocus: _ctx.handleCloseAutoFocus
271
271
  }), vue.createSlots({
272
272
  header: vue.withCtx(({ close, titleId, titleClass }) => [
273
273
  vue.createElementVNode("div", {
@@ -99,12 +99,12 @@ declare const _default: import('vue').DefineComponent<{
99
99
  handleResizeMousedown: (event: MouseEvent) => void;
100
100
  updateModelValue: (modelValue: boolean) => void;
101
101
  toggleFullscreen: (fullscreen?: boolean) => void;
102
- onOpen: () => void;
103
- onOpened: () => void;
104
- onClose: () => void;
105
- onClosed: () => void;
106
- onOpenAutoFocus: () => void;
107
- onCloseAutoFocus: () => void;
102
+ handleOpen: () => void;
103
+ handleOpened: () => void;
104
+ handleClose: () => void;
105
+ handleClosed: () => void;
106
+ handleOpenAutoFocus: () => void;
107
+ handleCloseAutoFocus: () => void;
108
108
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
109
109
  'update:fullscreen': (_fullscreen: boolean) => boolean;
110
110
  open: () => boolean;
@@ -29,18 +29,18 @@ const _sfc_main = vue.defineComponent({
29
29
  }
30
30
  return classes.join(" ");
31
31
  });
32
- const onUpdateCurrentPage = (currentPage) => {
32
+ const handleUpdateCurrentPage = (currentPage) => {
33
33
  emit("update:currentPage", currentPage);
34
34
  };
35
- const onUpdatePageSize = (pageSize) => {
35
+ const handleUpdatePageSize = (pageSize) => {
36
36
  emit("update:pageSize", pageSize);
37
37
  };
38
38
  return {
39
39
  isInfinite,
40
40
  pageTotal,
41
41
  sizesPopperClass,
42
- onUpdateCurrentPage,
43
- onUpdatePageSize
42
+ handleUpdateCurrentPage,
43
+ handleUpdatePageSize
44
44
  };
45
45
  }
46
46
  });
@@ -78,8 +78,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
78
78
  { "is-circle": _ctx.type === "circle" },
79
79
  { "is-infinite": _ctx.isInfinite }
80
80
  ]),
81
- "onUpdate:currentPage": _ctx.onUpdateCurrentPage,
82
- "onUpdate:pageSize": _ctx.onUpdatePageSize
81
+ "onUpdate:currentPage": _ctx.handleUpdateCurrentPage,
82
+ "onUpdate:pageSize": _ctx.handleUpdatePageSize
83
83
  }, vue.createSlots({ _: 2 }, [
84
84
  vue.renderList(Object.keys(_ctx.$slots), (name) => {
85
85
  return {
@@ -34,8 +34,8 @@ declare const _default: import('vue').DefineComponent<{
34
34
  isInfinite: import('vue').ComputedRef<boolean>;
35
35
  pageTotal: import('vue').ComputedRef<number | undefined>;
36
36
  sizesPopperClass: import('vue').ComputedRef<string>;
37
- onUpdateCurrentPage: (currentPage: number) => void;
38
- onUpdatePageSize: (pageSize: number) => void;
37
+ handleUpdateCurrentPage: (currentPage: number) => void;
38
+ handleUpdatePageSize: (pageSize: number) => void;
39
39
  }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
40
40
  'update:currentPage': (_currentPage: number) => boolean;
41
41
  'update:pageSize': (_pageSize: number) => boolean;
@@ -66,19 +66,19 @@ const _sfc_main = vue.defineComponent({
66
66
  hidePopper();
67
67
  emit("cancel", e);
68
68
  };
69
- const onUpdateVisible = (visible) => {
69
+ const handleUpdateVisible = (visible) => {
70
70
  emit("update:visible", visible);
71
71
  };
72
- const onPopBeforeEnter = () => {
72
+ const handlePopBeforeEnter = () => {
73
73
  emit("before-enter");
74
74
  };
75
- const onPopBeforeLeave = () => {
75
+ const handlePopBeforeLeave = () => {
76
76
  emit("before-leave");
77
77
  };
78
- const onPopAfterEnter = () => {
78
+ const handlePopAfterEnter = () => {
79
79
  emit("after-enter");
80
80
  };
81
- const onPopAfterLeave = () => {
81
+ const handlePopAfterLeave = () => {
82
82
  emit("after-leave");
83
83
  };
84
84
  return {
@@ -90,11 +90,11 @@ const _sfc_main = vue.defineComponent({
90
90
  hidePopper,
91
91
  confirm,
92
92
  cancel,
93
- onUpdateVisible,
94
- onPopBeforeEnter,
95
- onPopBeforeLeave,
96
- onPopAfterEnter,
97
- onPopAfterLeave
93
+ handleUpdateVisible,
94
+ handlePopBeforeEnter,
95
+ handlePopBeforeLeave,
96
+ handlePopAfterEnter,
97
+ handlePopAfterLeave
98
98
  };
99
99
  }
100
100
  });
@@ -115,11 +115,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
115
115
  return vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
116
116
  ref: "tooltipRef",
117
117
  isPopover: true,
118
- "onUpdate:visible": _ctx.onUpdateVisible,
119
- onBeforeShow: _ctx.onPopBeforeEnter,
120
- onBeforeHide: _ctx.onPopBeforeLeave,
121
- onShow: _ctx.onPopAfterEnter,
122
- onHide: _ctx.onPopAfterLeave
118
+ "onUpdate:visible": _ctx.handleUpdateVisible,
119
+ onBeforeShow: _ctx.handlePopBeforeEnter,
120
+ onBeforeHide: _ctx.handlePopBeforeLeave,
121
+ onShow: _ctx.handlePopAfterEnter,
122
+ onHide: _ctx.handlePopAfterLeave
123
123
  }), {
124
124
  body: vue.withCtx(() => [
125
125
  vue.createElementVNode("div", {