@element-plus/nightly 0.0.20220130 → 0.0.20220203

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 (328) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +336 -228
  4. package/dist/index.full.min.js +8 -8
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +8 -8
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +337 -230
  9. package/dist/locale/af.js +1 -1
  10. package/dist/locale/af.min.js +1 -1
  11. package/dist/locale/af.min.mjs +1 -1
  12. package/dist/locale/af.mjs +1 -1
  13. package/dist/locale/ar.js +1 -1
  14. package/dist/locale/ar.min.js +1 -1
  15. package/dist/locale/ar.min.mjs +1 -1
  16. package/dist/locale/ar.mjs +1 -1
  17. package/dist/locale/bg.js +1 -1
  18. package/dist/locale/bg.min.js +1 -1
  19. package/dist/locale/bg.min.mjs +1 -1
  20. package/dist/locale/bg.mjs +1 -1
  21. package/dist/locale/bn.js +1 -1
  22. package/dist/locale/bn.min.js +1 -1
  23. package/dist/locale/bn.min.mjs +1 -1
  24. package/dist/locale/bn.mjs +1 -1
  25. package/dist/locale/ca.js +1 -1
  26. package/dist/locale/ca.min.js +1 -1
  27. package/dist/locale/ca.min.mjs +1 -1
  28. package/dist/locale/ca.mjs +1 -1
  29. package/dist/locale/cs.js +1 -1
  30. package/dist/locale/cs.min.js +1 -1
  31. package/dist/locale/cs.min.mjs +1 -1
  32. package/dist/locale/cs.mjs +1 -1
  33. package/dist/locale/da.js +1 -1
  34. package/dist/locale/da.min.js +1 -1
  35. package/dist/locale/da.min.mjs +1 -1
  36. package/dist/locale/da.mjs +1 -1
  37. package/dist/locale/de.js +1 -1
  38. package/dist/locale/de.min.js +1 -1
  39. package/dist/locale/de.min.mjs +1 -1
  40. package/dist/locale/de.mjs +1 -1
  41. package/dist/locale/el.js +1 -1
  42. package/dist/locale/el.min.js +1 -1
  43. package/dist/locale/el.min.mjs +1 -1
  44. package/dist/locale/el.mjs +1 -1
  45. package/dist/locale/en.js +1 -1
  46. package/dist/locale/en.min.js +1 -1
  47. package/dist/locale/en.min.mjs +1 -1
  48. package/dist/locale/en.mjs +1 -1
  49. package/dist/locale/eo.js +1 -1
  50. package/dist/locale/eo.min.js +1 -1
  51. package/dist/locale/eo.min.mjs +1 -1
  52. package/dist/locale/eo.mjs +1 -1
  53. package/dist/locale/es.js +1 -1
  54. package/dist/locale/es.min.js +1 -1
  55. package/dist/locale/es.min.mjs +1 -1
  56. package/dist/locale/es.mjs +1 -1
  57. package/dist/locale/et.js +1 -1
  58. package/dist/locale/et.min.js +1 -1
  59. package/dist/locale/et.min.mjs +1 -1
  60. package/dist/locale/et.mjs +1 -1
  61. package/dist/locale/eu.js +1 -1
  62. package/dist/locale/eu.min.js +1 -1
  63. package/dist/locale/eu.min.mjs +1 -1
  64. package/dist/locale/eu.mjs +1 -1
  65. package/dist/locale/fa.js +1 -1
  66. package/dist/locale/fa.min.js +1 -1
  67. package/dist/locale/fa.min.mjs +1 -1
  68. package/dist/locale/fa.mjs +1 -1
  69. package/dist/locale/fi.js +1 -1
  70. package/dist/locale/fi.min.js +1 -1
  71. package/dist/locale/fi.min.mjs +1 -1
  72. package/dist/locale/fi.mjs +1 -1
  73. package/dist/locale/fr.js +1 -1
  74. package/dist/locale/fr.min.js +1 -1
  75. package/dist/locale/fr.min.mjs +1 -1
  76. package/dist/locale/fr.mjs +1 -1
  77. package/dist/locale/he.js +1 -1
  78. package/dist/locale/he.min.js +1 -1
  79. package/dist/locale/he.min.mjs +1 -1
  80. package/dist/locale/he.mjs +1 -1
  81. package/dist/locale/hr.js +1 -1
  82. package/dist/locale/hr.min.js +1 -1
  83. package/dist/locale/hr.min.mjs +1 -1
  84. package/dist/locale/hr.mjs +1 -1
  85. package/dist/locale/hu.js +1 -1
  86. package/dist/locale/hu.min.js +1 -1
  87. package/dist/locale/hu.min.mjs +1 -1
  88. package/dist/locale/hu.mjs +1 -1
  89. package/dist/locale/hy-am.js +1 -1
  90. package/dist/locale/hy-am.min.js +1 -1
  91. package/dist/locale/hy-am.min.mjs +1 -1
  92. package/dist/locale/hy-am.mjs +1 -1
  93. package/dist/locale/id.js +1 -1
  94. package/dist/locale/id.min.js +1 -1
  95. package/dist/locale/id.min.mjs +1 -1
  96. package/dist/locale/id.mjs +1 -1
  97. package/dist/locale/it.js +1 -1
  98. package/dist/locale/it.min.js +1 -1
  99. package/dist/locale/it.min.mjs +1 -1
  100. package/dist/locale/it.mjs +1 -1
  101. package/dist/locale/ja.js +1 -1
  102. package/dist/locale/ja.min.js +1 -1
  103. package/dist/locale/ja.min.mjs +1 -1
  104. package/dist/locale/ja.mjs +1 -1
  105. package/dist/locale/kk.js +1 -1
  106. package/dist/locale/kk.min.js +1 -1
  107. package/dist/locale/kk.min.mjs +1 -1
  108. package/dist/locale/kk.mjs +1 -1
  109. package/dist/locale/km.js +1 -1
  110. package/dist/locale/km.min.js +1 -1
  111. package/dist/locale/km.min.mjs +1 -1
  112. package/dist/locale/km.mjs +1 -1
  113. package/dist/locale/ko.js +1 -1
  114. package/dist/locale/ko.min.js +1 -1
  115. package/dist/locale/ko.min.mjs +1 -1
  116. package/dist/locale/ko.mjs +1 -1
  117. package/dist/locale/ku.js +1 -1
  118. package/dist/locale/ku.min.js +1 -1
  119. package/dist/locale/ku.min.mjs +1 -1
  120. package/dist/locale/ku.mjs +1 -1
  121. package/dist/locale/ky.js +1 -1
  122. package/dist/locale/ky.min.js +1 -1
  123. package/dist/locale/ky.min.mjs +1 -1
  124. package/dist/locale/ky.mjs +1 -1
  125. package/dist/locale/lt.js +1 -1
  126. package/dist/locale/lt.min.js +1 -1
  127. package/dist/locale/lt.min.mjs +1 -1
  128. package/dist/locale/lt.mjs +1 -1
  129. package/dist/locale/lv.js +1 -1
  130. package/dist/locale/lv.min.js +1 -1
  131. package/dist/locale/lv.min.mjs +1 -1
  132. package/dist/locale/lv.mjs +1 -1
  133. package/dist/locale/mn.js +1 -1
  134. package/dist/locale/mn.min.js +1 -1
  135. package/dist/locale/mn.min.mjs +1 -1
  136. package/dist/locale/mn.mjs +1 -1
  137. package/dist/locale/nb-no.js +1 -1
  138. package/dist/locale/nb-no.min.js +1 -1
  139. package/dist/locale/nb-no.min.mjs +1 -1
  140. package/dist/locale/nb-no.mjs +1 -1
  141. package/dist/locale/nl.js +1 -1
  142. package/dist/locale/nl.min.js +1 -1
  143. package/dist/locale/nl.min.mjs +1 -1
  144. package/dist/locale/nl.mjs +1 -1
  145. package/dist/locale/pa.js +1 -1
  146. package/dist/locale/pa.min.js +1 -1
  147. package/dist/locale/pa.min.mjs +1 -1
  148. package/dist/locale/pa.mjs +1 -1
  149. package/dist/locale/pl.js +1 -1
  150. package/dist/locale/pl.min.js +1 -1
  151. package/dist/locale/pl.min.mjs +1 -1
  152. package/dist/locale/pl.mjs +1 -1
  153. package/dist/locale/pt-br.js +1 -1
  154. package/dist/locale/pt-br.min.js +1 -1
  155. package/dist/locale/pt-br.min.mjs +1 -1
  156. package/dist/locale/pt-br.mjs +1 -1
  157. package/dist/locale/pt.js +1 -1
  158. package/dist/locale/pt.min.js +1 -1
  159. package/dist/locale/pt.min.mjs +1 -1
  160. package/dist/locale/pt.mjs +1 -1
  161. package/dist/locale/ro.js +1 -1
  162. package/dist/locale/ro.min.js +1 -1
  163. package/dist/locale/ro.min.mjs +1 -1
  164. package/dist/locale/ro.mjs +1 -1
  165. package/dist/locale/ru.js +1 -1
  166. package/dist/locale/ru.min.js +1 -1
  167. package/dist/locale/ru.min.mjs +1 -1
  168. package/dist/locale/ru.mjs +1 -1
  169. package/dist/locale/sk.js +1 -1
  170. package/dist/locale/sk.min.js +1 -1
  171. package/dist/locale/sk.min.mjs +1 -1
  172. package/dist/locale/sk.mjs +1 -1
  173. package/dist/locale/sl.js +1 -1
  174. package/dist/locale/sl.min.js +1 -1
  175. package/dist/locale/sl.min.mjs +1 -1
  176. package/dist/locale/sl.mjs +1 -1
  177. package/dist/locale/sr.js +1 -1
  178. package/dist/locale/sr.min.js +1 -1
  179. package/dist/locale/sr.min.mjs +1 -1
  180. package/dist/locale/sr.mjs +1 -1
  181. package/dist/locale/sv.js +1 -1
  182. package/dist/locale/sv.min.js +1 -1
  183. package/dist/locale/sv.min.mjs +1 -1
  184. package/dist/locale/sv.mjs +1 -1
  185. package/dist/locale/ta.js +1 -1
  186. package/dist/locale/ta.min.js +1 -1
  187. package/dist/locale/ta.min.mjs +1 -1
  188. package/dist/locale/ta.mjs +1 -1
  189. package/dist/locale/th.js +1 -1
  190. package/dist/locale/th.min.js +1 -1
  191. package/dist/locale/th.min.mjs +1 -1
  192. package/dist/locale/th.mjs +1 -1
  193. package/dist/locale/tk.js +1 -1
  194. package/dist/locale/tk.min.js +1 -1
  195. package/dist/locale/tk.min.mjs +1 -1
  196. package/dist/locale/tk.mjs +1 -1
  197. package/dist/locale/tr.js +1 -1
  198. package/dist/locale/tr.min.js +1 -1
  199. package/dist/locale/tr.min.mjs +1 -1
  200. package/dist/locale/tr.mjs +1 -1
  201. package/dist/locale/ug-cn.js +1 -1
  202. package/dist/locale/ug-cn.min.js +1 -1
  203. package/dist/locale/ug-cn.min.mjs +1 -1
  204. package/dist/locale/ug-cn.mjs +1 -1
  205. package/dist/locale/uk.js +1 -1
  206. package/dist/locale/uk.min.js +1 -1
  207. package/dist/locale/uk.min.mjs +1 -1
  208. package/dist/locale/uk.mjs +1 -1
  209. package/dist/locale/uz-uz.js +1 -1
  210. package/dist/locale/uz-uz.min.js +1 -1
  211. package/dist/locale/uz-uz.min.mjs +1 -1
  212. package/dist/locale/uz-uz.mjs +1 -1
  213. package/dist/locale/vi.js +1 -1
  214. package/dist/locale/vi.min.js +1 -1
  215. package/dist/locale/vi.min.mjs +1 -1
  216. package/dist/locale/vi.mjs +1 -1
  217. package/dist/locale/zh-cn.js +1 -1
  218. package/dist/locale/zh-cn.min.js +1 -1
  219. package/dist/locale/zh-cn.min.mjs +1 -1
  220. package/dist/locale/zh-cn.mjs +1 -1
  221. package/dist/locale/zh-tw.js +1 -1
  222. package/dist/locale/zh-tw.min.js +1 -1
  223. package/dist/locale/zh-tw.min.mjs +1 -1
  224. package/dist/locale/zh-tw.mjs +1 -1
  225. package/es/components/cascader/index.d.ts +44 -0
  226. package/es/components/cascader/src/index.mjs +1 -7
  227. package/es/components/cascader/src/index.mjs.map +1 -1
  228. package/es/components/cascader/src/index.vue.d.ts +22 -0
  229. package/es/components/dialog/index.d.ts +4 -0
  230. package/es/components/dialog/src/dialog.d.ts +1 -0
  231. package/es/components/dialog/src/dialog.mjs +4 -0
  232. package/es/components/dialog/src/dialog.mjs.map +1 -1
  233. package/es/components/dialog/src/dialog.vue.d.ts +4 -0
  234. package/es/components/dialog/src/dialog2.mjs +12 -3
  235. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  236. package/es/components/drawer/index.d.ts +3 -0
  237. package/es/components/drawer/src/drawer.d.ts +1 -0
  238. package/es/components/drawer/src/drawer.vue.d.ts +3 -0
  239. package/es/components/message-box/src/index.mjs +133 -113
  240. package/es/components/message-box/src/index.mjs.map +1 -1
  241. package/es/components/message-box/src/index.vue.d.ts +14 -4
  242. package/es/components/message-box/src/message-box.type.d.ts +2 -0
  243. package/es/components/popover/index.d.ts +4 -0
  244. package/es/components/popover/src/index.mjs +14 -4
  245. package/es/components/popover/src/index.mjs.map +1 -1
  246. package/es/components/popover/src/index.vue.d.ts +2 -0
  247. package/es/components/scrollbar/index.d.ts +11 -0
  248. package/es/components/scrollbar/src/scrollbar.vue.d.ts +11 -0
  249. package/es/components/scrollbar/src/scrollbar2.mjs +13 -10
  250. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  251. package/es/components/scrollbar/src/thumb.vue.d.ts +11 -0
  252. package/es/components/scrollbar/src/thumb2.mjs +11 -5
  253. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  254. package/es/components/skeleton/index.d.ts +37 -2
  255. package/es/components/skeleton/src/skeleton-item.vue.d.ts +13 -1
  256. package/es/components/skeleton/src/skeleton-item2.mjs +10 -2
  257. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  258. package/es/components/skeleton/src/skeleton.vue.d.ts +11 -0
  259. package/es/components/skeleton/src/skeleton2.mjs +11 -8
  260. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  261. package/es/hooks/index.d.ts +1 -0
  262. package/es/hooks/index.mjs +1 -0
  263. package/es/hooks/index.mjs.map +1 -1
  264. package/es/hooks/use-draggable/index.d.ts +2 -0
  265. package/es/hooks/use-draggable/index.mjs +65 -0
  266. package/es/hooks/use-draggable/index.mjs.map +1 -0
  267. package/es/index.mjs +1 -0
  268. package/es/index.mjs.map +1 -1
  269. package/es/version.d.ts +1 -1
  270. package/es/version.mjs +1 -1
  271. package/es/version.mjs.map +1 -1
  272. package/lib/components/cascader/index.d.ts +44 -0
  273. package/lib/components/cascader/src/index.js +1 -7
  274. package/lib/components/cascader/src/index.js.map +1 -1
  275. package/lib/components/cascader/src/index.vue.d.ts +22 -0
  276. package/lib/components/dialog/index.d.ts +4 -0
  277. package/lib/components/dialog/src/dialog.d.ts +1 -0
  278. package/lib/components/dialog/src/dialog.js +4 -0
  279. package/lib/components/dialog/src/dialog.js.map +1 -1
  280. package/lib/components/dialog/src/dialog.vue.d.ts +4 -0
  281. package/lib/components/dialog/src/dialog2.js +11 -2
  282. package/lib/components/dialog/src/dialog2.js.map +1 -1
  283. package/lib/components/drawer/index.d.ts +3 -0
  284. package/lib/components/drawer/src/drawer.d.ts +1 -0
  285. package/lib/components/drawer/src/drawer.vue.d.ts +3 -0
  286. package/lib/components/message-box/src/index.js +140 -120
  287. package/lib/components/message-box/src/index.js.map +1 -1
  288. package/lib/components/message-box/src/index.vue.d.ts +14 -4
  289. package/lib/components/message-box/src/message-box.type.d.ts +2 -0
  290. package/lib/components/popover/index.d.ts +4 -0
  291. package/lib/components/popover/src/index.js +14 -4
  292. package/lib/components/popover/src/index.js.map +1 -1
  293. package/lib/components/popover/src/index.vue.d.ts +2 -0
  294. package/lib/components/scrollbar/index.d.ts +11 -0
  295. package/lib/components/scrollbar/src/scrollbar.vue.d.ts +11 -0
  296. package/lib/components/scrollbar/src/scrollbar2.js +12 -9
  297. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  298. package/lib/components/scrollbar/src/thumb.vue.d.ts +11 -0
  299. package/lib/components/scrollbar/src/thumb2.js +11 -5
  300. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  301. package/lib/components/skeleton/index.d.ts +37 -2
  302. package/lib/components/skeleton/src/skeleton-item.vue.d.ts +13 -1
  303. package/lib/components/skeleton/src/skeleton-item2.js +10 -2
  304. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  305. package/lib/components/skeleton/src/skeleton.vue.d.ts +11 -0
  306. package/lib/components/skeleton/src/skeleton2.js +12 -9
  307. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  308. package/lib/hooks/index.d.ts +1 -0
  309. package/lib/hooks/index.js +60 -58
  310. package/lib/hooks/index.js.map +1 -1
  311. package/lib/hooks/use-draggable/index.d.ts +2 -0
  312. package/lib/hooks/use-draggable/index.js +69 -0
  313. package/lib/hooks/use-draggable/index.js.map +1 -0
  314. package/lib/index.js +60 -58
  315. package/lib/index.js.map +1 -1
  316. package/lib/version.d.ts +1 -1
  317. package/lib/version.js +1 -1
  318. package/lib/version.js.map +1 -1
  319. package/package.json +2 -2
  320. package/tags.json +1 -1
  321. package/theme-chalk/el-dialog.css +1 -1
  322. package/theme-chalk/el-message-box.css +1 -1
  323. package/theme-chalk/el-popper.css +1 -1
  324. package/theme-chalk/index.css +1 -1
  325. package/theme-chalk/src/dialog.scss +7 -0
  326. package/theme-chalk/src/message-box.scss +26 -15
  327. package/theme-chalk/src/popper.scss +6 -6
  328. package/web-types.json +1 -1
@@ -1,6 +1,18 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
2
  readonly variant: import("../../../utils/props").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "image" | "rect", unknown>;
3
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
3
+ }, {
4
+ ns: {
5
+ namespace: import("vue").ComputedRef<string>;
6
+ b: (blockSuffix?: string) => string;
7
+ e: (element?: string | undefined) => string;
8
+ m: (modifier?: string | undefined) => string;
9
+ be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
10
+ em: (element?: string | undefined, modifier?: string | undefined) => string;
11
+ bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
12
+ bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
13
+ is: (name: string, state?: boolean) => string;
14
+ };
15
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
4
16
  readonly variant: import("../../../utils/props").BuildPropReturn<StringConstructor, "text", unknown, "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "image" | "rect", unknown>;
5
17
  }>>, {
6
18
  variant: import("../../../utils/props").BuildPropType<StringConstructor, "text" | "button" | "circle" | "caption" | "h1" | "h3" | "p" | "image" | "rect", unknown>;
@@ -3,21 +3,29 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
+ require('../../../hooks/index.js');
6
7
  var imagePlaceholder = require('./image-placeholder.js');
7
8
  var skeletonItem = require('./skeleton-item.js');
8
9
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
9
11
 
10
12
  const _sfc_main = vue.defineComponent({
11
13
  name: "ElSkeletonItem",
12
14
  components: {
13
15
  ImgPlaceholder: imagePlaceholder["default"]
14
16
  },
15
- props: skeletonItem.skeletonItemProps
17
+ props: skeletonItem.skeletonItemProps,
18
+ setup() {
19
+ const ns = index.useNamespace("skeleton");
20
+ return {
21
+ ns
22
+ };
23
+ }
16
24
  });
17
25
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
18
26
  const _component_img_placeholder = vue.resolveComponent("img-placeholder");
19
27
  return vue.openBlock(), vue.createElementBlock("div", {
20
- class: vue.normalizeClass(["el-skeleton__item", `el-skeleton__${_ctx.variant}`])
28
+ class: vue.normalizeClass([_ctx.ns.e("item"), _ctx.ns.e(_ctx.variant)])
21
29
  }, [
22
30
  _ctx.variant === "image" ? (vue.openBlock(), vue.createBlock(_component_img_placeholder, { key: 0 })) : vue.createCommentVNode("v-if", true)
23
31
  ], 2);
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton-item2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n <img-placeholder v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n name: 'ElSkeletonItem',\n components: {\n ImgPlaceholder,\n },\n props: skeletonItemProps,\n})\n</script>\n"],"names":["defineComponent","ImgPlaceholder","skeletonItemProps","_openBlock"],"mappings":";;;;;;;;;AAWA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,oBACVC;AAAA;AAAA,EAEF,OAAOC;AAAA;;;SAfIC;AAAA;KACc;AAAA;;;;;;;"}
1
+ {"version":3,"file":"skeleton-item2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.e('item'), ns.e(variant)]\">\n <img-placeholder v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n name: 'ElSkeletonItem',\n components: {\n ImgPlaceholder,\n },\n props: skeletonItemProps,\n setup() {\n const ns = useNamespace('skeleton')\n return {\n ns,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ImgPlaceholder","skeletonItemProps","useNamespace","_openBlock"],"mappings":";;;;;;;;;;;AAYA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,oBACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,QAAQ;AACN,UAAM,KAAKC,mBAAa;AACxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;SApBOC,wCAAO,OAAU;AAAA;KACH;AAAA;;;;;;;"}
@@ -5,6 +5,17 @@ declare const _default: import("vue").DefineComponent<{
5
5
  readonly loading: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
6
6
  readonly throttle: import("../../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
7
7
  }, {
8
+ ns: {
9
+ namespace: import("vue").ComputedRef<string>;
10
+ b: (blockSuffix?: string) => string;
11
+ e: (element?: string | undefined) => string;
12
+ m: (modifier?: string | undefined) => string;
13
+ be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
14
+ em: (element?: string | undefined, modifier?: string | undefined) => string;
15
+ bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
16
+ bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
17
+ is: (name: string, state?: boolean) => string;
18
+ };
8
19
  uiLoading: import("vue").Ref<boolean>;
9
20
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
10
21
  readonly animated: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -7,7 +7,8 @@ require('../../../hooks/index.js');
7
7
  var skeletonItem = require('./skeleton-item2.js');
8
8
  var skeleton = require('./skeleton.js');
9
9
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
- var index = require('../../../hooks/use-throttle-render/index.js');
10
+ var index = require('../../../hooks/use-namespace/index.js');
11
+ var index$1 = require('../../../hooks/use-throttle-render/index.js');
11
12
 
12
13
  const _sfc_main = vue.defineComponent({
13
14
  name: "ElSkeleton",
@@ -16,11 +17,13 @@ const _sfc_main = vue.defineComponent({
16
17
  },
17
18
  props: skeleton.skeletonProps,
18
19
  setup(props) {
20
+ const ns = index.useNamespace("skeleton");
19
21
  const innerLoading = vue.computed(() => {
20
22
  return props.loading;
21
23
  });
22
- const uiLoading = index.useThrottleRender(innerLoading, props.throttle);
24
+ const uiLoading = index$1.useThrottleRender(innerLoading, props.throttle);
23
25
  return {
26
+ ns,
24
27
  uiLoading
25
28
  };
26
29
  }
@@ -29,22 +32,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
29
32
  const _component_el_skeleton_item = vue.resolveComponent("el-skeleton-item");
30
33
  return _ctx.uiLoading ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
31
34
  key: 0,
32
- class: ["el-skeleton", _ctx.animated ? "is-animated" : ""]
35
+ class: [_ctx.ns.b(), _ctx.ns.is("animated", _ctx.animated)]
33
36
  }, _ctx.$attrs), [
34
37
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
35
38
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
36
39
  _ctx.loading ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
37
40
  vue.createVNode(_component_el_skeleton_item, {
38
- class: "is-first",
41
+ class: vue.normalizeClass(_ctx.ns.is("first")),
39
42
  variant: "p"
40
- }),
43
+ }, null, 8, ["class"]),
41
44
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
42
45
  return vue.openBlock(), vue.createBlock(_component_el_skeleton_item, {
43
46
  key: item,
44
- class: vue.normalizeClass({
45
- "el-skeleton__paragraph": true,
46
- "is-last": item === _ctx.rows && _ctx.rows > 1
47
- }),
47
+ class: vue.normalizeClass([
48
+ _ctx.ns.e("paragraph"),
49
+ _ctx.ns.is("last", item === _ctx.rows && _ctx.rows > 1)
50
+ ]),
48
51
  variant: "p"
49
52
  }, null, 8, ["class"]);
50
53
  }), 128))
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div\n :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n v-bind=\"$attrs\"\n >\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item class=\"is-first\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"{\n 'el-skeleton__paragraph': true,\n 'is-last': item === rows && rows > 1,\n }\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'ElSkeleton',\n components: {\n [SkeletonItem.name]: SkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const innerLoading = computed(() => {\n return props.loading\n })\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["defineComponent","SkeletonItem","skeletonProps","computed","useThrottleRender","_openBlock","_createElementBlock","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;AAiCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,wBAAa,OAAOA;AAAA;AAAA,EAEvB,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,eAAeC,aAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAYC,wBAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;IA5CC,KAAK;AAAA,WACE,gBAAM;AAAA;oFAEsB;aACtBC,iBAAOC;AAAA,aAAnB,yBACE,KAAiD;AAAA,0BAAzB,6BAAU;AAAA,YAAC,OAAO;AAAA;;uDASxCC;mBANMF,iBAAIG;AAAA,cACT,KAAK;AAAA;0CAAoF;AAAA;;;;;;;;KAWlG;;;;;;"}
1
+ {"version":3,"file":"skeleton2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"[\n ns.e('paragraph'),\n ns.is('last', item === rows && rows > 1),\n ]\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'ElSkeleton',\n components: {\n [SkeletonItem.name]: SkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const ns = useNamespace('skeleton')\n const innerLoading = computed(() => {\n return props.loading\n })\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n ns,\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["defineComponent","SkeletonItem","skeletonProps","useNamespace","computed","useThrottleRender","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;AA8BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,wBAAa,OAAOA;AAAA;AAAA,EAEvB,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AACxB,UAAM,eAAeC,aAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAYC,0BAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;IA5CI,KAAK;AAAA,WAAiD,MAAM;AAAA;oFAC5B;aACtBC,iBAAOC;AAAA,aAAnB,yBACE,KAAwD;AAAA,0BAAhC,6BAAO;AAAA,YAAW,OAAOC,mBAAI;AAAA;sBACrD;AAAA,uDAQEC;mBANMH,iBAAII;AAAA,cACT,KAAK;AAAA,cAAqB,OAACF;AAAA,gBAA6B,QAAG,EAAE;AAAA;;;;;;;;KAWtE;;;;;;"}
@@ -1,5 +1,6 @@
1
1
  export * from './use-attrs';
2
2
  export * from './use-common-props';
3
+ export * from './use-draggable';
3
4
  export * from './use-focus';
4
5
  export * from './use-form-item';
5
6
  export * from './use-global-config';
@@ -4,28 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var index = require('./use-attrs/index.js');
6
6
  var index$1 = require('./use-common-props/index.js');
7
- var index$2 = require('./use-focus/index.js');
8
- var index$3 = require('./use-form-item/index.js');
9
- var index$4 = require('./use-global-config/index.js');
10
- var index$5 = require('./use-locale/index.js');
11
- var index$6 = require('./use-lockscreen/index.js');
12
- var index$7 = require('./use-modal/index.js');
13
- var index$8 = require('./use-model-toggle/index.js');
14
- var index$9 = require('./use-prevent-global/index.js');
15
- var index$a = require('./use-prop/index.js');
16
- var index$b = require('./use-restore-active/index.js');
17
- var index$c = require('./use-same-target/index.js');
18
- var index$d = require('./use-teleport/index.js');
19
- var index$e = require('./use-throttle-render/index.js');
20
- var index$f = require('./use-timeout/index.js');
21
- var index$g = require('./use-transition-fallthrough/index.js');
22
- var index$h = require('./use-id/index.js');
23
- var index$i = require('./use-escape-keydown/index.js');
24
- var index$j = require('./use-popper-container/index.js');
25
- var index$k = require('./use-intermediate-render/index.js');
26
- var index$l = require('./use-delayed-toggle/index.js');
27
- var index$m = require('./use-forward-ref/index.js');
28
- var index$n = require('./use-namespace/index.js');
7
+ var index$2 = require('./use-draggable/index.js');
8
+ var index$3 = require('./use-focus/index.js');
9
+ var index$4 = require('./use-form-item/index.js');
10
+ var index$5 = require('./use-global-config/index.js');
11
+ var index$6 = require('./use-locale/index.js');
12
+ var index$7 = require('./use-lockscreen/index.js');
13
+ var index$8 = require('./use-modal/index.js');
14
+ var index$9 = require('./use-model-toggle/index.js');
15
+ var index$a = require('./use-prevent-global/index.js');
16
+ var index$b = require('./use-prop/index.js');
17
+ var index$c = require('./use-restore-active/index.js');
18
+ var index$d = require('./use-same-target/index.js');
19
+ var index$e = require('./use-teleport/index.js');
20
+ var index$f = require('./use-throttle-render/index.js');
21
+ var index$g = require('./use-timeout/index.js');
22
+ var index$h = require('./use-transition-fallthrough/index.js');
23
+ var index$i = require('./use-id/index.js');
24
+ var index$j = require('./use-escape-keydown/index.js');
25
+ var index$k = require('./use-popper-container/index.js');
26
+ var index$l = require('./use-intermediate-render/index.js');
27
+ var index$m = require('./use-delayed-toggle/index.js');
28
+ var index$n = require('./use-forward-ref/index.js');
29
+ var index$o = require('./use-namespace/index.js');
29
30
 
30
31
 
31
32
 
@@ -33,40 +34,41 @@ exports.useAttrs = index.useAttrs;
33
34
  exports.useDisabled = index$1.useDisabled;
34
35
  exports.useSize = index$1.useSize;
35
36
  exports.useSizeProp = index$1.useSizeProp;
36
- exports.useFocus = index$2.useFocus;
37
- exports.useFormItem = index$3.useFormItem;
38
- exports.provideGlobalConfig = index$4.provideGlobalConfig;
39
- exports.useGlobalConfig = index$4.useGlobalConfig;
40
- exports.buildLocaleContext = index$5.buildLocaleContext;
41
- exports.buildTranslator = index$5.buildTranslator;
42
- exports.translate = index$5.translate;
43
- exports.useLocale = index$5.useLocale;
44
- exports.useLockscreen = index$6.useLockscreen;
45
- exports.useModal = index$7.useModal;
46
- exports.createModelToggleComposable = index$8.createModelToggleComposable;
47
- exports.useModelToggle = index$8.useModelToggle;
48
- exports.useModelToggleEmits = index$8.useModelToggleEmits;
49
- exports.useModelToggleProps = index$8.useModelToggleProps;
50
- exports.usePreventGlobal = index$9.usePreventGlobal;
51
- exports.useProp = index$a.useProp;
52
- exports.useRestoreActive = index$b.useRestoreActive;
53
- exports.useSameTarget = index$c.useSameTarget;
54
- exports.useTeleport = index$d.useTeleport;
55
- exports.useThrottleRender = index$e.useThrottleRender;
56
- exports.useTimeout = index$f.useTimeout;
57
- exports.useTransitionFallthrough = index$g.useTransitionFallthrough;
58
- exports.useTransitionFallthroughEmits = index$g.useTransitionFallthroughEmits;
59
- exports.ID_INJECTION_KEY = index$h.ID_INJECTION_KEY;
60
- exports.useId = index$h.useId;
61
- exports.useEscapeKeydown = index$i.useEscapeKeydown;
62
- exports.POPPER_CONTAINER_ID = index$j.POPPER_CONTAINER_ID;
63
- exports.POPPER_CONTAINER_SELECTOR = index$j.POPPER_CONTAINER_SELECTOR;
64
- exports.usePopperContainer = index$j.usePopperContainer;
65
- exports.useDelayedRender = index$k.useDelayedRender;
66
- exports.useDelayedToggle = index$l.useDelayedToggle;
67
- exports.useDelayedToggleProps = index$l.useDelayedToggleProps;
68
- exports.FORWARD_REF_INJECTION_KEY = index$m.FORWARD_REF_INJECTION_KEY;
69
- exports.useForwardRef = index$m.useForwardRef;
70
- exports.useForwardRefDirective = index$m.useForwardRefDirective;
71
- exports.useNamespace = index$n.useNamespace;
37
+ exports.useDraggable = index$2.useDraggable;
38
+ exports.useFocus = index$3.useFocus;
39
+ exports.useFormItem = index$4.useFormItem;
40
+ exports.provideGlobalConfig = index$5.provideGlobalConfig;
41
+ exports.useGlobalConfig = index$5.useGlobalConfig;
42
+ exports.buildLocaleContext = index$6.buildLocaleContext;
43
+ exports.buildTranslator = index$6.buildTranslator;
44
+ exports.translate = index$6.translate;
45
+ exports.useLocale = index$6.useLocale;
46
+ exports.useLockscreen = index$7.useLockscreen;
47
+ exports.useModal = index$8.useModal;
48
+ exports.createModelToggleComposable = index$9.createModelToggleComposable;
49
+ exports.useModelToggle = index$9.useModelToggle;
50
+ exports.useModelToggleEmits = index$9.useModelToggleEmits;
51
+ exports.useModelToggleProps = index$9.useModelToggleProps;
52
+ exports.usePreventGlobal = index$a.usePreventGlobal;
53
+ exports.useProp = index$b.useProp;
54
+ exports.useRestoreActive = index$c.useRestoreActive;
55
+ exports.useSameTarget = index$d.useSameTarget;
56
+ exports.useTeleport = index$e.useTeleport;
57
+ exports.useThrottleRender = index$f.useThrottleRender;
58
+ exports.useTimeout = index$g.useTimeout;
59
+ exports.useTransitionFallthrough = index$h.useTransitionFallthrough;
60
+ exports.useTransitionFallthroughEmits = index$h.useTransitionFallthroughEmits;
61
+ exports.ID_INJECTION_KEY = index$i.ID_INJECTION_KEY;
62
+ exports.useId = index$i.useId;
63
+ exports.useEscapeKeydown = index$j.useEscapeKeydown;
64
+ exports.POPPER_CONTAINER_ID = index$k.POPPER_CONTAINER_ID;
65
+ exports.POPPER_CONTAINER_SELECTOR = index$k.POPPER_CONTAINER_SELECTOR;
66
+ exports.usePopperContainer = index$k.usePopperContainer;
67
+ exports.useDelayedRender = index$l.useDelayedRender;
68
+ exports.useDelayedToggle = index$m.useDelayedToggle;
69
+ exports.useDelayedToggleProps = index$m.useDelayedToggleProps;
70
+ exports.FORWARD_REF_INJECTION_KEY = index$n.FORWARD_REF_INJECTION_KEY;
71
+ exports.useForwardRef = index$n.useForwardRef;
72
+ exports.useForwardRefDirective = index$n.useForwardRefDirective;
73
+ exports.useNamespace = index$o.useNamespace;
72
74
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,2 @@
1
+ import type { Ref, ComputedRef } from 'vue';
2
+ export declare const useDraggable: (targetRef: Ref<HTMLElement | undefined>, dragRef: Ref<HTMLElement | undefined>, draggable: ComputedRef<boolean>) => void;
@@ -0,0 +1,69 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var util = require('../../utils/util.js');
7
+
8
+ const useDraggable = (targetRef, dragRef, draggable) => {
9
+ let transform = {
10
+ offsetX: 0,
11
+ offsetY: 0
12
+ };
13
+ const onMousedown = (e) => {
14
+ const downX = e.clientX;
15
+ const downY = e.clientY;
16
+ const { offsetX, offsetY } = transform;
17
+ const targetRect = targetRef.value.getBoundingClientRect();
18
+ const targetLeft = targetRect.left;
19
+ const targetTop = targetRect.top;
20
+ const targetWidth = targetRect.width;
21
+ const targetHeight = targetRect.height;
22
+ const clientWidth = document.documentElement.clientWidth;
23
+ const clientHeight = document.documentElement.clientHeight;
24
+ const minLeft = -targetLeft + offsetX;
25
+ const minTop = -targetTop + offsetY;
26
+ const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
27
+ const maxTop = clientHeight - targetTop - targetHeight + offsetY;
28
+ const onMousemove = (e2) => {
29
+ const moveX = Math.min(Math.max(offsetX + e2.clientX - downX, minLeft), maxLeft);
30
+ const moveY = Math.min(Math.max(offsetY + e2.clientY - downY, minTop), maxTop);
31
+ transform = {
32
+ offsetX: moveX,
33
+ offsetY: moveY
34
+ };
35
+ targetRef.value.style.transform = `translate(${util.addUnit(moveX)}, ${util.addUnit(moveY)})`;
36
+ };
37
+ const onMouseup = () => {
38
+ document.removeEventListener("mousemove", onMousemove);
39
+ document.removeEventListener("mouseup", onMouseup);
40
+ };
41
+ document.addEventListener("mousemove", onMousemove);
42
+ document.addEventListener("mouseup", onMouseup);
43
+ };
44
+ const onDraggable = () => {
45
+ if (dragRef.value && targetRef.value) {
46
+ dragRef.value.addEventListener("mousedown", onMousedown);
47
+ }
48
+ };
49
+ const offDraggable = () => {
50
+ if (dragRef.value && targetRef.value) {
51
+ dragRef.value.removeEventListener("mousedown", onMousedown);
52
+ }
53
+ };
54
+ vue.onMounted(() => {
55
+ vue.watchEffect(() => {
56
+ if (draggable.value) {
57
+ onDraggable();
58
+ } else {
59
+ offDraggable();
60
+ }
61
+ });
62
+ });
63
+ vue.onBeforeUnmount(() => {
64
+ offDraggable();
65
+ });
66
+ };
67
+
68
+ exports.useDraggable = useDraggable;
69
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-draggable/index.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, watchEffect } from 'vue'\nimport { addUnit } from '@element-plus/utils/util'\nimport type { Ref, ComputedRef } from 'vue'\n\nexport const useDraggable = (\n targetRef: Ref<HTMLElement | undefined>,\n dragRef: Ref<HTMLElement | undefined>,\n draggable: ComputedRef<boolean>\n) => {\n let transform = {\n offsetX: 0,\n offsetY: 0,\n }\n\n const onMousedown = (e: MouseEvent) => {\n const downX = e.clientX\n const downY = e.clientY\n const { offsetX, offsetY } = transform\n\n const targetRect = targetRef.value.getBoundingClientRect()\n const targetLeft = targetRect.left\n const targetTop = targetRect.top\n const targetWidth = targetRect.width\n const targetHeight = targetRect.height\n\n const clientWidth = document.documentElement.clientWidth\n const clientHeight = document.documentElement.clientHeight\n\n const minLeft = -targetLeft + offsetX\n const minTop = -targetTop + offsetY\n const maxLeft = clientWidth - targetLeft - targetWidth + offsetX\n const maxTop = clientHeight - targetTop - targetHeight + offsetY\n\n const onMousemove = (e: MouseEvent) => {\n const moveX = Math.min(\n Math.max(offsetX + e.clientX - downX, minLeft),\n maxLeft\n )\n const moveY = Math.min(\n Math.max(offsetY + e.clientY - downY, minTop),\n maxTop\n )\n\n transform = {\n offsetX: moveX,\n offsetY: moveY,\n }\n targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(\n moveY\n )})`\n }\n\n const onMouseup = () => {\n document.removeEventListener('mousemove', onMousemove)\n document.removeEventListener('mouseup', onMouseup)\n }\n\n document.addEventListener('mousemove', onMousemove)\n document.addEventListener('mouseup', onMouseup)\n }\n\n const onDraggable = () => {\n if (dragRef.value && targetRef.value) {\n dragRef.value.addEventListener('mousedown', onMousedown)\n }\n }\n\n const offDraggable = () => {\n if (dragRef.value && targetRef.value) {\n dragRef.value.removeEventListener('mousedown', onMousedown)\n }\n }\n\n onMounted(() => {\n watchEffect(() => {\n if (draggable.value) {\n onDraggable()\n } else {\n offDraggable()\n }\n })\n })\n\n onBeforeUnmount(() => {\n offDraggable()\n })\n}\n"],"names":["addUnit","onMounted","watchEffect","onBeforeUnmount"],"mappings":"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"}
package/lib/index.js CHANGED
@@ -164,28 +164,29 @@ var index$1a = require('./directives/mousewheel/index.js');
164
164
  var index$1b = require('./directives/resize/index.js');
165
165
  var index$1c = require('./hooks/use-attrs/index.js');
166
166
  var index$1d = require('./hooks/use-common-props/index.js');
167
- var index$1e = require('./hooks/use-focus/index.js');
168
- var index$1f = require('./hooks/use-form-item/index.js');
169
- var index$1g = require('./hooks/use-global-config/index.js');
170
- var index$1h = require('./hooks/use-locale/index.js');
171
- var index$1i = require('./hooks/use-lockscreen/index.js');
172
- var index$1j = require('./hooks/use-modal/index.js');
173
- var index$1k = require('./hooks/use-model-toggle/index.js');
174
- var index$1l = require('./hooks/use-prevent-global/index.js');
175
- var index$1m = require('./hooks/use-prop/index.js');
176
- var index$1n = require('./hooks/use-restore-active/index.js');
177
- var index$1o = require('./hooks/use-same-target/index.js');
178
- var index$1p = require('./hooks/use-teleport/index.js');
179
- var index$1q = require('./hooks/use-throttle-render/index.js');
180
- var index$1r = require('./hooks/use-timeout/index.js');
181
- var index$1s = require('./hooks/use-transition-fallthrough/index.js');
182
- var index$1t = require('./hooks/use-id/index.js');
183
- var index$1u = require('./hooks/use-escape-keydown/index.js');
184
- var index$1v = require('./hooks/use-popper-container/index.js');
185
- var index$1w = require('./hooks/use-intermediate-render/index.js');
186
- var index$1x = require('./hooks/use-delayed-toggle/index.js');
187
- var index$1y = require('./hooks/use-forward-ref/index.js');
188
- var index$1z = require('./hooks/use-namespace/index.js');
167
+ var index$1e = require('./hooks/use-draggable/index.js');
168
+ var index$1f = require('./hooks/use-focus/index.js');
169
+ var index$1g = require('./hooks/use-form-item/index.js');
170
+ var index$1h = require('./hooks/use-global-config/index.js');
171
+ var index$1i = require('./hooks/use-locale/index.js');
172
+ var index$1j = require('./hooks/use-lockscreen/index.js');
173
+ var index$1k = require('./hooks/use-modal/index.js');
174
+ var index$1l = require('./hooks/use-model-toggle/index.js');
175
+ var index$1m = require('./hooks/use-prevent-global/index.js');
176
+ var index$1n = require('./hooks/use-prop/index.js');
177
+ var index$1o = require('./hooks/use-restore-active/index.js');
178
+ var index$1p = require('./hooks/use-same-target/index.js');
179
+ var index$1q = require('./hooks/use-teleport/index.js');
180
+ var index$1r = require('./hooks/use-throttle-render/index.js');
181
+ var index$1s = require('./hooks/use-timeout/index.js');
182
+ var index$1t = require('./hooks/use-transition-fallthrough/index.js');
183
+ var index$1u = require('./hooks/use-id/index.js');
184
+ var index$1v = require('./hooks/use-escape-keydown/index.js');
185
+ var index$1w = require('./hooks/use-popper-container/index.js');
186
+ var index$1x = require('./hooks/use-intermediate-render/index.js');
187
+ var index$1y = require('./hooks/use-delayed-toggle/index.js');
188
+ var index$1z = require('./hooks/use-forward-ref/index.js');
189
+ var index$1A = require('./hooks/use-namespace/index.js');
189
190
  var form = require('./tokens/form.js');
190
191
  var button$1 = require('./tokens/button.js');
191
192
  var breadcrumb$1 = require('./tokens/breadcrumb.js');
@@ -445,42 +446,43 @@ exports.useAttrs = index$1c.useAttrs;
445
446
  exports.useDisabled = index$1d.useDisabled;
446
447
  exports.useSize = index$1d.useSize;
447
448
  exports.useSizeProp = index$1d.useSizeProp;
448
- exports.useFocus = index$1e.useFocus;
449
- exports.useFormItem = index$1f.useFormItem;
450
- exports.provideGlobalConfig = index$1g.provideGlobalConfig;
451
- exports.useGlobalConfig = index$1g.useGlobalConfig;
452
- exports.buildLocaleContext = index$1h.buildLocaleContext;
453
- exports.buildTranslator = index$1h.buildTranslator;
454
- exports.translate = index$1h.translate;
455
- exports.useLocale = index$1h.useLocale;
456
- exports.useLockscreen = index$1i.useLockscreen;
457
- exports.useModal = index$1j.useModal;
458
- exports.createModelToggleComposable = index$1k.createModelToggleComposable;
459
- exports.useModelToggle = index$1k.useModelToggle;
460
- exports.useModelToggleEmits = index$1k.useModelToggleEmits;
461
- exports.useModelToggleProps = index$1k.useModelToggleProps;
462
- exports.usePreventGlobal = index$1l.usePreventGlobal;
463
- exports.useProp = index$1m.useProp;
464
- exports.useRestoreActive = index$1n.useRestoreActive;
465
- exports.useSameTarget = index$1o.useSameTarget;
466
- exports.useTeleport = index$1p.useTeleport;
467
- exports.useThrottleRender = index$1q.useThrottleRender;
468
- exports.useTimeout = index$1r.useTimeout;
469
- exports.useTransitionFallthrough = index$1s.useTransitionFallthrough;
470
- exports.useTransitionFallthroughEmits = index$1s.useTransitionFallthroughEmits;
471
- exports.ID_INJECTION_KEY = index$1t.ID_INJECTION_KEY;
472
- exports.useId = index$1t.useId;
473
- exports.useEscapeKeydown = index$1u.useEscapeKeydown;
474
- exports.POPPER_CONTAINER_ID = index$1v.POPPER_CONTAINER_ID;
475
- exports.POPPER_CONTAINER_SELECTOR = index$1v.POPPER_CONTAINER_SELECTOR;
476
- exports.usePopperContainer = index$1v.usePopperContainer;
477
- exports.useDelayedRender = index$1w.useDelayedRender;
478
- exports.useDelayedToggle = index$1x.useDelayedToggle;
479
- exports.useDelayedToggleProps = index$1x.useDelayedToggleProps;
480
- exports.FORWARD_REF_INJECTION_KEY = index$1y.FORWARD_REF_INJECTION_KEY;
481
- exports.useForwardRef = index$1y.useForwardRef;
482
- exports.useForwardRefDirective = index$1y.useForwardRefDirective;
483
- exports.useNamespace = index$1z.useNamespace;
449
+ exports.useDraggable = index$1e.useDraggable;
450
+ exports.useFocus = index$1f.useFocus;
451
+ exports.useFormItem = index$1g.useFormItem;
452
+ exports.provideGlobalConfig = index$1h.provideGlobalConfig;
453
+ exports.useGlobalConfig = index$1h.useGlobalConfig;
454
+ exports.buildLocaleContext = index$1i.buildLocaleContext;
455
+ exports.buildTranslator = index$1i.buildTranslator;
456
+ exports.translate = index$1i.translate;
457
+ exports.useLocale = index$1i.useLocale;
458
+ exports.useLockscreen = index$1j.useLockscreen;
459
+ exports.useModal = index$1k.useModal;
460
+ exports.createModelToggleComposable = index$1l.createModelToggleComposable;
461
+ exports.useModelToggle = index$1l.useModelToggle;
462
+ exports.useModelToggleEmits = index$1l.useModelToggleEmits;
463
+ exports.useModelToggleProps = index$1l.useModelToggleProps;
464
+ exports.usePreventGlobal = index$1m.usePreventGlobal;
465
+ exports.useProp = index$1n.useProp;
466
+ exports.useRestoreActive = index$1o.useRestoreActive;
467
+ exports.useSameTarget = index$1p.useSameTarget;
468
+ exports.useTeleport = index$1q.useTeleport;
469
+ exports.useThrottleRender = index$1r.useThrottleRender;
470
+ exports.useTimeout = index$1s.useTimeout;
471
+ exports.useTransitionFallthrough = index$1t.useTransitionFallthrough;
472
+ exports.useTransitionFallthroughEmits = index$1t.useTransitionFallthroughEmits;
473
+ exports.ID_INJECTION_KEY = index$1u.ID_INJECTION_KEY;
474
+ exports.useId = index$1u.useId;
475
+ exports.useEscapeKeydown = index$1v.useEscapeKeydown;
476
+ exports.POPPER_CONTAINER_ID = index$1w.POPPER_CONTAINER_ID;
477
+ exports.POPPER_CONTAINER_SELECTOR = index$1w.POPPER_CONTAINER_SELECTOR;
478
+ exports.usePopperContainer = index$1w.usePopperContainer;
479
+ exports.useDelayedRender = index$1x.useDelayedRender;
480
+ exports.useDelayedToggle = index$1y.useDelayedToggle;
481
+ exports.useDelayedToggleProps = index$1y.useDelayedToggleProps;
482
+ exports.FORWARD_REF_INJECTION_KEY = index$1z.FORWARD_REF_INJECTION_KEY;
483
+ exports.useForwardRef = index$1z.useForwardRef;
484
+ exports.useForwardRefDirective = index$1z.useForwardRefDirective;
485
+ exports.useNamespace = index$1A.useNamespace;
484
486
  exports.elFormItemKey = form.elFormItemKey;
485
487
  exports.elFormKey = form.elFormKey;
486
488
  exports.buttonGroupContextKey = button$1.buttonGroupContextKey;
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport * from '@element-plus/utils/popup-manager'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport * from '@element-plus/utils/popup-manager'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20220130";
1
+ export declare const version = "0.0.20220203";
package/lib/version.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const version = "0.0.20220130";
5
+ const version = "0.0.20220203";
6
6
 
7
7
  exports.version = version;
8
8
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220130'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220203'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@element-plus/nightly",
3
- "version": "0.0.20220130",
3
+ "version": "0.0.20220203",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "homepage": "https://element-plus.org/",
6
6
  "keywords": [
@@ -73,5 +73,5 @@
73
73
  "not ie 11",
74
74
  "not op_mini all"
75
75
  ],
76
- "gitHead": "efbe852d1ca2aa98e5334d3ce5673e69c3c247c3"
76
+ "gitHead": "fb50b4ff8d1bca88e7159869f41f87d5edaf3134"
77
77
  }