ele-admin-plus 1.1.9-beta.10 → 1.1.9-beta.11

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 (157) hide show
  1. package/es/ele-alert/index.js +2 -2
  2. package/es/ele-basic-select/index.d.ts +1 -1
  3. package/es/ele-basic-select/index.js +7 -1
  4. package/es/ele-config-provider/types.d.ts +3 -1
  5. package/es/ele-cropper-modal/index.js +1 -1
  6. package/es/ele-drawer/index.d.ts +8 -5
  7. package/es/ele-drawer/index.js +107 -113
  8. package/es/ele-drawer/style/index.scss +48 -105
  9. package/es/ele-edit-tag/index.js +1 -1
  10. package/es/ele-file-list/components/file-grid-item.js +1 -1
  11. package/es/ele-file-list/components/file-table-item.js +1 -1
  12. package/es/ele-icon-select/components/icon-grid.js +1 -1
  13. package/es/ele-loading/index.d.ts +0 -4
  14. package/es/ele-loading/index.js +10 -16
  15. package/es/ele-map-picker/components/map-view.js +1 -1
  16. package/es/ele-map-picker/index.js +1 -1
  17. package/es/ele-menus/index.d.ts +4 -6
  18. package/es/ele-menus/index.js +1 -1
  19. package/es/ele-menus/props.d.ts +1 -3
  20. package/es/ele-menus/props.js +1 -3
  21. package/es/ele-menus/style/css-var.scss +1 -5
  22. package/es/ele-modal/index.d.ts +12 -6
  23. package/es/ele-modal/index.js +163 -184
  24. package/es/ele-modal/props.d.ts +2 -0
  25. package/es/ele-modal/props.js +2 -0
  26. package/es/ele-modal/style/index.scss +85 -146
  27. package/es/ele-modal/util.d.ts +18 -44
  28. package/es/ele-modal/util.js +53 -179
  29. package/es/ele-pagination/index.d.ts +9 -0
  30. package/es/ele-pagination/index.js +4 -1
  31. package/es/ele-pagination/props.d.ts +5 -0
  32. package/es/ele-pagination/props.js +5 -0
  33. package/es/ele-popconfirm/index.d.ts +3 -3
  34. package/es/ele-popconfirm/index.js +6 -28
  35. package/es/ele-popover/index.d.ts +2 -2
  36. package/es/ele-popover/index.js +6 -14
  37. package/es/ele-pro-layout/components/pro-header.d.ts +66 -11
  38. package/es/ele-pro-layout/components/pro-header.js +110 -20
  39. package/es/ele-pro-layout/components/pro-sidebar.d.ts +2 -7
  40. package/es/ele-pro-layout/components/pro-sidebar.js +2 -5
  41. package/es/ele-pro-layout/components/pro-sidebox.d.ts +2 -7
  42. package/es/ele-pro-layout/components/pro-sidebox.js +2 -5
  43. package/es/ele-pro-layout/components/tab-dropdown.js +1 -1
  44. package/es/ele-pro-layout/index.d.ts +25 -27
  45. package/es/ele-pro-layout/index.js +45 -29
  46. package/es/ele-pro-layout/props.d.ts +3 -6
  47. package/es/ele-pro-layout/props.js +2 -4
  48. package/es/ele-pro-layout/style/css-var.scss +3 -18
  49. package/es/ele-pro-layout/style/header.scss +74 -9
  50. package/es/ele-pro-layout/style/layout-mobile.scss +2 -2
  51. package/es/ele-pro-layout/style/layout-style.scss +8 -3
  52. package/es/ele-pro-layout/style/layout-theme.scss +48 -23
  53. package/es/ele-pro-layout/style/layout.scss +23 -3
  54. package/es/ele-pro-layout/style/sidebar.scss +0 -1
  55. package/es/ele-pro-layout/style/tabs.scss +19 -11
  56. package/es/ele-pro-layout/types.d.ts +1 -1
  57. package/es/ele-pro-table/components/tool-print.js +0 -3
  58. package/es/ele-pro-table/index.d.ts +3 -5
  59. package/es/ele-pro-table/index.js +2 -1
  60. package/es/ele-pro-table/util.d.ts +1 -1
  61. package/es/ele-tab-wrap/index.js +2 -1
  62. package/es/ele-table-select/index.d.ts +13 -12
  63. package/es/ele-table-select/index.js +27 -26
  64. package/es/ele-tabs/index.js +1 -0
  65. package/es/ele-tabs/style/css-var.scss +1 -30
  66. package/es/ele-tabs/style/index.scss +372 -241
  67. package/es/ele-tabs/types.d.ts +2 -1
  68. package/es/ele-tooltip/index.js +3 -0
  69. package/es/ele-tooltip/props.d.ts +5 -0
  70. package/es/ele-tooltip/props.js +2 -0
  71. package/es/ele-virtual-table/style/index.scss +1 -1
  72. package/es/icons/ResizeOutlined.d.ts +2 -0
  73. package/es/icons/ResizeOutlined.js +30 -0
  74. package/es/icons/index.d.ts +1 -0
  75. package/es/icons/index.js +50 -48
  76. package/es/style/themes/dark.scss +9 -15
  77. package/es/style/themes/default.scss +56 -80
  78. package/es/style/themes/rounded.scss +16 -30
  79. package/lib/ele-alert/index.cjs +2 -2
  80. package/lib/ele-basic-select/index.cjs +7 -1
  81. package/lib/ele-basic-select/index.d.ts +1 -1
  82. package/lib/ele-config-provider/types.d.ts +3 -1
  83. package/lib/ele-cropper-modal/index.cjs +1 -1
  84. package/lib/ele-drawer/index.cjs +105 -111
  85. package/lib/ele-drawer/index.d.ts +8 -5
  86. package/lib/ele-drawer/style/index.scss +48 -105
  87. package/lib/ele-edit-tag/index.cjs +1 -1
  88. package/lib/ele-file-list/components/file-grid-item.cjs +1 -1
  89. package/lib/ele-file-list/components/file-table-item.cjs +1 -1
  90. package/lib/ele-icon-select/components/icon-grid.cjs +1 -1
  91. package/lib/ele-loading/index.cjs +9 -15
  92. package/lib/ele-loading/index.d.ts +0 -4
  93. package/lib/ele-map-picker/components/map-view.cjs +1 -1
  94. package/lib/ele-map-picker/index.cjs +1 -1
  95. package/lib/ele-menus/index.cjs +1 -1
  96. package/lib/ele-menus/index.d.ts +4 -6
  97. package/lib/ele-menus/props.cjs +1 -3
  98. package/lib/ele-menus/props.d.ts +1 -3
  99. package/lib/ele-menus/style/css-var.scss +1 -5
  100. package/lib/ele-modal/index.cjs +176 -197
  101. package/lib/ele-modal/index.d.ts +12 -6
  102. package/lib/ele-modal/props.cjs +2 -0
  103. package/lib/ele-modal/props.d.ts +2 -0
  104. package/lib/ele-modal/style/index.scss +85 -146
  105. package/lib/ele-modal/util.cjs +53 -179
  106. package/lib/ele-modal/util.d.ts +18 -44
  107. package/lib/ele-pagination/index.cjs +4 -1
  108. package/lib/ele-pagination/index.d.ts +9 -0
  109. package/lib/ele-pagination/props.cjs +5 -0
  110. package/lib/ele-pagination/props.d.ts +5 -0
  111. package/lib/ele-popconfirm/index.cjs +5 -27
  112. package/lib/ele-popconfirm/index.d.ts +3 -3
  113. package/lib/ele-popover/index.cjs +5 -13
  114. package/lib/ele-popover/index.d.ts +2 -2
  115. package/lib/ele-pro-layout/components/pro-header.cjs +109 -19
  116. package/lib/ele-pro-layout/components/pro-header.d.ts +66 -11
  117. package/lib/ele-pro-layout/components/pro-sidebar.cjs +2 -5
  118. package/lib/ele-pro-layout/components/pro-sidebar.d.ts +2 -7
  119. package/lib/ele-pro-layout/components/pro-sidebox.cjs +2 -5
  120. package/lib/ele-pro-layout/components/pro-sidebox.d.ts +2 -7
  121. package/lib/ele-pro-layout/components/tab-dropdown.cjs +1 -1
  122. package/lib/ele-pro-layout/index.cjs +45 -29
  123. package/lib/ele-pro-layout/index.d.ts +25 -27
  124. package/lib/ele-pro-layout/props.cjs +2 -4
  125. package/lib/ele-pro-layout/props.d.ts +3 -6
  126. package/lib/ele-pro-layout/style/css-var.scss +3 -18
  127. package/lib/ele-pro-layout/style/header.scss +74 -9
  128. package/lib/ele-pro-layout/style/layout-mobile.scss +2 -2
  129. package/lib/ele-pro-layout/style/layout-style.scss +8 -3
  130. package/lib/ele-pro-layout/style/layout-theme.scss +48 -23
  131. package/lib/ele-pro-layout/style/layout.scss +23 -3
  132. package/lib/ele-pro-layout/style/sidebar.scss +0 -1
  133. package/lib/ele-pro-layout/style/tabs.scss +19 -11
  134. package/lib/ele-pro-layout/types.d.ts +1 -1
  135. package/lib/ele-pro-table/components/tool-print.cjs +0 -3
  136. package/lib/ele-pro-table/index.cjs +2 -1
  137. package/lib/ele-pro-table/index.d.ts +3 -5
  138. package/lib/ele-pro-table/util.d.ts +1 -1
  139. package/lib/ele-tab-wrap/index.cjs +2 -1
  140. package/lib/ele-table-select/index.cjs +27 -26
  141. package/lib/ele-table-select/index.d.ts +13 -12
  142. package/lib/ele-tabs/index.cjs +1 -0
  143. package/lib/ele-tabs/style/css-var.scss +1 -30
  144. package/lib/ele-tabs/style/index.scss +372 -241
  145. package/lib/ele-tabs/types.d.ts +2 -1
  146. package/lib/ele-tooltip/index.cjs +3 -0
  147. package/lib/ele-tooltip/props.cjs +2 -0
  148. package/lib/ele-tooltip/props.d.ts +5 -0
  149. package/lib/ele-virtual-table/style/index.scss +1 -1
  150. package/lib/icons/ResizeOutlined.cjs +29 -0
  151. package/lib/icons/ResizeOutlined.d.ts +2 -0
  152. package/lib/icons/index.cjs +2 -0
  153. package/lib/icons/index.d.ts +1 -0
  154. package/lib/style/themes/dark.scss +9 -15
  155. package/lib/style/themes/default.scss +56 -80
  156. package/lib/style/themes/rounded.scss +16 -30
  157. package/package.json +9 -9
@@ -2,8 +2,8 @@
2
2
  const vue = require("vue");
3
3
  const elementPlus = require("element-plus");
4
4
  const icons = require("../icons");
5
- const ReceiverView = require("../ele-config-provider/components/receiver-view");
6
5
  const receiver = require("../ele-config-provider/receiver");
6
+ const ReceiverView = require("../ele-config-provider/components/receiver-view");
7
7
  const util = require("../ele-modal/util");
8
8
  const props = require("./props");
9
9
  const _sfc_main = vue.defineComponent({
@@ -16,7 +16,6 @@ const _sfc_main = vue.defineComponent({
16
16
  const drawerRef = vue.ref(null);
17
17
  const isActivated = vue.ref(true);
18
18
  const drawerClass = vue.computed(() => {
19
- const layoutState = vue.unref(layoutProvide);
20
19
  const classes = ["ele-drawer"];
21
20
  if (!props2.modelValue) {
22
21
  classes.push("ele-drawer-closed");
@@ -26,41 +25,20 @@ const _sfc_main = vue.defineComponent({
26
25
  }
27
26
  if (props2.inner) {
28
27
  classes.push("ele-drawer-inner");
29
- if (layoutState && layoutState.sidebar != null) {
30
- if (layoutState.collapse && !layoutState.topLayout) {
31
- classes.push(util.collapseClass);
32
- }
33
- if (layoutState.compact && layoutState.mixSidebar && !layoutState.topLayout) {
34
- classes.push(util.compactClass);
35
- }
36
- if (layoutState.maximized) {
37
- classes.push(util.maximizedClass);
38
- }
39
- if (layoutState.tabBar) {
40
- classes.push(util.hasTabClass);
41
- }
42
- if (layoutState.mixSidebar && !layoutState.topLayout) {
43
- classes.push(util.mixSidebarClass);
44
- if (!layoutState.sidebar) {
45
- classes.push(util.singleSidebarClass);
46
- }
47
- }
48
- if (layoutState.topLayout) {
49
- classes.push(util.topLayoutClass);
50
- }
51
- if (layoutState.maximized && layoutState.expanded) {
52
- classes.push(util.expandedClass);
53
- }
54
- if (layoutState.mobile) {
55
- classes.push(util.mobileClass);
56
- }
57
- }
58
28
  }
59
29
  if (props2.modalClass) {
60
30
  classes.push(props2.modalClass);
61
31
  }
62
32
  return classes.join(" ");
63
33
  });
34
+ const teleportTo = vue.computed(() => {
35
+ return util.getModalContainer(
36
+ props2.inner,
37
+ false,
38
+ void 0,
39
+ layoutProvide ? vue.unref(layoutProvide).modalsEl : void 0
40
+ );
41
+ });
64
42
  const handleClose = () => {
65
43
  if (drawerRef.value && drawerRef.value.handleClose) {
66
44
  drawerRef.value.handleClose();
@@ -81,6 +59,12 @@ const _sfc_main = vue.defineComponent({
81
59
  const onClosed = () => {
82
60
  emit("closed");
83
61
  };
62
+ const onOpenAutoFocus = () => {
63
+ emit("openAutoFocus");
64
+ };
65
+ const onCloseAutoFocus = () => {
66
+ emit("closeAutoFocus");
67
+ };
84
68
  vue.onActivated(() => {
85
69
  isActivated.value = true;
86
70
  });
@@ -90,12 +74,15 @@ const _sfc_main = vue.defineComponent({
90
74
  return {
91
75
  drawerRef,
92
76
  drawerClass,
77
+ teleportTo,
93
78
  handleClose,
94
79
  updateModelValue,
95
80
  onOpen,
96
81
  onOpened,
97
82
  onClose,
98
- onClosed
83
+ onClosed,
84
+ onOpenAutoFocus,
85
+ onCloseAutoFocus
99
86
  };
100
87
  }
101
88
  });
@@ -112,90 +99,97 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
112
99
  const _component_ElIcon = vue.resolveComponent("ElIcon");
113
100
  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
114
101
  const _component_ElDrawer = vue.resolveComponent("ElDrawer");
115
- return vue.openBlock(), vue.createBlock(_component_ElDrawer, {
116
- ref: "drawerRef",
117
- modelValue: _ctx.modelValue,
118
- appendToBody: _ctx.appendToBody,
119
- lockScroll: _ctx.lockScroll,
120
- beforeClose: _ctx.beforeClose,
121
- closeOnClickModal: _ctx.closeOnClickModal,
122
- closeOnPressEscape: _ctx.closeOnPressEscape,
123
- openDelay: _ctx.openDelay,
124
- closeDelay: _ctx.closeDelay,
125
- destroyOnClose: _ctx.destroyOnClose,
126
- modal: _ctx.modal,
127
- direction: _ctx.direction,
128
- showClose: false,
129
- size: _ctx.size,
130
- title: _ctx.title,
131
- withHeader: _ctx.withHeader,
132
- modalClass: _ctx.drawerClass,
133
- zIndex: _ctx.zIndex,
134
- headerAriaLevel: _ctx.headerAriaLevel,
135
- onOpen: _ctx.onOpen,
136
- onOpened: _ctx.onOpened,
137
- onClose: _ctx.onClose,
138
- onClosed: _ctx.onClosed,
139
- "onUpdate:modelValue": _ctx.updateModelValue
140
- }, vue.createSlots({
141
- header: vue.withCtx(({ close }) => [
142
- vue.createElementVNode("div", {
143
- class: "ele-drawer-header",
144
- style: vue.normalizeStyle(_ctx.headerStyle)
145
- }, [
146
- vue.createElementVNode("div", {
147
- role: "heading",
148
- class: "ele-drawer-title",
149
- style: vue.normalizeStyle(_ctx.titleStyle)
150
- }, [
151
- vue.renderSlot(_ctx.$slots, "header", {}, () => [
152
- vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
153
- ])
154
- ], 4),
155
- _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
156
- key: 0,
157
- class: "ele-drawer-close",
158
- style: vue.normalizeStyle(_ctx.closeBtnStyle),
159
- onClick: close
160
- }, [
161
- vue.renderSlot(_ctx.$slots, "closeBtn", {}, () => [
162
- vue.createVNode(_component_ElIcon, null, {
163
- default: vue.withCtx(() => [
164
- vue.createVNode(_component_CloseOutlined)
165
- ]),
166
- _: 1
167
- })
168
- ])
169
- ], 12, _hoisted_1)) : vue.createCommentVNode("", true)
170
- ], 4)
171
- ]),
172
- default: vue.withCtx(() => [
173
- vue.createVNode(_component_ReceiverView, {
174
- wrapPosition: false,
175
- class: "ele-drawer-body",
176
- style: vue.normalizeStyle(_ctx.bodyStyle)
177
- }, {
178
- default: vue.withCtx(() => [
179
- vue.renderSlot(_ctx.$slots, "default")
180
- ]),
181
- _: 3
182
- }, 8, ["style"])
183
- ]),
184
- _: 2
102
+ return vue.openBlock(), vue.createBlock(vue.Teleport, {
103
+ to: _ctx.teleportTo,
104
+ disabled: _ctx.inner ? false : !_ctx.appendToBody
185
105
  }, [
186
- _ctx.$slots.footer ? {
187
- name: "footer",
188
- fn: vue.withCtx(() => [
106
+ vue.createVNode(_component_ElDrawer, vue.mergeProps(_ctx.$attrs, {
107
+ ref: "drawerRef",
108
+ modelValue: _ctx.modelValue,
109
+ appendToBody: false,
110
+ lockScroll: _ctx.inner ? false : _ctx.lockScroll,
111
+ beforeClose: _ctx.beforeClose,
112
+ closeOnClickModal: _ctx.closeOnClickModal,
113
+ closeOnPressEscape: _ctx.closeOnPressEscape,
114
+ openDelay: _ctx.openDelay,
115
+ closeDelay: _ctx.closeDelay,
116
+ destroyOnClose: _ctx.destroyOnClose,
117
+ modal: _ctx.modal,
118
+ direction: _ctx.direction,
119
+ showClose: false,
120
+ size: _ctx.size,
121
+ title: _ctx.title,
122
+ withHeader: _ctx.withHeader,
123
+ modalClass: _ctx.drawerClass,
124
+ zIndex: _ctx.zIndex,
125
+ headerAriaLevel: _ctx.headerAriaLevel,
126
+ onOpen: _ctx.onOpen,
127
+ onOpened: _ctx.onOpened,
128
+ onClose: _ctx.onClose,
129
+ onClosed: _ctx.onClosed,
130
+ onOpenAutoFocus: _ctx.onOpenAutoFocus,
131
+ onCloseAutoFocus: _ctx.onCloseAutoFocus,
132
+ "onUpdate:modelValue": _ctx.updateModelValue
133
+ }), vue.createSlots({
134
+ header: vue.withCtx(({ close }) => [
189
135
  vue.createElementVNode("div", {
190
- class: "ele-drawer-footer",
191
- style: vue.normalizeStyle(_ctx.footerStyle)
136
+ class: "ele-drawer-header",
137
+ style: vue.normalizeStyle(_ctx.headerStyle)
192
138
  }, [
193
- vue.renderSlot(_ctx.$slots, "footer")
139
+ vue.createElementVNode("div", {
140
+ role: "heading",
141
+ class: "ele-drawer-title",
142
+ style: vue.normalizeStyle(_ctx.titleStyle)
143
+ }, [
144
+ vue.renderSlot(_ctx.$slots, "header", {}, () => [
145
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
146
+ ])
147
+ ], 4),
148
+ _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
149
+ key: 0,
150
+ class: "ele-drawer-close",
151
+ style: vue.normalizeStyle(_ctx.closeBtnStyle),
152
+ onClick: close
153
+ }, [
154
+ vue.renderSlot(_ctx.$slots, "closeBtn", {}, () => [
155
+ vue.createVNode(_component_ElIcon, null, {
156
+ default: vue.withCtx(() => [
157
+ vue.createVNode(_component_CloseOutlined)
158
+ ]),
159
+ _: 1
160
+ })
161
+ ])
162
+ ], 12, _hoisted_1)) : vue.createCommentVNode("", true)
194
163
  ], 4)
195
164
  ]),
196
- key: "0"
197
- } : void 0
198
- ]), 1032, ["modelValue", "appendToBody", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onUpdate:modelValue"]);
165
+ default: vue.withCtx(() => [
166
+ vue.createVNode(_component_ReceiverView, {
167
+ wrapPosition: false,
168
+ class: "ele-drawer-body",
169
+ style: vue.normalizeStyle(_ctx.bodyStyle)
170
+ }, {
171
+ default: vue.withCtx(() => [
172
+ vue.renderSlot(_ctx.$slots, "default")
173
+ ]),
174
+ _: 3
175
+ }, 8, ["style"])
176
+ ]),
177
+ _: 2
178
+ }, [
179
+ _ctx.$slots.footer ? {
180
+ name: "footer",
181
+ fn: vue.withCtx(() => [
182
+ vue.createElementVNode("div", {
183
+ class: "ele-drawer-footer",
184
+ style: vue.normalizeStyle(_ctx.footerStyle)
185
+ }, [
186
+ vue.renderSlot(_ctx.$slots, "footer")
187
+ ], 4)
188
+ ]),
189
+ key: "0"
190
+ } : void 0
191
+ ]), 1040, ["modelValue", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus", "onUpdate:modelValue"])
192
+ ], 8, ["to", "disabled"]);
199
193
  }
200
194
  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
201
195
  module.exports = index;
@@ -44,7 +44,7 @@ declare const _default: import('vue').DefineComponent<{
44
44
  zIndex: {
45
45
  readonly type: import("vue").PropType<number>;
46
46
  readonly required: false;
47
- readonly validator: ((val: unknown) => boolean) | undefined; /** 关闭抽屉 */
47
+ readonly validator: ((val: unknown) => boolean) | undefined;
48
48
  __epPropKey: true;
49
49
  };
50
50
  trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -65,12 +65,15 @@ declare const _default: import('vue').DefineComponent<{
65
65
  }, {
66
66
  drawerRef: import("vue").Ref<ElDrawerInstance>;
67
67
  drawerClass: import("vue").ComputedRef<string>;
68
+ teleportTo: import("vue").ComputedRef<string | Element>;
68
69
  handleClose: () => void;
69
70
  updateModelValue: (value: boolean) => void;
70
71
  onOpen: () => void;
71
72
  onOpened: () => void;
72
73
  onClose: () => void;
73
74
  onClosed: () => void;
75
+ onOpenAutoFocus: () => void;
76
+ onCloseAutoFocus: () => void;
74
77
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
75
78
  open: () => boolean;
76
79
  opened: () => boolean;
@@ -123,7 +126,7 @@ declare const _default: import('vue').DefineComponent<{
123
126
  zIndex: {
124
127
  readonly type: import("vue").PropType<number>;
125
128
  readonly required: false;
126
- readonly validator: ((val: unknown) => boolean) | undefined; /** 关闭抽屉 */
129
+ readonly validator: ((val: unknown) => boolean) | undefined;
127
130
  __epPropKey: true;
128
131
  };
129
132
  trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -151,10 +154,8 @@ declare const _default: import('vue').DefineComponent<{
151
154
  onClosed?: (() => any) | undefined;
152
155
  }, {
153
156
  title: string;
154
- direction: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
155
- overflow: boolean;
156
- center: boolean;
157
157
  size: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
158
+ center: boolean;
158
159
  modelValue: boolean;
159
160
  appendTo: string;
160
161
  appendToBody: boolean;
@@ -169,9 +170,11 @@ declare const _default: import('vue').DefineComponent<{
169
170
  headerAriaLevel: string;
170
171
  alignCenter: boolean;
171
172
  draggable: boolean;
173
+ overflow: boolean;
172
174
  fullscreen: boolean;
173
175
  showClose: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
174
176
  ariaLevel: string;
177
+ direction: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
175
178
  withHeader: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
176
179
  modalFade: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
177
180
  inner: boolean;
@@ -28,55 +28,55 @@
28
28
  border: none;
29
29
  }
30
30
  }
31
+ }
31
32
 
32
- .ele-drawer-header {
33
- display: flex;
34
- align-items: center;
35
- padding: eleVar('drawer', 'header-padding');
36
- border-bottom: eleVar('drawer', 'header-border');
37
- box-sizing: border-box;
38
- }
39
-
40
- .ele-drawer-title {
41
- flex: 1;
42
- color: eleVar('drawer', 'header-color');
43
- font-size: eleVar('drawer', 'header-font-size');
44
- line-height: eleVar('drawer', 'header-line-height');
45
- font-weight: eleVar('drawer', 'header-font-weight');
46
- box-sizing: border-box;
47
- }
33
+ .ele-drawer-header {
34
+ display: flex;
35
+ align-items: center;
36
+ padding: eleVar('drawer', 'header-padding');
37
+ border-bottom: eleVar('drawer', 'header-border');
38
+ box-sizing: border-box;
39
+ }
48
40
 
49
- .ele-drawer-close {
50
- flex-shrink: 0;
51
- display: flex;
52
- align-items: center;
53
- justify-content: center;
54
- width: eleVar('drawer', 'icon-size');
55
- height: eleVar('drawer', 'icon-size');
56
- line-height: eleVar('drawer', 'icon-size');
57
- color: eleVar('drawer', 'icon-color');
58
- font-size: eleVar('drawer', 'icon-font-size');
59
- border-radius: eleVar('drawer', 'icon-radius');
60
- transition: (color $ele-transition, background-color $ele-transition);
61
- box-sizing: border-box;
62
- cursor: pointer;
41
+ .ele-drawer-title {
42
+ flex: 1;
43
+ color: eleVar('drawer', 'header-color');
44
+ font-size: eleVar('drawer', 'header-font-size');
45
+ line-height: eleVar('drawer', 'header-line-height');
46
+ font-weight: eleVar('drawer', 'header-font-weight');
47
+ box-sizing: border-box;
48
+ }
63
49
 
64
- &:hover {
65
- color: eleVar('drawer', 'icon-hover-color');
66
- background: eleVar('drawer', 'icon-hover-bg');
67
- }
50
+ .ele-drawer-close {
51
+ flex-shrink: 0;
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ width: eleVar('drawer', 'icon-size');
56
+ height: eleVar('drawer', 'icon-size');
57
+ line-height: eleVar('drawer', 'icon-size');
58
+ color: eleVar('drawer', 'icon-color');
59
+ font-size: eleVar('drawer', 'icon-font-size');
60
+ border-radius: eleVar('drawer', 'icon-radius');
61
+ transition: (color $ele-transition, background-color $ele-transition);
62
+ box-sizing: border-box;
63
+ cursor: pointer;
64
+
65
+ &:hover {
66
+ color: eleVar('drawer', 'icon-hover-color');
67
+ background: eleVar('drawer', 'icon-hover-bg');
68
68
  }
69
+ }
69
70
 
70
- .ele-drawer-body {
71
- padding: eleVar('drawer', 'body-padding');
72
- box-sizing: border-box;
73
- }
71
+ .ele-drawer-body {
72
+ padding: eleVar('drawer', 'body-padding');
73
+ box-sizing: border-box;
74
+ }
74
75
 
75
- .ele-drawer-footer {
76
- padding: eleVar('drawer', 'footer-padding');
77
- border-top: eleVar('drawer', 'footer-border');
78
- box-sizing: border-box;
79
- }
76
+ .ele-drawer-footer {
77
+ padding: eleVar('drawer', 'footer-padding');
78
+ border-top: eleVar('drawer', 'footer-border');
79
+ box-sizing: border-box;
80
80
  }
81
81
 
82
82
  /* 失活状态 */
@@ -84,70 +84,13 @@
84
84
  display: none !important;
85
85
  }
86
86
 
87
- /* 限制在内部并适配布局状态 */
88
- .ele-drawer-inner {
89
- & > .el-drawer {
90
- box-shadow: eleVar('drawer', 'inner-shadow');
91
- }
92
-
93
- &.ele-drawer {
94
- top: eleVar('header', 'height', 0);
95
- left: eleVar('sidebar', 'width', 0);
96
- height: auto;
97
- }
87
+ /* 限制在主体区域 */
88
+ .ele-admin-modals > .ele-drawer {
89
+ height: auto;
90
+ pointer-events: auto;
91
+ position: absolute !important;
98
92
 
99
93
  &:not(.el-drawer-fade-leave-active):not(.el-drawer-fade-enter-active) {
100
94
  transition: (width $ele-transition, left $ele-transition);
101
95
  }
102
-
103
- &.ele-state-has-tab {
104
- top: calc(#{eleVar('header', 'height')} + #{eleVar('tab', 'height')});
105
- }
106
-
107
- &.ele-state-collapse {
108
- left: eleVar('sidebar', 'collapse-width');
109
- }
110
-
111
- &.ele-state-mix-sidebar {
112
- $box-width: eleVar('sidebox', 'width');
113
- left: calc(#{$box-width} + #{eleVar('sidebar', 'mix-width')});
114
-
115
- &.ele-state-collapse {
116
- left: $box-width;
117
- }
118
-
119
- &.ele-state-single-sidebar {
120
- left: $box-width;
121
- }
122
- }
123
-
124
- &.ele-state-compact {
125
- $collapse-width: eleVar('sidebar', 'collapse-width');
126
- left: calc(#{$collapse-width} + #{eleVar('sidebar', 'mix-width')});
127
-
128
- &.ele-state-single-sidebar {
129
- left: $collapse-width;
130
- }
131
-
132
- &.ele-state-collapse {
133
- left: $collapse-width;
134
- }
135
- }
136
-
137
- &.ele-state-top-layout {
138
- left: 0;
139
- }
140
-
141
- &.ele-state-maximized {
142
- top: eleVar('tab', 'height');
143
- left: 0 !important;
144
- }
145
-
146
- &.ele-state-expanded {
147
- top: 0 !important;
148
- }
149
-
150
- &.ele-state-mobile {
151
- left: 0 !important;
152
- }
153
96
  }
@@ -243,7 +243,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
243
243
  hideAfter: 0,
244
244
  trigger: "click",
245
245
  disabled: !_ctx.tooltipVisible
246
- }, _ctx.tooltipProps, {
246
+ }, _ctx.tooltipProps || {}, {
247
247
  virtualTriggering: true,
248
248
  virtualRef: _ctx.inputRef ? _ctx.inputRef.$el : void 0,
249
249
  content: _ctx.errorMessage,
@@ -159,7 +159,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
159
159
  key: 1,
160
160
  placement: "bottom-start",
161
161
  popperClass: "ele-file-list-item-context"
162
- }, _ctx.contextMenuProps, {
162
+ }, _ctx.contextMenuProps || {}, {
163
163
  ref: "dropdownRef",
164
164
  trigger: "click",
165
165
  class: "ele-file-list-item-dropdown",
@@ -191,7 +191,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
191
191
  key: 0,
192
192
  placement: "bottom-start",
193
193
  popperClass: "ele-file-list-item-context"
194
- }, _ctx.contextMenuProps, {
194
+ }, _ctx.contextMenuProps || {}, {
195
195
  ref: "dropdownRef",
196
196
  trigger: "click",
197
197
  class: "ele-file-list-item-dropdown",
@@ -104,7 +104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
104
104
  }), 128))
105
105
  ], 4),
106
106
  !_ctx.data || !_ctx.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
107
- vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 60 }, _ctx.emptyProps), null, 16)
107
+ vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 60 }, _ctx.emptyProps || {}), null, 16)
108
108
  ])) : vue.createCommentVNode("", true),
109
109
  vue.createVNode(_component_EleTooltip, vue.mergeProps({
110
110
  placement: "top",
@@ -12,19 +12,7 @@ const _sfc_main = vue.defineComponent({
12
12
  const isCircle = vue.computed(() => {
13
13
  return props2.type === "circle";
14
14
  });
15
- const rootProps = vue.computed(() => {
16
- const obj = {
17
- class: ["ele-loading", { "ele-loading-show": props2.loading }]
18
- };
19
- if (isCircle.value) {
20
- obj["element-loading-text"] = props2.text;
21
- obj["element-loading-background"] = props2.background;
22
- obj["element-loading-spinner"] = props2.spinner;
23
- obj["element-loading-svg-view-box"] = props2.svgViewBox;
24
- }
25
- return obj;
26
- });
27
- return { isCircle, rootProps };
15
+ return { isCircle };
28
16
  }
29
17
  });
30
18
  const _export_sfc = (sfc, props2) => {
@@ -43,7 +31,13 @@ const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ele-l
43
31
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
44
32
  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
45
33
  const _directive_loading = vue.resolveDirective("loading");
46
- return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ReceiverView, vue.normalizeProps(vue.guardReactiveProps(_ctx.rootProps)), {
34
+ return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ReceiverView, {
35
+ "element-loading-text": _ctx.isCircle ? _ctx.text : void 0,
36
+ "element-loading-background": _ctx.isCircle ? _ctx.background : void 0,
37
+ "element-loading-spinner": _ctx.isCircle ? _ctx.spinner : void 0,
38
+ "element-loading-svg-view-box": _ctx.isCircle ? _ctx.svgViewBox : void 0,
39
+ class: vue.normalizeClass(["ele-loading", { "ele-loading-show": _ctx.loading }])
40
+ }, {
47
41
  default: vue.withCtx(() => [
48
42
  vue.renderSlot(_ctx.$slots, "default"),
49
43
  !_ctx.isCircle ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -69,7 +63,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
69
63
  ]) : vue.createCommentVNode("", true)
70
64
  ]),
71
65
  _: 3
72
- }, 16)), [
66
+ }, 8, ["element-loading-text", "element-loading-background", "element-loading-spinner", "element-loading-svg-view-box", "class"])), [
73
67
  [_directive_loading, _ctx.isCircle && _ctx.loading]
74
68
  ]);
75
69
  }
@@ -1,6 +1,3 @@
1
- import { CircleProps } from './types';
2
- import { ComponentProps } from '../ele-app/types';
3
-
4
1
  declare const _default: import('vue').DefineComponent<{
5
2
  loading: BooleanConstructor;
6
3
  text: StringConstructor;
@@ -17,7 +14,6 @@ declare const _default: import('vue').DefineComponent<{
17
14
  textStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
18
15
  }, {
19
16
  isCircle: import("vue").ComputedRef<boolean>;
20
- rootProps: import("vue").ComputedRef<ComponentProps<CircleProps>>;
21
17
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
22
18
  loading: BooleanConstructor;
23
19
  text: StringConstructor;
@@ -629,7 +629,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
629
629
  ], 10, _hoisted_9);
630
630
  }), 128)),
631
631
  !_ctx.data || !_ctx.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
632
- vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 80 }, _ctx.emptyProps), null, 16)
632
+ vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 80 }, _ctx.emptyProps || {}), null, 16)
633
633
  ])) : vue.createCommentVNode("", true)
634
634
  ]),
635
635
  vue.createElementVNode("div", _hoisted_14, [
@@ -52,7 +52,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
52
52
  return vue.openBlock(), vue.createBlock(_component_EleModal, vue.mergeProps({
53
53
  width: "740px",
54
54
  title: _ctx.lang.title
55
- }, _ctx.modalProps, {
55
+ }, _ctx.modalProps || {}, {
56
56
  modelValue: _ctx.modelValue,
57
57
  class: ["ele-map-picker", { "is-responsive": _ctx.isResponsive }],
58
58
  "onUpdate:modelValue": _ctx.updateModelValue
@@ -225,7 +225,7 @@ const index = vue.defineComponent({
225
225
  trigger: "click",
226
226
  placement: "right",
227
227
  persistent: false,
228
- ...props$1.textEllipsisTooltipProps || {},
228
+ ...props$1.textEllipsisTooltip === true ? {} : props$1.textEllipsisTooltip,
229
229
  virtualTriggering: true,
230
230
  virtualRef: tooltipVirtualRef.value,
231
231
  content: tooltipContent.value,