@element-plus/nightly 0.0.20241214 → 0.0.20241216

Sign up to get free protection for your applications and to get access to all the features.
Files changed (322) hide show
  1. package/dist/index.full.js +18 -9
  2. package/dist/index.full.min.js +12 -12
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +11 -11
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +18 -9
  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/ms.js +1 -1
  152. package/dist/locale/ms.min.js +1 -1
  153. package/dist/locale/ms.min.mjs +1 -1
  154. package/dist/locale/ms.mjs +1 -1
  155. package/dist/locale/my.js +1 -1
  156. package/dist/locale/my.min.js +1 -1
  157. package/dist/locale/my.min.mjs +1 -1
  158. package/dist/locale/my.mjs +1 -1
  159. package/dist/locale/nb-no.js +1 -1
  160. package/dist/locale/nb-no.min.js +1 -1
  161. package/dist/locale/nb-no.min.mjs +1 -1
  162. package/dist/locale/nb-no.mjs +1 -1
  163. package/dist/locale/nl.js +1 -1
  164. package/dist/locale/nl.min.js +1 -1
  165. package/dist/locale/nl.min.mjs +1 -1
  166. package/dist/locale/nl.mjs +1 -1
  167. package/dist/locale/pa.js +1 -1
  168. package/dist/locale/pa.min.js +1 -1
  169. package/dist/locale/pa.min.mjs +1 -1
  170. package/dist/locale/pa.mjs +1 -1
  171. package/dist/locale/pl.js +1 -1
  172. package/dist/locale/pl.min.js +1 -1
  173. package/dist/locale/pl.min.mjs +1 -1
  174. package/dist/locale/pl.mjs +1 -1
  175. package/dist/locale/pt-br.js +1 -1
  176. package/dist/locale/pt-br.min.js +1 -1
  177. package/dist/locale/pt-br.min.mjs +1 -1
  178. package/dist/locale/pt-br.mjs +1 -1
  179. package/dist/locale/pt.js +1 -1
  180. package/dist/locale/pt.min.js +1 -1
  181. package/dist/locale/pt.min.mjs +1 -1
  182. package/dist/locale/pt.mjs +1 -1
  183. package/dist/locale/ro.js +1 -1
  184. package/dist/locale/ro.min.js +1 -1
  185. package/dist/locale/ro.min.mjs +1 -1
  186. package/dist/locale/ro.mjs +1 -1
  187. package/dist/locale/ru.js +1 -1
  188. package/dist/locale/ru.min.js +1 -1
  189. package/dist/locale/ru.min.mjs +1 -1
  190. package/dist/locale/ru.mjs +1 -1
  191. package/dist/locale/sk.js +1 -1
  192. package/dist/locale/sk.min.js +1 -1
  193. package/dist/locale/sk.min.mjs +1 -1
  194. package/dist/locale/sk.mjs +1 -1
  195. package/dist/locale/sl.js +1 -1
  196. package/dist/locale/sl.min.js +1 -1
  197. package/dist/locale/sl.min.mjs +1 -1
  198. package/dist/locale/sl.mjs +1 -1
  199. package/dist/locale/sr.js +1 -1
  200. package/dist/locale/sr.min.js +1 -1
  201. package/dist/locale/sr.min.mjs +1 -1
  202. package/dist/locale/sr.mjs +1 -1
  203. package/dist/locale/sv.js +1 -1
  204. package/dist/locale/sv.min.js +1 -1
  205. package/dist/locale/sv.min.mjs +1 -1
  206. package/dist/locale/sv.mjs +1 -1
  207. package/dist/locale/sw.js +1 -1
  208. package/dist/locale/sw.min.js +1 -1
  209. package/dist/locale/sw.min.mjs +1 -1
  210. package/dist/locale/sw.mjs +1 -1
  211. package/dist/locale/ta.js +1 -1
  212. package/dist/locale/ta.min.js +1 -1
  213. package/dist/locale/ta.min.mjs +1 -1
  214. package/dist/locale/ta.mjs +1 -1
  215. package/dist/locale/th.js +1 -1
  216. package/dist/locale/th.min.js +1 -1
  217. package/dist/locale/th.min.mjs +1 -1
  218. package/dist/locale/th.mjs +1 -1
  219. package/dist/locale/tk.js +1 -1
  220. package/dist/locale/tk.min.js +1 -1
  221. package/dist/locale/tk.min.mjs +1 -1
  222. package/dist/locale/tk.mjs +1 -1
  223. package/dist/locale/tr.js +1 -1
  224. package/dist/locale/tr.min.js +1 -1
  225. package/dist/locale/tr.min.mjs +1 -1
  226. package/dist/locale/tr.mjs +1 -1
  227. package/dist/locale/ug-cn.js +1 -1
  228. package/dist/locale/ug-cn.min.js +1 -1
  229. package/dist/locale/ug-cn.min.mjs +1 -1
  230. package/dist/locale/ug-cn.mjs +1 -1
  231. package/dist/locale/uk.js +1 -1
  232. package/dist/locale/uk.min.js +1 -1
  233. package/dist/locale/uk.min.mjs +1 -1
  234. package/dist/locale/uk.mjs +1 -1
  235. package/dist/locale/uz-uz.js +1 -1
  236. package/dist/locale/uz-uz.min.js +1 -1
  237. package/dist/locale/uz-uz.min.mjs +1 -1
  238. package/dist/locale/uz-uz.mjs +1 -1
  239. package/dist/locale/vi.js +1 -1
  240. package/dist/locale/vi.min.js +1 -1
  241. package/dist/locale/vi.min.mjs +1 -1
  242. package/dist/locale/vi.mjs +1 -1
  243. package/dist/locale/zh-cn.js +1 -1
  244. package/dist/locale/zh-cn.min.js +1 -1
  245. package/dist/locale/zh-cn.min.mjs +1 -1
  246. package/dist/locale/zh-cn.mjs +1 -1
  247. package/dist/locale/zh-tw.js +1 -1
  248. package/dist/locale/zh-tw.min.js +1 -1
  249. package/dist/locale/zh-tw.min.mjs +1 -1
  250. package/dist/locale/zh-tw.mjs +1 -1
  251. package/es/components/anchor/index.mjs +2 -2
  252. package/es/components/anchor/src/anchor.d.ts +1 -0
  253. package/es/components/anchor/src/anchor.mjs +42 -192
  254. package/es/components/anchor/src/anchor.mjs.map +1 -1
  255. package/es/components/anchor/src/anchor.vue.d.ts +3 -0
  256. package/es/components/anchor/src/anchor2.mjs +192 -38
  257. package/es/components/anchor/src/anchor2.mjs.map +1 -1
  258. package/es/components/date-picker/src/date-picker-com/panel-date-pick.mjs +8 -5
  259. package/es/components/date-picker/src/date-picker-com/panel-date-pick.mjs.map +1 -1
  260. package/es/components/descriptions/src/description2.mjs +1 -1
  261. package/es/components/descriptions/src/descriptions-row.mjs +6 -63
  262. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  263. package/es/components/descriptions/src/descriptions-row2.mjs +63 -6
  264. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  265. package/es/components/index.mjs +2 -2
  266. package/es/components/menu/src/menu.mjs +3 -1
  267. package/es/components/menu/src/menu.mjs.map +1 -1
  268. package/es/components/statistic/index.mjs +2 -2
  269. package/es/components/statistic/src/statistic.mjs +69 -25
  270. package/es/components/statistic/src/statistic.mjs.map +1 -1
  271. package/es/components/statistic/src/statistic2.mjs +25 -69
  272. package/es/components/statistic/src/statistic2.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 +130 -19
  275. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  276. package/es/components/transfer/src/transfer-panel2.mjs +19 -130
  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/directives/click-outside/index.mjs +1 -1
  280. package/es/hooks/use-focus-controller/index.mjs +1 -1
  281. package/es/hooks/use-lockscreen/index.mjs +1 -1
  282. package/es/index.mjs +2 -2
  283. package/es/version.d.ts +1 -1
  284. package/es/version.mjs +1 -1
  285. package/es/version.mjs.map +1 -1
  286. package/lib/components/anchor/index.js +2 -2
  287. package/lib/components/anchor/src/anchor.d.ts +1 -0
  288. package/lib/components/anchor/src/anchor.js +42 -191
  289. package/lib/components/anchor/src/anchor.js.map +1 -1
  290. package/lib/components/anchor/src/anchor.vue.d.ts +3 -0
  291. package/lib/components/anchor/src/anchor2.js +191 -38
  292. package/lib/components/anchor/src/anchor2.js.map +1 -1
  293. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.js +8 -5
  294. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.js.map +1 -1
  295. package/lib/components/descriptions/src/description2.js +1 -1
  296. package/lib/components/descriptions/src/descriptions-row.js +6 -63
  297. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  298. package/lib/components/descriptions/src/descriptions-row2.js +63 -6
  299. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  300. package/lib/components/index.js +2 -2
  301. package/lib/components/menu/src/menu.js +3 -1
  302. package/lib/components/menu/src/menu.js.map +1 -1
  303. package/lib/components/statistic/index.js +2 -2
  304. package/lib/components/statistic/src/statistic.js +69 -25
  305. package/lib/components/statistic/src/statistic.js.map +1 -1
  306. package/lib/components/statistic/src/statistic2.js +25 -69
  307. package/lib/components/statistic/src/statistic2.js.map +1 -1
  308. package/lib/components/transfer/src/composables/use-check.js +1 -1
  309. package/lib/components/transfer/src/transfer-panel.js +130 -21
  310. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  311. package/lib/components/transfer/src/transfer-panel2.js +21 -130
  312. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  313. package/lib/components/transfer/src/transfer2.js +1 -1
  314. package/lib/directives/click-outside/index.js +1 -1
  315. package/lib/hooks/use-focus-controller/index.js +1 -1
  316. package/lib/hooks/use-lockscreen/index.js +1 -1
  317. package/lib/index.js +2 -2
  318. package/lib/version.d.ts +1 -1
  319. package/lib/version.js +1 -1
  320. package/lib/version.js.map +1 -1
  321. package/package.json +2 -2
  322. package/web-types.json +1 -1
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var statistic$1 = require('./src/statistic2.js');
6
- var statistic = require('./src/statistic.js');
5
+ var statistic$1 = require('./src/statistic.js');
6
+ var statistic = require('./src/statistic2.js');
7
7
  var install = require('../../utils/vue/install.js');
8
8
 
9
9
  const ElStatistic = install.withInstall(statistic$1["default"]);
@@ -2,33 +2,77 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var statistic = require('./statistic2.js');
7
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
8
+ var index = require('../../../hooks/use-namespace/index.js');
9
+ var shared = require('@vue/shared');
10
+ var types = require('../../../utils/types.js');
6
11
 
7
- const statisticProps = runtime.buildProps({
8
- decimalSeparator: {
9
- type: String,
10
- default: "."
11
- },
12
- groupSeparator: {
13
- type: String,
14
- default: ","
15
- },
16
- precision: {
17
- type: Number,
18
- default: 0
19
- },
20
- formatter: Function,
21
- value: {
22
- type: runtime.definePropType([Number, Object]),
23
- default: 0
24
- },
25
- prefix: String,
26
- suffix: String,
27
- title: String,
28
- valueStyle: {
29
- type: runtime.definePropType([String, Object, Array])
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElStatistic"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: statistic.statisticProps,
18
+ setup(__props, { expose }) {
19
+ const props = __props;
20
+ const ns = index.useNamespace("statistic");
21
+ const displayValue = vue.computed(() => {
22
+ const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
23
+ if (shared.isFunction(formatter))
24
+ return formatter(value);
25
+ if (!types.isNumber(value) || Number.isNaN(value))
26
+ return value;
27
+ let [integer, decimal = ""] = String(value).split(".");
28
+ decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
29
+ integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
30
+ return [integer, decimal].join(decimal ? decimalSeparator : "");
31
+ });
32
+ expose({
33
+ displayValue
34
+ });
35
+ return (_ctx, _cache) => {
36
+ return vue.openBlock(), vue.createElementBlock("div", {
37
+ class: vue.normalizeClass(vue.unref(ns).b())
38
+ }, [
39
+ _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
40
+ key: 0,
41
+ class: vue.normalizeClass(vue.unref(ns).e("head"))
42
+ }, [
43
+ vue.renderSlot(_ctx.$slots, "title", {}, () => [
44
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
45
+ ])
46
+ ], 2)) : vue.createCommentVNode("v-if", true),
47
+ vue.createElementVNode("div", {
48
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
49
+ }, [
50
+ _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
51
+ key: 0,
52
+ class: vue.normalizeClass(vue.unref(ns).e("prefix"))
53
+ }, [
54
+ vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
55
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.prefix), 1)
56
+ ])
57
+ ], 2)) : vue.createCommentVNode("v-if", true),
58
+ vue.createElementVNode("span", {
59
+ class: vue.normalizeClass(vue.unref(ns).e("number")),
60
+ style: vue.normalizeStyle(_ctx.valueStyle)
61
+ }, vue.toDisplayString(vue.unref(displayValue)), 7),
62
+ _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("div", {
63
+ key: 1,
64
+ class: vue.normalizeClass(vue.unref(ns).e("suffix"))
65
+ }, [
66
+ vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
67
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.suffix), 1)
68
+ ])
69
+ ], 2)) : vue.createCommentVNode("v-if", true)
70
+ ], 2)
71
+ ], 2);
72
+ };
30
73
  }
31
74
  });
75
+ var Statistic = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "statistic.vue"]]);
32
76
 
33
- exports.statisticProps = statisticProps;
77
+ exports["default"] = Statistic;
34
78
  //# sourceMappingURL=statistic.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"statistic.js","sources":["../../../../../../packages/components/statistic/src/statistic.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Statistic from './statistic.vue'\n\nexport const statisticProps = buildProps({\n /**\n * @description Setting the decimal point\n */\n decimalSeparator: {\n type: String,\n default: '.',\n },\n /**\n * @description Sets the thousandth identifier\n */\n groupSeparator: {\n type: String,\n default: ',',\n },\n /**\n * @description numerical precision\n */\n precision: {\n type: Number,\n default: 0,\n },\n /**\n * @description Custom numerical presentation\n */\n formatter: Function,\n /**\n * @description Numerical content\n */\n value: {\n type: definePropType<number | Dayjs>([Number, Object]),\n default: 0,\n },\n /**\n * @description Sets the prefix of a number\n */\n prefix: String,\n\n /**\n * @description Sets the suffix of a number\n */\n suffix: String,\n /**\n * @description Numeric titles\n */\n title: String,\n /**\n * @description Styles numeric values\n */\n valueStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n} as const)\nexport type StatisticProps = ExtractPropTypes<typeof statisticProps>\n\nexport type StatisticInstance = InstanceType<typeof Statistic>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"statistic.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n </div>\n <div :class=\"ns.e('content')\">\n <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\">\n <span>{{ prefix }}</span>\n </slot>\n </div>\n <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n {{ displayValue }}\n </span>\n <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\">\n <span>{{ suffix }}</span>\n </slot>\n </div>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\nimport { statisticProps } from './statistic'\n\ndefineOptions({\n name: 'ElStatistic',\n})\n\nconst props = defineProps(statisticProps)\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n const { value, formatter, precision, decimalSeparator, groupSeparator } =\n props\n\n if (isFunction(formatter)) return formatter(value)\n\n // https://github.com/element-plus/element-plus/issues/17784\n if (!isNumber(value) || Number.isNaN(value)) return value\n\n let [integer, decimal = ''] = String(value).split('.')\n decimal = decimal\n .padEnd(precision, '0')\n .slice(0, precision > 0 ? precision : 0)\n integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber"],"mappings":";;;;;;;;;;;uCA8Bc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKA,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,EAAE,KAAO,EAAA,SAAA,EAAW,SAAW,EAAA,gBAAA,EAAkB,gBACrD,GAAA,KAAA,CAAA;AAEF,MAAA,IAAIC,iBAAW,CAAA,SAAS,CAAG;AAG3B,QAAI,gBAAe,CAAA,KAAK;AAExB,MAAI,IAAA,CAACC,eAAS,KAAU,CAAA,IAAA,MAAM,CAAO,KAAA,CAAA,KAAK,CAAE;AAC5C,QAAU,OAAA,KAAA,CAAA;AAGV,MAAU,IAAA,CAAA,OAAA,EAAA,OAAgB,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA,KAAA,CAAA,GAAuC,CAAA,CAAA;AACjE,MAAA,OAAO,GAAU,OAAA,CAAA,MAAO,UAAO,EAAA,GAAA,CAAA,CAAU,qBAAqB,CAAA,GAAA,SAAA,GAAA,CAAA,CAAA,CAAA;AAAA,MAC/D,OAAA,GAAA,OAAA,CAAA,OAAA,CAAA,uBAAA,EAAA,cAAA,CAAA,CAAA;AAED,MAAa,OAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,IAAA,CAAA,OAAA,GAAA,gBAAA,GAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,MAAA,CAAA;AAAA,MAAA,YAAA;AAAA,KAIX,CAAA,CAAA;AAAA,IACF,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,77 +2,33 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var statistic = require('./statistic.js');
7
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
8
- var index = require('../../../hooks/use-namespace/index.js');
9
- var shared = require('@vue/shared');
10
- var types = require('../../../utils/types.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
11
6
 
12
- const __default__ = vue.defineComponent({
13
- name: "ElStatistic"
14
- });
15
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
- ...__default__,
17
- props: statistic.statisticProps,
18
- setup(__props, { expose }) {
19
- const props = __props;
20
- const ns = index.useNamespace("statistic");
21
- const displayValue = vue.computed(() => {
22
- const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
23
- if (shared.isFunction(formatter))
24
- return formatter(value);
25
- if (!types.isNumber(value) || Number.isNaN(value))
26
- return value;
27
- let [integer, decimal = ""] = String(value).split(".");
28
- decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
29
- integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
30
- return [integer, decimal].join(decimal ? decimalSeparator : "");
31
- });
32
- expose({
33
- displayValue
34
- });
35
- return (_ctx, _cache) => {
36
- return vue.openBlock(), vue.createElementBlock("div", {
37
- class: vue.normalizeClass(vue.unref(ns).b())
38
- }, [
39
- _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
40
- key: 0,
41
- class: vue.normalizeClass(vue.unref(ns).e("head"))
42
- }, [
43
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
44
- vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
45
- ])
46
- ], 2)) : vue.createCommentVNode("v-if", true),
47
- vue.createElementVNode("div", {
48
- class: vue.normalizeClass(vue.unref(ns).e("content"))
49
- }, [
50
- _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
51
- key: 0,
52
- class: vue.normalizeClass(vue.unref(ns).e("prefix"))
53
- }, [
54
- vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
55
- vue.createElementVNode("span", null, vue.toDisplayString(_ctx.prefix), 1)
56
- ])
57
- ], 2)) : vue.createCommentVNode("v-if", true),
58
- vue.createElementVNode("span", {
59
- class: vue.normalizeClass(vue.unref(ns).e("number")),
60
- style: vue.normalizeStyle(_ctx.valueStyle)
61
- }, vue.toDisplayString(vue.unref(displayValue)), 7),
62
- _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("div", {
63
- key: 1,
64
- class: vue.normalizeClass(vue.unref(ns).e("suffix"))
65
- }, [
66
- vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
67
- vue.createElementVNode("span", null, vue.toDisplayString(_ctx.suffix), 1)
68
- ])
69
- ], 2)) : vue.createCommentVNode("v-if", true)
70
- ], 2)
71
- ], 2);
72
- };
7
+ const statisticProps = runtime.buildProps({
8
+ decimalSeparator: {
9
+ type: String,
10
+ default: "."
11
+ },
12
+ groupSeparator: {
13
+ type: String,
14
+ default: ","
15
+ },
16
+ precision: {
17
+ type: Number,
18
+ default: 0
19
+ },
20
+ formatter: Function,
21
+ value: {
22
+ type: runtime.definePropType([Number, Object]),
23
+ default: 0
24
+ },
25
+ prefix: String,
26
+ suffix: String,
27
+ title: String,
28
+ valueStyle: {
29
+ type: runtime.definePropType([String, Object, Array])
73
30
  }
74
31
  });
75
- var Statistic = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "statistic.vue"]]);
76
32
 
77
- exports["default"] = Statistic;
33
+ exports.statisticProps = statisticProps;
78
34
  //# sourceMappingURL=statistic2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"statistic2.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n </div>\n <div :class=\"ns.e('content')\">\n <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\">\n <span>{{ prefix }}</span>\n </slot>\n </div>\n <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n {{ displayValue }}\n </span>\n <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\">\n <span>{{ suffix }}</span>\n </slot>\n </div>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\nimport { statisticProps } from './statistic'\n\ndefineOptions({\n name: 'ElStatistic',\n})\n\nconst props = defineProps(statisticProps)\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n const { value, formatter, precision, decimalSeparator, groupSeparator } =\n props\n\n if (isFunction(formatter)) return formatter(value)\n\n // https://github.com/element-plus/element-plus/issues/17784\n if (!isNumber(value) || Number.isNaN(value)) return value\n\n let [integer, decimal = ''] = String(value).split('.')\n decimal = decimal\n .padEnd(precision, '0')\n .slice(0, precision > 0 ? precision : 0)\n integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber"],"mappings":";;;;;;;;;;;uCA8Bc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKA,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,EAAE,KAAO,EAAA,SAAA,EAAW,SAAW,EAAA,gBAAA,EAAkB,gBACrD,GAAA,KAAA,CAAA;AAEF,MAAA,IAAIC,iBAAW,CAAA,SAAS,CAAG;AAG3B,QAAI,gBAAe,CAAA,KAAK;AAExB,MAAI,IAAA,CAACC,eAAS,KAAU,CAAA,IAAA,MAAM,CAAO,KAAA,CAAA,KAAK,CAAE;AAC5C,QAAU,OAAA,KAAA,CAAA;AAGV,MAAU,IAAA,CAAA,OAAA,EAAA,OAAgB,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA,KAAA,CAAA,GAAuC,CAAA,CAAA;AACjE,MAAA,OAAO,GAAU,OAAA,CAAA,MAAO,UAAO,EAAA,GAAA,CAAA,CAAU,qBAAqB,CAAA,GAAA,SAAA,GAAA,CAAA,CAAA,CAAA;AAAA,MAC/D,OAAA,GAAA,OAAA,CAAA,OAAA,CAAA,uBAAA,EAAA,cAAA,CAAA,CAAA;AAED,MAAa,OAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,IAAA,CAAA,OAAA,GAAA,gBAAA,GAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,MAAA,CAAA;AAAA,MAAA,YAAA;AAAA,KAIX,CAAA,CAAA;AAAA,IACF,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"statistic2.js","sources":["../../../../../../packages/components/statistic/src/statistic.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Statistic from './statistic.vue'\n\nexport const statisticProps = buildProps({\n /**\n * @description Setting the decimal point\n */\n decimalSeparator: {\n type: String,\n default: '.',\n },\n /**\n * @description Sets the thousandth identifier\n */\n groupSeparator: {\n type: String,\n default: ',',\n },\n /**\n * @description numerical precision\n */\n precision: {\n type: Number,\n default: 0,\n },\n /**\n * @description Custom numerical presentation\n */\n formatter: Function,\n /**\n * @description Numerical content\n */\n value: {\n type: definePropType<number | Dayjs>([Number, Object]),\n default: 0,\n },\n /**\n * @description Sets the prefix of a number\n */\n prefix: String,\n\n /**\n * @description Sets the suffix of a number\n */\n suffix: String,\n /**\n * @description Numeric titles\n */\n title: String,\n /**\n * @description Styles numeric values\n */\n valueStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n} as const)\nexport type StatisticProps = ExtractPropTypes<typeof statisticProps>\n\nexport type StatisticInstance = InstanceType<typeof Statistic>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,CAAC;;;;"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var transferPanel = require('../transfer-panel.js');
6
+ var transferPanel = require('../transfer-panel2.js');
7
7
  var usePropsAlias = require('./use-props-alias.js');
8
8
  var shared = require('@vue/shared');
9
9
 
@@ -2,28 +2,137 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var transfer = require('./transfer.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var index$2 = require('../../checkbox/index.js');
7
+ var index$3 = require('../../input/index.js');
8
+ var iconsVue = require('@element-plus/icons-vue');
9
+ var transferPanel = require('./transfer-panel2.js');
10
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
+ var usePropsAlias = require('./composables/use-props-alias.js');
12
+ var useCheck = require('./composables/use-check.js');
13
+ var index = require('../../../hooks/use-locale/index.js');
14
+ var index$1 = require('../../../hooks/use-namespace/index.js');
15
+ var types = require('../../../utils/types.js');
7
16
 
8
- const CHECKED_CHANGE_EVENT = "checked-change";
9
- const transferPanelProps = runtime.buildProps({
10
- data: transfer.transferProps.data,
11
- optionRender: {
12
- type: runtime.definePropType(Function)
13
- },
14
- placeholder: String,
15
- title: String,
16
- filterable: Boolean,
17
- format: transfer.transferProps.format,
18
- filterMethod: transfer.transferProps.filterMethod,
19
- defaultChecked: transfer.transferProps.leftDefaultChecked,
20
- props: transfer.transferProps.props
17
+ const __default__ = vue.defineComponent({
18
+ name: "ElTransferPanel"
21
19
  });
22
- const transferPanelEmits = {
23
- [CHECKED_CHANGE_EVENT]: transfer.transferCheckedChangeFn
24
- };
20
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
21
+ ...__default__,
22
+ props: transferPanel.transferPanelProps,
23
+ emits: transferPanel.transferPanelEmits,
24
+ setup(__props, { expose, emit }) {
25
+ const props = __props;
26
+ const slots = vue.useSlots();
27
+ const OptionContent = ({ option }) => option;
28
+ const { t } = index.useLocale();
29
+ const ns = index$1.useNamespace("transfer");
30
+ const panelState = vue.reactive({
31
+ checked: [],
32
+ allChecked: false,
33
+ query: "",
34
+ checkChangeByUser: true
35
+ });
36
+ const propsAlias = usePropsAlias.usePropsAlias(props);
37
+ const {
38
+ filteredData,
39
+ checkedSummary,
40
+ isIndeterminate,
41
+ handleAllCheckedChange
42
+ } = useCheck.useCheck(props, panelState, emit);
43
+ const hasNoMatch = vue.computed(() => !types.isEmpty(panelState.query) && types.isEmpty(filteredData.value));
44
+ const hasFooter = vue.computed(() => !types.isEmpty(slots.default()[0].children));
45
+ const { checked, allChecked, query } = vue.toRefs(panelState);
46
+ expose({
47
+ query
48
+ });
49
+ return (_ctx, _cache) => {
50
+ return vue.openBlock(), vue.createElementBlock("div", {
51
+ class: vue.normalizeClass(vue.unref(ns).b("panel"))
52
+ }, [
53
+ vue.createElementVNode("p", {
54
+ class: vue.normalizeClass(vue.unref(ns).be("panel", "header"))
55
+ }, [
56
+ vue.createVNode(vue.unref(index$2.ElCheckbox), {
57
+ modelValue: vue.unref(allChecked),
58
+ "onUpdate:modelValue": ($event) => vue.isRef(allChecked) ? allChecked.value = $event : null,
59
+ indeterminate: vue.unref(isIndeterminate),
60
+ "validate-event": false,
61
+ onChange: vue.unref(handleAllCheckedChange)
62
+ }, {
63
+ default: vue.withCtx(() => [
64
+ vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
65
+ vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(checkedSummary)), 1)
66
+ ]),
67
+ _: 1
68
+ }, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "onChange"])
69
+ ], 2),
70
+ vue.createElementVNode("div", {
71
+ class: vue.normalizeClass([vue.unref(ns).be("panel", "body"), vue.unref(ns).is("with-footer", vue.unref(hasFooter))])
72
+ }, [
73
+ _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElInput), {
74
+ key: 0,
75
+ modelValue: vue.unref(query),
76
+ "onUpdate:modelValue": ($event) => vue.isRef(query) ? query.value = $event : null,
77
+ class: vue.normalizeClass(vue.unref(ns).be("panel", "filter")),
78
+ size: "default",
79
+ placeholder: _ctx.placeholder,
80
+ "prefix-icon": vue.unref(iconsVue.Search),
81
+ clearable: "",
82
+ "validate-event": false
83
+ }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "placeholder", "prefix-icon"])) : vue.createCommentVNode("v-if", true),
84
+ vue.withDirectives(vue.createVNode(vue.unref(index$2.ElCheckboxGroup), {
85
+ modelValue: vue.unref(checked),
86
+ "onUpdate:modelValue": ($event) => vue.isRef(checked) ? checked.value = $event : null,
87
+ "validate-event": false,
88
+ class: vue.normalizeClass([vue.unref(ns).is("filterable", _ctx.filterable), vue.unref(ns).be("panel", "list")])
89
+ }, {
90
+ default: vue.withCtx(() => [
91
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filteredData), (item) => {
92
+ return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElCheckbox), {
93
+ key: item[vue.unref(propsAlias).key],
94
+ class: vue.normalizeClass(vue.unref(ns).be("panel", "item")),
95
+ value: item[vue.unref(propsAlias).key],
96
+ disabled: item[vue.unref(propsAlias).disabled],
97
+ "validate-event": false
98
+ }, {
99
+ default: vue.withCtx(() => {
100
+ var _a;
101
+ return [
102
+ vue.createVNode(OptionContent, {
103
+ option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
104
+ }, null, 8, ["option"])
105
+ ];
106
+ }),
107
+ _: 2
108
+ }, 1032, ["class", "value", "disabled"]);
109
+ }), 128))
110
+ ]),
111
+ _: 1
112
+ }, 8, ["modelValue", "onUpdate:modelValue", "class"]), [
113
+ [vue.vShow, !vue.unref(hasNoMatch) && !vue.unref(types.isEmpty)(_ctx.data)]
114
+ ]),
115
+ vue.withDirectives(vue.createElementVNode("div", {
116
+ class: vue.normalizeClass(vue.unref(ns).be("panel", "empty"))
117
+ }, [
118
+ vue.renderSlot(_ctx.$slots, "empty", {}, () => [
119
+ vue.createTextVNode(vue.toDisplayString(vue.unref(hasNoMatch) ? vue.unref(t)("el.transfer.noMatch") : vue.unref(t)("el.transfer.noData")), 1)
120
+ ])
121
+ ], 2), [
122
+ [vue.vShow, vue.unref(hasNoMatch) || vue.unref(types.isEmpty)(_ctx.data)]
123
+ ])
124
+ ], 2),
125
+ vue.unref(hasFooter) ? (vue.openBlock(), vue.createElementBlock("p", {
126
+ key: 0,
127
+ class: vue.normalizeClass(vue.unref(ns).be("panel", "footer"))
128
+ }, [
129
+ vue.renderSlot(_ctx.$slots, "default")
130
+ ], 2)) : vue.createCommentVNode("v-if", true)
131
+ ], 2);
132
+ };
133
+ }
134
+ });
135
+ var TransferPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "transfer-panel.vue"]]);
25
136
 
26
- exports.CHECKED_CHANGE_EVENT = CHECKED_CHANGE_EVENT;
27
- exports.transferPanelEmits = transferPanelEmits;
28
- exports.transferPanelProps = transferPanelProps;
137
+ exports["default"] = TransferPanel;
29
138
  //# sourceMappingURL=transfer-panel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"transfer-panel.js","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":["buildProps","transferProps","definePropType","transferCheckedChangeFn"],"mappings":";;;;;;;AAEY,MAAC,oBAAoB,GAAG,iBAAiB;AACzC,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,IAAI,EAAEC,sBAAa,CAAC,IAAI;AAC1B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,MAAM,EAAED,sBAAa,CAAC,MAAM;AAC9B,EAAE,YAAY,EAAEA,sBAAa,CAAC,YAAY;AAC1C,EAAE,cAAc,EAAEA,sBAAa,CAAC,kBAAkB;AAClD,EAAE,KAAK,EAAEA,sBAAa,CAAC,KAAK;AAC5B,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAAC,oBAAoB,GAAGE,gCAAuB;AACjD;;;;;;"}
1
+ {"version":3,"file":"transfer-panel.js","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 <div\n v-show=\"hasNoMatch || isEmpty(data)\"\n :class=\"ns.be('panel', 'empty')\"\n >\n <slot name=\"empty\">\n {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n </slot>\n </div>\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":["useSlots","useLocale","useNamespace","reactive","usePropsAlias","useCheck","computed","isEmpty","toRefs","_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;;;uCAsEc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAA2C,KAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAM,aAAaC,YAA6B,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,GAAaC,4BAAc,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,KACE,GAAAC,iBAAA,CAAS,KAAO,EAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAEpC,IAAA,MAAM,UAAa,GAAAC,YAAA,CAAA,MAAA,CAAAC,aAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAAA,aAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACjB,MAAA,SAAe,GAAAD,YAAA,CAAA,MAAgB,CAAKC,aAAA,CAAA,iBAAqB,CAAK,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,IAChE,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,KAAA,EAAA,GAAAC,UAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAM,MAAA,CAAA;AAEN,MAAA;AAEA,KAAa,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAEX,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACD,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,137 +2,28 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$2 = require('../../checkbox/index.js');
7
- var index$3 = require('../../input/index.js');
8
- var iconsVue = require('@element-plus/icons-vue');
9
- var transferPanel = require('./transfer-panel.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var usePropsAlias = require('./composables/use-props-alias.js');
12
- var useCheck = require('./composables/use-check.js');
13
- var index = require('../../../hooks/use-locale/index.js');
14
- var index$1 = require('../../../hooks/use-namespace/index.js');
15
- var types = require('../../../utils/types.js');
5
+ var transfer = require('./transfer.js');
6
+ var runtime = require('../../../utils/vue/props/runtime.js');
16
7
 
17
- const __default__ = vue.defineComponent({
18
- name: "ElTransferPanel"
8
+ const CHECKED_CHANGE_EVENT = "checked-change";
9
+ const transferPanelProps = runtime.buildProps({
10
+ data: transfer.transferProps.data,
11
+ optionRender: {
12
+ type: runtime.definePropType(Function)
13
+ },
14
+ placeholder: String,
15
+ title: String,
16
+ filterable: Boolean,
17
+ format: transfer.transferProps.format,
18
+ filterMethod: transfer.transferProps.filterMethod,
19
+ defaultChecked: transfer.transferProps.leftDefaultChecked,
20
+ props: transfer.transferProps.props
19
21
  });
20
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
21
- ...__default__,
22
- props: transferPanel.transferPanelProps,
23
- emits: transferPanel.transferPanelEmits,
24
- setup(__props, { expose, emit }) {
25
- const props = __props;
26
- const slots = vue.useSlots();
27
- const OptionContent = ({ option }) => option;
28
- const { t } = index.useLocale();
29
- const ns = index$1.useNamespace("transfer");
30
- const panelState = vue.reactive({
31
- checked: [],
32
- allChecked: false,
33
- query: "",
34
- checkChangeByUser: true
35
- });
36
- const propsAlias = usePropsAlias.usePropsAlias(props);
37
- const {
38
- filteredData,
39
- checkedSummary,
40
- isIndeterminate,
41
- handleAllCheckedChange
42
- } = useCheck.useCheck(props, panelState, emit);
43
- const hasNoMatch = vue.computed(() => !types.isEmpty(panelState.query) && types.isEmpty(filteredData.value));
44
- const hasFooter = vue.computed(() => !types.isEmpty(slots.default()[0].children));
45
- const { checked, allChecked, query } = vue.toRefs(panelState);
46
- expose({
47
- query
48
- });
49
- return (_ctx, _cache) => {
50
- return vue.openBlock(), vue.createElementBlock("div", {
51
- class: vue.normalizeClass(vue.unref(ns).b("panel"))
52
- }, [
53
- vue.createElementVNode("p", {
54
- class: vue.normalizeClass(vue.unref(ns).be("panel", "header"))
55
- }, [
56
- vue.createVNode(vue.unref(index$2.ElCheckbox), {
57
- modelValue: vue.unref(allChecked),
58
- "onUpdate:modelValue": ($event) => vue.isRef(allChecked) ? allChecked.value = $event : null,
59
- indeterminate: vue.unref(isIndeterminate),
60
- "validate-event": false,
61
- onChange: vue.unref(handleAllCheckedChange)
62
- }, {
63
- default: vue.withCtx(() => [
64
- vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
65
- vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(checkedSummary)), 1)
66
- ]),
67
- _: 1
68
- }, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "onChange"])
69
- ], 2),
70
- vue.createElementVNode("div", {
71
- class: vue.normalizeClass([vue.unref(ns).be("panel", "body"), vue.unref(ns).is("with-footer", vue.unref(hasFooter))])
72
- }, [
73
- _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElInput), {
74
- key: 0,
75
- modelValue: vue.unref(query),
76
- "onUpdate:modelValue": ($event) => vue.isRef(query) ? query.value = $event : null,
77
- class: vue.normalizeClass(vue.unref(ns).be("panel", "filter")),
78
- size: "default",
79
- placeholder: _ctx.placeholder,
80
- "prefix-icon": vue.unref(iconsVue.Search),
81
- clearable: "",
82
- "validate-event": false
83
- }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "placeholder", "prefix-icon"])) : vue.createCommentVNode("v-if", true),
84
- vue.withDirectives(vue.createVNode(vue.unref(index$2.ElCheckboxGroup), {
85
- modelValue: vue.unref(checked),
86
- "onUpdate:modelValue": ($event) => vue.isRef(checked) ? checked.value = $event : null,
87
- "validate-event": false,
88
- class: vue.normalizeClass([vue.unref(ns).is("filterable", _ctx.filterable), vue.unref(ns).be("panel", "list")])
89
- }, {
90
- default: vue.withCtx(() => [
91
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filteredData), (item) => {
92
- return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElCheckbox), {
93
- key: item[vue.unref(propsAlias).key],
94
- class: vue.normalizeClass(vue.unref(ns).be("panel", "item")),
95
- value: item[vue.unref(propsAlias).key],
96
- disabled: item[vue.unref(propsAlias).disabled],
97
- "validate-event": false
98
- }, {
99
- default: vue.withCtx(() => {
100
- var _a;
101
- return [
102
- vue.createVNode(OptionContent, {
103
- option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
104
- }, null, 8, ["option"])
105
- ];
106
- }),
107
- _: 2
108
- }, 1032, ["class", "value", "disabled"]);
109
- }), 128))
110
- ]),
111
- _: 1
112
- }, 8, ["modelValue", "onUpdate:modelValue", "class"]), [
113
- [vue.vShow, !vue.unref(hasNoMatch) && !vue.unref(types.isEmpty)(_ctx.data)]
114
- ]),
115
- vue.withDirectives(vue.createElementVNode("div", {
116
- class: vue.normalizeClass(vue.unref(ns).be("panel", "empty"))
117
- }, [
118
- vue.renderSlot(_ctx.$slots, "empty", {}, () => [
119
- vue.createTextVNode(vue.toDisplayString(vue.unref(hasNoMatch) ? vue.unref(t)("el.transfer.noMatch") : vue.unref(t)("el.transfer.noData")), 1)
120
- ])
121
- ], 2), [
122
- [vue.vShow, vue.unref(hasNoMatch) || vue.unref(types.isEmpty)(_ctx.data)]
123
- ])
124
- ], 2),
125
- vue.unref(hasFooter) ? (vue.openBlock(), vue.createElementBlock("p", {
126
- key: 0,
127
- class: vue.normalizeClass(vue.unref(ns).be("panel", "footer"))
128
- }, [
129
- vue.renderSlot(_ctx.$slots, "default")
130
- ], 2)) : vue.createCommentVNode("v-if", true)
131
- ], 2);
132
- };
133
- }
134
- });
135
- var TransferPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "transfer-panel.vue"]]);
22
+ const transferPanelEmits = {
23
+ [CHECKED_CHANGE_EVENT]: transfer.transferCheckedChangeFn
24
+ };
136
25
 
137
- exports["default"] = TransferPanel;
26
+ exports.CHECKED_CHANGE_EVENT = CHECKED_CHANGE_EVENT;
27
+ exports.transferPanelEmits = transferPanelEmits;
28
+ exports.transferPanelProps = transferPanelProps;
138
29
  //# sourceMappingURL=transfer-panel2.js.map