@element-plus/nightly 0.0.20241018 → 0.0.20241019

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 (320) 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/my.js +1 -1
  152. package/dist/locale/my.min.js +1 -1
  153. package/dist/locale/my.min.mjs +1 -1
  154. package/dist/locale/my.mjs +1 -1
  155. package/dist/locale/nb-no.js +1 -1
  156. package/dist/locale/nb-no.min.js +1 -1
  157. package/dist/locale/nb-no.min.mjs +1 -1
  158. package/dist/locale/nb-no.mjs +1 -1
  159. package/dist/locale/nl.js +1 -1
  160. package/dist/locale/nl.min.js +1 -1
  161. package/dist/locale/nl.min.mjs +1 -1
  162. package/dist/locale/nl.mjs +1 -1
  163. package/dist/locale/pa.js +1 -1
  164. package/dist/locale/pa.min.js +1 -1
  165. package/dist/locale/pa.min.mjs +1 -1
  166. package/dist/locale/pa.mjs +1 -1
  167. package/dist/locale/pl.js +1 -1
  168. package/dist/locale/pl.min.js +1 -1
  169. package/dist/locale/pl.min.mjs +1 -1
  170. package/dist/locale/pl.mjs +1 -1
  171. package/dist/locale/pt-br.js +1 -1
  172. package/dist/locale/pt-br.min.js +1 -1
  173. package/dist/locale/pt-br.min.mjs +1 -1
  174. package/dist/locale/pt-br.mjs +1 -1
  175. package/dist/locale/pt.js +1 -1
  176. package/dist/locale/pt.min.js +1 -1
  177. package/dist/locale/pt.min.mjs +1 -1
  178. package/dist/locale/pt.mjs +1 -1
  179. package/dist/locale/ro.js +1 -1
  180. package/dist/locale/ro.min.js +1 -1
  181. package/dist/locale/ro.min.mjs +1 -1
  182. package/dist/locale/ro.mjs +1 -1
  183. package/dist/locale/ru.js +1 -1
  184. package/dist/locale/ru.min.js +1 -1
  185. package/dist/locale/ru.min.mjs +1 -1
  186. package/dist/locale/ru.mjs +1 -1
  187. package/dist/locale/sk.js +1 -1
  188. package/dist/locale/sk.min.js +1 -1
  189. package/dist/locale/sk.min.mjs +1 -1
  190. package/dist/locale/sk.mjs +1 -1
  191. package/dist/locale/sl.js +1 -1
  192. package/dist/locale/sl.min.js +1 -1
  193. package/dist/locale/sl.min.mjs +1 -1
  194. package/dist/locale/sl.mjs +1 -1
  195. package/dist/locale/sr.js +1 -1
  196. package/dist/locale/sr.min.js +1 -1
  197. package/dist/locale/sr.min.mjs +1 -1
  198. package/dist/locale/sr.mjs +1 -1
  199. package/dist/locale/sv.js +1 -1
  200. package/dist/locale/sv.min.js +1 -1
  201. package/dist/locale/sv.min.mjs +1 -1
  202. package/dist/locale/sv.mjs +1 -1
  203. package/dist/locale/sw.js +1 -1
  204. package/dist/locale/sw.min.js +1 -1
  205. package/dist/locale/sw.min.mjs +1 -1
  206. package/dist/locale/sw.mjs +1 -1
  207. package/dist/locale/ta.js +1 -1
  208. package/dist/locale/ta.min.js +1 -1
  209. package/dist/locale/ta.min.mjs +1 -1
  210. package/dist/locale/ta.mjs +1 -1
  211. package/dist/locale/th.js +1 -1
  212. package/dist/locale/th.min.js +1 -1
  213. package/dist/locale/th.min.mjs +1 -1
  214. package/dist/locale/th.mjs +1 -1
  215. package/dist/locale/tk.js +1 -1
  216. package/dist/locale/tk.min.js +1 -1
  217. package/dist/locale/tk.min.mjs +1 -1
  218. package/dist/locale/tk.mjs +1 -1
  219. package/dist/locale/tr.js +1 -1
  220. package/dist/locale/tr.min.js +1 -1
  221. package/dist/locale/tr.min.mjs +1 -1
  222. package/dist/locale/tr.mjs +1 -1
  223. package/dist/locale/ug-cn.js +1 -1
  224. package/dist/locale/ug-cn.min.js +1 -1
  225. package/dist/locale/ug-cn.min.mjs +1 -1
  226. package/dist/locale/ug-cn.mjs +1 -1
  227. package/dist/locale/uk.js +1 -1
  228. package/dist/locale/uk.min.js +1 -1
  229. package/dist/locale/uk.min.mjs +1 -1
  230. package/dist/locale/uk.mjs +1 -1
  231. package/dist/locale/uz-uz.js +1 -1
  232. package/dist/locale/uz-uz.min.js +1 -1
  233. package/dist/locale/uz-uz.min.mjs +1 -1
  234. package/dist/locale/uz-uz.mjs +1 -1
  235. package/dist/locale/vi.js +1 -1
  236. package/dist/locale/vi.min.js +1 -1
  237. package/dist/locale/vi.min.mjs +1 -1
  238. package/dist/locale/vi.mjs +1 -1
  239. package/dist/locale/zh-cn.js +1 -1
  240. package/dist/locale/zh-cn.min.js +1 -1
  241. package/dist/locale/zh-cn.min.mjs +1 -1
  242. package/dist/locale/zh-cn.mjs +1 -1
  243. package/dist/locale/zh-tw.js +1 -1
  244. package/dist/locale/zh-tw.min.js +1 -1
  245. package/dist/locale/zh-tw.min.mjs +1 -1
  246. package/dist/locale/zh-tw.mjs +1 -1
  247. package/es/components/descriptions/src/description2.mjs +1 -1
  248. package/es/components/descriptions/src/descriptions-row.mjs +63 -7
  249. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  250. package/es/components/descriptions/src/descriptions-row2.mjs +7 -63
  251. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  252. package/es/components/drawer/index.mjs +2 -2
  253. package/es/components/drawer/src/drawer.mjs +27 -181
  254. package/es/components/drawer/src/drawer.mjs.map +1 -1
  255. package/es/components/drawer/src/drawer2.mjs +181 -27
  256. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  257. package/es/components/index.mjs +4 -4
  258. package/es/components/row/index.mjs +2 -2
  259. package/es/components/row/src/row.mjs +29 -45
  260. package/es/components/row/src/row.mjs.map +1 -1
  261. package/es/components/row/src/row2.mjs +45 -29
  262. package/es/components/row/src/row2.mjs.map +1 -1
  263. package/es/components/skeleton/index.mjs +2 -2
  264. package/es/components/skeleton/src/skeleton.mjs +22 -49
  265. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  266. package/es/components/skeleton/src/skeleton2.mjs +49 -22
  267. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  268. package/es/components/tour/index.mjs +2 -2
  269. package/es/components/tour/src/step.mjs +169 -44
  270. package/es/components/tour/src/step.mjs.map +1 -1
  271. package/es/components/tour/src/step2.mjs +44 -169
  272. package/es/components/tour/src/step2.mjs.map +1 -1
  273. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  274. package/es/components/transfer/src/transfer-panel.mjs +19 -128
  275. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  276. package/es/components/transfer/src/transfer-panel2.mjs +128 -19
  277. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  278. package/es/components/transfer/src/transfer2.mjs +1 -1
  279. package/es/index.mjs +4 -4
  280. package/es/version.d.ts +1 -1
  281. package/es/version.mjs +1 -1
  282. package/es/version.mjs.map +1 -1
  283. package/lib/components/descriptions/src/description2.js +1 -1
  284. package/lib/components/descriptions/src/descriptions-row.js +63 -7
  285. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  286. package/lib/components/descriptions/src/descriptions-row2.js +7 -63
  287. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  288. package/lib/components/drawer/index.js +2 -2
  289. package/lib/components/drawer/src/drawer.js +28 -181
  290. package/lib/components/drawer/src/drawer.js.map +1 -1
  291. package/lib/components/drawer/src/drawer2.js +181 -28
  292. package/lib/components/drawer/src/drawer2.js.map +1 -1
  293. package/lib/components/index.js +4 -4
  294. package/lib/components/row/index.js +2 -2
  295. package/lib/components/row/src/row.js +31 -45
  296. package/lib/components/row/src/row.js.map +1 -1
  297. package/lib/components/row/src/row2.js +45 -31
  298. package/lib/components/row/src/row2.js.map +1 -1
  299. package/lib/components/skeleton/index.js +2 -2
  300. package/lib/components/skeleton/src/skeleton.js +22 -49
  301. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  302. package/lib/components/skeleton/src/skeleton2.js +49 -22
  303. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  304. package/lib/components/tour/index.js +2 -2
  305. package/lib/components/tour/src/step.js +168 -44
  306. package/lib/components/tour/src/step.js.map +1 -1
  307. package/lib/components/tour/src/step2.js +44 -168
  308. package/lib/components/tour/src/step2.js.map +1 -1
  309. package/lib/components/transfer/src/composables/use-check.js +1 -1
  310. package/lib/components/transfer/src/transfer-panel.js +21 -128
  311. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  312. package/lib/components/transfer/src/transfer-panel2.js +128 -21
  313. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  314. package/lib/components/transfer/src/transfer2.js +1 -1
  315. package/lib/index.js +4 -4
  316. package/lib/version.d.ts +1 -1
  317. package/lib/version.js +1 -1
  318. package/lib/version.js.map +1 -1
  319. package/package.json +1 -1
  320. package/web-types.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import { computed, watch } from 'vue';
2
2
  import '../../../../utils/index.mjs';
3
- import { CHECKED_CHANGE_EVENT } from '../transfer-panel2.mjs';
3
+ import { CHECKED_CHANGE_EVENT } from '../transfer-panel.mjs';
4
4
  import { usePropsAlias } from './use-props-alias.mjs';
5
5
  import { isFunction } from '@vue/shared';
6
6
 
@@ -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-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';
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": ($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", "onUpdate: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": ($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", "onUpdate:modelValue", "class", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
83
- withDirectives(createVNode(unref(ElCheckboxGroup), {
84
- modelValue: unref(checked),
85
- "onUpdate:modelValue": ($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
- value: 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", "value", "disabled"]);
108
- }), 128))
109
- ]),
110
- _: 1
111
- }, 8, ["modelValue", "onUpdate: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-panel.mjs.map
@@ -1 +1 @@
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 :value=\"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":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;mCAiEc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAA2C,KAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,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,IAAA,MAAM,UAAa,GAAA,QAAA,CAAA,MAAA,CAAA,OAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,OAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACjB,MAAA,SAAe,GAAA,QAAA,CAAA,MAAgB,CAAK,OAAA,CAAA,iBAAqB,CAAK,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,IAChE,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,KAAA,EAAA,GAAA,MAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAM,MAAA,CAAA;AAEN,MAAA;AAEA,KAAa,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAEX,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,QACD,KAAA,EAAAC,cAAA,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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,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-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';
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": ($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", "onUpdate: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": ($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", "onUpdate:modelValue", "class", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
83
+ withDirectives(createVNode(unref(ElCheckboxGroup), {
84
+ modelValue: unref(checked),
85
+ "onUpdate:modelValue": ($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
+ value: 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", "value", "disabled"]);
108
+ }), 128))
109
+ ]),
110
+ _: 1
111
+ }, 8, ["modelValue", "onUpdate: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-panel2.mjs.map
@@ -1 +1 @@
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;;;;"}
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 :value=\"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":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;mCAiEc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAA2C,KAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,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,IAAA,MAAM,UAAa,GAAA,QAAA,CAAA,MAAA,CAAA,OAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,OAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACjB,MAAA,SAAe,GAAA,QAAA,CAAA,MAAgB,CAAK,OAAA,CAAA,iBAAqB,CAAK,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,IAChE,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,KAAA,EAAA,GAAA,MAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAM,MAAA,CAAA;AAEN,MAAA;AAEA,KAAa,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAEX,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,QACD,KAAA,EAAAC,cAAA,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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-panel.mjs';
10
+ import TransferPanel from './transfer-panel2.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
@@ -73,7 +73,7 @@ export { dialogInjectionKey } from './components/dialog/src/constants.mjs';
73
73
  export { ElDialog } from './components/dialog/index.mjs';
74
74
  export { dividerProps } from './components/divider/src/divider.mjs';
75
75
  export { ElDivider } from './components/divider/index.mjs';
76
- export { drawerEmits, drawerProps } from './components/drawer/src/drawer2.mjs';
76
+ export { drawerEmits, drawerProps } from './components/drawer/src/drawer.mjs';
77
77
  export { ElDrawer } from './components/drawer/index.mjs';
78
78
  export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown.mjs';
79
79
  export { DROPDOWN_INJECTION_KEY } from './components/dropdown/src/tokens.mjs';
@@ -132,7 +132,7 @@ export { rateEmits, rateProps } from './components/rate/src/rate.mjs';
132
132
  export { ElRate } from './components/rate/index.mjs';
133
133
  export { IconComponentMap, IconMap, resultProps } from './components/result/src/result.mjs';
134
134
  export { ElResult } from './components/result/index.mjs';
135
- export { RowAlign, RowJustify, rowProps } from './components/row/src/row2.mjs';
135
+ export { RowAlign, RowJustify, rowProps } from './components/row/src/row.mjs';
136
136
  export { rowContextKey } from './components/row/src/constants.mjs';
137
137
  export { ElRow } from './components/row/index.mjs';
138
138
  export { BAR_MAP, GAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
@@ -144,7 +144,7 @@ export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
144
144
  export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs';
145
145
  export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
146
146
  export { ElSelectV2 } from './components/select-v2/index.mjs';
147
- export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
147
+ export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
148
148
  export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
149
149
  export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
150
150
  export { sliderEmits, sliderProps } from './components/slider/src/slider.mjs';
@@ -213,7 +213,7 @@ export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualiz
213
213
  export { watermarkProps } from './components/watermark/src/watermark.mjs';
214
214
  export { ElWatermark } from './components/watermark/index.mjs';
215
215
  export { tourEmits, tourProps } from './components/tour/src/tour.mjs';
216
- export { tourStepEmits, tourStepProps } from './components/tour/src/step.mjs';
216
+ export { tourStepEmits, tourStepProps } from './components/tour/src/step2.mjs';
217
217
  export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './components/tour/src/content.mjs';
218
218
  export { ElTour, ElTourStep } from './components/tour/index.mjs';
219
219
  export { anchorEmits, anchorProps } from './components/anchor/src/anchor.mjs';
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20241018";
1
+ export declare const version = "0.0.20241019";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20241018";
1
+ const version = "0.0.20241019";
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.20241018'\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.20241019'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
@@ -6,7 +6,7 @@ var vue = require('vue');
6
6
  require('../../../utils/index.js');
7
7
  require('../../../hooks/index.js');
8
8
  require('../../form/index.js');
9
- var descriptionsRow = require('./descriptions-row2.js');
9
+ var descriptionsRow = require('./descriptions-row.js');
10
10
  var token = require('./token.js');
11
11
  var description = require('./description.js');
12
12
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
@@ -2,15 +2,71 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var descriptionsCell = require('./descriptions-cell.js');
7
+ var token = require('./token.js');
8
+ var descriptionsRow = require('./descriptions-row2.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
7
10
 
8
- const descriptionsRowProps = runtime.buildProps({
9
- row: {
10
- type: runtime.definePropType(Array),
11
- default: () => []
11
+ const __default__ = vue.defineComponent({
12
+ name: "ElDescriptionsRow"
13
+ });
14
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
+ ...__default__,
16
+ props: descriptionsRow.descriptionsRowProps,
17
+ setup(__props) {
18
+ const descriptions = vue.inject(token.descriptionsKey, {});
19
+ return (_ctx, _cache) => {
20
+ return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
21
+ vue.createElementVNode("tr", null, [
22
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
23
+ return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
24
+ key: `tr1-${_index}`,
25
+ cell,
26
+ tag: "th",
27
+ type: "label"
28
+ }, null, 8, ["cell"]);
29
+ }), 128))
30
+ ]),
31
+ vue.createElementVNode("tr", null, [
32
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
33
+ return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
34
+ key: `tr2-${_index}`,
35
+ cell,
36
+ tag: "td",
37
+ type: "content"
38
+ }, null, 8, ["cell"]);
39
+ }), 128))
40
+ ])
41
+ ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", { key: 1 }, [
42
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
43
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
44
+ key: `tr3-${_index}`
45
+ }, [
46
+ vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
47
+ vue.createVNode(vue.unref(descriptionsCell["default"]), {
48
+ cell,
49
+ tag: "td",
50
+ type: "label"
51
+ }, null, 8, ["cell"]),
52
+ vue.createVNode(vue.unref(descriptionsCell["default"]), {
53
+ cell,
54
+ tag: "td",
55
+ type: "content"
56
+ }, null, 8, ["cell"])
57
+ ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
58
+ key: 1,
59
+ cell,
60
+ tag: "td",
61
+ type: "both"
62
+ }, null, 8, ["cell"]))
63
+ ], 64);
64
+ }), 128))
65
+ ]));
66
+ };
12
67
  }
13
68
  });
69
+ var ElDescriptionsRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "descriptions-row.vue"]]);
14
70
 
15
- exports.descriptionsRowProps = descriptionsRowProps;
71
+ exports["default"] = ElDescriptionsRow;
16
72
  //# sourceMappingURL=descriptions-row.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"descriptions-row.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { DescriptionItemVNode } from './description-item'\n\nexport const descriptionsRowProps = buildProps({\n row: {\n type: definePropType<DescriptionItemVNode[]>(Array),\n default: () => [],\n },\n} as const)\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"descriptions-row.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue"],"sourcesContent":["<template>\n <template v-if=\"descriptions.direction === 'vertical'\">\n <tr>\n <template v-for=\"(cell, _index) in row\" :key=\"`tr1-${_index}`\">\n <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n </template>\n </tr>\n <tr>\n <template v-for=\"(cell, _index) in row\" :key=\"`tr2-${_index}`\">\n <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n </template>\n </tr>\n </template>\n <tr v-else>\n <template v-for=\"(cell, _index) in row\" :key=\"`tr3-${_index}`\">\n <template v-if=\"descriptions.border\">\n <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n </template>\n <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n </template>\n </tr>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\n\nimport ElDescriptionsCell from './descriptions-cell'\nimport { descriptionsKey } from './token'\nimport { descriptionsRowProps } from './descriptions-row'\n\nimport type { IDescriptionsInject } from './descriptions.type'\n\ndefineOptions({\n name: 'ElDescriptionsRow',\n})\n\ndefineProps(descriptionsRowProps)\n\nconst descriptions = inject(descriptionsKey, {} as IDescriptionsInject)\n</script>\n"],"names":["inject","descriptionsKey"],"mappings":";;;;;;;;;;uCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAIA,IAAA,MAAM,YAAe,GAAAA,UAAA,CAAOC,qBAAiB,EAAA,EAAyB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,71 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var descriptionsCell = require('./descriptions-cell.js');
7
- var token = require('./token.js');
8
- var descriptionsRow = require('./descriptions-row.js');
9
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
5
+ require('../../../utils/index.js');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
10
7
 
11
- const __default__ = vue.defineComponent({
12
- name: "ElDescriptionsRow"
13
- });
14
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
15
- ...__default__,
16
- props: descriptionsRow.descriptionsRowProps,
17
- setup(__props) {
18
- const descriptions = vue.inject(token.descriptionsKey, {});
19
- return (_ctx, _cache) => {
20
- return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
21
- vue.createElementVNode("tr", null, [
22
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
23
- return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
24
- key: `tr1-${_index}`,
25
- cell,
26
- tag: "th",
27
- type: "label"
28
- }, null, 8, ["cell"]);
29
- }), 128))
30
- ]),
31
- vue.createElementVNode("tr", null, [
32
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
33
- return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
34
- key: `tr2-${_index}`,
35
- cell,
36
- tag: "td",
37
- type: "content"
38
- }, null, 8, ["cell"]);
39
- }), 128))
40
- ])
41
- ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", { key: 1 }, [
42
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, _index) => {
43
- return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
44
- key: `tr3-${_index}`
45
- }, [
46
- vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
47
- vue.createVNode(vue.unref(descriptionsCell["default"]), {
48
- cell,
49
- tag: "td",
50
- type: "label"
51
- }, null, 8, ["cell"]),
52
- vue.createVNode(vue.unref(descriptionsCell["default"]), {
53
- cell,
54
- tag: "td",
55
- type: "content"
56
- }, null, 8, ["cell"])
57
- ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
58
- key: 1,
59
- cell,
60
- tag: "td",
61
- type: "both"
62
- }, null, 8, ["cell"]))
63
- ], 64);
64
- }), 128))
65
- ]));
66
- };
8
+ const descriptionsRowProps = runtime.buildProps({
9
+ row: {
10
+ type: runtime.definePropType(Array),
11
+ default: () => []
67
12
  }
68
13
  });
69
- var ElDescriptionsRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "descriptions-row.vue"]]);
70
14
 
71
- exports["default"] = ElDescriptionsRow;
15
+ exports.descriptionsRowProps = descriptionsRowProps;
72
16
  //# sourceMappingURL=descriptions-row2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"descriptions-row2.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue"],"sourcesContent":["<template>\n <template v-if=\"descriptions.direction === 'vertical'\">\n <tr>\n <template v-for=\"(cell, _index) in row\" :key=\"`tr1-${_index}`\">\n <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n </template>\n </tr>\n <tr>\n <template v-for=\"(cell, _index) in row\" :key=\"`tr2-${_index}`\">\n <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n </template>\n </tr>\n </template>\n <tr v-else>\n <template v-for=\"(cell, _index) in row\" :key=\"`tr3-${_index}`\">\n <template v-if=\"descriptions.border\">\n <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n </template>\n <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n </template>\n </tr>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\n\nimport ElDescriptionsCell from './descriptions-cell'\nimport { descriptionsKey } from './token'\nimport { descriptionsRowProps } from './descriptions-row'\n\nimport type { IDescriptionsInject } from './descriptions.type'\n\ndefineOptions({\n name: 'ElDescriptionsRow',\n})\n\ndefineProps(descriptionsRowProps)\n\nconst descriptions = inject(descriptionsKey, {} as IDescriptionsInject)\n</script>\n"],"names":["inject","descriptionsKey"],"mappings":";;;;;;;;;;uCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAIA,IAAA,MAAM,YAAe,GAAAA,UAAA,CAAOC,qBAAiB,EAAA,EAAyB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"descriptions-row2.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { DescriptionItemVNode } from './description-item'\n\nexport const descriptionsRowProps = buildProps({\n row: {\n type: definePropType<DescriptionItemVNode[]>(Array),\n default: () => [],\n },\n} as const)\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,CAAC;;;;"}