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
@@ -69,7 +69,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
69
69
  style: normalizeStyle(_ctx.iconStyle)
70
70
  }, [
71
71
  renderSlot(_ctx.$slots, "icon", {}, () => [
72
- createVNode(_component_ElIcon, normalizeProps(guardReactiveProps(_ctx.iconProps)), {
72
+ createVNode(_component_ElIcon, normalizeProps(guardReactiveProps(_ctx.iconProps || {})), {
73
73
  default: withCtx(() => [
74
74
  _ctx.type === "success" ? (openBlock(), createBlock(_component_CheckCircleFilled, { key: 0 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_ExclamationCircleFilled, { key: 1 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CloseCircleFilled, { key: 2 })) : (openBlock(), createBlock(_component_InfoCircleFilled, { key: 3 }))
75
75
  ]),
@@ -108,7 +108,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
108
108
  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
109
109
  }, [
110
110
  renderSlot(_ctx.$slots, "closeIcon", {}, () => [
111
- _ctx.closeText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 1 }, _ctx.closeIconProps)), {
111
+ _ctx.closeText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {
112
112
  default: withCtx(() => [
113
113
  createVNode(_component_CloseOutlined)
114
114
  ]),
@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<{
46
46
  omittedTags: import("vue").ComputedRef<SelectedItem[]>;
47
47
  omittedSize: import("vue").ComputedRef<number>;
48
48
  updatePopper: () => void;
49
- focusSearchInput: () => void;
49
+ focusSearchInput: (e?: MouseEvent) => void;
50
50
  updateSearchValue: (modelValue: string) => void;
51
51
  updateInputValue: (modelValue: string) => void;
52
52
  updateVisible: (visible: boolean) => void;
@@ -62,8 +62,14 @@ const _sfc_main = defineComponent({
62
62
  const updatePopper = () => {
63
63
  tooltipRef.value && tooltipRef.value.updatePopper();
64
64
  };
65
- const focusSearchInput = () => {
65
+ const focusSearchInput = (e) => {
66
66
  if (props.filterable && props.visible) {
67
+ if (e != null && e.target != null) {
68
+ const target = e.target;
69
+ if (target.nodeName && target.nodeName.toLowerCase() === "input") {
70
+ return;
71
+ }
72
+ }
67
73
  const input = props.multiple ? searchRef.value : inputRef.value;
68
74
  input && input.focus();
69
75
  }
@@ -106,11 +106,13 @@ export interface LayoutProvide {
106
106
  /** 内容区最大时不带页签栏 */
107
107
  expanded?: boolean;
108
108
  /** 是否需要页签栏 */
109
- tabBar?: boolean;
109
+ tabBar?: boolean | 'header';
110
110
  /** 是否显示侧栏 */
111
111
  sidebar?: boolean;
112
112
  /** 是否支持内链缓存 */
113
113
  keepAlive?: boolean;
114
114
  /** 是否开启响应式 */
115
115
  responsive?: boolean;
116
+ /** 弹窗容器 */
117
+ modalsEl?: HTMLElement | null;
116
118
  }
@@ -32,7 +32,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
32
32
  return openBlock(), createBlock(_component_EleModal, mergeProps({
33
33
  width: "620px",
34
34
  title: _ctx.lang.title
35
- }, _ctx.modalProps, {
35
+ }, _ctx.modalProps || {}, {
36
36
  modelValue: _ctx.modelValue,
37
37
  "onUpdate:modelValue": _ctx.updateModelValue
38
38
  }), createSlots({
@@ -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;
@@ -1,9 +1,9 @@
1
- import { defineComponent, ref, computed, unref, onActivated, onDeactivated, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from "vue";
1
+ import { defineComponent, ref, computed, unref, onActivated, onDeactivated, resolveComponent, openBlock, createBlock, Teleport, createVNode, mergeProps, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
2
2
  import { ElDrawer, ElIcon, drawerEmits } from "element-plus";
3
3
  import { CloseOutlined } from "../icons";
4
- import ReceiverView from "../ele-config-provider/components/receiver-view";
5
4
  import { useLayoutState } from "../ele-config-provider/receiver";
6
- import { collapseClass, compactClass, maximizedClass, hasTabClass, mixSidebarClass, singleSidebarClass, topLayoutClass, expandedClass, mobileClass } from "../ele-modal/util";
5
+ import ReceiverView from "../ele-config-provider/components/receiver-view";
6
+ import { getModalContainer } from "../ele-modal/util";
7
7
  import { drawerProps } from "./props";
8
8
  const _sfc_main = defineComponent({
9
9
  name: "EleDrawer",
@@ -15,7 +15,6 @@ const _sfc_main = defineComponent({
15
15
  const drawerRef = ref(null);
16
16
  const isActivated = ref(true);
17
17
  const drawerClass = computed(() => {
18
- const layoutState = unref(layoutProvide);
19
18
  const classes = ["ele-drawer"];
20
19
  if (!props.modelValue) {
21
20
  classes.push("ele-drawer-closed");
@@ -25,41 +24,20 @@ const _sfc_main = defineComponent({
25
24
  }
26
25
  if (props.inner) {
27
26
  classes.push("ele-drawer-inner");
28
- if (layoutState && layoutState.sidebar != null) {
29
- if (layoutState.collapse && !layoutState.topLayout) {
30
- classes.push(collapseClass);
31
- }
32
- if (layoutState.compact && layoutState.mixSidebar && !layoutState.topLayout) {
33
- classes.push(compactClass);
34
- }
35
- if (layoutState.maximized) {
36
- classes.push(maximizedClass);
37
- }
38
- if (layoutState.tabBar) {
39
- classes.push(hasTabClass);
40
- }
41
- if (layoutState.mixSidebar && !layoutState.topLayout) {
42
- classes.push(mixSidebarClass);
43
- if (!layoutState.sidebar) {
44
- classes.push(singleSidebarClass);
45
- }
46
- }
47
- if (layoutState.topLayout) {
48
- classes.push(topLayoutClass);
49
- }
50
- if (layoutState.maximized && layoutState.expanded) {
51
- classes.push(expandedClass);
52
- }
53
- if (layoutState.mobile) {
54
- classes.push(mobileClass);
55
- }
56
- }
57
27
  }
58
28
  if (props.modalClass) {
59
29
  classes.push(props.modalClass);
60
30
  }
61
31
  return classes.join(" ");
62
32
  });
33
+ const teleportTo = computed(() => {
34
+ return getModalContainer(
35
+ props.inner,
36
+ false,
37
+ void 0,
38
+ layoutProvide ? unref(layoutProvide).modalsEl : void 0
39
+ );
40
+ });
63
41
  const handleClose = () => {
64
42
  if (drawerRef.value && drawerRef.value.handleClose) {
65
43
  drawerRef.value.handleClose();
@@ -80,6 +58,12 @@ const _sfc_main = defineComponent({
80
58
  const onClosed = () => {
81
59
  emit("closed");
82
60
  };
61
+ const onOpenAutoFocus = () => {
62
+ emit("openAutoFocus");
63
+ };
64
+ const onCloseAutoFocus = () => {
65
+ emit("closeAutoFocus");
66
+ };
83
67
  onActivated(() => {
84
68
  isActivated.value = true;
85
69
  });
@@ -89,12 +73,15 @@ const _sfc_main = defineComponent({
89
73
  return {
90
74
  drawerRef,
91
75
  drawerClass,
76
+ teleportTo,
92
77
  handleClose,
93
78
  updateModelValue,
94
79
  onOpen,
95
80
  onOpened,
96
81
  onClose,
97
- onClosed
82
+ onClosed,
83
+ onOpenAutoFocus,
84
+ onCloseAutoFocus
98
85
  };
99
86
  }
100
87
  });
@@ -111,90 +98,97 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
111
98
  const _component_ElIcon = resolveComponent("ElIcon");
112
99
  const _component_ReceiverView = resolveComponent("ReceiverView");
113
100
  const _component_ElDrawer = resolveComponent("ElDrawer");
114
- return openBlock(), createBlock(_component_ElDrawer, {
115
- ref: "drawerRef",
116
- modelValue: _ctx.modelValue,
117
- appendToBody: _ctx.appendToBody,
118
- lockScroll: _ctx.lockScroll,
119
- beforeClose: _ctx.beforeClose,
120
- closeOnClickModal: _ctx.closeOnClickModal,
121
- closeOnPressEscape: _ctx.closeOnPressEscape,
122
- openDelay: _ctx.openDelay,
123
- closeDelay: _ctx.closeDelay,
124
- destroyOnClose: _ctx.destroyOnClose,
125
- modal: _ctx.modal,
126
- direction: _ctx.direction,
127
- showClose: false,
128
- size: _ctx.size,
129
- title: _ctx.title,
130
- withHeader: _ctx.withHeader,
131
- modalClass: _ctx.drawerClass,
132
- zIndex: _ctx.zIndex,
133
- headerAriaLevel: _ctx.headerAriaLevel,
134
- onOpen: _ctx.onOpen,
135
- onOpened: _ctx.onOpened,
136
- onClose: _ctx.onClose,
137
- onClosed: _ctx.onClosed,
138
- "onUpdate:modelValue": _ctx.updateModelValue
139
- }, createSlots({
140
- header: withCtx(({ close }) => [
141
- createElementVNode("div", {
142
- class: "ele-drawer-header",
143
- style: normalizeStyle(_ctx.headerStyle)
144
- }, [
145
- createElementVNode("div", {
146
- role: "heading",
147
- class: "ele-drawer-title",
148
- style: normalizeStyle(_ctx.titleStyle)
149
- }, [
150
- renderSlot(_ctx.$slots, "header", {}, () => [
151
- createTextVNode(toDisplayString(_ctx.title), 1)
152
- ])
153
- ], 4),
154
- _ctx.showClose ? (openBlock(), createElementBlock("div", {
155
- key: 0,
156
- class: "ele-drawer-close",
157
- style: normalizeStyle(_ctx.closeBtnStyle),
158
- onClick: close
159
- }, [
160
- renderSlot(_ctx.$slots, "closeBtn", {}, () => [
161
- createVNode(_component_ElIcon, null, {
162
- default: withCtx(() => [
163
- createVNode(_component_CloseOutlined)
164
- ]),
165
- _: 1
166
- })
167
- ])
168
- ], 12, _hoisted_1)) : createCommentVNode("", true)
169
- ], 4)
170
- ]),
171
- default: withCtx(() => [
172
- createVNode(_component_ReceiverView, {
173
- wrapPosition: false,
174
- class: "ele-drawer-body",
175
- style: normalizeStyle(_ctx.bodyStyle)
176
- }, {
177
- default: withCtx(() => [
178
- renderSlot(_ctx.$slots, "default")
179
- ]),
180
- _: 3
181
- }, 8, ["style"])
182
- ]),
183
- _: 2
101
+ return openBlock(), createBlock(Teleport, {
102
+ to: _ctx.teleportTo,
103
+ disabled: _ctx.inner ? false : !_ctx.appendToBody
184
104
  }, [
185
- _ctx.$slots.footer ? {
186
- name: "footer",
187
- fn: withCtx(() => [
105
+ createVNode(_component_ElDrawer, mergeProps(_ctx.$attrs, {
106
+ ref: "drawerRef",
107
+ modelValue: _ctx.modelValue,
108
+ appendToBody: false,
109
+ lockScroll: _ctx.inner ? false : _ctx.lockScroll,
110
+ beforeClose: _ctx.beforeClose,
111
+ closeOnClickModal: _ctx.closeOnClickModal,
112
+ closeOnPressEscape: _ctx.closeOnPressEscape,
113
+ openDelay: _ctx.openDelay,
114
+ closeDelay: _ctx.closeDelay,
115
+ destroyOnClose: _ctx.destroyOnClose,
116
+ modal: _ctx.modal,
117
+ direction: _ctx.direction,
118
+ showClose: false,
119
+ size: _ctx.size,
120
+ title: _ctx.title,
121
+ withHeader: _ctx.withHeader,
122
+ modalClass: _ctx.drawerClass,
123
+ zIndex: _ctx.zIndex,
124
+ headerAriaLevel: _ctx.headerAriaLevel,
125
+ onOpen: _ctx.onOpen,
126
+ onOpened: _ctx.onOpened,
127
+ onClose: _ctx.onClose,
128
+ onClosed: _ctx.onClosed,
129
+ onOpenAutoFocus: _ctx.onOpenAutoFocus,
130
+ onCloseAutoFocus: _ctx.onCloseAutoFocus,
131
+ "onUpdate:modelValue": _ctx.updateModelValue
132
+ }), createSlots({
133
+ header: withCtx(({ close }) => [
188
134
  createElementVNode("div", {
189
- class: "ele-drawer-footer",
190
- style: normalizeStyle(_ctx.footerStyle)
135
+ class: "ele-drawer-header",
136
+ style: normalizeStyle(_ctx.headerStyle)
191
137
  }, [
192
- renderSlot(_ctx.$slots, "footer")
138
+ createElementVNode("div", {
139
+ role: "heading",
140
+ class: "ele-drawer-title",
141
+ style: normalizeStyle(_ctx.titleStyle)
142
+ }, [
143
+ renderSlot(_ctx.$slots, "header", {}, () => [
144
+ createTextVNode(toDisplayString(_ctx.title), 1)
145
+ ])
146
+ ], 4),
147
+ _ctx.showClose ? (openBlock(), createElementBlock("div", {
148
+ key: 0,
149
+ class: "ele-drawer-close",
150
+ style: normalizeStyle(_ctx.closeBtnStyle),
151
+ onClick: close
152
+ }, [
153
+ renderSlot(_ctx.$slots, "closeBtn", {}, () => [
154
+ createVNode(_component_ElIcon, null, {
155
+ default: withCtx(() => [
156
+ createVNode(_component_CloseOutlined)
157
+ ]),
158
+ _: 1
159
+ })
160
+ ])
161
+ ], 12, _hoisted_1)) : createCommentVNode("", true)
193
162
  ], 4)
194
163
  ]),
195
- key: "0"
196
- } : void 0
197
- ]), 1032, ["modelValue", "appendToBody", "lockScroll", "beforeClose", "closeOnClickModal", "closeOnPressEscape", "openDelay", "closeDelay", "destroyOnClose", "modal", "direction", "size", "title", "withHeader", "modalClass", "zIndex", "headerAriaLevel", "onOpen", "onOpened", "onClose", "onClosed", "onUpdate:modelValue"]);
164
+ default: withCtx(() => [
165
+ createVNode(_component_ReceiverView, {
166
+ wrapPosition: false,
167
+ class: "ele-drawer-body",
168
+ style: normalizeStyle(_ctx.bodyStyle)
169
+ }, {
170
+ default: withCtx(() => [
171
+ renderSlot(_ctx.$slots, "default")
172
+ ]),
173
+ _: 3
174
+ }, 8, ["style"])
175
+ ]),
176
+ _: 2
177
+ }, [
178
+ _ctx.$slots.footer ? {
179
+ name: "footer",
180
+ fn: withCtx(() => [
181
+ createElementVNode("div", {
182
+ class: "ele-drawer-footer",
183
+ style: normalizeStyle(_ctx.footerStyle)
184
+ }, [
185
+ renderSlot(_ctx.$slots, "footer")
186
+ ], 4)
187
+ ]),
188
+ key: "0"
189
+ } : void 0
190
+ ]), 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"])
191
+ ], 8, ["to", "disabled"]);
198
192
  }
199
193
  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
200
194
  export {
@@ -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
  }
@@ -242,7 +242,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
242
242
  hideAfter: 0,
243
243
  trigger: "click",
244
244
  disabled: !_ctx.tooltipVisible
245
- }, _ctx.tooltipProps, {
245
+ }, _ctx.tooltipProps || {}, {
246
246
  virtualTriggering: true,
247
247
  virtualRef: _ctx.inputRef ? _ctx.inputRef.$el : void 0,
248
248
  content: _ctx.errorMessage,
@@ -158,7 +158,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
158
158
  key: 1,
159
159
  placement: "bottom-start",
160
160
  popperClass: "ele-file-list-item-context"
161
- }, _ctx.contextMenuProps, {
161
+ }, _ctx.contextMenuProps || {}, {
162
162
  ref: "dropdownRef",
163
163
  trigger: "click",
164
164
  class: "ele-file-list-item-dropdown",
@@ -190,7 +190,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
190
190
  key: 0,
191
191
  placement: "bottom-start",
192
192
  popperClass: "ele-file-list-item-context"
193
- }, _ctx.contextMenuProps, {
193
+ }, _ctx.contextMenuProps || {}, {
194
194
  ref: "dropdownRef",
195
195
  trigger: "click",
196
196
  class: "ele-file-list-item-dropdown",
@@ -103,7 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
103
103
  }), 128))
104
104
  ], 4),
105
105
  !_ctx.data || !_ctx.data.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
106
- createVNode(_component_ElEmpty, mergeProps({ imageSize: 60 }, _ctx.emptyProps), null, 16)
106
+ createVNode(_component_ElEmpty, mergeProps({ imageSize: 60 }, _ctx.emptyProps || {}), null, 16)
107
107
  ])) : createCommentVNode("", true),
108
108
  createVNode(_component_EleTooltip, mergeProps({
109
109
  placement: "top",
@@ -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;