@element-plus/nightly 0.0.20231229 → 0.0.20231230

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/attributes.json +1 -1
  2. package/dist/index.full.js +8 -3
  3. package/dist/index.full.min.js +3 -3
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +3 -3
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +8 -3
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hr.js +1 -1
  93. package/dist/locale/hr.min.js +1 -1
  94. package/dist/locale/hr.min.mjs +1 -1
  95. package/dist/locale/hr.mjs +1 -1
  96. package/dist/locale/hu.js +1 -1
  97. package/dist/locale/hu.min.js +1 -1
  98. package/dist/locale/hu.min.mjs +1 -1
  99. package/dist/locale/hu.mjs +1 -1
  100. package/dist/locale/hy-am.js +1 -1
  101. package/dist/locale/hy-am.min.js +1 -1
  102. package/dist/locale/hy-am.min.mjs +1 -1
  103. package/dist/locale/hy-am.mjs +1 -1
  104. package/dist/locale/id.js +1 -1
  105. package/dist/locale/id.min.js +1 -1
  106. package/dist/locale/id.min.mjs +1 -1
  107. package/dist/locale/id.mjs +1 -1
  108. package/dist/locale/it.js +1 -1
  109. package/dist/locale/it.min.js +1 -1
  110. package/dist/locale/it.min.mjs +1 -1
  111. package/dist/locale/it.mjs +1 -1
  112. package/dist/locale/ja.js +1 -1
  113. package/dist/locale/ja.min.js +1 -1
  114. package/dist/locale/ja.min.mjs +1 -1
  115. package/dist/locale/ja.mjs +1 -1
  116. package/dist/locale/kk.js +1 -1
  117. package/dist/locale/kk.min.js +1 -1
  118. package/dist/locale/kk.min.mjs +1 -1
  119. package/dist/locale/kk.mjs +1 -1
  120. package/dist/locale/km.js +1 -1
  121. package/dist/locale/km.min.js +1 -1
  122. package/dist/locale/km.min.mjs +1 -1
  123. package/dist/locale/km.mjs +1 -1
  124. package/dist/locale/ko.js +1 -1
  125. package/dist/locale/ko.min.js +1 -1
  126. package/dist/locale/ko.min.mjs +1 -1
  127. package/dist/locale/ko.mjs +1 -1
  128. package/dist/locale/ku.js +1 -1
  129. package/dist/locale/ku.min.js +1 -1
  130. package/dist/locale/ku.min.mjs +1 -1
  131. package/dist/locale/ku.mjs +1 -1
  132. package/dist/locale/ky.js +1 -1
  133. package/dist/locale/ky.min.js +1 -1
  134. package/dist/locale/ky.min.mjs +1 -1
  135. package/dist/locale/ky.mjs +1 -1
  136. package/dist/locale/lt.js +1 -1
  137. package/dist/locale/lt.min.js +1 -1
  138. package/dist/locale/lt.min.mjs +1 -1
  139. package/dist/locale/lt.mjs +1 -1
  140. package/dist/locale/lv.js +1 -1
  141. package/dist/locale/lv.min.js +1 -1
  142. package/dist/locale/lv.min.mjs +1 -1
  143. package/dist/locale/lv.mjs +1 -1
  144. package/dist/locale/mg.js +1 -1
  145. package/dist/locale/mg.min.js +1 -1
  146. package/dist/locale/mg.min.mjs +1 -1
  147. package/dist/locale/mg.mjs +1 -1
  148. package/dist/locale/mn.js +1 -1
  149. package/dist/locale/mn.min.js +1 -1
  150. package/dist/locale/mn.min.mjs +1 -1
  151. package/dist/locale/mn.mjs +1 -1
  152. package/dist/locale/nb-no.js +1 -1
  153. package/dist/locale/nb-no.min.js +1 -1
  154. package/dist/locale/nb-no.min.mjs +1 -1
  155. package/dist/locale/nb-no.mjs +1 -1
  156. package/dist/locale/nl.js +1 -1
  157. package/dist/locale/nl.min.js +1 -1
  158. package/dist/locale/nl.min.mjs +1 -1
  159. package/dist/locale/nl.mjs +1 -1
  160. package/dist/locale/pa.js +1 -1
  161. package/dist/locale/pa.min.js +1 -1
  162. package/dist/locale/pa.min.mjs +1 -1
  163. package/dist/locale/pa.mjs +1 -1
  164. package/dist/locale/pl.js +1 -1
  165. package/dist/locale/pl.min.js +1 -1
  166. package/dist/locale/pl.min.mjs +1 -1
  167. package/dist/locale/pl.mjs +1 -1
  168. package/dist/locale/pt-br.js +1 -1
  169. package/dist/locale/pt-br.min.js +1 -1
  170. package/dist/locale/pt-br.min.mjs +1 -1
  171. package/dist/locale/pt-br.mjs +1 -1
  172. package/dist/locale/pt.js +1 -1
  173. package/dist/locale/pt.min.js +1 -1
  174. package/dist/locale/pt.min.mjs +1 -1
  175. package/dist/locale/pt.mjs +1 -1
  176. package/dist/locale/ro.js +1 -1
  177. package/dist/locale/ro.min.js +1 -1
  178. package/dist/locale/ro.min.mjs +1 -1
  179. package/dist/locale/ro.mjs +1 -1
  180. package/dist/locale/ru.js +1 -1
  181. package/dist/locale/ru.min.js +1 -1
  182. package/dist/locale/ru.min.mjs +1 -1
  183. package/dist/locale/ru.mjs +1 -1
  184. package/dist/locale/sk.js +1 -1
  185. package/dist/locale/sk.min.js +1 -1
  186. package/dist/locale/sk.min.mjs +1 -1
  187. package/dist/locale/sk.mjs +1 -1
  188. package/dist/locale/sl.js +1 -1
  189. package/dist/locale/sl.min.js +1 -1
  190. package/dist/locale/sl.min.mjs +1 -1
  191. package/dist/locale/sl.mjs +1 -1
  192. package/dist/locale/sr.js +1 -1
  193. package/dist/locale/sr.min.js +1 -1
  194. package/dist/locale/sr.min.mjs +1 -1
  195. package/dist/locale/sr.mjs +1 -1
  196. package/dist/locale/sv.js +1 -1
  197. package/dist/locale/sv.min.js +1 -1
  198. package/dist/locale/sv.min.mjs +1 -1
  199. package/dist/locale/sv.mjs +1 -1
  200. package/dist/locale/sw.js +1 -1
  201. package/dist/locale/sw.min.js +1 -1
  202. package/dist/locale/sw.min.mjs +1 -1
  203. package/dist/locale/sw.mjs +1 -1
  204. package/dist/locale/ta.js +1 -1
  205. package/dist/locale/ta.min.js +1 -1
  206. package/dist/locale/ta.min.mjs +1 -1
  207. package/dist/locale/ta.mjs +1 -1
  208. package/dist/locale/th.js +1 -1
  209. package/dist/locale/th.min.js +1 -1
  210. package/dist/locale/th.min.mjs +1 -1
  211. package/dist/locale/th.mjs +1 -1
  212. package/dist/locale/tk.js +1 -1
  213. package/dist/locale/tk.min.js +1 -1
  214. package/dist/locale/tk.min.mjs +1 -1
  215. package/dist/locale/tk.mjs +1 -1
  216. package/dist/locale/tr.js +1 -1
  217. package/dist/locale/tr.min.js +1 -1
  218. package/dist/locale/tr.min.mjs +1 -1
  219. package/dist/locale/tr.mjs +1 -1
  220. package/dist/locale/ug-cn.js +1 -1
  221. package/dist/locale/ug-cn.min.js +1 -1
  222. package/dist/locale/ug-cn.min.mjs +1 -1
  223. package/dist/locale/ug-cn.mjs +1 -1
  224. package/dist/locale/uk.js +1 -1
  225. package/dist/locale/uk.min.js +1 -1
  226. package/dist/locale/uk.min.mjs +1 -1
  227. package/dist/locale/uk.mjs +1 -1
  228. package/dist/locale/uz-uz.js +1 -1
  229. package/dist/locale/uz-uz.min.js +1 -1
  230. package/dist/locale/uz-uz.min.mjs +1 -1
  231. package/dist/locale/uz-uz.mjs +1 -1
  232. package/dist/locale/vi.js +1 -1
  233. package/dist/locale/vi.min.js +1 -1
  234. package/dist/locale/vi.min.mjs +1 -1
  235. package/dist/locale/vi.mjs +1 -1
  236. package/dist/locale/zh-cn.js +1 -1
  237. package/dist/locale/zh-cn.min.js +1 -1
  238. package/dist/locale/zh-cn.min.mjs +1 -1
  239. package/dist/locale/zh-cn.mjs +1 -1
  240. package/dist/locale/zh-tw.js +1 -1
  241. package/dist/locale/zh-tw.min.js +1 -1
  242. package/dist/locale/zh-tw.min.mjs +1 -1
  243. package/dist/locale/zh-tw.mjs +1 -1
  244. package/es/components/breadcrumb/index.mjs +2 -2
  245. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
  246. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  247. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
  248. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  249. package/es/components/drawer/index.mjs +2 -2
  250. package/es/components/drawer/src/drawer.mjs +176 -26
  251. package/es/components/drawer/src/drawer.mjs.map +1 -1
  252. package/es/components/drawer/src/drawer2.mjs +26 -176
  253. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  254. package/es/components/index.mjs +3 -3
  255. package/es/components/link/index.d.ts +4 -0
  256. package/es/components/link/src/link.d.ts +3 -2
  257. package/es/components/link/src/link.mjs +4 -0
  258. package/es/components/link/src/link.mjs.map +1 -1
  259. package/es/components/link/src/link.vue.d.ts +4 -0
  260. package/es/components/link/src/link2.mjs +2 -1
  261. package/es/components/link/src/link2.mjs.map +1 -1
  262. package/es/components/pagination/src/components/next.mjs +38 -19
  263. package/es/components/pagination/src/components/next.mjs.map +1 -1
  264. package/es/components/pagination/src/components/next2.mjs +19 -38
  265. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  266. package/es/components/pagination/src/components/sizes.mjs +69 -23
  267. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  268. package/es/components/pagination/src/components/sizes2.mjs +23 -69
  269. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  270. package/es/components/pagination/src/pagination.mjs +2 -2
  271. package/es/components/tabs/index.mjs +1 -1
  272. package/es/components/tabs/src/tab-bar.mjs +7 -75
  273. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  274. package/es/components/tabs/src/tab-bar2.mjs +75 -7
  275. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  276. package/es/components/tabs/src/tab-nav.mjs +1 -1
  277. package/es/index.mjs +3 -3
  278. package/es/version.d.ts +1 -1
  279. package/es/version.mjs +1 -1
  280. package/es/version.mjs.map +1 -1
  281. package/lib/components/breadcrumb/index.js +2 -2
  282. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
  283. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  284. package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
  285. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  286. package/lib/components/drawer/index.js +2 -2
  287. package/lib/components/drawer/src/drawer.js +176 -27
  288. package/lib/components/drawer/src/drawer.js.map +1 -1
  289. package/lib/components/drawer/src/drawer2.js +27 -176
  290. package/lib/components/drawer/src/drawer2.js.map +1 -1
  291. package/lib/components/index.js +3 -3
  292. package/lib/components/link/index.d.ts +4 -0
  293. package/lib/components/link/src/link.d.ts +3 -2
  294. package/lib/components/link/src/link.js +4 -0
  295. package/lib/components/link/src/link.js.map +1 -1
  296. package/lib/components/link/src/link.vue.d.ts +4 -0
  297. package/lib/components/link/src/link2.js +2 -1
  298. package/lib/components/link/src/link2.js.map +1 -1
  299. package/lib/components/pagination/src/components/next.js +38 -19
  300. package/lib/components/pagination/src/components/next.js.map +1 -1
  301. package/lib/components/pagination/src/components/next2.js +19 -38
  302. package/lib/components/pagination/src/components/next2.js.map +1 -1
  303. package/lib/components/pagination/src/components/sizes.js +69 -23
  304. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  305. package/lib/components/pagination/src/components/sizes2.js +23 -69
  306. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  307. package/lib/components/pagination/src/pagination.js +2 -2
  308. package/lib/components/tabs/index.js +1 -1
  309. package/lib/components/tabs/src/tab-bar.js +7 -75
  310. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  311. package/lib/components/tabs/src/tab-bar2.js +75 -7
  312. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  313. package/lib/components/tabs/src/tab-nav.js +1 -1
  314. package/lib/index.js +3 -3
  315. package/lib/version.d.ts +1 -1
  316. package/lib/version.js +1 -1
  317. package/lib/version.js.map +1 -1
  318. package/package.json +2 -2
  319. package/tags.json +1 -1
  320. package/web-types.json +1 -1
@@ -2,37 +2,186 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
5
+ var vue = require('vue');
6
+ var iconsVue = require('@element-plus/icons-vue');
7
+ var index = require('../../overlay/index.js');
8
+ require('../../focus-trap/index.js');
6
9
  require('../../dialog/index.js');
7
- var runtime = require('../../../utils/vue/props/runtime.js');
8
- var dialog = require('../../dialog/src/dialog.js');
10
+ require('../../../utils/index.js');
11
+ var index$1 = require('../../icon/index.js');
12
+ require('../../../hooks/index.js');
13
+ var drawer = require('./drawer2.js');
14
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
15
+ var focusTrap = require('../../focus-trap/src/focus-trap.js');
16
+ var index$2 = require('../../../hooks/use-deprecated/index.js');
17
+ var index$3 = require('../../../hooks/use-namespace/index.js');
18
+ var index$4 = require('../../../hooks/use-locale/index.js');
19
+ var style = require('../../../utils/dom/style.js');
20
+ var useDialog = require('../../dialog/src/use-dialog.js');
9
21
 
10
- const drawerProps = runtime.buildProps({
11
- ...dialog.dialogProps,
12
- direction: {
13
- type: String,
14
- default: "rtl",
15
- values: ["ltr", "rtl", "ttb", "btt"]
16
- },
17
- size: {
18
- type: [String, Number],
19
- default: "30%"
20
- },
21
- withHeader: {
22
- type: Boolean,
23
- default: true
24
- },
25
- modalFade: {
26
- type: Boolean,
27
- default: true
22
+ const _sfc_main = vue.defineComponent({
23
+ name: "ElDrawer",
24
+ components: {
25
+ ElOverlay: index.ElOverlay,
26
+ ElFocusTrap: focusTrap["default"],
27
+ ElIcon: index$1.ElIcon,
28
+ Close: iconsVue.Close
28
29
  },
29
- headerAriaLevel: {
30
- type: String,
31
- default: "2"
30
+ inheritAttrs: false,
31
+ props: drawer.drawerProps,
32
+ emits: drawer.drawerEmits,
33
+ setup(props, { slots }) {
34
+ index$2.useDeprecated({
35
+ scope: "el-drawer",
36
+ from: "the title slot",
37
+ replacement: "the header slot",
38
+ version: "3.0.0",
39
+ ref: "https://element-plus.org/en-US/component/drawer.html#slots"
40
+ }, vue.computed(() => !!slots.title));
41
+ index$2.useDeprecated({
42
+ scope: "el-drawer",
43
+ from: "custom-class",
44
+ replacement: "class",
45
+ version: "2.3.0",
46
+ ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
47
+ type: "Attribute"
48
+ }, vue.computed(() => !!props.customClass));
49
+ const drawerRef = vue.ref();
50
+ const focusStartRef = vue.ref();
51
+ const ns = index$3.useNamespace("drawer");
52
+ const { t } = index$4.useLocale();
53
+ const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
54
+ const drawerSize = vue.computed(() => style.addUnit(props.size));
55
+ return {
56
+ ...useDialog.useDialog(props, drawerRef),
57
+ drawerRef,
58
+ focusStartRef,
59
+ isHorizontal,
60
+ drawerSize,
61
+ ns,
62
+ t
63
+ };
32
64
  }
33
65
  });
34
- const drawerEmits = dialog.dialogEmits;
66
+ const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
67
+ const _hoisted_2 = ["id", "aria-level"];
68
+ const _hoisted_3 = ["aria-label"];
69
+ const _hoisted_4 = ["id"];
70
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
71
+ const _component_close = vue.resolveComponent("close");
72
+ const _component_el_icon = vue.resolveComponent("el-icon");
73
+ const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
74
+ const _component_el_overlay = vue.resolveComponent("el-overlay");
75
+ return vue.openBlock(), vue.createBlock(vue.Teleport, {
76
+ to: "body",
77
+ disabled: !_ctx.appendToBody
78
+ }, [
79
+ vue.createVNode(vue.Transition, {
80
+ name: _ctx.ns.b("fade"),
81
+ onAfterEnter: _ctx.afterEnter,
82
+ onAfterLeave: _ctx.afterLeave,
83
+ onBeforeLeave: _ctx.beforeLeave,
84
+ persisted: ""
85
+ }, {
86
+ default: vue.withCtx(() => [
87
+ vue.withDirectives(vue.createVNode(_component_el_overlay, {
88
+ mask: _ctx.modal,
89
+ "overlay-class": _ctx.modalClass,
90
+ "z-index": _ctx.zIndex,
91
+ onClick: _ctx.onModalClick
92
+ }, {
93
+ default: vue.withCtx(() => [
94
+ vue.createVNode(_component_el_focus_trap, {
95
+ loop: "",
96
+ trapped: _ctx.visible,
97
+ "focus-trap-el": _ctx.drawerRef,
98
+ "focus-start-el": _ctx.focusStartRef,
99
+ onReleaseRequested: _ctx.onCloseRequested
100
+ }, {
101
+ default: vue.withCtx(() => [
102
+ vue.createElementVNode("div", vue.mergeProps({
103
+ ref: "drawerRef",
104
+ "aria-modal": "true",
105
+ "aria-label": _ctx.title || void 0,
106
+ "aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
107
+ "aria-describedby": _ctx.bodyId
108
+ }, _ctx.$attrs, {
109
+ class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
110
+ style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
111
+ role: "dialog",
112
+ onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
113
+ }, ["stop"]))
114
+ }), [
115
+ vue.createElementVNode("span", {
116
+ ref: "focusStartRef",
117
+ class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
118
+ tabindex: "-1"
119
+ }, null, 2),
120
+ _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
121
+ key: 0,
122
+ class: vue.normalizeClass(_ctx.ns.e("header"))
123
+ }, [
124
+ !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
125
+ key: 0,
126
+ close: _ctx.handleClose,
127
+ titleId: _ctx.titleId,
128
+ titleClass: _ctx.ns.e("title")
129
+ }, () => [
130
+ !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
131
+ key: 0,
132
+ id: _ctx.titleId,
133
+ role: "heading",
134
+ "aria-level": _ctx.headerAriaLevel,
135
+ class: vue.normalizeClass(_ctx.ns.e("title"))
136
+ }, vue.toDisplayString(_ctx.title), 11, _hoisted_2)) : vue.createCommentVNode("v-if", true)
137
+ ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
138
+ vue.createCommentVNode(" DEPRECATED SLOT ")
139
+ ]),
140
+ _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
141
+ key: 2,
142
+ "aria-label": _ctx.t("el.drawer.close"),
143
+ class: vue.normalizeClass(_ctx.ns.e("close-btn")),
144
+ type: "button",
145
+ onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
146
+ }, [
147
+ vue.createVNode(_component_el_icon, {
148
+ class: vue.normalizeClass(_ctx.ns.e("close"))
149
+ }, {
150
+ default: vue.withCtx(() => [
151
+ vue.createVNode(_component_close)
152
+ ]),
153
+ _: 1
154
+ }, 8, ["class"])
155
+ ], 10, _hoisted_3)) : vue.createCommentVNode("v-if", true)
156
+ ], 2)) : vue.createCommentVNode("v-if", true),
157
+ _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
158
+ key: 1,
159
+ id: _ctx.bodyId,
160
+ class: vue.normalizeClass(_ctx.ns.e("body"))
161
+ }, [
162
+ vue.renderSlot(_ctx.$slots, "default")
163
+ ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true),
164
+ _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
165
+ key: 2,
166
+ class: vue.normalizeClass(_ctx.ns.e("footer"))
167
+ }, [
168
+ vue.renderSlot(_ctx.$slots, "footer")
169
+ ], 2)) : vue.createCommentVNode("v-if", true)
170
+ ], 16, _hoisted_1)
171
+ ]),
172
+ _: 3
173
+ }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
174
+ ]),
175
+ _: 3
176
+ }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
177
+ [vue.vShow, _ctx.visible]
178
+ ])
179
+ ]),
180
+ _: 3
181
+ }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
182
+ ], 8, ["disabled"]);
183
+ }
184
+ var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "drawer.vue"]]);
35
185
 
36
- exports.drawerEmits = drawerEmits;
37
- exports.drawerProps = drawerProps;
186
+ exports["default"] = Drawer;
38
187
  //# sourceMappingURL=drawer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n ...dialogProps,\n direction: {\n type: String,\n default: 'rtl',\n values: ['ltr', 'rtl', 'ttb', 'btt'],\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n headerAriaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAGC;;;;;"}
1
+ {"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n :name=\"ns.b('fade')\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"drawerRef\"\n :focus-start-el=\"focusStartRef\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n v-bind=\"$attrs\"\n :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n <header v-if=\"withHeader\" :class=\"ns.e('header')\">\n <slot\n v-if=\"!$slots.title\"\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n >\n <span\n v-if=\"!$slots.title\"\n :id=\"titleId\"\n role=\"heading\"\n :aria-level=\"headerAriaLevel\"\n :class=\"ns.e('title')\"\n >\n {{ title }}\n </span>\n </slot>\n <slot v-else name=\"title\">\n <!-- DEPRECATED SLOT -->\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.drawer.close')\"\n :class=\"ns.e('close-btn')\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon :class=\"ns.e('close')\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <div :id=\"bodyId\" :class=\"ns.e('body')\">\n <slot />\n </div>\n </template>\n <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n <slot name=\"footer\" />\n </div>\n </div>\n </el-focus-trap>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useDialog } from '@element-plus/components/dialog'\nimport { addUnit } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } from './drawer'\n\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElFocusTrap,\n ElIcon,\n Close,\n },\n inheritAttrs: false,\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, { slots }) {\n useDeprecated(\n {\n scope: 'el-drawer',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n },\n computed(() => !!slots.title)\n )\n useDeprecated(\n {\n scope: 'el-drawer',\n from: 'custom-class',\n replacement: 'class',\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!props.customClass)\n )\n\n const drawerRef = ref<HTMLElement>()\n const focusStartRef = ref<HTMLElement>()\n const ns = useNamespace('drawer')\n const { t } = useLocale()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' || props.direction === 'ltr'\n )\n const drawerSize = computed(() => addUnit(props.size))\n\n return {\n ...useDialog(props, drawerRef),\n drawerRef,\n focusStartRef,\n isHorizontal,\n drawerSize,\n ns,\n t,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElFocusTrap","ElIcon","Close","drawerProps","drawerEmits","useDeprecated","computed","ref","useNamespace","useLocale","addUnit","useDialog","_createBlock","_Teleport","_createVNode","_Transition","_withDirectives","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_openBlock","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode"],"mappings":"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"}
@@ -2,186 +2,37 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var iconsVue = require('@element-plus/icons-vue');
7
- var index = require('../../overlay/index.js');
8
- require('../../focus-trap/index.js');
9
- require('../../dialog/index.js');
10
5
  require('../../../utils/index.js');
11
- var index$1 = require('../../icon/index.js');
12
- require('../../../hooks/index.js');
13
- var drawer = require('./drawer.js');
14
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
15
- var focusTrap = require('../../focus-trap/src/focus-trap.js');
16
- var index$2 = require('../../../hooks/use-deprecated/index.js');
17
- var index$3 = require('../../../hooks/use-namespace/index.js');
18
- var index$4 = require('../../../hooks/use-locale/index.js');
19
- var style = require('../../../utils/dom/style.js');
20
- var useDialog = require('../../dialog/src/use-dialog.js');
6
+ require('../../dialog/index.js');
7
+ var runtime = require('../../../utils/vue/props/runtime.js');
8
+ var dialog = require('../../dialog/src/dialog.js');
21
9
 
22
- const _sfc_main = vue.defineComponent({
23
- name: "ElDrawer",
24
- components: {
25
- ElOverlay: index.ElOverlay,
26
- ElFocusTrap: focusTrap["default"],
27
- ElIcon: index$1.ElIcon,
28
- Close: iconsVue.Close
10
+ const drawerProps = runtime.buildProps({
11
+ ...dialog.dialogProps,
12
+ direction: {
13
+ type: String,
14
+ default: "rtl",
15
+ values: ["ltr", "rtl", "ttb", "btt"]
16
+ },
17
+ size: {
18
+ type: [String, Number],
19
+ default: "30%"
20
+ },
21
+ withHeader: {
22
+ type: Boolean,
23
+ default: true
24
+ },
25
+ modalFade: {
26
+ type: Boolean,
27
+ default: true
29
28
  },
30
- inheritAttrs: false,
31
- props: drawer.drawerProps,
32
- emits: drawer.drawerEmits,
33
- setup(props, { slots }) {
34
- index$2.useDeprecated({
35
- scope: "el-drawer",
36
- from: "the title slot",
37
- replacement: "the header slot",
38
- version: "3.0.0",
39
- ref: "https://element-plus.org/en-US/component/drawer.html#slots"
40
- }, vue.computed(() => !!slots.title));
41
- index$2.useDeprecated({
42
- scope: "el-drawer",
43
- from: "custom-class",
44
- replacement: "class",
45
- version: "2.3.0",
46
- ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
47
- type: "Attribute"
48
- }, vue.computed(() => !!props.customClass));
49
- const drawerRef = vue.ref();
50
- const focusStartRef = vue.ref();
51
- const ns = index$3.useNamespace("drawer");
52
- const { t } = index$4.useLocale();
53
- const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
54
- const drawerSize = vue.computed(() => style.addUnit(props.size));
55
- return {
56
- ...useDialog.useDialog(props, drawerRef),
57
- drawerRef,
58
- focusStartRef,
59
- isHorizontal,
60
- drawerSize,
61
- ns,
62
- t
63
- };
29
+ headerAriaLevel: {
30
+ type: String,
31
+ default: "2"
64
32
  }
65
33
  });
66
- const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
67
- const _hoisted_2 = ["id", "aria-level"];
68
- const _hoisted_3 = ["aria-label"];
69
- const _hoisted_4 = ["id"];
70
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
71
- const _component_close = vue.resolveComponent("close");
72
- const _component_el_icon = vue.resolveComponent("el-icon");
73
- const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
74
- const _component_el_overlay = vue.resolveComponent("el-overlay");
75
- return vue.openBlock(), vue.createBlock(vue.Teleport, {
76
- to: "body",
77
- disabled: !_ctx.appendToBody
78
- }, [
79
- vue.createVNode(vue.Transition, {
80
- name: _ctx.ns.b("fade"),
81
- onAfterEnter: _ctx.afterEnter,
82
- onAfterLeave: _ctx.afterLeave,
83
- onBeforeLeave: _ctx.beforeLeave,
84
- persisted: ""
85
- }, {
86
- default: vue.withCtx(() => [
87
- vue.withDirectives(vue.createVNode(_component_el_overlay, {
88
- mask: _ctx.modal,
89
- "overlay-class": _ctx.modalClass,
90
- "z-index": _ctx.zIndex,
91
- onClick: _ctx.onModalClick
92
- }, {
93
- default: vue.withCtx(() => [
94
- vue.createVNode(_component_el_focus_trap, {
95
- loop: "",
96
- trapped: _ctx.visible,
97
- "focus-trap-el": _ctx.drawerRef,
98
- "focus-start-el": _ctx.focusStartRef,
99
- onReleaseRequested: _ctx.onCloseRequested
100
- }, {
101
- default: vue.withCtx(() => [
102
- vue.createElementVNode("div", vue.mergeProps({
103
- ref: "drawerRef",
104
- "aria-modal": "true",
105
- "aria-label": _ctx.title || void 0,
106
- "aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
107
- "aria-describedby": _ctx.bodyId
108
- }, _ctx.$attrs, {
109
- class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
110
- style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
111
- role: "dialog",
112
- onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
113
- }, ["stop"]))
114
- }), [
115
- vue.createElementVNode("span", {
116
- ref: "focusStartRef",
117
- class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
118
- tabindex: "-1"
119
- }, null, 2),
120
- _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
121
- key: 0,
122
- class: vue.normalizeClass(_ctx.ns.e("header"))
123
- }, [
124
- !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
125
- key: 0,
126
- close: _ctx.handleClose,
127
- titleId: _ctx.titleId,
128
- titleClass: _ctx.ns.e("title")
129
- }, () => [
130
- !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
131
- key: 0,
132
- id: _ctx.titleId,
133
- role: "heading",
134
- "aria-level": _ctx.headerAriaLevel,
135
- class: vue.normalizeClass(_ctx.ns.e("title"))
136
- }, vue.toDisplayString(_ctx.title), 11, _hoisted_2)) : vue.createCommentVNode("v-if", true)
137
- ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
138
- vue.createCommentVNode(" DEPRECATED SLOT ")
139
- ]),
140
- _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
141
- key: 2,
142
- "aria-label": _ctx.t("el.drawer.close"),
143
- class: vue.normalizeClass(_ctx.ns.e("close-btn")),
144
- type: "button",
145
- onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
146
- }, [
147
- vue.createVNode(_component_el_icon, {
148
- class: vue.normalizeClass(_ctx.ns.e("close"))
149
- }, {
150
- default: vue.withCtx(() => [
151
- vue.createVNode(_component_close)
152
- ]),
153
- _: 1
154
- }, 8, ["class"])
155
- ], 10, _hoisted_3)) : vue.createCommentVNode("v-if", true)
156
- ], 2)) : vue.createCommentVNode("v-if", true),
157
- _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
158
- key: 1,
159
- id: _ctx.bodyId,
160
- class: vue.normalizeClass(_ctx.ns.e("body"))
161
- }, [
162
- vue.renderSlot(_ctx.$slots, "default")
163
- ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true),
164
- _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
165
- key: 2,
166
- class: vue.normalizeClass(_ctx.ns.e("footer"))
167
- }, [
168
- vue.renderSlot(_ctx.$slots, "footer")
169
- ], 2)) : vue.createCommentVNode("v-if", true)
170
- ], 16, _hoisted_1)
171
- ]),
172
- _: 3
173
- }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
174
- ]),
175
- _: 3
176
- }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
177
- [vue.vShow, _ctx.visible]
178
- ])
179
- ]),
180
- _: 3
181
- }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
182
- ], 8, ["disabled"]);
183
- }
184
- var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "drawer.vue"]]);
34
+ const drawerEmits = dialog.dialogEmits;
185
35
 
186
- exports["default"] = Drawer;
36
+ exports.drawerEmits = drawerEmits;
37
+ exports.drawerProps = drawerProps;
187
38
  //# sourceMappingURL=drawer2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n :name=\"ns.b('fade')\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"drawerRef\"\n :focus-start-el=\"focusStartRef\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n v-bind=\"$attrs\"\n :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n <header v-if=\"withHeader\" :class=\"ns.e('header')\">\n <slot\n v-if=\"!$slots.title\"\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n >\n <span\n v-if=\"!$slots.title\"\n :id=\"titleId\"\n role=\"heading\"\n :aria-level=\"headerAriaLevel\"\n :class=\"ns.e('title')\"\n >\n {{ title }}\n </span>\n </slot>\n <slot v-else name=\"title\">\n <!-- DEPRECATED SLOT -->\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.drawer.close')\"\n :class=\"ns.e('close-btn')\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon :class=\"ns.e('close')\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <div :id=\"bodyId\" :class=\"ns.e('body')\">\n <slot />\n </div>\n </template>\n <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n <slot name=\"footer\" />\n </div>\n </div>\n </el-focus-trap>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useDialog } from '@element-plus/components/dialog'\nimport { addUnit } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } from './drawer'\n\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElFocusTrap,\n ElIcon,\n Close,\n },\n inheritAttrs: false,\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, { slots }) {\n useDeprecated(\n {\n scope: 'el-drawer',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n },\n computed(() => !!slots.title)\n )\n useDeprecated(\n {\n scope: 'el-drawer',\n from: 'custom-class',\n replacement: 'class',\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!props.customClass)\n )\n\n const drawerRef = ref<HTMLElement>()\n const focusStartRef = ref<HTMLElement>()\n const ns = useNamespace('drawer')\n const { t } = useLocale()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' || props.direction === 'ltr'\n )\n const drawerSize = computed(() => addUnit(props.size))\n\n return {\n ...useDialog(props, drawerRef),\n drawerRef,\n focusStartRef,\n isHorizontal,\n drawerSize,\n ns,\n t,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElFocusTrap","ElIcon","Close","drawerProps","drawerEmits","useDeprecated","computed","ref","useNamespace","useLocale","addUnit","useDialog","_createBlock","_Teleport","_createVNode","_Transition","_withDirectives","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_openBlock","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode"],"mappings":"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"}
1
+ {"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n ...dialogProps,\n direction: {\n type: String,\n default: 'rtl',\n values: ['ltr', 'rtl', 'ttb', 'btt'],\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n headerAriaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAGC;;;;;"}
@@ -88,7 +88,7 @@ var avatar = require('./avatar/src/avatar.js');
88
88
  var backtop = require('./backtop/src/backtop.js');
89
89
  var badge = require('./badge/src/badge.js');
90
90
  var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
91
- var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
91
+ var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item2.js');
92
92
  var constants = require('./breadcrumb/src/constants.js');
93
93
  var button = require('./button/src/button.js');
94
94
  var constants$1 = require('./button/src/constants.js');
@@ -121,7 +121,7 @@ var useDialog = require('./dialog/src/use-dialog.js');
121
121
  var dialog = require('./dialog/src/dialog.js');
122
122
  var constants$7 = require('./dialog/src/constants.js');
123
123
  var divider = require('./divider/src/divider.js');
124
- var drawer = require('./drawer/src/drawer.js');
124
+ var drawer = require('./drawer/src/drawer2.js');
125
125
  var dropdown = require('./dropdown/src/dropdown.js');
126
126
  var tokens = require('./dropdown/src/tokens.js');
127
127
  var empty = require('./empty/src/empty.js');
@@ -185,7 +185,7 @@ var autoResizer = require('./table-v2/src/auto-resizer.js');
185
185
  var table = require('./table-v2/src/table.js');
186
186
  var row$1 = require('./table-v2/src/row.js');
187
187
  var tabs = require('./tabs/src/tabs.js');
188
- var tabBar = require('./tabs/src/tab-bar2.js');
188
+ var tabBar = require('./tabs/src/tab-bar.js');
189
189
  var tabNav = require('./tabs/src/tab-nav.js');
190
190
  var tabPane = require('./tabs/src/tab-pane.js');
191
191
  var constants$g = require('./tabs/src/constants.js');
@@ -3,6 +3,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
3
3
  readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
4
4
  readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
5
5
  readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
6
+ readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
6
7
  readonly icon: {
7
8
  readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
8
9
  readonly required: false;
@@ -15,6 +16,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
15
16
  readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
16
17
  readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
17
18
  readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
19
+ readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
18
20
  readonly icon: {
19
21
  readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
20
22
  readonly required: false;
@@ -115,6 +117,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
115
117
  readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
116
118
  readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
117
119
  readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
120
+ readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
118
121
  readonly icon: {
119
122
  readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
120
123
  readonly required: false;
@@ -125,6 +128,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
125
128
  onClick?: ((evt: MouseEvent) => any) | undefined;
126
129
  }, {
127
130
  readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
131
+ readonly target: string;
128
132
  readonly disabled: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
129
133
  readonly underline: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
130
134
  readonly href: string;
@@ -1,12 +1,13 @@
1
- import type { ExtractPropTypes } from 'vue';
1
+ import type { ExtractPropTypes, PropType } from 'vue';
2
2
  import type Link from './link.vue';
3
3
  export declare const linkProps: {
4
4
  readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
5
5
  readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
6
6
  readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
7
7
  readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
8
+ readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
8
9
  readonly icon: {
9
- readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
10
+ readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
10
11
  readonly required: false;
11
12
  readonly validator: ((val: unknown) => boolean) | undefined;
12
13
  __epPropKey: true;
@@ -18,6 +18,10 @@ const linkProps = runtime.buildProps({
18
18
  },
19
19
  disabled: { type: Boolean, default: false },
20
20
  href: { type: String, default: "" },
21
+ target: {
22
+ type: String,
23
+ default: "_self"
24
+ },
21
25
  icon: {
22
26
  type: icon.iconPropType
23
27
  }
@@ -1 +1 @@
1
- {"version":3,"file":"link.js","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n /**\n * @description type\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n default: 'default',\n },\n /**\n * @description whether the component has underline\n */\n underline: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the component is disabled\n */\n disabled: { type: Boolean, default: false },\n /**\n * @description same as native hyperlink's `href`\n */\n href: { type: String, default: '' },\n /**\n * @description icon component\n */\n icon: {\n type: iconPropType,\n },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
1
+ {"version":3,"file":"link.js","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n /**\n * @description type\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n default: 'default',\n },\n /**\n * @description whether the component has underline\n */\n underline: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the component is disabled\n */\n disabled: { type: Boolean, default: false },\n /**\n * @description same as native hyperlink's `href`\n */\n href: { type: String, default: '' },\n /**\n * @description same as native hyperlink's `target`\n */\n target: {\n type: String as PropType<'_blank' | '_parent' | '_self' | '_top' | string>,\n default: '_self',\n },\n /**\n * @description icon component\n */\n icon: {\n type: iconPropType,\n },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}