@element-plus/nightly 0.0.20220215 → 0.0.20220219

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 (322) hide show
  1. package/dist/index.full.js +374 -392
  2. package/dist/index.full.min.js +6 -6
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +6 -6
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +375 -393
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar.js +1 -1
  12. package/dist/locale/ar.min.js +1 -1
  13. package/dist/locale/ar.min.mjs +1 -1
  14. package/dist/locale/ar.mjs +1 -1
  15. package/dist/locale/bg.js +1 -1
  16. package/dist/locale/bg.min.js +1 -1
  17. package/dist/locale/bg.min.mjs +1 -1
  18. package/dist/locale/bg.mjs +1 -1
  19. package/dist/locale/bn.js +1 -1
  20. package/dist/locale/bn.min.js +1 -1
  21. package/dist/locale/bn.min.mjs +1 -1
  22. package/dist/locale/bn.mjs +1 -1
  23. package/dist/locale/ca.js +1 -1
  24. package/dist/locale/ca.min.js +1 -1
  25. package/dist/locale/ca.min.mjs +1 -1
  26. package/dist/locale/ca.mjs +1 -1
  27. package/dist/locale/cs.js +1 -1
  28. package/dist/locale/cs.min.js +1 -1
  29. package/dist/locale/cs.min.mjs +1 -1
  30. package/dist/locale/cs.mjs +1 -1
  31. package/dist/locale/da.js +1 -1
  32. package/dist/locale/da.min.js +1 -1
  33. package/dist/locale/da.min.mjs +1 -1
  34. package/dist/locale/da.mjs +1 -1
  35. package/dist/locale/de.js +1 -1
  36. package/dist/locale/de.min.js +1 -1
  37. package/dist/locale/de.min.mjs +1 -1
  38. package/dist/locale/de.mjs +1 -1
  39. package/dist/locale/el.js +1 -1
  40. package/dist/locale/el.min.js +1 -1
  41. package/dist/locale/el.min.mjs +1 -1
  42. package/dist/locale/el.mjs +1 -1
  43. package/dist/locale/en.js +1 -1
  44. package/dist/locale/en.min.js +1 -1
  45. package/dist/locale/en.min.mjs +1 -1
  46. package/dist/locale/en.mjs +1 -1
  47. package/dist/locale/eo.js +1 -1
  48. package/dist/locale/eo.min.js +1 -1
  49. package/dist/locale/eo.min.mjs +1 -1
  50. package/dist/locale/eo.mjs +1 -1
  51. package/dist/locale/es.js +1 -1
  52. package/dist/locale/es.min.js +1 -1
  53. package/dist/locale/es.min.mjs +1 -1
  54. package/dist/locale/es.mjs +1 -1
  55. package/dist/locale/et.js +1 -1
  56. package/dist/locale/et.min.js +1 -1
  57. package/dist/locale/et.min.mjs +1 -1
  58. package/dist/locale/et.mjs +1 -1
  59. package/dist/locale/eu.js +1 -1
  60. package/dist/locale/eu.min.js +1 -1
  61. package/dist/locale/eu.min.mjs +1 -1
  62. package/dist/locale/eu.mjs +1 -1
  63. package/dist/locale/fa.js +1 -1
  64. package/dist/locale/fa.min.js +1 -1
  65. package/dist/locale/fa.min.mjs +1 -1
  66. package/dist/locale/fa.mjs +1 -1
  67. package/dist/locale/fi.js +1 -1
  68. package/dist/locale/fi.min.js +1 -1
  69. package/dist/locale/fi.min.mjs +1 -1
  70. package/dist/locale/fi.mjs +1 -1
  71. package/dist/locale/fr.js +1 -1
  72. package/dist/locale/fr.min.js +1 -1
  73. package/dist/locale/fr.min.mjs +1 -1
  74. package/dist/locale/fr.mjs +1 -1
  75. package/dist/locale/he.js +1 -1
  76. package/dist/locale/he.min.js +1 -1
  77. package/dist/locale/he.min.mjs +1 -1
  78. package/dist/locale/he.mjs +1 -1
  79. package/dist/locale/hr.js +1 -1
  80. package/dist/locale/hr.min.js +1 -1
  81. package/dist/locale/hr.min.mjs +1 -1
  82. package/dist/locale/hr.mjs +1 -1
  83. package/dist/locale/hu.js +1 -1
  84. package/dist/locale/hu.min.js +1 -1
  85. package/dist/locale/hu.min.mjs +1 -1
  86. package/dist/locale/hu.mjs +1 -1
  87. package/dist/locale/hy-am.js +1 -1
  88. package/dist/locale/hy-am.min.js +1 -1
  89. package/dist/locale/hy-am.min.mjs +1 -1
  90. package/dist/locale/hy-am.mjs +1 -1
  91. package/dist/locale/id.js +1 -1
  92. package/dist/locale/id.min.js +1 -1
  93. package/dist/locale/id.min.mjs +1 -1
  94. package/dist/locale/id.mjs +1 -1
  95. package/dist/locale/it.js +1 -1
  96. package/dist/locale/it.min.js +1 -1
  97. package/dist/locale/it.min.mjs +1 -1
  98. package/dist/locale/it.mjs +1 -1
  99. package/dist/locale/ja.js +1 -1
  100. package/dist/locale/ja.min.js +1 -1
  101. package/dist/locale/ja.min.mjs +1 -1
  102. package/dist/locale/ja.mjs +1 -1
  103. package/dist/locale/kk.js +1 -1
  104. package/dist/locale/kk.min.js +1 -1
  105. package/dist/locale/kk.min.mjs +1 -1
  106. package/dist/locale/kk.mjs +1 -1
  107. package/dist/locale/km.js +1 -1
  108. package/dist/locale/km.min.js +1 -1
  109. package/dist/locale/km.min.mjs +1 -1
  110. package/dist/locale/km.mjs +1 -1
  111. package/dist/locale/ko.js +1 -1
  112. package/dist/locale/ko.min.js +1 -1
  113. package/dist/locale/ko.min.mjs +1 -1
  114. package/dist/locale/ko.mjs +1 -1
  115. package/dist/locale/ku.js +1 -1
  116. package/dist/locale/ku.min.js +1 -1
  117. package/dist/locale/ku.min.mjs +1 -1
  118. package/dist/locale/ku.mjs +1 -1
  119. package/dist/locale/ky.js +1 -1
  120. package/dist/locale/ky.min.js +1 -1
  121. package/dist/locale/ky.min.mjs +1 -1
  122. package/dist/locale/ky.mjs +1 -1
  123. package/dist/locale/lt.js +1 -1
  124. package/dist/locale/lt.min.js +1 -1
  125. package/dist/locale/lt.min.mjs +1 -1
  126. package/dist/locale/lt.mjs +1 -1
  127. package/dist/locale/lv.js +1 -1
  128. package/dist/locale/lv.min.js +1 -1
  129. package/dist/locale/lv.min.mjs +1 -1
  130. package/dist/locale/lv.mjs +1 -1
  131. package/dist/locale/mg.js +1 -1
  132. package/dist/locale/mg.min.js +1 -1
  133. package/dist/locale/mg.min.mjs +1 -1
  134. package/dist/locale/mg.mjs +1 -1
  135. package/dist/locale/mn.js +1 -1
  136. package/dist/locale/mn.min.js +1 -1
  137. package/dist/locale/mn.min.mjs +1 -1
  138. package/dist/locale/mn.mjs +1 -1
  139. package/dist/locale/nb-no.js +1 -1
  140. package/dist/locale/nb-no.min.js +1 -1
  141. package/dist/locale/nb-no.min.mjs +1 -1
  142. package/dist/locale/nb-no.mjs +1 -1
  143. package/dist/locale/nl.js +1 -1
  144. package/dist/locale/nl.min.js +1 -1
  145. package/dist/locale/nl.min.mjs +1 -1
  146. package/dist/locale/nl.mjs +1 -1
  147. package/dist/locale/pa.js +1 -1
  148. package/dist/locale/pa.min.js +1 -1
  149. package/dist/locale/pa.min.mjs +1 -1
  150. package/dist/locale/pa.mjs +1 -1
  151. package/dist/locale/pl.js +1 -1
  152. package/dist/locale/pl.min.js +1 -1
  153. package/dist/locale/pl.min.mjs +1 -1
  154. package/dist/locale/pl.mjs +1 -1
  155. package/dist/locale/pt-br.js +1 -1
  156. package/dist/locale/pt-br.min.js +1 -1
  157. package/dist/locale/pt-br.min.mjs +1 -1
  158. package/dist/locale/pt-br.mjs +1 -1
  159. package/dist/locale/pt.js +1 -1
  160. package/dist/locale/pt.min.js +1 -1
  161. package/dist/locale/pt.min.mjs +1 -1
  162. package/dist/locale/pt.mjs +1 -1
  163. package/dist/locale/ro.js +1 -1
  164. package/dist/locale/ro.min.js +1 -1
  165. package/dist/locale/ro.min.mjs +1 -1
  166. package/dist/locale/ro.mjs +1 -1
  167. package/dist/locale/ru.js +1 -1
  168. package/dist/locale/ru.min.js +1 -1
  169. package/dist/locale/ru.min.mjs +1 -1
  170. package/dist/locale/ru.mjs +1 -1
  171. package/dist/locale/sk.js +1 -1
  172. package/dist/locale/sk.min.js +1 -1
  173. package/dist/locale/sk.min.mjs +1 -1
  174. package/dist/locale/sk.mjs +1 -1
  175. package/dist/locale/sl.js +1 -1
  176. package/dist/locale/sl.min.js +1 -1
  177. package/dist/locale/sl.min.mjs +1 -1
  178. package/dist/locale/sl.mjs +1 -1
  179. package/dist/locale/sr.js +1 -1
  180. package/dist/locale/sr.min.js +1 -1
  181. package/dist/locale/sr.min.mjs +1 -1
  182. package/dist/locale/sr.mjs +1 -1
  183. package/dist/locale/sv.js +1 -1
  184. package/dist/locale/sv.min.js +1 -1
  185. package/dist/locale/sv.min.mjs +1 -1
  186. package/dist/locale/sv.mjs +1 -1
  187. package/dist/locale/ta.js +1 -1
  188. package/dist/locale/ta.min.js +1 -1
  189. package/dist/locale/ta.min.mjs +1 -1
  190. package/dist/locale/ta.mjs +1 -1
  191. package/dist/locale/th.js +1 -1
  192. package/dist/locale/th.min.js +1 -1
  193. package/dist/locale/th.min.mjs +1 -1
  194. package/dist/locale/th.mjs +1 -1
  195. package/dist/locale/tk.js +1 -1
  196. package/dist/locale/tk.min.js +1 -1
  197. package/dist/locale/tk.min.mjs +1 -1
  198. package/dist/locale/tk.mjs +1 -1
  199. package/dist/locale/tr.js +1 -1
  200. package/dist/locale/tr.min.js +1 -1
  201. package/dist/locale/tr.min.mjs +1 -1
  202. package/dist/locale/tr.mjs +1 -1
  203. package/dist/locale/ug-cn.js +1 -1
  204. package/dist/locale/ug-cn.min.js +1 -1
  205. package/dist/locale/ug-cn.min.mjs +1 -1
  206. package/dist/locale/ug-cn.mjs +1 -1
  207. package/dist/locale/uk.js +1 -1
  208. package/dist/locale/uk.min.js +1 -1
  209. package/dist/locale/uk.min.mjs +1 -1
  210. package/dist/locale/uk.mjs +1 -1
  211. package/dist/locale/uz-uz.js +1 -1
  212. package/dist/locale/uz-uz.min.js +1 -1
  213. package/dist/locale/uz-uz.min.mjs +1 -1
  214. package/dist/locale/uz-uz.mjs +1 -1
  215. package/dist/locale/vi.js +1 -1
  216. package/dist/locale/vi.min.js +1 -1
  217. package/dist/locale/vi.min.mjs +1 -1
  218. package/dist/locale/vi.mjs +1 -1
  219. package/dist/locale/zh-cn.js +1 -1
  220. package/dist/locale/zh-cn.min.js +1 -1
  221. package/dist/locale/zh-cn.min.mjs +1 -1
  222. package/dist/locale/zh-cn.mjs +1 -1
  223. package/dist/locale/zh-tw.js +1 -1
  224. package/dist/locale/zh-tw.min.js +1 -1
  225. package/dist/locale/zh-tw.min.mjs +1 -1
  226. package/dist/locale/zh-tw.mjs +1 -1
  227. package/es/components/affix/index.d.ts +19 -0
  228. package/es/components/affix/index.mjs +2 -2
  229. package/es/components/affix/index.mjs.map +1 -1
  230. package/es/components/affix/src/affix.vue.d.ts +19 -0
  231. package/es/components/affix/src/affix2.mjs +23 -28
  232. package/es/components/affix/src/affix2.mjs.map +1 -1
  233. package/es/components/alert/index.d.ts +55 -2
  234. package/es/components/alert/index.mjs +2 -2
  235. package/es/components/alert/index.mjs.map +1 -1
  236. package/es/components/alert/src/alert.vue.d.ts +55 -2
  237. package/es/components/alert/src/alert2.mjs +70 -80
  238. package/es/components/alert/src/alert2.mjs.map +1 -1
  239. package/es/components/backtop/index.d.ts +64 -4
  240. package/es/components/backtop/index.mjs +2 -2
  241. package/es/components/backtop/index.mjs.map +1 -1
  242. package/es/components/backtop/src/backtop.vue.d.ts +64 -4
  243. package/es/components/backtop/src/backtop2.mjs +39 -49
  244. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  245. package/es/components/badge/index.d.ts +9 -0
  246. package/es/components/badge/index.mjs +2 -2
  247. package/es/components/badge/index.mjs.map +1 -1
  248. package/es/components/badge/src/badge.vue.d.ts +17 -8
  249. package/es/components/badge/src/badge2.mjs +37 -37
  250. package/es/components/badge/src/badge2.mjs.map +1 -1
  251. package/es/components/cascader/index.d.ts +10 -10
  252. package/es/components/cascader/src/index.vue.d.ts +5 -5
  253. package/es/components/dropdown/index.d.ts +5 -5
  254. package/es/components/dropdown/src/dropdown.vue.d.ts +5 -5
  255. package/es/components/menu/index.d.ts +1 -1
  256. package/es/components/menu/src/menu.d.ts +1 -1
  257. package/es/components/popover/index.d.ts +12 -12
  258. package/es/components/popover/src/index.vue.d.ts +6 -6
  259. package/es/components/popper/src/content.vue.d.ts +1 -1
  260. package/es/components/rate/src/rate2.mjs +2 -2
  261. package/es/components/rate/src/rate2.mjs.map +1 -1
  262. package/es/components/select/index.d.ts +5 -5
  263. package/es/components/select/src/select.vue.d.ts +5 -5
  264. package/es/components/select/src/useSelect.d.ts +5 -5
  265. package/es/components/select-v2/index.d.ts +10 -10
  266. package/es/components/select-v2/src/select.vue.d.ts +5 -5
  267. package/es/components/select-v2/src/useSelect.d.ts +5 -5
  268. package/es/components/table/src/filter-panel.vue.d.ts +5 -5
  269. package/es/components/time-picker/src/common/picker.vue.d.ts +5 -5
  270. package/es/components/tooltip/index.d.ts +2 -2
  271. package/es/components/tooltip/src/content.vue.d.ts +5 -5
  272. package/es/components/tooltip/src/tooltip.vue.d.ts +2 -2
  273. package/es/components/tooltip/src/tooltip2.mjs +3 -2
  274. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  275. package/es/version.d.ts +1 -1
  276. package/es/version.mjs +1 -1
  277. package/es/version.mjs.map +1 -1
  278. package/lib/components/affix/index.d.ts +19 -0
  279. package/lib/components/affix/src/affix.vue.d.ts +19 -0
  280. package/lib/components/affix/src/affix2.js +22 -27
  281. package/lib/components/affix/src/affix2.js.map +1 -1
  282. package/lib/components/alert/index.d.ts +55 -2
  283. package/lib/components/alert/src/alert.vue.d.ts +55 -2
  284. package/lib/components/alert/src/alert2.js +72 -82
  285. package/lib/components/alert/src/alert2.js.map +1 -1
  286. package/lib/components/backtop/index.d.ts +64 -4
  287. package/lib/components/backtop/src/backtop.vue.d.ts +64 -4
  288. package/lib/components/backtop/src/backtop2.js +41 -51
  289. package/lib/components/backtop/src/backtop2.js.map +1 -1
  290. package/lib/components/badge/index.d.ts +9 -0
  291. package/lib/components/badge/src/badge.vue.d.ts +17 -8
  292. package/lib/components/badge/src/badge2.js +36 -36
  293. package/lib/components/badge/src/badge2.js.map +1 -1
  294. package/lib/components/cascader/index.d.ts +10 -10
  295. package/lib/components/cascader/src/index.vue.d.ts +5 -5
  296. package/lib/components/dropdown/index.d.ts +5 -5
  297. package/lib/components/dropdown/src/dropdown.vue.d.ts +5 -5
  298. package/lib/components/menu/index.d.ts +1 -1
  299. package/lib/components/menu/src/menu.d.ts +1 -1
  300. package/lib/components/popover/index.d.ts +12 -12
  301. package/lib/components/popover/src/index.vue.d.ts +6 -6
  302. package/lib/components/popper/src/content.vue.d.ts +1 -1
  303. package/lib/components/rate/src/rate2.js +2 -2
  304. package/lib/components/rate/src/rate2.js.map +1 -1
  305. package/lib/components/select/index.d.ts +5 -5
  306. package/lib/components/select/src/select.vue.d.ts +5 -5
  307. package/lib/components/select/src/useSelect.d.ts +5 -5
  308. package/lib/components/select-v2/index.d.ts +10 -10
  309. package/lib/components/select-v2/src/select.vue.d.ts +5 -5
  310. package/lib/components/select-v2/src/useSelect.d.ts +5 -5
  311. package/lib/components/table/src/filter-panel.vue.d.ts +5 -5
  312. package/lib/components/time-picker/src/common/picker.vue.d.ts +5 -5
  313. package/lib/components/tooltip/index.d.ts +2 -2
  314. package/lib/components/tooltip/src/content.vue.d.ts +5 -5
  315. package/lib/components/tooltip/src/tooltip.vue.d.ts +2 -2
  316. package/lib/components/tooltip/src/tooltip2.js +3 -2
  317. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  318. package/lib/version.d.ts +1 -1
  319. package/lib/version.js +1 -1
  320. package/lib/version.js.map +1 -1
  321. package/package.json +2 -2
  322. package/web-types.json +1 -1
@@ -5,6 +5,22 @@ declare const _default: import("vue").DefineComponent<{
5
5
  readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
6
6
  readonly position: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
7
7
  }, {
8
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
9
+ readonly zIndex: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ZIndexProperty>, 100, unknown, unknown, unknown>;
10
+ readonly target: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
11
+ readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
12
+ readonly position: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
13
+ }>> & {
14
+ onChange?: ((fixed: boolean) => any) | undefined;
15
+ onScroll?: ((args_0: {
16
+ scrollTop: number;
17
+ fixed: boolean;
18
+ }) => any) | undefined;
19
+ }>>;
20
+ emit: ((event: "change", fixed: boolean) => void) & ((event: "scroll", args_0: {
21
+ scrollTop: number;
22
+ fixed: boolean;
23
+ }) => void);
8
24
  ns: {
9
25
  namespace: import("vue").ComputedRef<string>;
10
26
  b: (blockSuffix?: string) => string;
@@ -19,7 +35,9 @@ declare const _default: import("vue").DefineComponent<{
19
35
  (name: string): string;
20
36
  };
21
37
  };
38
+ target: import("vue").ShallowRef<HTMLElement | undefined>;
22
39
  root: import("vue").ShallowRef<HTMLDivElement | undefined>;
40
+ scrollContainer: import("vue").ShallowRef<Window | HTMLElement | undefined>;
23
41
  state: {
24
42
  fixed: boolean;
25
43
  height: number;
@@ -31,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
31
49
  rootStyle: import("vue").ComputedRef<CSSProperties>;
32
50
  affixStyle: import("vue").ComputedRef<CSSProperties | undefined>;
33
51
  update: () => void;
52
+ onScroll: () => void;
34
53
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
35
54
  scroll: ({ scrollTop, fixed }: {
36
55
  scrollTop: number;
@@ -7,15 +7,18 @@ var core = require('@vueuse/core');
7
7
  require('../../../utils/index.js');
8
8
  require('../../../hooks/index.js');
9
9
  var affix = require('./affix.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
10
  var index = require('../../../hooks/use-namespace/index.js');
12
11
  var scroll = require('../../../utils/dom/scroll.js');
13
12
 
14
- const _sfc_main = vue.defineComponent({
15
- name: "ElAffix",
13
+ const __default__ = {
14
+ name: "ElAffix"
15
+ };
16
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
17
+ ...__default__,
16
18
  props: affix.affixProps,
17
19
  emits: affix.affixEmits,
18
- setup(props, { emit }) {
20
+ setup(__props, { emit }) {
21
+ const props = __props;
19
22
  const ns = index.useNamespace("affix");
20
23
  const target = vue.shallowRef();
21
24
  const root = vue.shallowRef();
@@ -100,31 +103,23 @@ const _sfc_main = vue.defineComponent({
100
103
  core.useEventListener(scrollContainer, "scroll", onScroll);
101
104
  core.useResizeObserver(root, () => update());
102
105
  core.useResizeObserver(target, () => update());
103
- return {
104
- ns,
105
- root,
106
- state,
107
- rootStyle,
108
- affixStyle,
109
- update
106
+ return (_ctx, _cache) => {
107
+ return vue.openBlock(), vue.createElementBlock("div", {
108
+ ref_key: "root",
109
+ ref: root,
110
+ class: vue.normalizeClass(vue.unref(ns).b()),
111
+ style: vue.normalizeStyle(vue.unref(rootStyle))
112
+ }, [
113
+ vue.createElementVNode("div", {
114
+ class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: vue.unref(state).fixed }),
115
+ style: vue.normalizeStyle(vue.unref(affixStyle))
116
+ }, [
117
+ vue.renderSlot(_ctx.$slots, "default")
118
+ ], 6)
119
+ ], 6);
110
120
  };
111
121
  }
112
122
  });
113
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
114
- return vue.openBlock(), vue.createElementBlock("div", {
115
- ref: "root",
116
- class: vue.normalizeClass(_ctx.ns.b()),
117
- style: vue.normalizeStyle(_ctx.rootStyle)
118
- }, [
119
- vue.createElementVNode("div", {
120
- class: vue.normalizeClass({ [_ctx.ns.m("fixed")]: _ctx.state.fixed }),
121
- style: vue.normalizeStyle(_ctx.affixStyle)
122
- }, [
123
- vue.renderSlot(_ctx.$slots, "default")
124
- ], 6)
125
- ], 6);
126
- }
127
- var Affix = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
128
123
 
129
- exports["default"] = Affix;
124
+ exports["default"] = _sfc_main;
130
125
  //# sourceMappingURL=affix2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n <div :class=\"{ [ns.m('fixed')]: state.fixed }\" :style=\"affixStyle\">\n <slot></slot>\n </div>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n onMounted,\n reactive,\n shallowRef,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { getScrollContainer } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n name: 'ElAffix',\n\n props: affixProps,\n emits: affixEmits,\n\n setup(props, { emit }) {\n const ns = useNamespace('affix')\n\n const target = shallowRef<HTMLElement>()\n const root = shallowRef<HTMLDivElement>()\n const scrollContainer = shallowRef<HTMLElement | Window>()\n\n const state = reactive({\n fixed: false,\n height: 0, // height of root\n width: 0, // width of root\n scrollTop: 0, // scrollTop of documentElement\n clientHeight: 0, // clientHeight of documentElement\n transform: 0,\n })\n\n const rootStyle = computed<CSSProperties>(() => {\n return {\n height: state.fixed ? `${state.height}px` : '',\n width: state.fixed ? `${state.width}px` : '',\n }\n })\n\n const affixStyle = computed<CSSProperties | undefined>(() => {\n if (!state.fixed) return\n\n const offset = props.offset ? `${props.offset}px` : 0\n const transform = state.transform\n ? `translateY(${state.transform}px)`\n : ''\n\n return {\n height: `${state.height}px`,\n width: `${state.width}px`,\n top: props.position === 'top' ? offset : '',\n bottom: props.position === 'bottom' ? offset : '',\n transform,\n zIndex: props.zIndex,\n }\n })\n\n const update = () => {\n if (!root.value || !target.value || !scrollContainer.value) return\n\n const rootRect = root.value.getBoundingClientRect()\n const targetRect = target.value.getBoundingClientRect()\n state.height = rootRect.height\n state.width = rootRect.width\n state.scrollTop =\n scrollContainer.value instanceof Window\n ? document.documentElement.scrollTop\n : scrollContainer.value.scrollTop || 0\n state.clientHeight = document.documentElement.clientHeight\n\n if (props.position === 'top') {\n if (props.target) {\n const difference = targetRect.bottom - props.offset - state.height\n state.fixed = props.offset > rootRect.top && targetRect.bottom > 0\n state.transform = difference < 0 ? difference : 0\n } else {\n state.fixed = props.offset > rootRect.top\n }\n } else {\n if (props.target) {\n const difference =\n state.clientHeight - targetRect.top - props.offset - state.height\n state.fixed =\n state.clientHeight - props.offset < rootRect.bottom &&\n state.clientHeight > targetRect.top\n state.transform = difference < 0 ? -difference : 0\n } else {\n state.fixed = state.clientHeight - props.offset < rootRect.bottom\n }\n }\n }\n\n const onScroll = () => {\n update()\n\n emit('scroll', {\n scrollTop: state.scrollTop,\n fixed: state.fixed,\n })\n }\n\n watch(\n () => state.fixed,\n () => {\n emit('change', state.fixed)\n }\n )\n\n onMounted(() => {\n if (props.target) {\n target.value =\n document.querySelector<HTMLElement>(props.target) ?? undefined\n if (!target.value) {\n throw new Error(`Target is not existed: ${props.target}`)\n }\n } else {\n target.value = document.documentElement\n }\n scrollContainer.value = getScrollContainer(root.value!, true)\n })\n\n useEventListener(scrollContainer, 'scroll', onScroll)\n useResizeObserver(root, () => update())\n useResizeObserver(target, () => update())\n\n return {\n ns,\n root,\n state,\n rootStyle,\n affixStyle,\n update,\n }\n },\n})\n</script>\n"],"names":["defineComponent","affixProps","affixEmits","useNamespace","shallowRef","reactive","computed","_openBlock"],"mappings":";;;;;;;;;;;;;AAuBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,mBAAa;AAExB,UAAM,SAASC;AACf,UAAM,OAAOA;AACb,UAAM,kBAAkBA;AAExB,UAAM,QAAQC,aAAS;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc;AAAA,MACd,WAAW;AAAA;AAGb,UAAM,YAAYC,aAAwB,MAAM;AAC9C,aAAO;AAAA,QACL,QAAQ,MAAM,QAAQ,GAAG,MAAM,aAAa;AAAA,QAC5C,OAAO,MAAM,QAAQ,GAAG,MAAM,YAAY;AAAA;AAAA;AAI9C,UAAM,aAAaA,aAAoC,MAAM;AAC3D,UAAI,CAAC,MAAM;AAAO;AAElB,YAAM,SAAS,MAAM,SAAS,GAAG,MAAM,aAAa;AACpD,YAAM,YAAY,MAAM,YACpB,cAAc,MAAM,iBACpB;AAEJ,aAAO;AAAA,QACL,QAAQ,GAAG,MAAM;AAAA,QACjB,OAAO,GAAG,MAAM;AAAA,QAChB,KAAK,MAAM,aAAa,QAAQ,SAAS;AAAA,QACzC,QAAQ,MAAM,aAAa,WAAW,SAAS;AAAA,QAC/C;AAAA,QACA,QAAQ,MAAM;AAAA;AAAA;AAIlB,UAAM,SAAS,MAAM;AACnB,UAAI,CAAC,KAAK,SAAS,CAAC,OAAO,SAAS,CAAC,gBAAgB;AAAO;AAE5D,YAAM,WAAW,KAAK,MAAM;AAC5B,YAAM,aAAa,OAAO,MAAM;AAChC,YAAM,SAAS,SAAS;AACxB,YAAM,QAAQ,SAAS;AACvB,YAAM,YACJ,gBAAgB,iBAAiB,SAC7B,SAAS,gBAAgB,YACzB,gBAAgB,MAAM,aAAa;AACzC,YAAM,eAAe,SAAS,gBAAgB;AAE9C,UAAI,MAAM,aAAa,OAAO;AAC5B,YAAI,MAAM,QAAQ;AAChB,gBAAM,aAAa,WAAW,SAAS,MAAM,SAAS,MAAM;AAC5D,gBAAM,QAAQ,MAAM,SAAS,SAAS,OAAO,WAAW,SAAS;AACjE,gBAAM,YAAY,aAAa,IAAI,aAAa;AAAA,eAC3C;AACL,gBAAM,QAAQ,MAAM,SAAS,SAAS;AAAA;AAAA,aAEnC;AACL,YAAI,MAAM,QAAQ;AAChB,gBAAM,aACJ,MAAM,eAAe,WAAW,MAAM,MAAM,SAAS,MAAM;AAC7D,gBAAM,QACJ,MAAM,eAAe,MAAM,SAAS,SAAS,UAC7C,MAAM,eAAe,WAAW;AAClC,gBAAM,YAAY,aAAa,IAAI,CAAC,aAAa;AAAA,eAC5C;AACL,gBAAM,QAAQ,MAAM,eAAe,MAAM,SAAS,SAAS;AAAA;AAAA;AAAA;AAKjE,UAAM,WAAW,MAAM;AACrB;AAEA,WAAK,UAAU;AAAA,QACb,WAAW,MAAM;AAAA,QACjB,OAAO,MAAM;AAAA;AAAA;AAIjB,cACE,MAAM,MAAM,OACZ,MAAM;AACJ,WAAK,UAAU,MAAM;AAAA;AAIzB,kBAAU,MAAM;AACd,UAAI;AACF,eAAO;AAEP,oBAAY;AACV,oBAAU;AAAsC;AAAA;AAGlD;AAAwB;AAE1B;AAAwD;AAG1D;AACA;AACA,2BAAkB;AAElB;AAAO;AACL,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;SA/IK;AAAM,SAAOC;AAAA,IAAW;AAAO;;AACtC;AAAW,gCAA4C;AAAU;;AAC/D;;;;;;;;;"}
1
+ {"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n <div :class=\"{ [ns.m('fixed')]: state.fixed }\" :style=\"affixStyle\">\n <slot></slot>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, shallowRef, watch } from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { getScrollContainer } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElAffix',\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\n\nconst state = reactive({\n fixed: false,\n height: 0, // height of root\n width: 0, // width of root\n scrollTop: 0, // scrollTop of documentElement\n clientHeight: 0, // clientHeight of documentElement\n transform: 0,\n})\n\nconst rootStyle = computed<CSSProperties>(() => {\n return {\n height: state.fixed ? `${state.height}px` : '',\n width: state.fixed ? `${state.width}px` : '',\n }\n})\n\nconst affixStyle = computed<CSSProperties | undefined>(() => {\n if (!state.fixed) return\n\n const offset = props.offset ? `${props.offset}px` : 0\n const transform = state.transform ? `translateY(${state.transform}px)` : ''\n\n return {\n height: `${state.height}px`,\n width: `${state.width}px`,\n top: props.position === 'top' ? offset : '',\n bottom: props.position === 'bottom' ? offset : '',\n transform,\n zIndex: props.zIndex,\n }\n})\n\nconst update = () => {\n if (!root.value || !target.value || !scrollContainer.value) return\n\n const rootRect = root.value.getBoundingClientRect()\n const targetRect = target.value.getBoundingClientRect()\n state.height = rootRect.height\n state.width = rootRect.width\n state.scrollTop =\n scrollContainer.value instanceof Window\n ? document.documentElement.scrollTop\n : scrollContainer.value.scrollTop || 0\n state.clientHeight = document.documentElement.clientHeight\n\n if (props.position === 'top') {\n if (props.target) {\n const difference = targetRect.bottom - props.offset - state.height\n state.fixed = props.offset > rootRect.top && targetRect.bottom > 0\n state.transform = difference < 0 ? difference : 0\n } else {\n state.fixed = props.offset > rootRect.top\n }\n } else {\n if (props.target) {\n const difference =\n state.clientHeight - targetRect.top - props.offset - state.height\n state.fixed =\n state.clientHeight - props.offset < rootRect.bottom &&\n state.clientHeight > targetRect.top\n state.transform = difference < 0 ? -difference : 0\n } else {\n state.fixed = state.clientHeight - props.offset < rootRect.bottom\n }\n }\n}\n\nconst onScroll = () => {\n update()\n\n emit('scroll', {\n scrollTop: state.scrollTop,\n fixed: state.fixed,\n })\n}\n\nwatch(\n () => state.fixed,\n () => {\n emit('change', state.fixed)\n }\n)\n\nonMounted(() => {\n if (props.target) {\n target.value =\n document.querySelector<HTMLElement>(props.target) ?? undefined\n if (!target.value) {\n throw new Error(`Target is not existed: ${props.target}`)\n }\n } else {\n target.value = document.documentElement\n }\n scrollContainer.value = getScrollContainer(root.value!, true)\n})\n\nuseEventListener(scrollContainer, 'scroll', onScroll)\nuseResizeObserver(root, () => update())\nuseResizeObserver(target, () => update())\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA;AAEA;AACA;AACA;AAEA;;;;;;;;AASA;;;;;;AAOA;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;;;AASA;;;AAOA;;;;;;;;;;;AAaA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,6 +8,23 @@ export declare const ElAlert: import("element-plus/es/utils").SFCWithInstall<imp
8
8
  readonly center: BooleanConstructor;
9
9
  readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
10
10
  }, {
11
+ Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
12
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
13
+ readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
14
+ readonly description: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
15
+ readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
16
+ readonly closable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
17
+ readonly closeText: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
18
+ readonly showIcon: BooleanConstructor;
19
+ readonly center: BooleanConstructor;
20
+ readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
21
+ }>> & {
22
+ onClose?: ((evt: MouseEvent) => any) | undefined;
23
+ }>>;
24
+ emit: (event: "close", evt: MouseEvent) => void;
25
+ slots: Readonly<{
26
+ [name: string]: import("vue").Slot | undefined;
27
+ }>;
11
28
  ns: {
12
29
  namespace: import("vue").ComputedRef<string>;
13
30
  b: (blockSuffix?: string) => string;
@@ -24,9 +41,45 @@ export declare const ElAlert: import("element-plus/es/utils").SFCWithInstall<imp
24
41
  };
25
42
  visible: import("vue").Ref<boolean>;
26
43
  iconComponent: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
27
- isBigIcon: import("vue").ComputedRef<string>;
28
- isBoldTitle: import("vue").ComputedRef<string>;
44
+ isBigIcon: import("vue").ComputedRef<string | {
45
+ [x: string]: import("vue").Slot | undefined;
46
+ }>;
47
+ isBoldTitle: import("vue").ComputedRef<string | {
48
+ [x: string]: import("vue").Slot | undefined;
49
+ }>;
29
50
  close: (evt: MouseEvent) => void;
51
+ ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
52
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
53
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
54
+ }, {
55
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
56
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
57
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
58
+ }>> & {
59
+ [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
60
+ }>>;
61
+ ns: {
62
+ namespace: import("vue").ComputedRef<string>;
63
+ b: (blockSuffix?: string) => string;
64
+ e: (element?: string | undefined) => string;
65
+ m: (modifier?: string | undefined) => string;
66
+ be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
67
+ em: (element?: string | undefined, modifier?: string | undefined) => string;
68
+ bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
69
+ bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
70
+ is: {
71
+ (name: string, state: boolean | undefined): string;
72
+ (name: string): string;
73
+ };
74
+ };
75
+ style: import("vue").ComputedRef<import("vue").CSSProperties>;
76
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
77
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
78
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
79
+ }>>, {
80
+ size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
81
+ color: string;
82
+ }>> & Record<string, any>;
30
83
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
84
  close: (evt: MouseEvent) => boolean;
32
85
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -8,6 +8,23 @@ declare const _default: import("vue").DefineComponent<{
8
8
  readonly center: BooleanConstructor;
9
9
  readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
10
10
  }, {
11
+ Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
12
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
13
+ readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
14
+ readonly description: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
15
+ readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
16
+ readonly closable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
17
+ readonly closeText: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
18
+ readonly showIcon: BooleanConstructor;
19
+ readonly center: BooleanConstructor;
20
+ readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
21
+ }>> & {
22
+ onClose?: ((evt: MouseEvent) => any) | undefined;
23
+ }>>;
24
+ emit: (event: "close", evt: MouseEvent) => void;
25
+ slots: Readonly<{
26
+ [name: string]: import("vue").Slot | undefined;
27
+ }>;
11
28
  ns: {
12
29
  namespace: import("vue").ComputedRef<string>;
13
30
  b: (blockSuffix?: string) => string;
@@ -24,9 +41,45 @@ declare const _default: import("vue").DefineComponent<{
24
41
  };
25
42
  visible: import("vue").Ref<boolean>;
26
43
  iconComponent: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
27
- isBigIcon: import("vue").ComputedRef<string>;
28
- isBoldTitle: import("vue").ComputedRef<string>;
44
+ isBigIcon: import("vue").ComputedRef<string | {
45
+ [x: string]: import("vue").Slot | undefined;
46
+ }>;
47
+ isBoldTitle: import("vue").ComputedRef<string | {
48
+ [x: string]: import("vue").Slot | undefined;
49
+ }>;
29
50
  close: (evt: MouseEvent) => void;
51
+ ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
52
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
53
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
54
+ }, {
55
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
56
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
57
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
58
+ }>> & {
59
+ [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
60
+ }>>;
61
+ ns: {
62
+ namespace: import("vue").ComputedRef<string>;
63
+ b: (blockSuffix?: string) => string;
64
+ e: (element?: string | undefined) => string;
65
+ m: (modifier?: string | undefined) => string;
66
+ be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
67
+ em: (element?: string | undefined, modifier?: string | undefined) => string;
68
+ bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
69
+ bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
70
+ is: {
71
+ (name: string, state: boolean | undefined): string;
72
+ (name: string): string;
73
+ };
74
+ };
75
+ style: import("vue").ComputedRef<import("vue").CSSProperties>;
76
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
77
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
78
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
79
+ }>>, {
80
+ size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
81
+ color: string;
82
+ }>> & Record<string, any>;
30
83
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
84
  close: (evt: MouseEvent) => boolean;
32
85
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -3,106 +3,96 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var index = require('../../icon/index.js');
6
+ var index$1 = require('../../icon/index.js');
7
7
  require('../../../utils/index.js');
8
8
  require('../../../hooks/index.js');
9
9
  var alert = require('./alert.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
10
  var icon = require('../../../utils/vue/icon.js');
12
- var index$1 = require('../../../hooks/use-namespace/index.js');
11
+ var index = require('../../../hooks/use-namespace/index.js');
13
12
 
14
- const _sfc_main = vue.defineComponent({
15
- name: "ElAlert",
16
- components: {
17
- ElIcon: index.ElIcon,
18
- ...icon.TypeComponents
19
- },
13
+ const __default__ = {
14
+ name: "ElAlert"
15
+ };
16
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
17
+ ...__default__,
20
18
  props: alert.alertProps,
21
19
  emits: alert.alertEmits,
22
- setup(props, { emit, slots }) {
23
- const ns = index$1.useNamespace("alert");
20
+ setup(__props, { emit }) {
21
+ const props = __props;
22
+ const { Close } = icon.TypeComponents;
23
+ const slots = vue.useSlots();
24
+ const ns = index.useNamespace("alert");
24
25
  const visible = vue.ref(true);
25
26
  const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type] || icon.TypeComponentsMap["info"]);
26
- const isBigIcon = vue.computed(() => props.description || slots.default ? ns.is("big") : "");
27
- const isBoldTitle = vue.computed(() => props.description || slots.default ? ns.is("bold") : "");
27
+ const isBigIcon = vue.computed(() => props.description || { [ns.is("big")]: slots.default });
28
+ const isBoldTitle = vue.computed(() => props.description || { [ns.is("bold")]: slots.default });
28
29
  const close = (evt) => {
29
30
  visible.value = false;
30
31
  emit("close", evt);
31
32
  };
32
- return {
33
- ns,
34
- visible,
35
- iconComponent,
36
- isBigIcon,
37
- isBoldTitle,
38
- close
39
- };
40
- }
41
- });
42
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
43
- const _component_el_icon = vue.resolveComponent("el-icon");
44
- const _component_close = vue.resolveComponent("close");
45
- return vue.openBlock(), vue.createBlock(vue.Transition, {
46
- name: _ctx.ns.b("fade")
47
- }, {
48
- default: vue.withCtx(() => [
49
- vue.withDirectives(vue.createElementVNode("div", {
50
- class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.type), _ctx.ns.is("center", _ctx.center), _ctx.ns.is(_ctx.effect)]),
51
- role: "alert"
52
- }, [
53
- _ctx.showIcon && _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
54
- key: 0,
55
- class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.isBigIcon])
56
- }, {
57
- default: vue.withCtx(() => [
58
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
59
- ]),
60
- _: 1
61
- }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
62
- vue.createElementVNode("div", {
63
- class: vue.normalizeClass(_ctx.ns.e("content"))
64
- }, [
65
- _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
66
- key: 0,
67
- class: vue.normalizeClass([_ctx.ns.e("title"), _ctx.isBoldTitle])
68
- }, [
69
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
70
- vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
71
- ])
72
- ], 2)) : vue.createCommentVNode("v-if", true),
73
- _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", {
74
- key: 1,
75
- class: vue.normalizeClass(_ctx.ns.e("description"))
33
+ return (_ctx, _cache) => {
34
+ return vue.openBlock(), vue.createBlock(vue.Transition, {
35
+ name: vue.unref(ns).b("fade")
36
+ }, {
37
+ default: vue.withCtx(() => [
38
+ vue.withDirectives(vue.createElementVNode("div", {
39
+ class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.type), vue.unref(ns).is("center", _ctx.center), vue.unref(ns).is(_ctx.effect)]),
40
+ role: "alert"
76
41
  }, [
77
- vue.renderSlot(_ctx.$slots, "default", {}, () => [
78
- vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
79
- ])
80
- ], 2)) : vue.createCommentVNode("v-if", true),
81
- _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
82
- _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
42
+ _ctx.showIcon && vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
83
43
  key: 0,
84
- class: vue.normalizeClass([_ctx.ns.e("close-btn"), _ctx.ns.is("customed")]),
85
- onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
86
- }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
87
- key: 1,
88
- class: vue.normalizeClass(_ctx.ns.e("close-btn")),
89
- onClick: _ctx.close
44
+ class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(isBigIcon)])
90
45
  }, {
91
46
  default: vue.withCtx(() => [
92
- vue.createVNode(_component_close)
47
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
93
48
  ]),
94
49
  _: 1
95
- }, 8, ["class", "onClick"]))
96
- ], 2112)) : vue.createCommentVNode("v-if", true)
97
- ], 2)
98
- ], 2), [
99
- [vue.vShow, _ctx.visible]
100
- ])
101
- ]),
102
- _: 3
103
- }, 8, ["name"]);
104
- }
105
- var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
50
+ }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
51
+ vue.createElementVNode("div", {
52
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
53
+ }, [
54
+ _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
55
+ key: 0,
56
+ class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(isBoldTitle)])
57
+ }, [
58
+ vue.renderSlot(_ctx.$slots, "title", {}, () => [
59
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
60
+ ])
61
+ ], 2)) : vue.createCommentVNode("v-if", true),
62
+ _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", {
63
+ key: 1,
64
+ class: vue.normalizeClass(vue.unref(ns).e("description"))
65
+ }, [
66
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
67
+ vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
68
+ ])
69
+ ], 2)) : vue.createCommentVNode("v-if", true),
70
+ _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
71
+ _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
72
+ key: 0,
73
+ class: vue.normalizeClass([vue.unref(ns).e("close-btn"), vue.unref(ns).is("customed")]),
74
+ onClick: close
75
+ }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
76
+ key: 1,
77
+ class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
78
+ onClick: close
79
+ }, {
80
+ default: vue.withCtx(() => [
81
+ vue.createVNode(vue.unref(Close))
82
+ ]),
83
+ _: 1
84
+ }, 8, ["class"]))
85
+ ], 2112)) : vue.createCommentVNode("v-if", true)
86
+ ], 2)
87
+ ], 2), [
88
+ [vue.vShow, visible.value]
89
+ ])
90
+ ]),
91
+ _: 3
92
+ }, 8, ["name"]);
93
+ };
94
+ }
95
+ });
106
96
 
107
- exports["default"] = Alert;
97
+ exports["default"] = _sfc_main;
108
98
  //# sourceMappingURL=alert2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"visible\"\n :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n role=\"alert\"\n >\n <el-icon\n v-if=\"showIcon && iconComponent\"\n :class=\"[ns.e('icon'), isBigIcon]\"\n >\n <component :is=\"iconComponent\" />\n </el-icon>\n <div :class=\"ns.e('content')\">\n <span\n v-if=\"title || $slots.title\"\n :class=\"[ns.e('title'), isBoldTitle]\"\n >\n <slot name=\"title\">{{ title }}</slot>\n </span>\n <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n <slot>\n {{ description }}\n </slot>\n </p>\n <template v-if=\"closable\">\n <div\n v-if=\"closeText\"\n :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n @click=\"close\"\n >\n {{ closeText }}\n </div>\n <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n <close />\n </el-icon>\n </template>\n </div>\n </div>\n </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n name: 'ElAlert',\n\n components: {\n ElIcon,\n ...TypeComponents,\n },\n\n props: alertProps,\n emits: alertEmits,\n\n setup(props, { emit, slots }) {\n const ns = useNamespace('alert')\n\n // state\n const visible = ref(true)\n\n // computed\n const iconComponent = computed(\n () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n )\n const isBigIcon = computed(() =>\n props.description || slots.default ? ns.is('big') : ''\n )\n const isBoldTitle = computed(() =>\n props.description || slots.default ? ns.is('bold') : ''\n )\n\n // methods\n const close = (evt: MouseEvent) => {\n visible.value = false\n emit('close', evt)\n }\n\n return {\n ns,\n visible,\n iconComponent,\n isBigIcon,\n isBoldTitle,\n close,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElIcon","TypeComponents","alertProps","alertEmits","useNamespace","ref","computed","TypeComponentsMap","_openBlock","_createBlock","_createElementVNode","_normalizeClass","_createCommentVNode","_createElementBlock","_Fragment","_withCtx"],"mappings":";;;;;;;;;;;;;AAgDA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA,OACGC;AAAA;AAAA,EAGL,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,KAAKC,qBAAa;AAGxB,UAAM,UAAUC,QAAI;AAGpB,UAAM,gBAAgBC,aACpB,MAAMC,uBAAkB,MAAM,SAASA,uBAAkB;AAE3D,UAAM,YAAYD,aAAS,MACzB,MAAM,eAAe,MAAM,UAAU,GAAG,GAAG,SAAS;AAEtD,UAAM,cAAcA,aAAS,MAC3B,MAAM,eAAe,MAAM,UAAU,GAAG,GAAG,UAAU;AAIvD,UAAM,QAAQ,CAAC,QAAoB;AACjC,cAAQ,QAAQ;AAChB,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;SAvFeE,iBAAIC;AAAA;;yBACrB;AAAA,yBAEQC,uBAAO,OAAI;AAAA,QACjB,OAAKC,mBAAO;AAAA;SAGJ;AAAA,8BADR;UAEG,KAAK;AAAA;;+BAEN;AAAA;;;4BAEFC,uBAwBM;AAAA,+BAxBK,OAAE;AAAA;WAEH;AAAA,6BADR;YAEG,KAAK;AAAA;aAEN;AAAA,qDAAsB;AAAA;;mBAEfA,uBAAkB;AAAA,iCAA3B;YAAyC,KAAK;AAAA;aAC5C;AAAA,mDACK;AAAA;;mBAGSA,uBAAQ;AAAA,4CAEdC,uBAASC;AAAA;cACd,KAAK;AAAA,cACL,OAAKH,iDAAE;AAAA,iDAEI;AAAA,mCAEd,iBAEU;cAFO,KAAK;AAAA,cAAsB,OAAKA,mBAAO;AAAA;;uBACtDI,YAAS;AAAA;;;;;;aA/BP;AAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"visible\"\n :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n role=\"alert\"\n >\n <el-icon\n v-if=\"showIcon && iconComponent\"\n :class=\"[ns.e('icon'), isBigIcon]\"\n >\n <component :is=\"iconComponent\" />\n </el-icon>\n <div :class=\"ns.e('content')\">\n <span\n v-if=\"title || $slots.title\"\n :class=\"[ns.e('title'), isBoldTitle]\"\n >\n <slot name=\"title\">{{ title }}</slot>\n </span>\n <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n <slot>\n {{ description }}\n </slot>\n </p>\n <template v-if=\"closable\">\n <div\n v-if=\"closeText\"\n :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n @click=\"close\"\n >\n {{ closeText }}\n </div>\n <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n <Close />\n </el-icon>\n </template>\n </div>\n </div>\n </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\n// state\nconst visible = ref(true)\n\n// computed\nconst iconComponent = computed(\n () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n)\nconst isBigIcon = computed(\n () => props.description || { [ns.is('big')]: slots.default }\n)\nconst isBoldTitle = computed(\n () => props.description || { [ns.is('bold')]: slots.default }\n)\n\n// methods\nconst close = (evt: MouseEvent) => {\n visible.value = false\n emit('close', evt)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgDA;AAQA;AAEA;AAGA;AAGA;AAGA;AAGA;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -16,10 +16,28 @@ export declare const ElBacktop: import("element-plus/es/utils").SFCWithInstall<i
16
16
  readonly default: 40;
17
17
  };
18
18
  }, {
19
- visible: import("vue").Ref<boolean>;
20
- styleBottom: import("vue").ComputedRef<string>;
21
- styleRight: import("vue").ComputedRef<string>;
22
- handleClick: (event: MouseEvent) => void;
19
+ COMPONENT_NAME: string;
20
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
21
+ readonly visibilityHeight: {
22
+ readonly type: NumberConstructor;
23
+ readonly default: 200;
24
+ };
25
+ readonly target: {
26
+ readonly type: StringConstructor;
27
+ readonly default: "";
28
+ };
29
+ readonly right: {
30
+ readonly type: NumberConstructor;
31
+ readonly default: 40;
32
+ };
33
+ readonly bottom: {
34
+ readonly type: NumberConstructor;
35
+ readonly default: 40;
36
+ };
37
+ }>> & {
38
+ onClick?: ((evt: MouseEvent) => any) | undefined;
39
+ }>>;
40
+ emit: (event: "click", evt: MouseEvent) => void;
23
41
  ns: {
24
42
  namespace: import("vue").ComputedRef<string>;
25
43
  b: (blockSuffix?: string) => string;
@@ -34,6 +52,48 @@ export declare const ElBacktop: import("element-plus/es/utils").SFCWithInstall<i
34
52
  (name: string): string;
35
53
  };
36
54
  };
55
+ el: import("vue").ShallowRef<HTMLElement | undefined>;
56
+ container: import("vue").ShallowRef<HTMLElement> | import("vue").ShallowRef<Document>;
57
+ visible: import("vue").Ref<boolean>;
58
+ styleBottom: import("vue").ComputedRef<string>;
59
+ styleRight: import("vue").ComputedRef<string>;
60
+ scrollToTop: () => void;
61
+ handleScroll: () => void;
62
+ handleClick: (event: MouseEvent) => void;
63
+ handleScrollThrottled: () => void;
64
+ ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
65
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
66
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
67
+ }, {
68
+ props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
69
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
70
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
71
+ }>> & {
72
+ [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
73
+ }>>;
74
+ ns: {
75
+ namespace: import("vue").ComputedRef<string>;
76
+ b: (blockSuffix?: string) => string;
77
+ e: (element?: string | undefined) => string;
78
+ m: (modifier?: string | undefined) => string;
79
+ be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
80
+ em: (element?: string | undefined, modifier?: string | undefined) => string;
81
+ bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
82
+ bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
83
+ is: {
84
+ (name: string, state: boolean | undefined): string;
85
+ (name: string): string;
86
+ };
87
+ };
88
+ style: import("vue").ComputedRef<import("vue").CSSProperties>;
89
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
90
+ readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
91
+ readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
92
+ }>>, {
93
+ size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
94
+ color: string;
95
+ }>> & Record<string, any>;
96
+ CaretTop: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
37
97
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
38
98
  click: (evt: MouseEvent) => boolean;
39
99
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{