ele-admin-plus 1.1.9-beta.3 → 1.1.9-beta.4
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.
- package/es/ele-app/el.d.ts +3 -0
- package/es/ele-basic-select/index.d.ts +2 -2
- package/es/ele-check-card/index.d.ts +1 -1
- package/es/ele-drawer/index.d.ts +1 -1
- package/es/ele-icon-select/index.d.ts +3 -3
- package/es/ele-map-picker/index.d.ts +1 -1
- package/es/ele-menus/index.d.ts +10 -2
- package/es/ele-menus/index.js +17 -4
- package/es/ele-menus/props.d.ts +8 -2
- package/es/ele-menus/props.js +9 -3
- package/es/ele-menus/style/index.scss +12 -11
- package/es/ele-menus/types.d.ts +9 -9
- package/es/ele-menus/util.d.ts +21 -15
- package/es/ele-menus/util.js +92 -83
- package/es/ele-pro-layout/components/pro-header.d.ts +23 -11
- package/es/ele-pro-layout/components/pro-header.js +68 -15
- package/es/ele-pro-layout/components/pro-iframe.js +46 -23
- package/es/ele-pro-layout/components/pro-sidebar.d.ts +21 -15
- package/es/ele-pro-layout/components/pro-sidebar.js +36 -14
- package/es/ele-pro-layout/components/pro-sidebox.d.ts +23 -11
- package/es/ele-pro-layout/components/pro-sidebox.js +46 -14
- package/es/ele-pro-layout/components/tab-dropdown.js +5 -1
- package/es/ele-pro-layout/index.d.ts +40 -27
- package/es/ele-pro-layout/index.js +269 -52
- package/es/ele-pro-layout/props.d.ts +5 -0
- package/es/ele-pro-layout/props.js +5 -0
- package/es/ele-pro-layout/types.d.ts +29 -3
- package/es/ele-segmented/index.d.ts +1 -1
- package/es/ele-table-select/index.d.ts +5 -5
- package/es/ele-tree-select/index.d.ts +5 -5
- package/es/ele-upload-list/components/list-item.d.ts +5 -1
- package/es/ele-upload-list/components/list-item.js +7 -4
- package/es/ele-upload-list/index.d.ts +10 -6
- package/es/ele-upload-list/index.js +7 -5
- package/es/ele-upload-list/props.d.ts +6 -2
- package/es/ele-upload-list/props.js +5 -1
- package/es/ele-virtual-table/components/body-cell.d.ts +1 -1
- package/es/ele-virtual-table/index.d.ts +1 -1
- package/lib/ele-app/el.d.ts +3 -0
- package/lib/ele-basic-select/index.d.ts +2 -2
- package/lib/ele-check-card/index.d.ts +1 -1
- package/lib/ele-drawer/index.d.ts +1 -1
- package/lib/ele-icon-select/index.d.ts +3 -3
- package/lib/ele-map-picker/index.d.ts +1 -1
- package/lib/ele-menus/index.cjs +17 -4
- package/lib/ele-menus/index.d.ts +10 -2
- package/lib/ele-menus/props.cjs +9 -3
- package/lib/ele-menus/props.d.ts +8 -2
- package/lib/ele-menus/style/index.scss +12 -11
- package/lib/ele-menus/types.d.ts +9 -9
- package/lib/ele-menus/util.cjs +92 -83
- package/lib/ele-menus/util.d.ts +21 -15
- package/lib/ele-pro-layout/components/pro-header.cjs +67 -14
- package/lib/ele-pro-layout/components/pro-header.d.ts +23 -11
- package/lib/ele-pro-layout/components/pro-iframe.cjs +45 -22
- package/lib/ele-pro-layout/components/pro-sidebar.cjs +36 -14
- package/lib/ele-pro-layout/components/pro-sidebar.d.ts +21 -15
- package/lib/ele-pro-layout/components/pro-sidebox.cjs +46 -14
- package/lib/ele-pro-layout/components/pro-sidebox.d.ts +23 -11
- package/lib/ele-pro-layout/components/tab-dropdown.cjs +5 -1
- package/lib/ele-pro-layout/index.cjs +269 -52
- package/lib/ele-pro-layout/index.d.ts +40 -27
- package/lib/ele-pro-layout/props.cjs +5 -0
- package/lib/ele-pro-layout/props.d.ts +5 -0
- package/lib/ele-pro-layout/types.d.ts +29 -3
- package/lib/ele-segmented/index.d.ts +1 -1
- package/lib/ele-table-select/index.d.ts +5 -5
- package/lib/ele-tree-select/index.d.ts +5 -5
- package/lib/ele-upload-list/components/list-item.cjs +6 -3
- package/lib/ele-upload-list/components/list-item.d.ts +5 -1
- package/lib/ele-upload-list/index.cjs +7 -5
- package/lib/ele-upload-list/index.d.ts +10 -6
- package/lib/ele-upload-list/props.cjs +5 -1
- package/lib/ele-upload-list/props.d.ts +6 -2
- package/lib/ele-virtual-table/components/body-cell.d.ts +1 -1
- package/lib/ele-virtual-table/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -22,10 +22,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
23
23
|
sortable: {
|
|
24
24
|
type: import("vue").PropType<boolean | Record<string | number | symbol, any>>;
|
|
25
|
-
default: boolean;
|
|
25
|
+
default: boolean; /** 国际化 */
|
|
26
26
|
};
|
|
27
|
+
imageProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
|
|
27
28
|
progressProps: import("vue").PropType<import("../ele-app/el").ElProgressProps>;
|
|
28
|
-
|
|
29
|
+
previewProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
|
|
30
|
+
locale: import("vue").PropType<Partial<UploadLocale>>; /** 当前图片地址 */
|
|
29
31
|
}, {
|
|
30
32
|
lang: import("vue").ComputedRef<UploadLocale>;
|
|
31
33
|
previewRef: import("vue").Ref<ElImageInstance>;
|
|
@@ -43,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
45
|
onItemClick: (item: UploadItem) => void;
|
|
44
46
|
onItemRetry: (item: UploadItem) => void;
|
|
45
47
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
46
|
-
'update:modelValue': (_value: UploadItem[]) => boolean;
|
|
48
|
+
'update:modelValue': (_value: UploadItem[]) => boolean;
|
|
47
49
|
itemClick: (_item: UploadItem) => boolean;
|
|
48
50
|
upload: (_item: UploadItem) => boolean;
|
|
49
51
|
remove: (_item: UploadItem) => boolean;
|
|
@@ -70,10 +72,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
70
72
|
buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
71
73
|
sortable: {
|
|
72
74
|
type: import("vue").PropType<boolean | Record<string | number | symbol, any>>;
|
|
73
|
-
default: boolean;
|
|
75
|
+
default: boolean; /** 国际化 */
|
|
74
76
|
};
|
|
77
|
+
imageProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
|
|
75
78
|
progressProps: import("vue").PropType<import("../ele-app/el").ElProgressProps>;
|
|
76
|
-
|
|
79
|
+
previewProps: import("vue").PropType<import("../ele-app/el").ElImageProps>;
|
|
80
|
+
locale: import("vue").PropType<Partial<UploadLocale>>; /** 当前图片地址 */
|
|
77
81
|
}>> & {
|
|
78
82
|
"onUpdate:modelValue"?: ((_value: UploadItem[]) => any) | undefined;
|
|
79
83
|
onItemClick?: ((_item: UploadItem) => any) | undefined;
|
|
@@ -84,9 +88,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
84
88
|
disabled: boolean;
|
|
85
89
|
readonly: boolean;
|
|
86
90
|
sortable: boolean | Record<string | number | symbol, any>;
|
|
91
|
+
multiple: boolean;
|
|
87
92
|
preview: boolean;
|
|
88
93
|
drag: boolean;
|
|
89
|
-
multiple: boolean;
|
|
90
94
|
accept: string;
|
|
91
95
|
}, {}>;
|
|
92
96
|
export default _default;
|
|
@@ -135,6 +135,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
135
135
|
readonly: _ctx.readonly,
|
|
136
136
|
disabled: _ctx.disabled,
|
|
137
137
|
progressProps: _ctx.progressProps,
|
|
138
|
+
imageProps: _ctx.imageProps,
|
|
138
139
|
locale: _ctx.lang,
|
|
139
140
|
style: normalizeStyle(_ctx.itemStyle),
|
|
140
141
|
class: normalizeClass({
|
|
@@ -152,7 +153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
152
153
|
])
|
|
153
154
|
};
|
|
154
155
|
})
|
|
155
|
-
]), 1032, ["item", "readonly", "disabled", "progressProps", "locale", "style", "class", "onItemClick", "onRemove", "onRetry"])
|
|
156
|
+
]), 1032, ["item", "readonly", "disabled", "progressProps", "imageProps", "locale", "style", "class", "onItemClick", "onRemove", "onRetry"])
|
|
156
157
|
]),
|
|
157
158
|
footer: withCtx(() => [
|
|
158
159
|
_ctx.uploadEnable ? (openBlock(), createElementBlock("div", {
|
|
@@ -183,15 +184,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
183
184
|
}, 8, ["drag", "accept", "multiple", "disabled", "beforeUpload"])
|
|
184
185
|
], 4)) : createCommentVNode("", true),
|
|
185
186
|
createElementVNode("div", _hoisted_1, [
|
|
186
|
-
_ctx.previewOption.visible ? (openBlock(), createBlock(_component_ElImage, {
|
|
187
|
+
_ctx.previewOption.visible ? (openBlock(), createBlock(_component_ElImage, mergeProps({
|
|
187
188
|
key: 0,
|
|
188
|
-
ref: "previewRef",
|
|
189
189
|
hideOnClickModal: true,
|
|
190
|
-
previewTeleported: true
|
|
190
|
+
previewTeleported: true
|
|
191
|
+
}, _ctx.previewProps || {}, {
|
|
192
|
+
ref: "previewRef",
|
|
191
193
|
src: _ctx.previewOption.current,
|
|
192
194
|
previewSrcList: _ctx.previewOption.images,
|
|
193
195
|
initialIndex: _ctx.previewOption.currentIndex
|
|
194
|
-
}, null,
|
|
196
|
+
}), null, 16, ["src", "previewSrcList", "initialIndex"])) : createCommentVNode("", true)
|
|
195
197
|
])
|
|
196
198
|
]),
|
|
197
199
|
_: 3
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { PropType, ExtractPropTypes } from 'vue';
|
|
2
|
-
import type { ElProgressProps } from '../ele-app/el';
|
|
2
|
+
import type { ElProgressProps, ElImageProps } from '../ele-app/el';
|
|
3
3
|
import type { UploadItem, UploadLocale } from './types';
|
|
4
4
|
/**
|
|
5
5
|
* 属性
|
|
@@ -39,8 +39,12 @@ export declare const uploadListProps: {
|
|
|
39
39
|
type: PropType<boolean | Record<string | number | symbol, any>>;
|
|
40
40
|
default: boolean;
|
|
41
41
|
};
|
|
42
|
-
/**
|
|
42
|
+
/** 自定义图片属性 */
|
|
43
|
+
imageProps: PropType<ElImageProps>;
|
|
44
|
+
/** 自定义进度条属性 */
|
|
43
45
|
progressProps: PropType<ElProgressProps>;
|
|
46
|
+
/** 自定义图片预览 */
|
|
47
|
+
previewProps: PropType<ElImageProps>;
|
|
44
48
|
/** 国际化 */
|
|
45
49
|
locale: PropType<Partial<UploadLocale>>;
|
|
46
50
|
};
|
|
@@ -33,8 +33,12 @@ const uploadListProps = {
|
|
|
33
33
|
type: [Boolean, Object],
|
|
34
34
|
default: true
|
|
35
35
|
},
|
|
36
|
-
/**
|
|
36
|
+
/** 自定义图片属性 */
|
|
37
|
+
imageProps: Object,
|
|
38
|
+
/** 自定义进度条属性 */
|
|
37
39
|
progressProps: Object,
|
|
40
|
+
/** 自定义图片预览 */
|
|
41
|
+
previewProps: Object,
|
|
38
42
|
/** 国际化 */
|
|
39
43
|
locale: Object
|
|
40
44
|
};
|
|
@@ -136,8 +136,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
136
136
|
onMouseleave?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
|
|
137
137
|
onClick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
|
|
138
138
|
onContextmenu?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
|
|
139
|
-
onDblclick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
|
|
140
139
|
onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
|
|
140
|
+
onDblclick?: ((_row: DataItem, _col: Column, _e: MouseEvent) => any) | undefined;
|
|
141
141
|
onCheckedChange?: ((_row: DataItem, _checked: boolean) => any) | undefined;
|
|
142
142
|
}, {
|
|
143
143
|
loading: boolean;
|
|
@@ -345,6 +345,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
345
345
|
};
|
|
346
346
|
flexible: BooleanConstructor;
|
|
347
347
|
}>> & {
|
|
348
|
+
onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
|
|
348
349
|
onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
|
|
349
350
|
onSelectAll?: ((_selection: DataItem[]) => any) | undefined;
|
|
350
351
|
onSelectionChange?: ((_selection: DataItem[]) => any) | undefined;
|
|
@@ -362,7 +363,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
362
363
|
onFilterChange?: ((_filter: Filter) => any) | undefined;
|
|
363
364
|
onCurrentChange?: ((_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => any) | undefined;
|
|
364
365
|
onHeaderDragend?: ((_width: number, _old: number, _column: Column, _e: MouseEvent) => any) | undefined;
|
|
365
|
-
onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
|
|
366
366
|
"onUpdate:currentRowKey"?: ((_currentRowKey?: DataKey | undefined) => any) | undefined;
|
|
367
367
|
"onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;
|
|
368
368
|
}, {
|
package/lib/ele-app/el.d.ts
CHANGED
|
@@ -30,6 +30,7 @@ import type {
|
|
|
30
30
|
TabPaneProps,
|
|
31
31
|
TableProps,
|
|
32
32
|
TableV2Props,
|
|
33
|
+
ImageProps,
|
|
33
34
|
ElCascader,
|
|
34
35
|
ElPopper,
|
|
35
36
|
ElPopover,
|
|
@@ -130,6 +131,8 @@ export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
|
|
|
130
131
|
|
|
131
132
|
export type ElTreeV2Props = ComponentProps<TreeProps>;
|
|
132
133
|
|
|
134
|
+
export type ElImageProps = ComponentProps<ImageProps>;
|
|
135
|
+
|
|
133
136
|
/**
|
|
134
137
|
* 组件实例
|
|
135
138
|
*/
|
|
@@ -95,9 +95,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
95
95
|
onFocus?: ((_e: FocusEvent) => any) | undefined;
|
|
96
96
|
onBlur?: ((_e: FocusEvent) => any) | undefined;
|
|
97
97
|
"onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
|
|
98
|
+
onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
|
|
98
99
|
onClear?: (() => any) | undefined;
|
|
99
100
|
onFilterChange?: ((_value: string) => any) | undefined;
|
|
100
|
-
onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
|
|
101
101
|
}, {
|
|
102
102
|
disabled: boolean;
|
|
103
103
|
teleported: boolean;
|
|
@@ -106,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
106
106
|
visible: boolean;
|
|
107
107
|
transition: string;
|
|
108
108
|
value: import("./types").SelectValue;
|
|
109
|
+
filterable: boolean;
|
|
109
110
|
multiple: boolean;
|
|
110
111
|
automaticDropdown: boolean;
|
|
111
|
-
filterable: boolean;
|
|
112
112
|
}, {}>;
|
|
113
113
|
export default _default;
|
|
@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
46
|
itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
47
47
|
row: import("vue").PropType<boolean | import("../ele-app/el").ElRowProps>;
|
|
48
48
|
}>> & {
|
|
49
|
-
"onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
|
|
50
49
|
onChange?: ((_value: CheckedValue) => any) | undefined;
|
|
50
|
+
"onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
|
|
51
51
|
}, {
|
|
52
52
|
disabled: boolean;
|
|
53
53
|
modelValue: CheckedValue;
|
|
@@ -141,11 +141,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
141
141
|
title: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
142
142
|
ariaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
|
|
143
143
|
}>> & {
|
|
144
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
144
145
|
onOpen?: (() => any) | undefined;
|
|
145
146
|
onClose?: (() => any) | undefined;
|
|
146
147
|
onOpenAutoFocus?: (() => any) | undefined;
|
|
147
148
|
onCloseAutoFocus?: (() => any) | undefined;
|
|
148
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
149
149
|
onOpened?: (() => any) | undefined;
|
|
150
150
|
onClosed?: (() => any) | undefined;
|
|
151
151
|
}, {
|
|
@@ -146,10 +146,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
146
146
|
}>> & {
|
|
147
147
|
onFocus?: ((_e: FocusEvent) => any) | undefined;
|
|
148
148
|
onBlur?: ((_e: FocusEvent) => any) | undefined;
|
|
149
|
-
"onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
|
|
150
149
|
onChange?: ((_value?: string | null | undefined) => any) | undefined;
|
|
151
|
-
|
|
150
|
+
"onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
|
|
152
151
|
onVisibleChange?: ((_visible: boolean) => any) | undefined;
|
|
152
|
+
onClear?: (() => any) | undefined;
|
|
153
153
|
}, {
|
|
154
154
|
placement: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined;
|
|
155
155
|
disabled: boolean;
|
|
@@ -158,9 +158,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
158
158
|
persistent: boolean;
|
|
159
159
|
transition: string;
|
|
160
160
|
tooltip: boolean;
|
|
161
|
+
filterable: boolean;
|
|
161
162
|
responsive: boolean;
|
|
162
163
|
automaticDropdown: boolean;
|
|
163
|
-
filterable: boolean;
|
|
164
164
|
popperWidth: string | number;
|
|
165
165
|
popperHeight: string | number;
|
|
166
166
|
hideOnSingleTab: boolean;
|
|
@@ -145,8 +145,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
145
145
|
emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
|
|
146
146
|
headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
147
147
|
}>> & {
|
|
148
|
-
onOpen?: (() => any) | undefined;
|
|
149
148
|
"onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
|
|
149
|
+
onOpen?: (() => any) | undefined;
|
|
150
150
|
onClosed?: (() => any) | undefined;
|
|
151
151
|
onDone?: ((_result: CenterPoint) => any) | undefined;
|
|
152
152
|
onMapDone?: ((_ins: any) => any) | undefined;
|
package/lib/ele-menus/index.cjs
CHANGED
|
@@ -12,6 +12,7 @@ const index = vue.defineComponent({
|
|
|
12
12
|
emits: props.menusEmits,
|
|
13
13
|
setup(props$1, { slots, emit, expose }) {
|
|
14
14
|
const { authenticated } = receiver.useLicense();
|
|
15
|
+
const isWebkit = navigator.userAgent.includes("WebKit");
|
|
15
16
|
const menuRef = vue.ref(null);
|
|
16
17
|
const ellipsisRef = vue.ref(null);
|
|
17
18
|
const sliceIndex = vue.ref(-1);
|
|
@@ -58,8 +59,14 @@ const index = vue.defineComponent({
|
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
);
|
|
61
|
-
const onItemClick = (item) => {
|
|
62
|
-
emit("itemClick", item);
|
|
62
|
+
const onItemClick = (item, e) => {
|
|
63
|
+
emit("itemClick", item, e);
|
|
64
|
+
};
|
|
65
|
+
const onItemMouseenter = (item, e) => {
|
|
66
|
+
emit("itemMouseenter", item, e);
|
|
67
|
+
};
|
|
68
|
+
const onItemMouseleave = (item, e) => {
|
|
69
|
+
emit("itemMouseleave", item, e);
|
|
63
70
|
};
|
|
64
71
|
const exposeValue = {
|
|
65
72
|
menuRef,
|
|
@@ -116,7 +123,10 @@ const index = vue.defineComponent({
|
|
|
116
123
|
props$1.popupColorful,
|
|
117
124
|
props$1.firstPopperClass,
|
|
118
125
|
true,
|
|
119
|
-
onItemClick
|
|
126
|
+
onItemClick,
|
|
127
|
+
onItemMouseenter,
|
|
128
|
+
onItemMouseleave,
|
|
129
|
+
isWebkit
|
|
120
130
|
);
|
|
121
131
|
if (moreItems) {
|
|
122
132
|
const ellipsisProps = props$1.ellipsisProps || {};
|
|
@@ -154,7 +164,10 @@ const index = vue.defineComponent({
|
|
|
154
164
|
props$1.popupColorful,
|
|
155
165
|
props$1.firstPopperClass,
|
|
156
166
|
false,
|
|
157
|
-
onItemClick
|
|
167
|
+
onItemClick,
|
|
168
|
+
onItemMouseenter,
|
|
169
|
+
onItemMouseleave,
|
|
170
|
+
isWebkit
|
|
158
171
|
);
|
|
159
172
|
},
|
|
160
173
|
title: () => {
|
package/lib/ele-menus/index.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
firstPopperClass: StringConstructor;
|
|
20
20
|
tooltipDisabled: BooleanConstructor;
|
|
21
21
|
ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
|
|
22
|
+
handleClick: BooleanConstructor;
|
|
22
23
|
mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
|
|
23
24
|
defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
24
25
|
defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
|
|
@@ -43,7 +44,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
44
|
open: (index: string) => void;
|
|
44
45
|
close: (index: string) => void;
|
|
45
46
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
46
|
-
|
|
47
|
+
/** 是否是水平菜单 */
|
|
48
|
+
itemClick: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
|
|
49
|
+
itemMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
|
|
50
|
+
itemMouseleave: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
|
|
47
51
|
close: (index: string, indexPath: string[]) => boolean;
|
|
48
52
|
open: (index: string, indexPath: string[]) => boolean;
|
|
49
53
|
select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => boolean;
|
|
@@ -65,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
69
|
firstPopperClass: StringConstructor;
|
|
66
70
|
tooltipDisabled: BooleanConstructor;
|
|
67
71
|
ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
|
|
72
|
+
handleClick: BooleanConstructor;
|
|
68
73
|
mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
|
|
69
74
|
defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
70
75
|
defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
|
|
@@ -88,7 +93,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
88
93
|
onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
|
|
89
94
|
onClose?: ((index: string, indexPath: string[]) => any) | undefined;
|
|
90
95
|
onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
|
|
91
|
-
onItemClick?: ((_item: import("./types").MenuItem) => any) | undefined;
|
|
96
|
+
onItemClick?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
|
|
97
|
+
onItemMouseenter?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
|
|
98
|
+
onItemMouseleave?: ((_item: import("./types").MenuItem, _e: MouseEvent) => any) | undefined;
|
|
92
99
|
}, {
|
|
93
100
|
showTimeout: number;
|
|
94
101
|
hideTimeout: number;
|
|
@@ -105,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
105
112
|
popperOffset: number;
|
|
106
113
|
ellipsisIcon: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
|
|
107
114
|
popperEffect: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown>;
|
|
115
|
+
handleClick: boolean;
|
|
108
116
|
popupTheme: import("./types").PopupMenuTheme;
|
|
109
117
|
colorful: boolean;
|
|
110
118
|
popupColorful: import("./types").PopupColorful;
|
package/lib/ele-menus/props.cjs
CHANGED
|
@@ -27,13 +27,19 @@ const menusProps = {
|
|
|
27
27
|
/** 禁用 tooltip */
|
|
28
28
|
tooltipDisabled: Boolean,
|
|
29
29
|
/** 省略菜单的属性 */
|
|
30
|
-
ellipsisProps: Object
|
|
30
|
+
ellipsisProps: Object,
|
|
31
|
+
/** 是否完全自己处理子菜单项点击事件 */
|
|
32
|
+
handleClick: Boolean
|
|
31
33
|
};
|
|
32
34
|
const menuPropKeys = Object.keys(elementPlus.menuProps);
|
|
33
35
|
const menusEmits = {
|
|
34
36
|
...elementPlus.menuEmits,
|
|
35
|
-
/**
|
|
36
|
-
itemClick: (_item) => true
|
|
37
|
+
/** 子菜单项点击事件 */
|
|
38
|
+
itemClick: (_item, _e) => true,
|
|
39
|
+
/** 子菜单项鼠标进入事件 */
|
|
40
|
+
itemMouseenter: (_item, _e) => true,
|
|
41
|
+
/** 子菜单项鼠标离开事件 */
|
|
42
|
+
itemMouseleave: (_item, _e) => true
|
|
37
43
|
};
|
|
38
44
|
exports.menuPropKeys = menuPropKeys;
|
|
39
45
|
exports.menusEmits = menusEmits;
|
package/lib/ele-menus/props.d.ts
CHANGED
|
@@ -30,6 +30,8 @@ export declare const menusProps: {
|
|
|
30
30
|
tooltipDisabled: BooleanConstructor;
|
|
31
31
|
/** 省略菜单的属性 */
|
|
32
32
|
ellipsisProps: PropType<EllipsisProps>;
|
|
33
|
+
/** 是否完全自己处理子菜单项点击事件 */
|
|
34
|
+
handleClick: BooleanConstructor;
|
|
33
35
|
mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
|
|
34
36
|
defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
35
37
|
defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
|
|
@@ -60,8 +62,12 @@ export declare const menuPropKeys: MenuPropKeys;
|
|
|
60
62
|
* 事件
|
|
61
63
|
*/
|
|
62
64
|
export declare const menusEmits: {
|
|
63
|
-
/**
|
|
64
|
-
itemClick: (_item: MenuItem) => boolean;
|
|
65
|
+
/** 子菜单项点击事件 */
|
|
66
|
+
itemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
|
|
67
|
+
/** 子菜单项鼠标进入事件 */
|
|
68
|
+
itemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
|
|
69
|
+
/** 子菜单项鼠标离开事件 */
|
|
70
|
+
itemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
|
|
65
71
|
close: (index: string, indexPath: string[]) => boolean;
|
|
66
72
|
open: (index: string, indexPath: string[]) => boolean;
|
|
67
73
|
select: (index: string, indexPath: string[], item: import("element-plus").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => boolean;
|
|
@@ -695,20 +695,21 @@
|
|
|
695
695
|
}
|
|
696
696
|
|
|
697
697
|
/* 超链接 */
|
|
698
|
+
.ele-menu-trigger {
|
|
699
|
+
position: absolute;
|
|
700
|
+
top: 0;
|
|
701
|
+
left: 0;
|
|
702
|
+
right: 0;
|
|
703
|
+
bottom: 0;
|
|
704
|
+
z-index: 2;
|
|
705
|
+
}
|
|
706
|
+
|
|
698
707
|
.el-menu-item .ele-menu-link {
|
|
708
|
+
width: 100%;
|
|
709
|
+
height: 100%;
|
|
710
|
+
display: block;
|
|
699
711
|
color: inherit;
|
|
700
|
-
position: static;
|
|
701
712
|
text-decoration: none;
|
|
702
|
-
|
|
703
|
-
&::before {
|
|
704
|
-
content: '';
|
|
705
|
-
position: absolute;
|
|
706
|
-
top: 0;
|
|
707
|
-
left: 0;
|
|
708
|
-
right: 0;
|
|
709
|
-
bottom: 0;
|
|
710
|
-
z-index: 2;
|
|
711
|
-
}
|
|
712
713
|
}
|
|
713
714
|
|
|
714
715
|
/* Tooltip */
|
package/lib/ele-menus/types.d.ts
CHANGED
|
@@ -35,7 +35,7 @@ export interface MenuItem
|
|
|
35
35
|
children?: MenuItem[];
|
|
36
36
|
/** 附加数据 */
|
|
37
37
|
meta?: Record<keyof any, any>;
|
|
38
|
-
/** 是否是溢出的菜单 */
|
|
38
|
+
/** 是否是溢出的菜单(内部属性) */
|
|
39
39
|
overflow?: boolean;
|
|
40
40
|
}
|
|
41
41
|
|
|
@@ -54,6 +54,11 @@ export type PopupMenuTheme = 'auto' | MenuTheme;
|
|
|
54
54
|
*/
|
|
55
55
|
export type PopupColorful = 'auto' | boolean;
|
|
56
56
|
|
|
57
|
+
/**
|
|
58
|
+
* 子菜单项点击事件
|
|
59
|
+
*/
|
|
60
|
+
export type MenuItemEvent = (item: MenuItem, e: MouseEvent) => void;
|
|
61
|
+
|
|
57
62
|
/**
|
|
58
63
|
* 省略菜单的属性
|
|
59
64
|
*/
|
|
@@ -78,19 +83,14 @@ export interface MenuResult {
|
|
|
78
83
|
moreItems?: MenuItem[];
|
|
79
84
|
}
|
|
80
85
|
|
|
81
|
-
/**
|
|
82
|
-
* 菜单项点击事件
|
|
83
|
-
*/
|
|
84
|
-
export type ItemClick = (item: MenuItem) => void;
|
|
85
|
-
|
|
86
86
|
/**
|
|
87
87
|
* 菜单省略计算参数
|
|
88
88
|
*/
|
|
89
89
|
export interface MenuEllipsisOption {
|
|
90
|
-
/**
|
|
90
|
+
/** 获取菜单节点的方法 */
|
|
91
91
|
getMenuEl: () => HTMLElement | null;
|
|
92
|
-
/**
|
|
92
|
+
/** 获取菜单省略项节点的方法 */
|
|
93
93
|
getMoreEl: () => HTMLElement | null;
|
|
94
|
-
/**
|
|
94
|
+
/** 计算结果回调 */
|
|
95
95
|
onEllipsis: (index: number) => void;
|
|
96
96
|
}
|