@element-plus/nightly 0.0.20240213 → 0.0.20240214

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 (334) hide show
  1. package/dist/index.full.js +2 -2
  2. package/dist/index.full.min.js +2 -2
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +2 -2
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +2 -2
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hr.js +1 -1
  92. package/dist/locale/hr.min.js +1 -1
  93. package/dist/locale/hr.min.mjs +1 -1
  94. package/dist/locale/hr.mjs +1 -1
  95. package/dist/locale/hu.js +1 -1
  96. package/dist/locale/hu.min.js +1 -1
  97. package/dist/locale/hu.min.mjs +1 -1
  98. package/dist/locale/hu.mjs +1 -1
  99. package/dist/locale/hy-am.js +1 -1
  100. package/dist/locale/hy-am.min.js +1 -1
  101. package/dist/locale/hy-am.min.mjs +1 -1
  102. package/dist/locale/hy-am.mjs +1 -1
  103. package/dist/locale/id.js +1 -1
  104. package/dist/locale/id.min.js +1 -1
  105. package/dist/locale/id.min.mjs +1 -1
  106. package/dist/locale/id.mjs +1 -1
  107. package/dist/locale/it.js +1 -1
  108. package/dist/locale/it.min.js +1 -1
  109. package/dist/locale/it.min.mjs +1 -1
  110. package/dist/locale/it.mjs +1 -1
  111. package/dist/locale/ja.js +1 -1
  112. package/dist/locale/ja.min.js +1 -1
  113. package/dist/locale/ja.min.mjs +1 -1
  114. package/dist/locale/ja.mjs +1 -1
  115. package/dist/locale/kk.js +1 -1
  116. package/dist/locale/kk.min.js +1 -1
  117. package/dist/locale/kk.min.mjs +1 -1
  118. package/dist/locale/kk.mjs +1 -1
  119. package/dist/locale/km.js +1 -1
  120. package/dist/locale/km.min.js +1 -1
  121. package/dist/locale/km.min.mjs +1 -1
  122. package/dist/locale/km.mjs +1 -1
  123. package/dist/locale/ko.js +1 -1
  124. package/dist/locale/ko.min.js +1 -1
  125. package/dist/locale/ko.min.mjs +1 -1
  126. package/dist/locale/ko.mjs +1 -1
  127. package/dist/locale/ku.js +1 -1
  128. package/dist/locale/ku.min.js +1 -1
  129. package/dist/locale/ku.min.mjs +1 -1
  130. package/dist/locale/ku.mjs +1 -1
  131. package/dist/locale/ky.js +1 -1
  132. package/dist/locale/ky.min.js +1 -1
  133. package/dist/locale/ky.min.mjs +1 -1
  134. package/dist/locale/ky.mjs +1 -1
  135. package/dist/locale/lt.js +1 -1
  136. package/dist/locale/lt.min.js +1 -1
  137. package/dist/locale/lt.min.mjs +1 -1
  138. package/dist/locale/lt.mjs +1 -1
  139. package/dist/locale/lv.js +1 -1
  140. package/dist/locale/lv.min.js +1 -1
  141. package/dist/locale/lv.min.mjs +1 -1
  142. package/dist/locale/lv.mjs +1 -1
  143. package/dist/locale/mg.js +1 -1
  144. package/dist/locale/mg.min.js +1 -1
  145. package/dist/locale/mg.min.mjs +1 -1
  146. package/dist/locale/mg.mjs +1 -1
  147. package/dist/locale/mn.js +1 -1
  148. package/dist/locale/mn.min.js +1 -1
  149. package/dist/locale/mn.min.mjs +1 -1
  150. package/dist/locale/mn.mjs +1 -1
  151. package/dist/locale/nb-no.js +1 -1
  152. package/dist/locale/nb-no.min.js +1 -1
  153. package/dist/locale/nb-no.min.mjs +1 -1
  154. package/dist/locale/nb-no.mjs +1 -1
  155. package/dist/locale/nl.js +1 -1
  156. package/dist/locale/nl.min.js +1 -1
  157. package/dist/locale/nl.min.mjs +1 -1
  158. package/dist/locale/nl.mjs +1 -1
  159. package/dist/locale/pa.js +1 -1
  160. package/dist/locale/pa.min.js +1 -1
  161. package/dist/locale/pa.min.mjs +1 -1
  162. package/dist/locale/pa.mjs +1 -1
  163. package/dist/locale/pl.js +1 -1
  164. package/dist/locale/pl.min.js +1 -1
  165. package/dist/locale/pl.min.mjs +1 -1
  166. package/dist/locale/pl.mjs +1 -1
  167. package/dist/locale/pt-br.js +1 -1
  168. package/dist/locale/pt-br.min.js +1 -1
  169. package/dist/locale/pt-br.min.mjs +1 -1
  170. package/dist/locale/pt-br.mjs +1 -1
  171. package/dist/locale/pt.js +1 -1
  172. package/dist/locale/pt.min.js +1 -1
  173. package/dist/locale/pt.min.mjs +1 -1
  174. package/dist/locale/pt.mjs +1 -1
  175. package/dist/locale/ro.js +1 -1
  176. package/dist/locale/ro.min.js +1 -1
  177. package/dist/locale/ro.min.mjs +1 -1
  178. package/dist/locale/ro.mjs +1 -1
  179. package/dist/locale/ru.js +1 -1
  180. package/dist/locale/ru.min.js +1 -1
  181. package/dist/locale/ru.min.mjs +1 -1
  182. package/dist/locale/ru.mjs +1 -1
  183. package/dist/locale/sk.js +1 -1
  184. package/dist/locale/sk.min.js +1 -1
  185. package/dist/locale/sk.min.mjs +1 -1
  186. package/dist/locale/sk.mjs +1 -1
  187. package/dist/locale/sl.js +1 -1
  188. package/dist/locale/sl.min.js +1 -1
  189. package/dist/locale/sl.min.mjs +1 -1
  190. package/dist/locale/sl.mjs +1 -1
  191. package/dist/locale/sr.js +1 -1
  192. package/dist/locale/sr.min.js +1 -1
  193. package/dist/locale/sr.min.mjs +1 -1
  194. package/dist/locale/sr.mjs +1 -1
  195. package/dist/locale/sv.js +1 -1
  196. package/dist/locale/sv.min.js +1 -1
  197. package/dist/locale/sv.min.mjs +1 -1
  198. package/dist/locale/sv.mjs +1 -1
  199. package/dist/locale/sw.js +1 -1
  200. package/dist/locale/sw.min.js +1 -1
  201. package/dist/locale/sw.min.mjs +1 -1
  202. package/dist/locale/sw.mjs +1 -1
  203. package/dist/locale/ta.js +1 -1
  204. package/dist/locale/ta.min.js +1 -1
  205. package/dist/locale/ta.min.mjs +1 -1
  206. package/dist/locale/ta.mjs +1 -1
  207. package/dist/locale/th.js +1 -1
  208. package/dist/locale/th.min.js +1 -1
  209. package/dist/locale/th.min.mjs +1 -1
  210. package/dist/locale/th.mjs +1 -1
  211. package/dist/locale/tk.js +1 -1
  212. package/dist/locale/tk.min.js +1 -1
  213. package/dist/locale/tk.min.mjs +1 -1
  214. package/dist/locale/tk.mjs +1 -1
  215. package/dist/locale/tr.js +1 -1
  216. package/dist/locale/tr.min.js +1 -1
  217. package/dist/locale/tr.min.mjs +1 -1
  218. package/dist/locale/tr.mjs +1 -1
  219. package/dist/locale/ug-cn.js +1 -1
  220. package/dist/locale/ug-cn.min.js +1 -1
  221. package/dist/locale/ug-cn.min.mjs +1 -1
  222. package/dist/locale/ug-cn.mjs +1 -1
  223. package/dist/locale/uk.js +1 -1
  224. package/dist/locale/uk.min.js +1 -1
  225. package/dist/locale/uk.min.mjs +1 -1
  226. package/dist/locale/uk.mjs +1 -1
  227. package/dist/locale/uz-uz.js +1 -1
  228. package/dist/locale/uz-uz.min.js +1 -1
  229. package/dist/locale/uz-uz.min.mjs +1 -1
  230. package/dist/locale/uz-uz.mjs +1 -1
  231. package/dist/locale/vi.js +1 -1
  232. package/dist/locale/vi.min.js +1 -1
  233. package/dist/locale/vi.min.mjs +1 -1
  234. package/dist/locale/vi.mjs +1 -1
  235. package/dist/locale/zh-cn.js +1 -1
  236. package/dist/locale/zh-cn.min.js +1 -1
  237. package/dist/locale/zh-cn.min.mjs +1 -1
  238. package/dist/locale/zh-cn.mjs +1 -1
  239. package/dist/locale/zh-tw.js +1 -1
  240. package/dist/locale/zh-tw.min.js +1 -1
  241. package/dist/locale/zh-tw.min.mjs +1 -1
  242. package/dist/locale/zh-tw.mjs +1 -1
  243. package/es/components/avatar/index.mjs +2 -2
  244. package/es/components/avatar/src/avatar.mjs +32 -67
  245. package/es/components/avatar/src/avatar.mjs.map +1 -1
  246. package/es/components/avatar/src/avatar2.mjs +67 -32
  247. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  248. package/es/components/breadcrumb/index.mjs +4 -4
  249. package/es/components/breadcrumb/src/breadcrumb-item.mjs +11 -56
  250. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  251. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +56 -11
  252. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  253. package/es/components/breadcrumb/src/breadcrumb.mjs +36 -11
  254. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  255. package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -36
  256. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  257. package/es/components/button/index.mjs +1 -1
  258. package/es/components/button/src/button-group.mjs +30 -6
  259. package/es/components/button/src/button-group.mjs.map +1 -1
  260. package/es/components/button/src/button-group2.mjs +6 -30
  261. package/es/components/button/src/button-group2.mjs.map +1 -1
  262. package/es/components/card/index.mjs +2 -2
  263. package/es/components/card/src/card.mjs +21 -43
  264. package/es/components/card/src/card.mjs.map +1 -1
  265. package/es/components/card/src/card2.mjs +43 -21
  266. package/es/components/card/src/card2.mjs.map +1 -1
  267. package/es/components/collapse/index.mjs +2 -2
  268. package/es/components/collapse/src/collapse-item.mjs +13 -91
  269. package/es/components/collapse/src/collapse-item.mjs.map +1 -1
  270. package/es/components/collapse/src/collapse-item2.mjs +91 -13
  271. package/es/components/collapse/src/collapse-item2.mjs.map +1 -1
  272. package/es/components/index.mjs +5 -5
  273. package/es/components/teleport/index.mjs +2 -2
  274. package/es/components/teleport/src/teleport.mjs +44 -18
  275. package/es/components/teleport/src/teleport.mjs.map +1 -1
  276. package/es/components/teleport/src/teleport2.mjs +18 -44
  277. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  278. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  279. package/es/components/transfer/src/transfer-panel.mjs +128 -19
  280. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  281. package/es/components/transfer/src/transfer-panel2.mjs +19 -128
  282. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  283. package/es/components/transfer/src/transfer2.mjs +1 -1
  284. package/es/index.mjs +5 -5
  285. package/es/version.d.ts +1 -1
  286. package/es/version.mjs +1 -1
  287. package/es/version.mjs.map +1 -1
  288. package/lib/components/avatar/index.js +2 -2
  289. package/lib/components/avatar/src/avatar.js +33 -67
  290. package/lib/components/avatar/src/avatar.js.map +1 -1
  291. package/lib/components/avatar/src/avatar2.js +67 -33
  292. package/lib/components/avatar/src/avatar2.js.map +1 -1
  293. package/lib/components/breadcrumb/index.js +4 -4
  294. package/lib/components/breadcrumb/src/breadcrumb-item.js +11 -56
  295. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  296. package/lib/components/breadcrumb/src/breadcrumb-item2.js +56 -11
  297. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  298. package/lib/components/breadcrumb/src/breadcrumb.js +36 -11
  299. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  300. package/lib/components/breadcrumb/src/breadcrumb2.js +11 -36
  301. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  302. package/lib/components/button/index.js +1 -1
  303. package/lib/components/button/src/button-group.js +30 -6
  304. package/lib/components/button/src/button-group.js.map +1 -1
  305. package/lib/components/button/src/button-group2.js +6 -30
  306. package/lib/components/button/src/button-group2.js.map +1 -1
  307. package/lib/components/card/index.js +2 -2
  308. package/lib/components/card/src/card.js +21 -43
  309. package/lib/components/card/src/card.js.map +1 -1
  310. package/lib/components/card/src/card2.js +43 -21
  311. package/lib/components/card/src/card2.js.map +1 -1
  312. package/lib/components/collapse/index.js +2 -2
  313. package/lib/components/collapse/src/collapse-item.js +13 -91
  314. package/lib/components/collapse/src/collapse-item.js.map +1 -1
  315. package/lib/components/collapse/src/collapse-item2.js +91 -13
  316. package/lib/components/collapse/src/collapse-item2.js.map +1 -1
  317. package/lib/components/index.js +5 -5
  318. package/lib/components/teleport/index.js +2 -2
  319. package/lib/components/teleport/src/teleport.js +44 -18
  320. package/lib/components/teleport/src/teleport.js.map +1 -1
  321. package/lib/components/teleport/src/teleport2.js +18 -44
  322. package/lib/components/teleport/src/teleport2.js.map +1 -1
  323. package/lib/components/transfer/src/composables/use-check.js +1 -1
  324. package/lib/components/transfer/src/transfer-panel.js +128 -21
  325. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  326. package/lib/components/transfer/src/transfer-panel2.js +21 -128
  327. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  328. package/lib/components/transfer/src/transfer2.js +1 -1
  329. package/lib/index.js +5 -5
  330. package/lib/version.d.ts +1 -1
  331. package/lib/version.js +1 -1
  332. package/lib/version.js.map +1 -1
  333. package/package.json +1 -1
  334. package/web-types.json +1 -1
@@ -1,23 +1,49 @@
1
- import '../../../utils/index.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, ref, computed, openBlock, createBlock, Teleport as Teleport$1, createElementVNode, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { teleportProps } from './teleport2.mjs';
4
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
3
6
 
4
- const teleportProps = buildProps({
5
- container: {
6
- type: definePropType(String),
7
- default: "body"
8
- },
9
- disabled: {
10
- type: Boolean,
11
- default: false
12
- },
13
- style: {
14
- type: definePropType([String, Array, Object])
15
- },
16
- zIndex: {
17
- type: String,
18
- default: "2000"
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "teleport",
9
+ props: teleportProps,
10
+ setup(__props, { expose }) {
11
+ const props = __props;
12
+ const ns = useNamespace("teleport");
13
+ const containerRef = ref();
14
+ const containerStyle = computed(() => {
15
+ return props.container === "body" ? [
16
+ props.style,
17
+ {
18
+ position: "absolute",
19
+ top: `0px`,
20
+ left: `0px`,
21
+ zIndex: props.zIndex
22
+ }
23
+ ] : {};
24
+ });
25
+ expose({
26
+ containerRef
27
+ });
28
+ return (_ctx, _cache) => {
29
+ return _ctx.container ? (openBlock(), createBlock(Teleport$1, {
30
+ key: 0,
31
+ to: _ctx.container,
32
+ disabled: _ctx.disabled
33
+ }, [
34
+ createElementVNode("div", {
35
+ ref_key: "containerRef",
36
+ ref: containerRef,
37
+ class: normalizeClass(unref(ns).b()),
38
+ style: normalizeStyle(unref(containerStyle))
39
+ }, [
40
+ renderSlot(_ctx.$slots, "default")
41
+ ], 6)
42
+ ], 8, ["to", "disabled"])) : createCommentVNode("v-if", true);
43
+ };
19
44
  }
20
45
  });
46
+ var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "teleport.vue"]]);
21
47
 
22
- export { teleportProps };
48
+ export { Teleport as default };
23
49
  //# sourceMappingURL=teleport.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"teleport.mjs","sources":["../../../../../../packages/components/teleport/src/teleport.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type Teleport from './teleport.vue'\n\nexport const teleportProps = buildProps({\n container: {\n type: definePropType<string>(String),\n default: 'body',\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n style: {\n type: definePropType<StyleValue>([String, Array, Object]),\n },\n zIndex: {\n type: String,\n default: '2000',\n },\n} as const)\n\nexport type TeleportProps = ExtractPropTypes<typeof teleportProps>\nexport type TeleportInstance = InstanceType<typeof Teleport>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"teleport.mjs","sources":["../../../../../../packages/components/teleport/src/teleport.vue"],"sourcesContent":["<template>\n <teleport v-if=\"container\" :to=\"container\" :disabled=\"disabled\">\n <div ref=\"containerRef\" :class=\"ns.b()\" :style=\"containerStyle\">\n <slot />\n </div>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { teleportProps } from './teleport'\nimport type { StyleValue } from 'vue'\n\nconst props = defineProps(teleportProps)\n\nconst ns = useNamespace('teleport')\nconst containerRef = ref<HTMLElement>()\n\nconst containerStyle = computed<StyleValue>(() => {\n return props.container === 'body'\n ? [\n props.style,\n {\n position: 'absolute',\n top: `0px`,\n left: `0px`,\n zIndex: props.zIndex,\n },\n ]\n : {}\n})\n\ndefineExpose({\n /** @description container element */\n containerRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,eAAe,GAAiB,EAAA,CAAA;AAEtC,IAAM,MAAA,cAAA,GAAiB,SAAqB,MAAM;AAChD,MAAO,OAAA,KAAA,CAAM,cAAc,MACvB,GAAA;AAAA,QACE,KAAM,CAAA,KAAA;AAAA,QACN;AAAA,UACE,QAAU,EAAA,UAAA;AAAA,UACV,GAAK,EAAA,CAAA,GAAA,CAAA;AAAA,UACL,IAAM,EAAA,CAAA,GAAA,CAAA;AAAA,UACN,QAAQ,KAAM,CAAA,MAAA;AAAA,SAChB;AAAA,UAEF,EAAC,CAAA;AAAA,KACN,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,YAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,49 +1,23 @@
1
- import { defineComponent, ref, computed, openBlock, createBlock, Teleport as Teleport$1, createElementVNode, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import { teleportProps } from './teleport.mjs';
4
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
5
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
6
3
 
7
- const _sfc_main = /* @__PURE__ */ defineComponent({
8
- __name: "teleport",
9
- props: teleportProps,
10
- setup(__props, { expose }) {
11
- const props = __props;
12
- const ns = useNamespace("teleport");
13
- const containerRef = ref();
14
- const containerStyle = computed(() => {
15
- return props.container === "body" ? [
16
- props.style,
17
- {
18
- position: "absolute",
19
- top: `0px`,
20
- left: `0px`,
21
- zIndex: props.zIndex
22
- }
23
- ] : {};
24
- });
25
- expose({
26
- containerRef
27
- });
28
- return (_ctx, _cache) => {
29
- return _ctx.container ? (openBlock(), createBlock(Teleport$1, {
30
- key: 0,
31
- to: _ctx.container,
32
- disabled: _ctx.disabled
33
- }, [
34
- createElementVNode("div", {
35
- ref_key: "containerRef",
36
- ref: containerRef,
37
- class: normalizeClass(unref(ns).b()),
38
- style: normalizeStyle(unref(containerStyle))
39
- }, [
40
- renderSlot(_ctx.$slots, "default")
41
- ], 6)
42
- ], 8, ["to", "disabled"])) : createCommentVNode("v-if", true);
43
- };
4
+ const teleportProps = buildProps({
5
+ container: {
6
+ type: definePropType(String),
7
+ default: "body"
8
+ },
9
+ disabled: {
10
+ type: Boolean,
11
+ default: false
12
+ },
13
+ style: {
14
+ type: definePropType([String, Array, Object])
15
+ },
16
+ zIndex: {
17
+ type: String,
18
+ default: "2000"
44
19
  }
45
20
  });
46
- var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "teleport.vue"]]);
47
21
 
48
- export { Teleport as default };
22
+ export { teleportProps };
49
23
  //# sourceMappingURL=teleport2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"teleport2.mjs","sources":["../../../../../../packages/components/teleport/src/teleport.vue"],"sourcesContent":["<template>\n <teleport v-if=\"container\" :to=\"container\" :disabled=\"disabled\">\n <div ref=\"containerRef\" :class=\"ns.b()\" :style=\"containerStyle\">\n <slot />\n </div>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { teleportProps } from './teleport'\nimport type { StyleValue } from 'vue'\n\nconst props = defineProps(teleportProps)\n\nconst ns = useNamespace('teleport')\nconst containerRef = ref<HTMLElement>()\n\nconst containerStyle = computed<StyleValue>(() => {\n return props.container === 'body'\n ? [\n props.style,\n {\n position: 'absolute',\n top: `0px`,\n left: `0px`,\n zIndex: props.zIndex,\n },\n ]\n : {}\n})\n\ndefineExpose({\n /** @description container element */\n containerRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,eAAe,GAAiB,EAAA,CAAA;AAEtC,IAAM,MAAA,cAAA,GAAiB,SAAqB,MAAM;AAChD,MAAO,OAAA,KAAA,CAAM,cAAc,MACvB,GAAA;AAAA,QACE,KAAM,CAAA,KAAA;AAAA,QACN;AAAA,UACE,QAAU,EAAA,UAAA;AAAA,UACV,GAAK,EAAA,CAAA,GAAA,CAAA;AAAA,UACL,IAAM,EAAA,CAAA,GAAA,CAAA;AAAA,UACN,QAAQ,KAAM,CAAA,MAAA;AAAA,SAChB;AAAA,UAEF,EAAC,CAAA;AAAA,KACN,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,YAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"teleport2.mjs","sources":["../../../../../../packages/components/teleport/src/teleport.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type Teleport from './teleport.vue'\n\nexport const teleportProps = buildProps({\n container: {\n type: definePropType<string>(String),\n default: 'body',\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n style: {\n type: definePropType<StyleValue>([String, Array, Object]),\n },\n zIndex: {\n type: String,\n default: '2000',\n },\n} as const)\n\nexport type TeleportProps = ExtractPropTypes<typeof teleportProps>\nexport type TeleportInstance = InstanceType<typeof Teleport>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { computed, watch } from 'vue';
2
2
  import '../../../../utils/index.mjs';
3
- import { CHECKED_CHANGE_EVENT } from '../transfer-panel.mjs';
3
+ import { CHECKED_CHANGE_EVENT } from '../transfer-panel2.mjs';
4
4
  import { usePropsAlias } from './use-props-alias.mjs';
5
5
  import { isFunction } from '@vue/shared';
6
6
 
@@ -1,24 +1,133 @@
1
+ import { defineComponent, useSlots, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, isRef, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, withDirectives, Fragment, renderList, vShow, renderSlot } from 'vue';
1
2
  import '../../../utils/index.mjs';
2
- import { transferProps, transferCheckedChangeFn } from './transfer.mjs';
3
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
+ import '../../../hooks/index.mjs';
4
+ import { ElCheckbox, ElCheckboxGroup } from '../../checkbox/index.mjs';
5
+ import { ElInput } from '../../input/index.mjs';
6
+ import { Search } from '@element-plus/icons-vue';
7
+ import { transferPanelProps, transferPanelEmits } from './transfer-panel2.mjs';
8
+ import './composables/index.mjs';
9
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
+ import { useLocale } from '../../../hooks/use-locale/index.mjs';
11
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
+ import { usePropsAlias } from './composables/use-props-alias.mjs';
13
+ import { useCheck } from './composables/use-check.mjs';
14
+ import { isEmpty } from '../../../utils/types.mjs';
4
15
 
5
- const CHECKED_CHANGE_EVENT = "checked-change";
6
- const transferPanelProps = buildProps({
7
- data: transferProps.data,
8
- optionRender: {
9
- type: definePropType(Function)
10
- },
11
- placeholder: String,
12
- title: String,
13
- filterable: Boolean,
14
- format: transferProps.format,
15
- filterMethod: transferProps.filterMethod,
16
- defaultChecked: transferProps.leftDefaultChecked,
17
- props: transferProps.props
16
+ const __default__ = defineComponent({
17
+ name: "ElTransferPanel"
18
18
  });
19
- const transferPanelEmits = {
20
- [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn
21
- };
19
+ const _sfc_main = /* @__PURE__ */ defineComponent({
20
+ ...__default__,
21
+ props: transferPanelProps,
22
+ emits: transferPanelEmits,
23
+ setup(__props, { expose, emit }) {
24
+ const props = __props;
25
+ const slots = useSlots();
26
+ const OptionContent = ({ option }) => option;
27
+ const { t } = useLocale();
28
+ const ns = useNamespace("transfer");
29
+ const panelState = reactive({
30
+ checked: [],
31
+ allChecked: false,
32
+ query: "",
33
+ checkChangeByUser: true
34
+ });
35
+ const propsAlias = usePropsAlias(props);
36
+ const {
37
+ filteredData,
38
+ checkedSummary,
39
+ isIndeterminate,
40
+ handleAllCheckedChange
41
+ } = useCheck(props, panelState, emit);
42
+ const hasNoMatch = computed(() => !isEmpty(panelState.query) && isEmpty(filteredData.value));
43
+ const hasFooter = computed(() => !isEmpty(slots.default()[0].children));
44
+ const { checked, allChecked, query } = toRefs(panelState);
45
+ expose({
46
+ query
47
+ });
48
+ return (_ctx, _cache) => {
49
+ return openBlock(), createElementBlock("div", {
50
+ class: normalizeClass(unref(ns).b("panel"))
51
+ }, [
52
+ createElementVNode("p", {
53
+ class: normalizeClass(unref(ns).be("panel", "header"))
54
+ }, [
55
+ createVNode(unref(ElCheckbox), {
56
+ modelValue: unref(allChecked),
57
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(allChecked) ? allChecked.value = $event : null),
58
+ indeterminate: unref(isIndeterminate),
59
+ "validate-event": false,
60
+ onChange: unref(handleAllCheckedChange)
61
+ }, {
62
+ default: withCtx(() => [
63
+ createTextVNode(toDisplayString(_ctx.title) + " ", 1),
64
+ createElementVNode("span", null, toDisplayString(unref(checkedSummary)), 1)
65
+ ]),
66
+ _: 1
67
+ }, 8, ["modelValue", "indeterminate", "onChange"])
68
+ ], 2),
69
+ createElementVNode("div", {
70
+ class: normalizeClass([unref(ns).be("panel", "body"), unref(ns).is("with-footer", unref(hasFooter))])
71
+ }, [
72
+ _ctx.filterable ? (openBlock(), createBlock(unref(ElInput), {
73
+ key: 0,
74
+ modelValue: unref(query),
75
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(query) ? query.value = $event : null),
76
+ class: normalizeClass(unref(ns).be("panel", "filter")),
77
+ size: "default",
78
+ placeholder: _ctx.placeholder,
79
+ "prefix-icon": unref(Search),
80
+ clearable: "",
81
+ "validate-event": false
82
+ }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
83
+ withDirectives(createVNode(unref(ElCheckboxGroup), {
84
+ modelValue: unref(checked),
85
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(checked) ? checked.value = $event : null),
86
+ "validate-event": false,
87
+ class: normalizeClass([unref(ns).is("filterable", _ctx.filterable), unref(ns).be("panel", "list")])
88
+ }, {
89
+ default: withCtx(() => [
90
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredData), (item) => {
91
+ return openBlock(), createBlock(unref(ElCheckbox), {
92
+ key: item[unref(propsAlias).key],
93
+ class: normalizeClass(unref(ns).be("panel", "item")),
94
+ label: item[unref(propsAlias).key],
95
+ disabled: item[unref(propsAlias).disabled],
96
+ "validate-event": false
97
+ }, {
98
+ default: withCtx(() => {
99
+ var _a;
100
+ return [
101
+ createVNode(OptionContent, {
102
+ option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
103
+ }, null, 8, ["option"])
104
+ ];
105
+ }),
106
+ _: 2
107
+ }, 1032, ["class", "label", "disabled"]);
108
+ }), 128))
109
+ ]),
110
+ _: 1
111
+ }, 8, ["modelValue", "class"]), [
112
+ [vShow, !unref(hasNoMatch) && !unref(isEmpty)(_ctx.data)]
113
+ ]),
114
+ withDirectives(createElementVNode("p", {
115
+ class: normalizeClass(unref(ns).be("panel", "empty"))
116
+ }, toDisplayString(unref(hasNoMatch) ? unref(t)("el.transfer.noMatch") : unref(t)("el.transfer.noData")), 3), [
117
+ [vShow, unref(hasNoMatch) || unref(isEmpty)(_ctx.data)]
118
+ ])
119
+ ], 2),
120
+ unref(hasFooter) ? (openBlock(), createElementBlock("p", {
121
+ key: 0,
122
+ class: normalizeClass(unref(ns).be("panel", "footer"))
123
+ }, [
124
+ renderSlot(_ctx.$slots, "default")
125
+ ], 2)) : createCommentVNode("v-if", true)
126
+ ], 2);
127
+ };
128
+ }
129
+ });
130
+ var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "transfer-panel.vue"]]);
22
131
 
23
- export { CHECKED_CHANGE_EVENT, transferPanelEmits, transferPanelProps };
132
+ export { TransferPanel as default };
24
133
  //# sourceMappingURL=transfer-panel.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"transfer-panel.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { transferCheckedChangeFn, transferProps } from './transfer'\n\nimport type { ExtractPropTypes, VNode } from 'vue'\nimport type { TransferDataItem, TransferKey } from './transfer'\nimport type TransferPanel from './transfer-panel.vue'\n\nexport interface TransferPanelState {\n checked: TransferKey[]\n allChecked: boolean\n query: string\n checkChangeByUser: boolean\n}\n\nexport const CHECKED_CHANGE_EVENT = 'checked-change'\n\nexport const transferPanelProps = buildProps({\n data: transferProps.data,\n optionRender: {\n type: definePropType<(option: TransferDataItem) => VNode | VNode[]>(\n Function\n ),\n },\n placeholder: String,\n title: String,\n filterable: Boolean,\n format: transferProps.format,\n filterMethod: transferProps.filterMethod,\n defaultChecked: transferProps.leftDefaultChecked,\n props: transferProps.props,\n} as const)\nexport type TransferPanelProps = ExtractPropTypes<typeof transferPanelProps>\n\nexport const transferPanelEmits = {\n [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferPanelEmits = typeof transferPanelEmits\n\nexport type TransferPanelInstance = InstanceType<typeof TransferPanel>\n"],"names":[],"mappings":";;;;AAEY,MAAC,oBAAoB,GAAG,iBAAiB;AACzC,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI;AAC1B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,MAAM,EAAE,aAAa,CAAC,MAAM;AAC9B,EAAE,YAAY,EAAE,aAAa,CAAC,YAAY;AAC1C,EAAE,cAAc,EAAE,aAAa,CAAC,kBAAkB;AAClD,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK;AAC5B,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAAC,oBAAoB,GAAG,uBAAuB;AACjD;;;;"}
1
+ {"version":3,"file":"transfer-panel.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b('panel')\">\n <p :class=\"ns.be('panel', 'header')\">\n <el-checkbox\n v-model=\"allChecked\"\n :indeterminate=\"isIndeterminate\"\n :validate-event=\"false\"\n @change=\"handleAllCheckedChange\"\n >\n {{ title }}\n <span>{{ checkedSummary }}</span>\n </el-checkbox>\n </p>\n\n <div :class=\"[ns.be('panel', 'body'), ns.is('with-footer', hasFooter)]\">\n <el-input\n v-if=\"filterable\"\n v-model=\"query\"\n :class=\"ns.be('panel', 'filter')\"\n size=\"default\"\n :placeholder=\"placeholder\"\n :prefix-icon=\"Search\"\n clearable\n :validate-event=\"false\"\n />\n <el-checkbox-group\n v-show=\"!hasNoMatch && !isEmpty(data)\"\n v-model=\"checked\"\n :validate-event=\"false\"\n :class=\"[ns.is('filterable', filterable), ns.be('panel', 'list')]\"\n >\n <el-checkbox\n v-for=\"item in filteredData\"\n :key=\"item[propsAlias.key]\"\n :class=\"ns.be('panel', 'item')\"\n :label=\"item[propsAlias.key]\"\n :disabled=\"item[propsAlias.disabled]\"\n :validate-event=\"false\"\n >\n <option-content :option=\"optionRender?.(item)\" />\n </el-checkbox>\n </el-checkbox-group>\n <p v-show=\"hasNoMatch || isEmpty(data)\" :class=\"ns.be('panel', 'empty')\">\n {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n </p>\n </div>\n <p v-if=\"hasFooter\" :class=\"ns.be('panel', 'footer')\">\n <slot />\n </p>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, toRefs, useSlots } from 'vue'\nimport { isEmpty } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElInput } from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { transferPanelEmits, transferPanelProps } from './transfer-panel'\nimport { useCheck, usePropsAlias } from './composables'\n\nimport type { VNode } from 'vue'\nimport type { TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n name: 'ElTransferPanel',\n})\n\nconst props = defineProps(transferPanelProps)\nconst emit = defineEmits(transferPanelEmits)\nconst slots = useSlots()\n\nconst OptionContent = ({ option }: { option: VNode | VNode[] }) => option\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\n\nconst panelState = reactive<TransferPanelState>({\n checked: [],\n allChecked: false,\n query: '',\n checkChangeByUser: true,\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst {\n filteredData,\n checkedSummary,\n isIndeterminate,\n handleAllCheckedChange,\n} = useCheck(props, panelState, emit)\n\nconst hasNoMatch = computed(\n () => !isEmpty(panelState.query) && isEmpty(filteredData.value)\n)\n\nconst hasFooter = computed(() => !isEmpty(slots.default!()[0].children))\n\nconst { checked, allChecked, query } = toRefs(panelState)\n\ndefineExpose({\n /** @description filter keyword */\n query,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;mCAiEc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,aAAA,GAAgB,CAAC,EAAE,MAA0C,EAAA,KAAA,MAAA,CAAA;AAEnE,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAM,aAAa,QAA6B,CAAA;AAAA,MAC9C,SAAS,EAAC;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,KAAO,EAAA,EAAA;AAAA,MACP,iBAAmB,EAAA,IAAA;AAAA,KACpB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,KACE,GAAA,QAAA,CAAS,KAAO,EAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAEpC,IAAM,MAAA,UAAA,GAAa,QACjB,CAAA,MAAM,CAAC,OAAA,CAAQ,UAAW,CAAA,KAAK,CAAK,IAAA,OAAA,CAAQ,YAAa,CAAA,KAAK,CAChE,CAAA,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,QAAS,CAAA,MAAM,CAAC,OAAA,CAAQ,MAAM,OAAS,EAAA,CAAE,CAAG,CAAA,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEvE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,KAAA,EAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAExD,IAAa,MAAA,CAAA;AAAA,MAEX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,133 +1,24 @@
1
- import { defineComponent, useSlots, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, isRef, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, withDirectives, Fragment, renderList, vShow, renderSlot } from 'vue';
2
1
  import '../../../utils/index.mjs';
3
- import '../../../hooks/index.mjs';
4
- import { ElCheckbox, ElCheckboxGroup } from '../../checkbox/index.mjs';
5
- import { ElInput } from '../../input/index.mjs';
6
- import { Search } from '@element-plus/icons-vue';
7
- import { transferPanelProps, transferPanelEmits } from './transfer-panel.mjs';
8
- import './composables/index.mjs';
9
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
10
- import { useLocale } from '../../../hooks/use-locale/index.mjs';
11
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
- import { usePropsAlias } from './composables/use-props-alias.mjs';
13
- import { useCheck } from './composables/use-check.mjs';
14
- import { isEmpty } from '../../../utils/types.mjs';
2
+ import { transferProps, transferCheckedChangeFn } from './transfer.mjs';
3
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
15
4
 
16
- const __default__ = defineComponent({
17
- name: "ElTransferPanel"
5
+ const CHECKED_CHANGE_EVENT = "checked-change";
6
+ const transferPanelProps = buildProps({
7
+ data: transferProps.data,
8
+ optionRender: {
9
+ type: definePropType(Function)
10
+ },
11
+ placeholder: String,
12
+ title: String,
13
+ filterable: Boolean,
14
+ format: transferProps.format,
15
+ filterMethod: transferProps.filterMethod,
16
+ defaultChecked: transferProps.leftDefaultChecked,
17
+ props: transferProps.props
18
18
  });
19
- const _sfc_main = /* @__PURE__ */ defineComponent({
20
- ...__default__,
21
- props: transferPanelProps,
22
- emits: transferPanelEmits,
23
- setup(__props, { expose, emit }) {
24
- const props = __props;
25
- const slots = useSlots();
26
- const OptionContent = ({ option }) => option;
27
- const { t } = useLocale();
28
- const ns = useNamespace("transfer");
29
- const panelState = reactive({
30
- checked: [],
31
- allChecked: false,
32
- query: "",
33
- checkChangeByUser: true
34
- });
35
- const propsAlias = usePropsAlias(props);
36
- const {
37
- filteredData,
38
- checkedSummary,
39
- isIndeterminate,
40
- handleAllCheckedChange
41
- } = useCheck(props, panelState, emit);
42
- const hasNoMatch = computed(() => !isEmpty(panelState.query) && isEmpty(filteredData.value));
43
- const hasFooter = computed(() => !isEmpty(slots.default()[0].children));
44
- const { checked, allChecked, query } = toRefs(panelState);
45
- expose({
46
- query
47
- });
48
- return (_ctx, _cache) => {
49
- return openBlock(), createElementBlock("div", {
50
- class: normalizeClass(unref(ns).b("panel"))
51
- }, [
52
- createElementVNode("p", {
53
- class: normalizeClass(unref(ns).be("panel", "header"))
54
- }, [
55
- createVNode(unref(ElCheckbox), {
56
- modelValue: unref(allChecked),
57
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(allChecked) ? allChecked.value = $event : null),
58
- indeterminate: unref(isIndeterminate),
59
- "validate-event": false,
60
- onChange: unref(handleAllCheckedChange)
61
- }, {
62
- default: withCtx(() => [
63
- createTextVNode(toDisplayString(_ctx.title) + " ", 1),
64
- createElementVNode("span", null, toDisplayString(unref(checkedSummary)), 1)
65
- ]),
66
- _: 1
67
- }, 8, ["modelValue", "indeterminate", "onChange"])
68
- ], 2),
69
- createElementVNode("div", {
70
- class: normalizeClass([unref(ns).be("panel", "body"), unref(ns).is("with-footer", unref(hasFooter))])
71
- }, [
72
- _ctx.filterable ? (openBlock(), createBlock(unref(ElInput), {
73
- key: 0,
74
- modelValue: unref(query),
75
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(query) ? query.value = $event : null),
76
- class: normalizeClass(unref(ns).be("panel", "filter")),
77
- size: "default",
78
- placeholder: _ctx.placeholder,
79
- "prefix-icon": unref(Search),
80
- clearable: "",
81
- "validate-event": false
82
- }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
83
- withDirectives(createVNode(unref(ElCheckboxGroup), {
84
- modelValue: unref(checked),
85
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(checked) ? checked.value = $event : null),
86
- "validate-event": false,
87
- class: normalizeClass([unref(ns).is("filterable", _ctx.filterable), unref(ns).be("panel", "list")])
88
- }, {
89
- default: withCtx(() => [
90
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredData), (item) => {
91
- return openBlock(), createBlock(unref(ElCheckbox), {
92
- key: item[unref(propsAlias).key],
93
- class: normalizeClass(unref(ns).be("panel", "item")),
94
- label: item[unref(propsAlias).key],
95
- disabled: item[unref(propsAlias).disabled],
96
- "validate-event": false
97
- }, {
98
- default: withCtx(() => {
99
- var _a;
100
- return [
101
- createVNode(OptionContent, {
102
- option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
103
- }, null, 8, ["option"])
104
- ];
105
- }),
106
- _: 2
107
- }, 1032, ["class", "label", "disabled"]);
108
- }), 128))
109
- ]),
110
- _: 1
111
- }, 8, ["modelValue", "class"]), [
112
- [vShow, !unref(hasNoMatch) && !unref(isEmpty)(_ctx.data)]
113
- ]),
114
- withDirectives(createElementVNode("p", {
115
- class: normalizeClass(unref(ns).be("panel", "empty"))
116
- }, toDisplayString(unref(hasNoMatch) ? unref(t)("el.transfer.noMatch") : unref(t)("el.transfer.noData")), 3), [
117
- [vShow, unref(hasNoMatch) || unref(isEmpty)(_ctx.data)]
118
- ])
119
- ], 2),
120
- unref(hasFooter) ? (openBlock(), createElementBlock("p", {
121
- key: 0,
122
- class: normalizeClass(unref(ns).be("panel", "footer"))
123
- }, [
124
- renderSlot(_ctx.$slots, "default")
125
- ], 2)) : createCommentVNode("v-if", true)
126
- ], 2);
127
- };
128
- }
129
- });
130
- var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "transfer-panel.vue"]]);
19
+ const transferPanelEmits = {
20
+ [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn
21
+ };
131
22
 
132
- export { TransferPanel as default };
23
+ export { CHECKED_CHANGE_EVENT, transferPanelEmits, transferPanelProps };
133
24
  //# sourceMappingURL=transfer-panel2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"transfer-panel2.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b('panel')\">\n <p :class=\"ns.be('panel', 'header')\">\n <el-checkbox\n v-model=\"allChecked\"\n :indeterminate=\"isIndeterminate\"\n :validate-event=\"false\"\n @change=\"handleAllCheckedChange\"\n >\n {{ title }}\n <span>{{ checkedSummary }}</span>\n </el-checkbox>\n </p>\n\n <div :class=\"[ns.be('panel', 'body'), ns.is('with-footer', hasFooter)]\">\n <el-input\n v-if=\"filterable\"\n v-model=\"query\"\n :class=\"ns.be('panel', 'filter')\"\n size=\"default\"\n :placeholder=\"placeholder\"\n :prefix-icon=\"Search\"\n clearable\n :validate-event=\"false\"\n />\n <el-checkbox-group\n v-show=\"!hasNoMatch && !isEmpty(data)\"\n v-model=\"checked\"\n :validate-event=\"false\"\n :class=\"[ns.is('filterable', filterable), ns.be('panel', 'list')]\"\n >\n <el-checkbox\n v-for=\"item in filteredData\"\n :key=\"item[propsAlias.key]\"\n :class=\"ns.be('panel', 'item')\"\n :label=\"item[propsAlias.key]\"\n :disabled=\"item[propsAlias.disabled]\"\n :validate-event=\"false\"\n >\n <option-content :option=\"optionRender?.(item)\" />\n </el-checkbox>\n </el-checkbox-group>\n <p v-show=\"hasNoMatch || isEmpty(data)\" :class=\"ns.be('panel', 'empty')\">\n {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n </p>\n </div>\n <p v-if=\"hasFooter\" :class=\"ns.be('panel', 'footer')\">\n <slot />\n </p>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, toRefs, useSlots } from 'vue'\nimport { isEmpty } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElInput } from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { transferPanelEmits, transferPanelProps } from './transfer-panel'\nimport { useCheck, usePropsAlias } from './composables'\n\nimport type { VNode } from 'vue'\nimport type { TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n name: 'ElTransferPanel',\n})\n\nconst props = defineProps(transferPanelProps)\nconst emit = defineEmits(transferPanelEmits)\nconst slots = useSlots()\n\nconst OptionContent = ({ option }: { option: VNode | VNode[] }) => option\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\n\nconst panelState = reactive<TransferPanelState>({\n checked: [],\n allChecked: false,\n query: '',\n checkChangeByUser: true,\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst {\n filteredData,\n checkedSummary,\n isIndeterminate,\n handleAllCheckedChange,\n} = useCheck(props, panelState, emit)\n\nconst hasNoMatch = computed(\n () => !isEmpty(panelState.query) && isEmpty(filteredData.value)\n)\n\nconst hasFooter = computed(() => !isEmpty(slots.default!()[0].children))\n\nconst { checked, allChecked, query } = toRefs(panelState)\n\ndefineExpose({\n /** @description filter keyword */\n query,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;mCAiEc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,aAAA,GAAgB,CAAC,EAAE,MAA0C,EAAA,KAAA,MAAA,CAAA;AAEnE,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAM,aAAa,QAA6B,CAAA;AAAA,MAC9C,SAAS,EAAC;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,KAAO,EAAA,EAAA;AAAA,MACP,iBAAmB,EAAA,IAAA;AAAA,KACpB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,KACE,GAAA,QAAA,CAAS,KAAO,EAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAEpC,IAAM,MAAA,UAAA,GAAa,QACjB,CAAA,MAAM,CAAC,OAAA,CAAQ,UAAW,CAAA,KAAK,CAAK,IAAA,OAAA,CAAQ,YAAa,CAAA,KAAK,CAChE,CAAA,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,QAAS,CAAA,MAAM,CAAC,OAAA,CAAQ,MAAM,OAAS,EAAA,CAAE,CAAG,CAAA,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEvE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,KAAA,EAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAExD,IAAa,MAAA,CAAA;AAAA,MAEX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"transfer-panel2.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { transferCheckedChangeFn, transferProps } from './transfer'\n\nimport type { ExtractPropTypes, VNode } from 'vue'\nimport type { TransferDataItem, TransferKey } from './transfer'\nimport type TransferPanel from './transfer-panel.vue'\n\nexport interface TransferPanelState {\n checked: TransferKey[]\n allChecked: boolean\n query: string\n checkChangeByUser: boolean\n}\n\nexport const CHECKED_CHANGE_EVENT = 'checked-change'\n\nexport const transferPanelProps = buildProps({\n data: transferProps.data,\n optionRender: {\n type: definePropType<(option: TransferDataItem) => VNode | VNode[]>(\n Function\n ),\n },\n placeholder: String,\n title: String,\n filterable: Boolean,\n format: transferProps.format,\n filterMethod: transferProps.filterMethod,\n defaultChecked: transferProps.leftDefaultChecked,\n props: transferProps.props,\n} as const)\nexport type TransferPanelProps = ExtractPropTypes<typeof transferPanelProps>\n\nexport const transferPanelEmits = {\n [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferPanelEmits = typeof transferPanelEmits\n\nexport type TransferPanelInstance = InstanceType<typeof TransferPanel>\n"],"names":[],"mappings":";;;;AAEY,MAAC,oBAAoB,GAAG,iBAAiB;AACzC,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI;AAC1B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,MAAM,EAAE,aAAa,CAAC,MAAM;AAC9B,EAAE,YAAY,EAAE,aAAa,CAAC,YAAY;AAC1C,EAAE,cAAc,EAAE,aAAa,CAAC,kBAAkB;AAClD,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK;AAC5B,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAAC,oBAAoB,GAAG,uBAAuB;AACjD;;;;"}
@@ -7,7 +7,7 @@ import '../../form/index.mjs';
7
7
  import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
8
8
  import { transferProps, transferEmits } from './transfer.mjs';
9
9
  import './composables/index.mjs';
10
- import TransferPanel from './transfer-panel2.mjs';
10
+ import TransferPanel from './transfer-panel.mjs';
11
11
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
12
12
  import { useLocale } from '../../../hooks/use-locale/index.mjs';
13
13
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
package/es/index.mjs CHANGED
@@ -12,14 +12,14 @@ export { alertEffects, alertEmits, alertProps } from './components/alert/src/ale
12
12
  export { ElAlert } from './components/alert/index.mjs';
13
13
  export { autocompleteEmits, autocompleteProps } from './components/autocomplete/src/autocomplete.mjs';
14
14
  export { ElAutocomplete } from './components/autocomplete/index.mjs';
15
- export { avatarEmits, avatarProps } from './components/avatar/src/avatar2.mjs';
15
+ export { avatarEmits, avatarProps } from './components/avatar/src/avatar.mjs';
16
16
  export { ElAvatar } from './components/avatar/index.mjs';
17
17
  export { backtopEmits, backtopProps } from './components/backtop/src/backtop.mjs';
18
18
  export { ElBacktop } from './components/backtop/index.mjs';
19
19
  export { badgeProps } from './components/badge/src/badge.mjs';
20
20
  export { ElBadge } from './components/badge/index.mjs';
21
- export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
22
- export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item2.mjs';
21
+ export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb2.mjs';
22
+ export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.mjs';
23
23
  export { breadcrumbKey } from './components/breadcrumb/src/constants.mjs';
24
24
  export { ElBreadcrumb, ElBreadcrumbItem } from './components/breadcrumb/index.mjs';
25
25
  export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
@@ -27,7 +27,7 @@ export { buttonGroupContextKey } from './components/button/src/constants.mjs';
27
27
  export { ElButton, ElButtonGroup } from './components/button/index.mjs';
28
28
  export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
29
29
  export { ElCalendar } from './components/calendar/index.mjs';
30
- export { cardProps } from './components/card/src/card2.mjs';
30
+ export { cardProps } from './components/card/src/card.mjs';
31
31
  export { ElCard } from './components/card/index.mjs';
32
32
  export { carouselEmits, carouselProps } from './components/carousel/src/carousel.mjs';
33
33
  export { carouselItemProps } from './components/carousel/src/carousel-item.mjs';
@@ -47,7 +47,7 @@ export { ElCheckbox, ElCheckboxButton, ElCheckboxGroup } from './components/chec
47
47
  export { colProps } from './components/col/src/col.mjs';
48
48
  export { ElCol } from './components/col/index.mjs';
49
49
  export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse.mjs';
50
- export { collapseItemProps } from './components/collapse/src/collapse-item2.mjs';
50
+ export { collapseItemProps } from './components/collapse/src/collapse-item.mjs';
51
51
  export { collapseContextKey } from './components/collapse/src/constants.mjs';
52
52
  export { ElCollapse, ElCollapseItem } from './components/collapse/index.mjs';
53
53
  export { ElCollapseTransition } from './components/collapse-transition/index.mjs';
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240213";
1
+ export declare const version = "0.0.20240214";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20240213";
1
+ const version = "0.0.20240214";
2
2
 
3
3
  export { version };
4
4
  //# sourceMappingURL=version.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240213'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240214'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var avatar$1 = require('./src/avatar.js');
7
- var avatar = require('./src/avatar2.js');
6
+ var avatar$1 = require('./src/avatar2.js');
7
+ var avatar = require('./src/avatar.js');
8
8
  var install = require('../../utils/vue/install.js');
9
9
 
10
10
  const ElAvatar = install.withInstall(avatar$1["default"]);