@liuzengwei/element-ui 2.15.5-xn.51 → 2.15.5-xn.53

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 (76) hide show
  1. package/lib/alert.js +2 -2
  2. package/lib/area-picker.js +2 -2
  3. package/lib/aside.js +2 -2
  4. package/lib/backtop.js +2 -2
  5. package/lib/badge.js +2 -2
  6. package/lib/breadcrumb-item.js +2 -2
  7. package/lib/breadcrumb.js +2 -2
  8. package/lib/button-group.js +2 -2
  9. package/lib/button.js +2 -2
  10. package/lib/calendar.js +2 -2
  11. package/lib/card.js +2 -2
  12. package/lib/carousel-item.js +2 -2
  13. package/lib/carousel.js +2 -2
  14. package/lib/cascader-panel.js +2 -2
  15. package/lib/cascader.js +4 -4
  16. package/lib/checkbox-button.js +2 -2
  17. package/lib/checkbox-group.js +2 -2
  18. package/lib/checkbox.js +2 -2
  19. package/lib/collapse-item.js +2 -2
  20. package/lib/collapse.js +2 -2
  21. package/lib/color-picker.js +4 -4
  22. package/lib/container.js +2 -2
  23. package/lib/date-picker.js +5 -5
  24. package/lib/dialog.js +2 -2
  25. package/lib/divider.js +2 -2
  26. package/lib/drawer.js +573 -25
  27. package/lib/dropdown-item.js +2 -2
  28. package/lib/dropdown-menu.js +2 -2
  29. package/lib/element-ui.common.js +547 -20
  30. package/lib/footer.js +2 -2
  31. package/lib/form.js +2 -2
  32. package/lib/header.js +2 -2
  33. package/lib/icon.js +2 -2
  34. package/lib/image.js +2 -2
  35. package/lib/index.js +1 -1
  36. package/lib/input-number.js +2 -2
  37. package/lib/link.js +2 -2
  38. package/lib/loading.js +2 -2
  39. package/lib/main.js +2 -2
  40. package/lib/menu-item-group.js +2 -2
  41. package/lib/menu-item.js +2 -2
  42. package/lib/message-box.js +4 -4
  43. package/lib/message.js +2 -2
  44. package/lib/notification.js +2 -2
  45. package/lib/option-group.js +2 -2
  46. package/lib/page-header.js +2 -2
  47. package/lib/pagination.js +2 -2
  48. package/lib/popover.js +2 -2
  49. package/lib/progress.js +2 -2
  50. package/lib/radio-button.js +2 -2
  51. package/lib/radio-group.js +2 -2
  52. package/lib/radio.js +9 -9
  53. package/lib/rate.js +2 -2
  54. package/lib/select.js +2 -2
  55. package/lib/spinner.js +2 -2
  56. package/lib/step.js +2 -2
  57. package/lib/steps.js +2 -2
  58. package/lib/switch.js +2 -2
  59. package/lib/tab-pane.js +2 -2
  60. package/lib/table.js +4 -4
  61. package/lib/theme-chalk/drawer.css +1 -1
  62. package/lib/theme-chalk/index.css +1 -1
  63. package/lib/time-picker.js +5 -5
  64. package/lib/time-select.js +2 -2
  65. package/lib/timeline-item.js +2 -2
  66. package/lib/tooltip.js +2 -2
  67. package/lib/transfer.js +2 -2
  68. package/lib/trigger.js +5 -5
  69. package/lib/upload.js +8 -8
  70. package/package.json +1 -1
  71. package/packages/drawer/src/main.vue +321 -9
  72. package/packages/theme-chalk/lib/drawer.css +1 -1
  73. package/packages/theme-chalk/lib/index.css +1 -1
  74. package/packages/theme-chalk/src/drawer.scss +31 -0
  75. package/src/index.js +1 -1
  76. package/types/drawer.d.ts +16 -0
package/packages/theme-chalk/src/drawer.scss CHANGED
@@ -136,6 +136,16 @@ $directions: rtl, ltr, ttb, btt;
136
136
  margin: 0;
137
137
  }
138
138
 
139
+ &__wrapper-reference {
140
+ position: absolute;
141
+ top: 0;
142
+ right: 0;
143
+ bottom: 0;
144
+ left: 0;
145
+ overflow: hidden;
146
+ margin: 0;
147
+ }
148
+
139
149
  &__header {
140
150
  align-items: center;
141
151
  color: rgb(114, 118, 123);
@@ -198,6 +208,18 @@ $directions: rtl, ltr, ttb, btt;
198
208
  &.btt {
199
209
  bottom: 0;
200
210
  }
211
+
212
+ &.is-reference {
213
+ position: absolute;
214
+ &.ltr, &.rtl, &.ttb, &.btt {
215
+ height: auto;
216
+ width: auto;
217
+ top: auto;
218
+ bottom: auto;
219
+ left: auto;
220
+ right: auto;
221
+ }
222
+ }
201
223
  }
202
224
 
203
225
  .el-drawer__container {
@@ -208,6 +230,15 @@ $directions: rtl, ltr, ttb, btt;
208
230
  bottom: 0;
209
231
  height: 100%;
210
232
  width: 100%;
233
+
234
+ &.el-drawer__reference-mode {
235
+ position: absolute;
236
+ background-color: transparent;
237
+ pointer-events: none;
238
+ .el-drawer {
239
+ pointer-events: auto;
240
+ }
241
+ }
211
242
  }
212
243
 
213
244
  .el-drawer-fade-enter-active {
package/src/index.js CHANGED
@@ -232,7 +232,7 @@ if (typeof window !== 'undefined' && window.Vue) {
232
232
  }
233
233
 
234
234
  export default {
235
- version: '2.15.5-xn.51',
235
+ version: '2.15.5-xn.53',
236
236
  locale: locale.use,
237
237
  i18n: locale.i18n,
238
238
  install,
package/types/drawer.d.ts CHANGED
@@ -9,6 +9,13 @@ declare enum Direction {
9
9
  BTT = 'btt' // bottom to top
10
10
  }
11
11
 
12
+ declare enum Placement {
13
+ TOP = 'top',
14
+ BOTTOM = 'bottom',
15
+ LEFT = 'left',
16
+ RIGHT = 'right'
17
+ }
18
+
12
19
  interface DrawerSlots {
13
20
  /* Main Content Slots */
14
21
  default: VNode[];
@@ -59,5 +66,14 @@ export declare class ElDrawer extends ElementUIComponent {
59
66
  /* Flag attribute whi */
60
67
  wrapperClosable: boolean
61
68
 
69
+ /* Reference element for positioning, can be a CSS selector string or an HTMLElement or Vue component instance */
70
+ reference: string | HTMLElement | ElementUIComponent
71
+
72
+ /* Placement of the drawer relative to the reference element */
73
+ placement: Placement
74
+
75
+ /* Offset distance from the reference element in pixels */
76
+ offset: number
77
+
62
78
  $slots: DrawerSlots
63
79
  }