@element-plus/nightly 0.0.20241120 → 0.0.20241121

Sign up to get free protection for your applications and to get access to all the features.
Files changed (339) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.full.js +10 -6
  3. package/dist/index.full.min.js +7 -7
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +7 -7
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +10 -6
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hr.js +1 -1
  93. package/dist/locale/hr.min.js +1 -1
  94. package/dist/locale/hr.min.mjs +1 -1
  95. package/dist/locale/hr.mjs +1 -1
  96. package/dist/locale/hu.js +1 -1
  97. package/dist/locale/hu.min.js +1 -1
  98. package/dist/locale/hu.min.mjs +1 -1
  99. package/dist/locale/hu.mjs +1 -1
  100. package/dist/locale/hy-am.js +1 -1
  101. package/dist/locale/hy-am.min.js +1 -1
  102. package/dist/locale/hy-am.min.mjs +1 -1
  103. package/dist/locale/hy-am.mjs +1 -1
  104. package/dist/locale/id.js +1 -1
  105. package/dist/locale/id.min.js +1 -1
  106. package/dist/locale/id.min.mjs +1 -1
  107. package/dist/locale/id.mjs +1 -1
  108. package/dist/locale/it.js +1 -1
  109. package/dist/locale/it.min.js +1 -1
  110. package/dist/locale/it.min.mjs +1 -1
  111. package/dist/locale/it.mjs +1 -1
  112. package/dist/locale/ja.js +1 -1
  113. package/dist/locale/ja.min.js +1 -1
  114. package/dist/locale/ja.min.mjs +1 -1
  115. package/dist/locale/ja.mjs +1 -1
  116. package/dist/locale/kk.js +1 -1
  117. package/dist/locale/kk.min.js +1 -1
  118. package/dist/locale/kk.min.mjs +1 -1
  119. package/dist/locale/kk.mjs +1 -1
  120. package/dist/locale/km.js +1 -1
  121. package/dist/locale/km.min.js +1 -1
  122. package/dist/locale/km.min.mjs +1 -1
  123. package/dist/locale/km.mjs +1 -1
  124. package/dist/locale/ko.js +1 -1
  125. package/dist/locale/ko.min.js +1 -1
  126. package/dist/locale/ko.min.mjs +1 -1
  127. package/dist/locale/ko.mjs +1 -1
  128. package/dist/locale/ku.js +1 -1
  129. package/dist/locale/ku.min.js +1 -1
  130. package/dist/locale/ku.min.mjs +1 -1
  131. package/dist/locale/ku.mjs +1 -1
  132. package/dist/locale/ky.js +1 -1
  133. package/dist/locale/ky.min.js +1 -1
  134. package/dist/locale/ky.min.mjs +1 -1
  135. package/dist/locale/ky.mjs +1 -1
  136. package/dist/locale/lt.js +1 -1
  137. package/dist/locale/lt.min.js +1 -1
  138. package/dist/locale/lt.min.mjs +1 -1
  139. package/dist/locale/lt.mjs +1 -1
  140. package/dist/locale/lv.js +1 -1
  141. package/dist/locale/lv.min.js +1 -1
  142. package/dist/locale/lv.min.mjs +1 -1
  143. package/dist/locale/lv.mjs +1 -1
  144. package/dist/locale/mg.js +1 -1
  145. package/dist/locale/mg.min.js +1 -1
  146. package/dist/locale/mg.min.mjs +1 -1
  147. package/dist/locale/mg.mjs +1 -1
  148. package/dist/locale/mn.js +1 -1
  149. package/dist/locale/mn.min.js +1 -1
  150. package/dist/locale/mn.min.mjs +1 -1
  151. package/dist/locale/mn.mjs +1 -1
  152. package/dist/locale/ms.js +1 -1
  153. package/dist/locale/ms.min.js +1 -1
  154. package/dist/locale/ms.min.mjs +1 -1
  155. package/dist/locale/ms.mjs +1 -1
  156. package/dist/locale/my.js +1 -1
  157. package/dist/locale/my.min.js +1 -1
  158. package/dist/locale/my.min.mjs +1 -1
  159. package/dist/locale/my.mjs +1 -1
  160. package/dist/locale/nb-no.js +1 -1
  161. package/dist/locale/nb-no.min.js +1 -1
  162. package/dist/locale/nb-no.min.mjs +1 -1
  163. package/dist/locale/nb-no.mjs +1 -1
  164. package/dist/locale/nl.js +1 -1
  165. package/dist/locale/nl.min.js +1 -1
  166. package/dist/locale/nl.min.mjs +1 -1
  167. package/dist/locale/nl.mjs +1 -1
  168. package/dist/locale/pa.js +1 -1
  169. package/dist/locale/pa.min.js +1 -1
  170. package/dist/locale/pa.min.mjs +1 -1
  171. package/dist/locale/pa.mjs +1 -1
  172. package/dist/locale/pl.js +1 -1
  173. package/dist/locale/pl.min.js +1 -1
  174. package/dist/locale/pl.min.mjs +1 -1
  175. package/dist/locale/pl.mjs +1 -1
  176. package/dist/locale/pt-br.js +1 -1
  177. package/dist/locale/pt-br.min.js +1 -1
  178. package/dist/locale/pt-br.min.mjs +1 -1
  179. package/dist/locale/pt-br.mjs +1 -1
  180. package/dist/locale/pt.js +1 -1
  181. package/dist/locale/pt.min.js +1 -1
  182. package/dist/locale/pt.min.mjs +1 -1
  183. package/dist/locale/pt.mjs +1 -1
  184. package/dist/locale/ro.js +1 -1
  185. package/dist/locale/ro.min.js +1 -1
  186. package/dist/locale/ro.min.mjs +1 -1
  187. package/dist/locale/ro.mjs +1 -1
  188. package/dist/locale/ru.js +1 -1
  189. package/dist/locale/ru.min.js +1 -1
  190. package/dist/locale/ru.min.mjs +1 -1
  191. package/dist/locale/ru.mjs +1 -1
  192. package/dist/locale/sk.js +1 -1
  193. package/dist/locale/sk.min.js +1 -1
  194. package/dist/locale/sk.min.mjs +1 -1
  195. package/dist/locale/sk.mjs +1 -1
  196. package/dist/locale/sl.js +1 -1
  197. package/dist/locale/sl.min.js +1 -1
  198. package/dist/locale/sl.min.mjs +1 -1
  199. package/dist/locale/sl.mjs +1 -1
  200. package/dist/locale/sr.js +1 -1
  201. package/dist/locale/sr.min.js +1 -1
  202. package/dist/locale/sr.min.mjs +1 -1
  203. package/dist/locale/sr.mjs +1 -1
  204. package/dist/locale/sv.js +1 -1
  205. package/dist/locale/sv.min.js +1 -1
  206. package/dist/locale/sv.min.mjs +1 -1
  207. package/dist/locale/sv.mjs +1 -1
  208. package/dist/locale/sw.js +1 -1
  209. package/dist/locale/sw.min.js +1 -1
  210. package/dist/locale/sw.min.mjs +1 -1
  211. package/dist/locale/sw.mjs +1 -1
  212. package/dist/locale/ta.js +1 -1
  213. package/dist/locale/ta.min.js +1 -1
  214. package/dist/locale/ta.min.mjs +1 -1
  215. package/dist/locale/ta.mjs +1 -1
  216. package/dist/locale/th.js +1 -1
  217. package/dist/locale/th.min.js +1 -1
  218. package/dist/locale/th.min.mjs +1 -1
  219. package/dist/locale/th.mjs +1 -1
  220. package/dist/locale/tk.js +1 -1
  221. package/dist/locale/tk.min.js +1 -1
  222. package/dist/locale/tk.min.mjs +1 -1
  223. package/dist/locale/tk.mjs +1 -1
  224. package/dist/locale/tr.js +1 -1
  225. package/dist/locale/tr.min.js +1 -1
  226. package/dist/locale/tr.min.mjs +1 -1
  227. package/dist/locale/tr.mjs +1 -1
  228. package/dist/locale/ug-cn.js +1 -1
  229. package/dist/locale/ug-cn.min.js +1 -1
  230. package/dist/locale/ug-cn.min.mjs +1 -1
  231. package/dist/locale/ug-cn.mjs +1 -1
  232. package/dist/locale/uk.js +1 -1
  233. package/dist/locale/uk.min.js +1 -1
  234. package/dist/locale/uk.min.mjs +1 -1
  235. package/dist/locale/uk.mjs +1 -1
  236. package/dist/locale/uz-uz.js +1 -1
  237. package/dist/locale/uz-uz.min.js +1 -1
  238. package/dist/locale/uz-uz.min.mjs +1 -1
  239. package/dist/locale/uz-uz.mjs +1 -1
  240. package/dist/locale/vi.js +1 -1
  241. package/dist/locale/vi.min.js +1 -1
  242. package/dist/locale/vi.min.mjs +1 -1
  243. package/dist/locale/vi.mjs +1 -1
  244. package/dist/locale/zh-cn.js +1 -1
  245. package/dist/locale/zh-cn.min.js +1 -1
  246. package/dist/locale/zh-cn.min.mjs +1 -1
  247. package/dist/locale/zh-cn.mjs +1 -1
  248. package/dist/locale/zh-tw.js +1 -1
  249. package/dist/locale/zh-tw.min.js +1 -1
  250. package/dist/locale/zh-tw.min.mjs +1 -1
  251. package/dist/locale/zh-tw.mjs +1 -1
  252. package/es/components/anchor/index.mjs +2 -2
  253. package/es/components/anchor/src/anchor.mjs +38 -193
  254. package/es/components/anchor/src/anchor.mjs.map +1 -1
  255. package/es/components/anchor/src/anchor2.mjs +193 -38
  256. package/es/components/anchor/src/anchor2.mjs.map +1 -1
  257. package/es/components/badge/index.mjs +2 -2
  258. package/es/components/badge/src/badge.mjs +32 -69
  259. package/es/components/badge/src/badge.mjs.map +1 -1
  260. package/es/components/badge/src/badge2.mjs +69 -32
  261. package/es/components/badge/src/badge2.mjs.map +1 -1
  262. package/es/components/index.mjs +6 -6
  263. package/es/components/mention/src/mention-dropdown.mjs +15 -167
  264. package/es/components/mention/src/mention-dropdown.mjs.map +1 -1
  265. package/es/components/mention/src/mention-dropdown2.mjs +167 -15
  266. package/es/components/mention/src/mention-dropdown2.mjs.map +1 -1
  267. package/es/components/mention/src/mention2.mjs +1 -1
  268. package/es/components/menu/index.mjs +2 -2
  269. package/es/components/menu/src/menu-item-group.mjs +4 -35
  270. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  271. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  272. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  273. package/es/components/popconfirm/index.mjs +2 -2
  274. package/es/components/popconfirm/src/popconfirm.mjs +47 -115
  275. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  276. package/es/components/popconfirm/src/popconfirm2.mjs +115 -47
  277. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  278. package/es/components/statistic/index.mjs +2 -2
  279. package/es/components/statistic/src/statistic.mjs +25 -70
  280. package/es/components/statistic/src/statistic.mjs.map +1 -1
  281. package/es/components/statistic/src/statistic2.mjs +70 -25
  282. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  283. package/es/components/switch/index.mjs +2 -2
  284. package/es/components/switch/src/switch.mjs +229 -72
  285. package/es/components/switch/src/switch.mjs.map +1 -1
  286. package/es/components/switch/src/switch2.mjs +72 -229
  287. package/es/components/switch/src/switch2.mjs.map +1 -1
  288. package/es/components/tree-v2/src/tree.mjs +9 -5
  289. package/es/components/tree-v2/src/tree.mjs.map +1 -1
  290. package/es/components/tree-v2/src/tree.vue.d.ts +10 -1
  291. package/es/index.mjs +6 -6
  292. package/es/version.d.ts +1 -1
  293. package/es/version.mjs +1 -1
  294. package/es/version.mjs.map +1 -1
  295. package/lib/components/anchor/index.js +2 -2
  296. package/lib/components/anchor/src/anchor.js +38 -192
  297. package/lib/components/anchor/src/anchor.js.map +1 -1
  298. package/lib/components/anchor/src/anchor2.js +192 -38
  299. package/lib/components/anchor/src/anchor2.js.map +1 -1
  300. package/lib/components/badge/index.js +2 -2
  301. package/lib/components/badge/src/badge.js +32 -69
  302. package/lib/components/badge/src/badge.js.map +1 -1
  303. package/lib/components/badge/src/badge2.js +69 -32
  304. package/lib/components/badge/src/badge2.js.map +1 -1
  305. package/lib/components/index.js +6 -6
  306. package/lib/components/mention/src/mention-dropdown.js +16 -167
  307. package/lib/components/mention/src/mention-dropdown.js.map +1 -1
  308. package/lib/components/mention/src/mention-dropdown2.js +167 -16
  309. package/lib/components/mention/src/mention-dropdown2.js.map +1 -1
  310. package/lib/components/mention/src/mention2.js +1 -1
  311. package/lib/components/menu/index.js +2 -2
  312. package/lib/components/menu/src/menu-item-group.js +4 -35
  313. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  314. package/lib/components/menu/src/menu-item-group2.js +35 -4
  315. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  316. package/lib/components/popconfirm/index.js +2 -2
  317. package/lib/components/popconfirm/src/popconfirm.js +48 -115
  318. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  319. package/lib/components/popconfirm/src/popconfirm2.js +115 -48
  320. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  321. package/lib/components/statistic/index.js +2 -2
  322. package/lib/components/statistic/src/statistic.js +25 -70
  323. package/lib/components/statistic/src/statistic.js.map +1 -1
  324. package/lib/components/statistic/src/statistic2.js +70 -25
  325. package/lib/components/statistic/src/statistic2.js.map +1 -1
  326. package/lib/components/switch/index.js +2 -2
  327. package/lib/components/switch/src/switch.js +228 -72
  328. package/lib/components/switch/src/switch.js.map +1 -1
  329. package/lib/components/switch/src/switch2.js +72 -228
  330. package/lib/components/switch/src/switch2.js.map +1 -1
  331. package/lib/components/tree-v2/src/tree.js +8 -4
  332. package/lib/components/tree-v2/src/tree.js.map +1 -1
  333. package/lib/components/tree-v2/src/tree.vue.d.ts +10 -1
  334. package/lib/index.js +6 -6
  335. package/lib/version.d.ts +1 -1
  336. package/lib/version.js +1 -1
  337. package/lib/version.js.map +1 -1
  338. package/package.json +2 -2
  339. package/web-types.json +1 -1
@@ -2,78 +2,41 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- require('../../../hooks/index.js');
7
5
  require('../../../utils/index.js');
8
- var badge = require('./badge2.js');
9
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
- var index = require('../../../hooks/use-namespace/index.js');
11
- var types = require('../../../utils/types.js');
12
- var style = require('../../../utils/dom/style.js');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
13
7
 
14
- const __default__ = vue.defineComponent({
15
- name: "ElBadge"
16
- });
17
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
18
- ...__default__,
19
- props: badge.badgeProps,
20
- setup(__props, { expose }) {
21
- const props = __props;
22
- const ns = index.useNamespace("badge");
23
- const content = vue.computed(() => {
24
- if (props.isDot)
25
- return "";
26
- if (types.isNumber(props.value) && types.isNumber(props.max)) {
27
- return props.max < props.value ? `${props.max}+` : `${props.value}`;
28
- }
29
- return `${props.value}`;
30
- });
31
- const style$1 = vue.computed(() => {
32
- var _a, _b, _c, _d, _e;
33
- return [
34
- {
35
- backgroundColor: props.color,
36
- marginRight: style.addUnit(-((_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
37
- marginTop: style.addUnit((_d = (_c = props.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
38
- },
39
- (_e = props.badgeStyle) != null ? _e : {}
40
- ];
41
- });
42
- expose({
43
- content
44
- });
45
- return (_ctx, _cache) => {
46
- return vue.openBlock(), vue.createElementBlock("div", {
47
- class: vue.normalizeClass(vue.unref(ns).b())
48
- }, [
49
- vue.renderSlot(_ctx.$slots, "default"),
50
- vue.createVNode(vue.Transition, {
51
- name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
52
- persisted: ""
53
- }, {
54
- default: vue.withCtx(() => [
55
- vue.withDirectives(vue.createElementVNode("sup", {
56
- class: vue.normalizeClass([
57
- vue.unref(ns).e("content"),
58
- vue.unref(ns).em("content", _ctx.type),
59
- vue.unref(ns).is("fixed", !!_ctx.$slots.default),
60
- vue.unref(ns).is("dot", _ctx.isDot),
61
- vue.unref(ns).is("hide-zero", !_ctx.showZero && props.value === 0),
62
- _ctx.badgeClass
63
- ]),
64
- style: vue.normalizeStyle(vue.unref(style$1)),
65
- textContent: vue.toDisplayString(vue.unref(content))
66
- }, null, 14, ["textContent"]), [
67
- [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
68
- ])
69
- ]),
70
- _: 1
71
- }, 8, ["name"])
72
- ], 2);
73
- };
8
+ const badgeProps = runtime.buildProps({
9
+ value: {
10
+ type: [String, Number],
11
+ default: ""
12
+ },
13
+ max: {
14
+ type: Number,
15
+ default: 99
16
+ },
17
+ isDot: Boolean,
18
+ hidden: Boolean,
19
+ type: {
20
+ type: String,
21
+ values: ["primary", "success", "warning", "info", "danger"],
22
+ default: "danger"
23
+ },
24
+ showZero: {
25
+ type: Boolean,
26
+ default: true
27
+ },
28
+ color: String,
29
+ badgeStyle: {
30
+ type: runtime.definePropType([String, Object, Array])
31
+ },
32
+ offset: {
33
+ type: runtime.definePropType(Array),
34
+ default: [0, 0]
35
+ },
36
+ badgeClass: {
37
+ type: String
74
38
  }
75
39
  });
76
- var Badge = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "badge.vue"]]);
77
40
 
78
- exports["default"] = Badge;
41
+ exports.badgeProps = badgeProps;
79
42
  //# sourceMappingURL=badge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <slot />\n <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n <sup\n v-show=\"!hidden && (content || isDot)\"\n :class=\"[\n ns.e('content'),\n ns.em('content', type),\n ns.is('fixed', !!$slots.default),\n ns.is('dot', isDot),\n ns.is('hide-zero', !showZero && props.value === 0),\n badgeClass,\n ]\"\n :style=\"style\"\n v-text=\"content\"\n />\n </transition>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n if (props.isDot) return ''\n if (isNumber(props.value) && isNumber(props.max)) {\n return props.max < props.value ? `${props.max}+` : `${props.value}`\n }\n return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n return [\n {\n backgroundColor: props.color,\n marginRight: addUnit(-(props.offset?.[0] ?? 0)),\n marginTop: addUnit(props.offset?.[1] ?? 0),\n },\n props.badgeStyle ?? {},\n ]\n})\n\ndefineExpose({\n /** @description badge content */\n content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber","style","addUnit"],"mappings":";;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAI,IAAA,KAAA,CAAM;AACV,QAAA;AACE,MAAO,IAAAC,cAAA,CAAA,KAAY,CAAA,KAAA,CAAA,IAAcA,cAAA,CAAG,MAAM,GAAG,CAAA,EAAA;AAAoB,QACnE,OAAA,KAAA,CAAA,GAAA,GAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,OAAO;AAAc,MACtB,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAAC,OAAA,GAAAF,YAAA,CAAA,MAAA;AAAA,MACL,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAAA,MAAA;AACyB,QAAA;AACuB,UAC9C,eAAmB,EAAA,KAAA,CAAA,KAAe;AAAO,UAC3C,WAAA,EAAAG,aAAA,CAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA,CAAA;AAAA,UACA,wBAAoB,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA;AAAA,SACvB;AAAA,QACD,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAED,OAAa,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEX,MAAA,CAAA;AAAA,MACD,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"badge.js","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const badgeProps = buildProps({\n /**\n * @description display value.\n */\n value: {\n type: [String, Number],\n default: '',\n },\n /**\n * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n */\n max: {\n type: Number,\n default: 99,\n },\n /**\n * @description if a little dot is displayed.\n */\n isDot: Boolean,\n /**\n * @description hidden badge.\n */\n hidden: Boolean,\n /**\n * @description badge type.\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger'],\n default: 'danger',\n },\n /**\n * @description whether to show badge when value is zero.\n */\n showZero: {\n type: Boolean,\n default: true,\n },\n /**\n * @description customize dot background color\n */\n color: String,\n /**\n * @description CSS style of badge\n */\n badgeStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n /**\n * @description set offset of the badge\n */\n offset: {\n type: definePropType<[number, number]>(Array),\n default: [0, 0],\n },\n /**\n * @description custom class name of badge\n */\n badgeClass: {\n type: String,\n },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
@@ -2,41 +2,78 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
6
+ require('../../../hooks/index.js');
5
7
  require('../../../utils/index.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
8
+ var badge = require('./badge.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
11
+ var types = require('../../../utils/types.js');
12
+ var style = require('../../../utils/dom/style.js');
7
13
 
8
- const badgeProps = runtime.buildProps({
9
- value: {
10
- type: [String, Number],
11
- default: ""
12
- },
13
- max: {
14
- type: Number,
15
- default: 99
16
- },
17
- isDot: Boolean,
18
- hidden: Boolean,
19
- type: {
20
- type: String,
21
- values: ["primary", "success", "warning", "info", "danger"],
22
- default: "danger"
23
- },
24
- showZero: {
25
- type: Boolean,
26
- default: true
27
- },
28
- color: String,
29
- badgeStyle: {
30
- type: runtime.definePropType([String, Object, Array])
31
- },
32
- offset: {
33
- type: runtime.definePropType(Array),
34
- default: [0, 0]
35
- },
36
- badgeClass: {
37
- type: String
14
+ const __default__ = vue.defineComponent({
15
+ name: "ElBadge"
16
+ });
17
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
18
+ ...__default__,
19
+ props: badge.badgeProps,
20
+ setup(__props, { expose }) {
21
+ const props = __props;
22
+ const ns = index.useNamespace("badge");
23
+ const content = vue.computed(() => {
24
+ if (props.isDot)
25
+ return "";
26
+ if (types.isNumber(props.value) && types.isNumber(props.max)) {
27
+ return props.max < props.value ? `${props.max}+` : `${props.value}`;
28
+ }
29
+ return `${props.value}`;
30
+ });
31
+ const style$1 = vue.computed(() => {
32
+ var _a, _b, _c, _d, _e;
33
+ return [
34
+ {
35
+ backgroundColor: props.color,
36
+ marginRight: style.addUnit(-((_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
37
+ marginTop: style.addUnit((_d = (_c = props.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
38
+ },
39
+ (_e = props.badgeStyle) != null ? _e : {}
40
+ ];
41
+ });
42
+ expose({
43
+ content
44
+ });
45
+ return (_ctx, _cache) => {
46
+ return vue.openBlock(), vue.createElementBlock("div", {
47
+ class: vue.normalizeClass(vue.unref(ns).b())
48
+ }, [
49
+ vue.renderSlot(_ctx.$slots, "default"),
50
+ vue.createVNode(vue.Transition, {
51
+ name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
52
+ persisted: ""
53
+ }, {
54
+ default: vue.withCtx(() => [
55
+ vue.withDirectives(vue.createElementVNode("sup", {
56
+ class: vue.normalizeClass([
57
+ vue.unref(ns).e("content"),
58
+ vue.unref(ns).em("content", _ctx.type),
59
+ vue.unref(ns).is("fixed", !!_ctx.$slots.default),
60
+ vue.unref(ns).is("dot", _ctx.isDot),
61
+ vue.unref(ns).is("hide-zero", !_ctx.showZero && props.value === 0),
62
+ _ctx.badgeClass
63
+ ]),
64
+ style: vue.normalizeStyle(vue.unref(style$1)),
65
+ textContent: vue.toDisplayString(vue.unref(content))
66
+ }, null, 14, ["textContent"]), [
67
+ [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
68
+ ])
69
+ ]),
70
+ _: 1
71
+ }, 8, ["name"])
72
+ ], 2);
73
+ };
38
74
  }
39
75
  });
76
+ var Badge = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "badge.vue"]]);
40
77
 
41
- exports.badgeProps = badgeProps;
78
+ exports["default"] = Badge;
42
79
  //# sourceMappingURL=badge2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const badgeProps = buildProps({\n /**\n * @description display value.\n */\n value: {\n type: [String, Number],\n default: '',\n },\n /**\n * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n */\n max: {\n type: Number,\n default: 99,\n },\n /**\n * @description if a little dot is displayed.\n */\n isDot: Boolean,\n /**\n * @description hidden badge.\n */\n hidden: Boolean,\n /**\n * @description badge type.\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger'],\n default: 'danger',\n },\n /**\n * @description whether to show badge when value is zero.\n */\n showZero: {\n type: Boolean,\n default: true,\n },\n /**\n * @description customize dot background color\n */\n color: String,\n /**\n * @description CSS style of badge\n */\n badgeStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n /**\n * @description set offset of the badge\n */\n offset: {\n type: definePropType<[number, number]>(Array),\n default: [0, 0],\n },\n /**\n * @description custom class name of badge\n */\n badgeClass: {\n type: String,\n },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <slot />\n <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n <sup\n v-show=\"!hidden && (content || isDot)\"\n :class=\"[\n ns.e('content'),\n ns.em('content', type),\n ns.is('fixed', !!$slots.default),\n ns.is('dot', isDot),\n ns.is('hide-zero', !showZero && props.value === 0),\n badgeClass,\n ]\"\n :style=\"style\"\n v-text=\"content\"\n />\n </transition>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n if (props.isDot) return ''\n if (isNumber(props.value) && isNumber(props.max)) {\n return props.max < props.value ? `${props.max}+` : `${props.value}`\n }\n return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n return [\n {\n backgroundColor: props.color,\n marginRight: addUnit(-(props.offset?.[0] ?? 0)),\n marginTop: addUnit(props.offset?.[1] ?? 0),\n },\n props.badgeStyle ?? {},\n ]\n})\n\ndefineExpose({\n /** @description badge content */\n content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber","style","addUnit"],"mappings":";;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAI,IAAA,KAAA,CAAM;AACV,QAAA;AACE,MAAO,IAAAC,cAAA,CAAA,KAAY,CAAA,KAAA,CAAA,IAAcA,cAAA,CAAG,MAAM,GAAG,CAAA,EAAA;AAAoB,QACnE,OAAA,KAAA,CAAA,GAAA,GAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACA,OAAO;AAAc,MACtB,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAAC,OAAA,GAAAF,YAAA,CAAA,MAAA;AAAA,MACL,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAAA,MAAA;AACyB,QAAA;AACuB,UAC9C,eAAmB,EAAA,KAAA,CAAA,KAAe;AAAO,UAC3C,WAAA,EAAAG,aAAA,CAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA,CAAA;AAAA,UACA,wBAAoB,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA;AAAA,SACvB;AAAA,QACD,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAED,OAAa,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAEX,MAAA,CAAA;AAAA,MACD,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -89,7 +89,7 @@ var alert = require('./alert/src/alert.js');
89
89
  var autocomplete = require('./autocomplete/src/autocomplete.js');
90
90
  var avatar = require('./avatar/src/avatar.js');
91
91
  var backtop = require('./backtop/src/backtop.js');
92
- var badge = require('./badge/src/badge2.js');
92
+ var badge = require('./badge/src/badge.js');
93
93
  var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
94
94
  var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
95
95
  var constants = require('./breadcrumb/src/constants.js');
@@ -142,13 +142,13 @@ var inputNumber = require('./input-number/src/input-number.js');
142
142
  var link = require('./link/src/link.js');
143
143
  var menu = require('./menu/src/menu.js');
144
144
  var menuItem = require('./menu/src/menu-item.js');
145
- var menuItemGroup = require('./menu/src/menu-item-group2.js');
145
+ var menuItemGroup = require('./menu/src/menu-item-group.js');
146
146
  var subMenu = require('./menu/src/sub-menu.js');
147
147
  var overlay = require('./overlay/src/overlay.js');
148
148
  var pageHeader = require('./page-header/src/page-header.js');
149
149
  var pagination = require('./pagination/src/pagination.js');
150
150
  var constants$9 = require('./pagination/src/constants.js');
151
- var popconfirm = require('./popconfirm/src/popconfirm2.js');
151
+ var popconfirm = require('./popconfirm/src/popconfirm.js');
152
152
  var popper = require('./popper/src/popper.js');
153
153
  var trigger$1 = require('./popper/src/trigger.js');
154
154
  var content$1 = require('./popper/src/content2.js');
@@ -179,10 +179,10 @@ var constants$e = require('./slider/src/constants.js');
179
179
  var space = require('./space/src/space.js');
180
180
  var item = require('./space/src/item.js');
181
181
  var useSpace = require('./space/src/use-space.js');
182
- var statistic = require('./statistic/src/statistic2.js');
182
+ var statistic = require('./statistic/src/statistic.js');
183
183
  var item$1 = require('./steps/src/item.js');
184
184
  var steps = require('./steps/src/steps.js');
185
- var _switch = require('./switch/src/switch.js');
185
+ var _switch = require('./switch/src/switch2.js');
186
186
  var constants$f = require('./table-v2/src/constants.js');
187
187
  var tableV2 = require('./table-v2/src/table-v2.js');
188
188
  var _private = require('./table-v2/src/private.js');
@@ -222,7 +222,7 @@ var watermark = require('./watermark/src/watermark.js');
222
222
  var tour = require('./tour/src/tour.js');
223
223
  var step = require('./tour/src/step.js');
224
224
  var content$3 = require('./tour/src/content.js');
225
- var anchor = require('./anchor/src/anchor2.js');
225
+ var anchor = require('./anchor/src/anchor.js');
226
226
  var segmented = require('./segmented/src/segmented.js');
227
227
  var mention = require('./mention/src/mention.js');
228
228
  var directive = require('./loading/src/directive.js');
@@ -2,175 +2,24 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- require('../../../hooks/index.js');
7
5
  require('../../../utils/index.js');
8
- var index$2 = require('../../scrollbar/index.js');
9
- var mentionDropdown = require('./mention-dropdown2.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var index = require('../../../hooks/use-namespace/index.js');
12
- var index$1 = require('../../../hooks/use-locale/index.js');
13
- var scroll = require('../../../utils/dom/scroll.js');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
7
+ var shared = require('@vue/shared');
14
8
 
15
- const __default__ = vue.defineComponent({
16
- name: "ElMentionDropdown"
9
+ const mentionDropdownProps = runtime.buildProps({
10
+ options: {
11
+ type: runtime.definePropType(Array),
12
+ default: () => []
13
+ },
14
+ loading: Boolean,
15
+ disabled: Boolean,
16
+ contentId: String,
17
+ ariaLabel: String
17
18
  });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: mentionDropdown.mentionDropdownProps,
21
- emits: mentionDropdown.mentionDropdownEmits,
22
- setup(__props, { expose, emit }) {
23
- const props = __props;
24
- const ns = index.useNamespace("mention");
25
- const { t } = index$1.useLocale();
26
- const hoveringIndex = vue.ref(-1);
27
- const scrollbarRef = vue.ref();
28
- const optionRefs = vue.ref();
29
- const dropdownRef = vue.ref();
30
- const optionkls = (item, index) => [
31
- ns.be("dropdown", "item"),
32
- ns.is("hovering", hoveringIndex.value === index),
33
- ns.is("disabled", item.disabled || props.disabled)
34
- ];
35
- const handleSelect = (item) => {
36
- if (item.disabled || props.disabled)
37
- return;
38
- emit("select", item);
39
- };
40
- const handleMouseEnter = (index) => {
41
- hoveringIndex.value = index;
42
- };
43
- const filteredAllDisabled = vue.computed(() => props.disabled || props.options.every((item) => item.disabled));
44
- const hoverOption = vue.computed(() => props.options[hoveringIndex.value]);
45
- const selectHoverOption = () => {
46
- if (!hoverOption.value)
47
- return;
48
- emit("select", hoverOption.value);
49
- };
50
- const navigateOptions = (direction) => {
51
- const { options } = props;
52
- if (options.length === 0 || filteredAllDisabled.value)
53
- return;
54
- if (direction === "next") {
55
- hoveringIndex.value++;
56
- if (hoveringIndex.value === options.length) {
57
- hoveringIndex.value = 0;
58
- }
59
- } else if (direction === "prev") {
60
- hoveringIndex.value--;
61
- if (hoveringIndex.value < 0) {
62
- hoveringIndex.value = options.length - 1;
63
- }
64
- }
65
- const option = options[hoveringIndex.value];
66
- if (option.disabled) {
67
- navigateOptions(direction);
68
- return;
69
- }
70
- vue.nextTick(() => scrollToOption(option));
71
- };
72
- const scrollToOption = (option) => {
73
- var _a, _b, _c, _d;
74
- const { options } = props;
75
- const index = options.findIndex((item) => item.value === option.value);
76
- const target = (_a = optionRefs.value) == null ? void 0 : _a[index];
77
- if (target) {
78
- const menu = (_c = (_b = dropdownRef.value) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, `.${ns.be("dropdown", "wrap")}`);
79
- if (menu) {
80
- scroll.scrollIntoView(menu, target);
81
- }
82
- }
83
- (_d = scrollbarRef.value) == null ? void 0 : _d.handleScroll();
84
- };
85
- const resetHoveringIndex = () => {
86
- if (filteredAllDisabled.value || props.options.length === 0) {
87
- hoveringIndex.value = -1;
88
- } else {
89
- hoveringIndex.value = 0;
90
- }
91
- };
92
- vue.watch(() => props.options, resetHoveringIndex, {
93
- immediate: true
94
- });
95
- expose({
96
- hoveringIndex,
97
- navigateOptions,
98
- selectHoverOption,
99
- hoverOption
100
- });
101
- return (_ctx, _cache) => {
102
- return vue.openBlock(), vue.createElementBlock("div", {
103
- ref_key: "dropdownRef",
104
- ref: dropdownRef,
105
- class: vue.normalizeClass(vue.unref(ns).b("dropdown"))
106
- }, [
107
- _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
108
- key: 0,
109
- class: vue.normalizeClass(vue.unref(ns).be("dropdown", "header"))
110
- }, [
111
- vue.renderSlot(_ctx.$slots, "header")
112
- ], 2)) : vue.createCommentVNode("v-if", true),
113
- vue.withDirectives(vue.createVNode(vue.unref(index$2.ElScrollbar), {
114
- id: _ctx.contentId,
115
- ref_key: "scrollbarRef",
116
- ref: scrollbarRef,
117
- tag: "ul",
118
- "wrap-class": vue.unref(ns).be("dropdown", "wrap"),
119
- "view-class": vue.unref(ns).be("dropdown", "list"),
120
- role: "listbox",
121
- "aria-label": _ctx.ariaLabel,
122
- "aria-orientation": "vertical"
123
- }, {
124
- default: vue.withCtx(() => [
125
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
126
- return vue.openBlock(), vue.createElementBlock("li", {
127
- id: `${_ctx.contentId}-${index}`,
128
- ref_for: true,
129
- ref_key: "optionRefs",
130
- ref: optionRefs,
131
- key: index,
132
- class: vue.normalizeClass(optionkls(item, index)),
133
- role: "option",
134
- "aria-disabled": item.disabled || _ctx.disabled || void 0,
135
- "aria-selected": hoveringIndex.value === index,
136
- onMousemove: ($event) => handleMouseEnter(index),
137
- onClick: vue.withModifiers(($event) => handleSelect(item), ["stop"])
138
- }, [
139
- vue.renderSlot(_ctx.$slots, "label", {
140
- item,
141
- index
142
- }, () => {
143
- var _a;
144
- return [
145
- vue.createElementVNode("span", null, vue.toDisplayString((_a = item.label) != null ? _a : item.value), 1)
146
- ];
147
- })
148
- ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"]);
149
- }), 128))
150
- ]),
151
- _: 3
152
- }, 8, ["id", "wrap-class", "view-class", "aria-label"]), [
153
- [vue.vShow, _ctx.options.length > 0 && !_ctx.loading]
154
- ]),
155
- _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
156
- key: 1,
157
- class: vue.normalizeClass(vue.unref(ns).be("dropdown", "loading"))
158
- }, [
159
- vue.renderSlot(_ctx.$slots, "loading", {}, () => [
160
- vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.mention.loading")), 1)
161
- ])
162
- ], 2)) : vue.createCommentVNode("v-if", true),
163
- _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
164
- key: 2,
165
- class: vue.normalizeClass(vue.unref(ns).be("dropdown", "footer"))
166
- }, [
167
- vue.renderSlot(_ctx.$slots, "footer")
168
- ], 2)) : vue.createCommentVNode("v-if", true)
169
- ], 2);
170
- };
171
- }
172
- });
173
- var ElMentionDropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "mention-dropdown.vue"]]);
19
+ const mentionDropdownEmits = {
20
+ select: (option) => shared.isString(option.value)
21
+ };
174
22
 
175
- exports["default"] = ElMentionDropdown;
23
+ exports.mentionDropdownEmits = mentionDropdownEmits;
24
+ exports.mentionDropdownProps = mentionDropdownProps;
176
25
  //# sourceMappingURL=mention-dropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"mention-dropdown.js","sources":["../../../../../../packages/components/mention/src/mention-dropdown.vue"],"sourcesContent":["<template>\n <div ref=\"dropdownRef\" :class=\"ns.b('dropdown')\">\n <div v-if=\"$slots.header\" :class=\"ns.be('dropdown', 'header')\">\n <slot name=\"header\" />\n </div>\n <el-scrollbar\n v-show=\"options.length > 0 && !loading\"\n :id=\"contentId\"\n ref=\"scrollbarRef\"\n tag=\"ul\"\n :wrap-class=\"ns.be('dropdown', 'wrap')\"\n :view-class=\"ns.be('dropdown', 'list')\"\n role=\"listbox\"\n :aria-label=\"ariaLabel\"\n aria-orientation=\"vertical\"\n >\n <li\n v-for=\"(item, index) in options\"\n :id=\"`${contentId}-${index}`\"\n ref=\"optionRefs\"\n :key=\"index\"\n :class=\"optionkls(item, index)\"\n role=\"option\"\n :aria-disabled=\"item.disabled || disabled || undefined\"\n :aria-selected=\"hoveringIndex === index\"\n @mousemove=\"handleMouseEnter(index)\"\n @click.stop=\"handleSelect(item)\"\n >\n <slot name=\"label\" :item=\"item\" :index=\"index\">\n <span>{{ item.label ?? item.value }}</span>\n </slot>\n </li>\n </el-scrollbar>\n <div v-if=\"loading\" :class=\"ns.be('dropdown', 'loading')\">\n <slot name=\"loading\"> {{ t('el.mention.loading') }} </slot>\n </div>\n <div v-if=\"$slots.footer\" :class=\"ns.be('dropdown', 'footer')\">\n <slot name=\"footer\" />\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { scrollIntoView } from '@element-plus/utils'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { mentionDropdownEmits, mentionDropdownProps } from './mention-dropdown'\n\nimport type { MentionOption } from './types'\n\ndefineOptions({\n name: 'ElMentionDropdown',\n})\n\nconst props = defineProps(mentionDropdownProps)\nconst emit = defineEmits(mentionDropdownEmits)\n\nconst ns = useNamespace('mention')\nconst { t } = useLocale()\nconst hoveringIndex = ref(-1)\n\nconst scrollbarRef = ref<InstanceType<typeof ElScrollbar>>()\nconst optionRefs = ref<HTMLElement[]>()\nconst dropdownRef = ref<HTMLElement>()\n\nconst optionkls = (item: MentionOption, index: number) => [\n ns.be('dropdown', 'item'),\n ns.is('hovering', hoveringIndex.value === index),\n ns.is('disabled', item.disabled || props.disabled),\n]\n\nconst handleSelect = (item: MentionOption) => {\n if (item.disabled || props.disabled) return\n emit('select', item)\n}\n\nconst handleMouseEnter = (index: number) => {\n hoveringIndex.value = index\n}\n\nconst filteredAllDisabled = computed(\n () => props.disabled || props.options.every((item) => item.disabled)\n)\n\nconst hoverOption = computed(() => props.options[hoveringIndex.value])\n\nconst selectHoverOption = () => {\n if (!hoverOption.value) return\n emit('select', hoverOption.value)\n}\n\nconst navigateOptions = (direction: 'next' | 'prev') => {\n const { options } = props\n if (options.length === 0 || filteredAllDisabled.value) return\n\n if (direction === 'next') {\n hoveringIndex.value++\n if (hoveringIndex.value === options.length) {\n hoveringIndex.value = 0\n }\n } else if (direction === 'prev') {\n hoveringIndex.value--\n if (hoveringIndex.value < 0) {\n hoveringIndex.value = options.length - 1\n }\n }\n const option = options[hoveringIndex.value]\n if (option.disabled) {\n navigateOptions(direction)\n return\n }\n nextTick(() => scrollToOption(option))\n}\n\nconst scrollToOption = (option: MentionOption) => {\n const { options } = props\n\n const index = options.findIndex((item) => item.value === option.value)\n const target = optionRefs.value?.[index]\n\n if (target) {\n const menu = dropdownRef.value?.querySelector?.(\n `.${ns.be('dropdown', 'wrap')}`\n )\n if (menu) {\n scrollIntoView(menu as HTMLElement, target)\n }\n }\n scrollbarRef.value?.handleScroll()\n}\n\nconst resetHoveringIndex = () => {\n if (filteredAllDisabled.value || props.options.length === 0) {\n hoveringIndex.value = -1\n } else {\n hoveringIndex.value = 0\n }\n}\n\nwatch(() => props.options, resetHoveringIndex, {\n immediate: true,\n})\n\ndefineExpose({\n hoveringIndex,\n navigateOptions,\n selectHoverOption,\n hoverOption,\n})\n</script>\n"],"names":["useNamespace","useLocale","ref","computed","nextTick","scrollIntoView","watch"],"mappings":"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"}
1
+ {"version":3,"file":"mention-dropdown.js","sources":["../../../../../../packages/components/mention/src/mention-dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, isString } from '@element-plus/utils'\n\nimport type { MentionOption } from './types'\n\nexport const mentionDropdownProps = buildProps({\n options: {\n type: definePropType<MentionOption[]>(Array),\n default: () => [],\n },\n loading: Boolean,\n disabled: Boolean,\n contentId: String,\n ariaLabel: String,\n})\n\nexport const mentionDropdownEmits = {\n select: (option: MentionOption) => isString(option.value),\n}\n"],"names":["buildProps","definePropType","isString"],"mappings":";;;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,SAAS,EAAE,MAAM;AACnB,CAAC,EAAE;AACS,MAAC,oBAAoB,GAAG;AACpC,EAAE,MAAM,EAAE,CAAC,MAAM,KAAKC,eAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5C;;;;;"}