ep-craft 0.1.40 → 0.1.42
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/dist/components/affix/affix.d.ts +8 -0
- package/dist/components/affix/affix.js +77 -138
- package/dist/components/dialog/EpDialog.vue.d.ts +2 -2
- package/dist/components/dialog/EpDialog.vue.js +19 -19
- package/dist/components/drawer/EpDrawer.vue.d.ts +2 -2
- package/dist/components/drawer/EpDrawer.vue.js +16 -16
- package/dist/components/input-number/EpInputNumber.vue.js +62 -63
- package/dist/components/input-number/input-number.d.ts +5 -0
- package/dist/components/input-number/input-number.js +6 -6
- package/dist/components/menu/menu.js +154 -164
- package/dist/components/message-box/src/index2.vue.js +10 -10
- package/dist/components/progress/src/progress.vue.d.ts +1 -1
- package/dist/components/select/index.d.ts +6 -3
- package/dist/components/select/select.d.ts +1 -0
- package/dist/components/select/select.js +3 -3
- package/dist/components/select/select.vue.d.ts +3 -1
- package/dist/components/select/select.vue.js +9 -9
- package/dist/components/select/select2.vue.js +73 -75
- package/dist/components/select-v2/src/defaults.d.ts +1 -0
- package/dist/components/select-v2/src/defaults.js +1 -1
- package/dist/components/select-v2/src/select.vue.d.ts +3 -1
- package/dist/components/select-v2/src/select.vue.js +21 -21
- package/dist/components/select-v2/src/select2.vue.js +27 -29
- package/dist/components/tree-select/src/tree-select.vue.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,36 +1,23 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const h = x(
|
|
22
|
-
e,
|
|
23
|
-
(g) => {
|
|
24
|
-
i == null || i.disconnect(), i = void 0, g && typeof ResizeObserver < "u" && (i = new ResizeObserver(o), i.observe(g));
|
|
25
|
-
},
|
|
26
|
-
{ immediate: !0 }
|
|
27
|
-
);
|
|
28
|
-
return {
|
|
29
|
-
stop: () => {
|
|
30
|
-
i == null || i.disconnect(), h();
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
}, Se = re({
|
|
1
|
+
import { defineComponent as X, getCurrentInstance as Z, ref as d, computed as ee, watch as C, watchEffect as te, onBeforeUnmount as ne, provide as j, reactive as oe, onMounted as le, h as I, withDirectives as ue, nextTick as ae } from "vue";
|
|
2
|
+
import { useResizeObserver as ie } from "@vueuse/core";
|
|
3
|
+
import { ElIcon as ce } from "../icon/index.js";
|
|
4
|
+
import { More as re } from "@element-plus/icons-vue";
|
|
5
|
+
import { mutable as se } from "../../utils/typescript.js";
|
|
6
|
+
import { iconPropType as de } from "../../utils/vue/icon.js";
|
|
7
|
+
import { flattedChildren as fe } from "../../utils/vue/vnode.js";
|
|
8
|
+
import { buildProps as me, definePropType as N } from "../../utils/vue/props/runtime.js";
|
|
9
|
+
import { useNamespace as F } from "../../hooks/use-namespace/index.js";
|
|
10
|
+
import ve from "../../directives/click-outside/index.js";
|
|
11
|
+
import pe from "./utils/menu-bar.js";
|
|
12
|
+
import { useMenuCssVar as he } from "./use-menu-css-var.js";
|
|
13
|
+
import ge from "./menu-collapse-transition.vue.js";
|
|
14
|
+
import { MENU_INJECTION_KEY as Me, SUB_MENU_INJECTION_KEY as be } from "./tokens.js";
|
|
15
|
+
import Ie from "../sub-menu/sub-menu.js";
|
|
16
|
+
import { isString as E, isObject as ye, isArray as Se } from "@vue/shared";
|
|
17
|
+
const Oe = (t) => {
|
|
18
|
+
const l = (t == null ? void 0 : t.value) ?? t;
|
|
19
|
+
return l && typeof l == "object" && "$el" in l ? l.$el : l;
|
|
20
|
+
}, Ee = me({
|
|
34
21
|
/** menu display mode */
|
|
35
22
|
mode: {
|
|
36
23
|
type: String,
|
|
@@ -45,7 +32,7 @@ const ye = (e) => {
|
|
|
45
32
|
/** array that contains indexes of currently active sub-menus */
|
|
46
33
|
defaultOpeneds: {
|
|
47
34
|
type: N(Array),
|
|
48
|
-
default: () =>
|
|
35
|
+
default: () => se([])
|
|
49
36
|
},
|
|
50
37
|
/** whether only one sub-menu can be active */
|
|
51
38
|
uniqueOpened: Boolean,
|
|
@@ -84,8 +71,8 @@ const ye = (e) => {
|
|
|
84
71
|
},
|
|
85
72
|
/** custom ellipsis icon (available only in horizontal mode and ellipsis is true) */
|
|
86
73
|
ellipsisIcon: {
|
|
87
|
-
type:
|
|
88
|
-
default: () =>
|
|
74
|
+
type: de,
|
|
75
|
+
default: () => re
|
|
89
76
|
},
|
|
90
77
|
/** Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed */
|
|
91
78
|
popperEffect: {
|
|
@@ -113,171 +100,174 @@ const ye = (e) => {
|
|
|
113
100
|
type: Boolean,
|
|
114
101
|
default: !0
|
|
115
102
|
}
|
|
116
|
-
}), T = (
|
|
117
|
-
close: (
|
|
118
|
-
open: (
|
|
119
|
-
select: (
|
|
120
|
-
},
|
|
103
|
+
}), T = (t) => Se(t) && t.every((l) => E(l)), xe = {
|
|
104
|
+
close: (t, l) => E(t) && T(l),
|
|
105
|
+
open: (t, l) => E(t) && T(l),
|
|
106
|
+
select: (t, l, h, y) => E(t) && T(l) && ye(h) && (y === void 0 || y instanceof Promise)
|
|
107
|
+
}, q = 64, je = X({
|
|
121
108
|
name: "EpMenu",
|
|
122
|
-
props:
|
|
123
|
-
emits:
|
|
124
|
-
setup(
|
|
125
|
-
const
|
|
126
|
-
let z =
|
|
127
|
-
const
|
|
128
|
-
|
|
129
|
-
),
|
|
130
|
-
() =>
|
|
131
|
-
),
|
|
132
|
-
const
|
|
133
|
-
if (!
|
|
134
|
-
|
|
135
|
-
const a =
|
|
136
|
-
a && O(
|
|
109
|
+
props: Ee,
|
|
110
|
+
emits: xe,
|
|
111
|
+
setup(t, { emit: l, slots: h, expose: y }) {
|
|
112
|
+
const x = Z(), P = x.appContext.config.globalProperties.$router, f = d(), k = d(), S = F("menu"), _ = F("sub-menu");
|
|
113
|
+
let z = q;
|
|
114
|
+
const m = d(-1), i = d(
|
|
115
|
+
t.defaultOpeneds && !t.collapse ? t.defaultOpeneds.slice(0) : []
|
|
116
|
+
), s = d(t.defaultActive), v = d({}), p = d({}), J = ee(
|
|
117
|
+
() => t.mode === "horizontal" || t.mode === "vertical" && t.collapse
|
|
118
|
+
), K = () => {
|
|
119
|
+
const e = s.value && v.value[s.value];
|
|
120
|
+
if (!e || t.mode === "horizontal" || t.collapse) return;
|
|
121
|
+
e.indexPath.forEach((o) => {
|
|
122
|
+
const a = p.value[o];
|
|
123
|
+
a && O(o, a.indexPath);
|
|
137
124
|
});
|
|
138
|
-
}, O = (
|
|
139
|
-
|
|
140
|
-
(
|
|
141
|
-
)),
|
|
142
|
-
},
|
|
143
|
-
const n =
|
|
144
|
-
n !== -1 &&
|
|
145
|
-
},
|
|
146
|
-
|
|
147
|
-
},
|
|
148
|
-
index:
|
|
125
|
+
}, O = (e, n) => {
|
|
126
|
+
i.value.includes(e) || (t.uniqueOpened && (i.value = i.value.filter(
|
|
127
|
+
(o) => n.includes(o)
|
|
128
|
+
)), i.value.push(e), l("open", e, n));
|
|
129
|
+
}, B = (e) => {
|
|
130
|
+
const n = i.value.indexOf(e);
|
|
131
|
+
n !== -1 && i.value.splice(n, 1);
|
|
132
|
+
}, R = (e, n) => {
|
|
133
|
+
B(e), l("close", e, n);
|
|
134
|
+
}, V = ({
|
|
135
|
+
index: e,
|
|
149
136
|
indexPath: n
|
|
150
137
|
}) => {
|
|
151
|
-
|
|
152
|
-
},
|
|
153
|
-
(
|
|
154
|
-
const { index: n, indexPath:
|
|
155
|
-
if (!(n == null ||
|
|
156
|
-
if (
|
|
157
|
-
const a =
|
|
158
|
-
|
|
138
|
+
i.value.includes(e) ? R(e, n) : O(e, n);
|
|
139
|
+
}, Y = (e) => {
|
|
140
|
+
(t.mode === "horizontal" || t.collapse) && (i.value = []);
|
|
141
|
+
const { index: n, indexPath: o } = e;
|
|
142
|
+
if (!(n == null || o == null))
|
|
143
|
+
if (t.router && P) {
|
|
144
|
+
const a = e.route || n, u = P.push(a).then((c) => (c || (s.value = n), c));
|
|
145
|
+
l("select", n, o, { index: n, indexPath: o, route: a }, u);
|
|
159
146
|
} else
|
|
160
|
-
|
|
161
|
-
}, A = (
|
|
162
|
-
const n =
|
|
163
|
-
|
|
164
|
-
},
|
|
165
|
-
const n = getComputedStyle(
|
|
166
|
-
return
|
|
147
|
+
s.value = n, l("select", n, o, { index: n, indexPath: o });
|
|
148
|
+
}, A = (e) => {
|
|
149
|
+
const n = v.value, o = n[e] || s.value && n[s.value] || n[t.defaultActive];
|
|
150
|
+
s.value = (o == null ? void 0 : o.index) ?? e;
|
|
151
|
+
}, w = (e) => {
|
|
152
|
+
const n = getComputedStyle(e), o = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
|
|
153
|
+
return e.offsetWidth + o + a || 0;
|
|
167
154
|
}, W = () => {
|
|
168
|
-
if (!
|
|
169
|
-
const
|
|
155
|
+
if (!f.value) return -1;
|
|
156
|
+
const e = Array.from(f.value.childNodes).filter(
|
|
170
157
|
(r) => r.nodeName !== "#comment" && (r.nodeName !== "#text" || r.nodeValue)
|
|
171
|
-
), n = getComputedStyle(
|
|
172
|
-
let
|
|
173
|
-
return
|
|
174
|
-
|
|
175
|
-
}),
|
|
176
|
-
},
|
|
177
|
-
let
|
|
158
|
+
), n = getComputedStyle(f.value), o = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = f.value.clientWidth - o - a;
|
|
159
|
+
let c = 0, M = 0;
|
|
160
|
+
return e.forEach((r, b) => {
|
|
161
|
+
c += w(r), c <= u - z && (M = b + 1);
|
|
162
|
+
}), M === e.length ? -1 : M;
|
|
163
|
+
}, H = (e) => p.value[e].indexPath, G = (e, n = 33.34) => {
|
|
164
|
+
let o;
|
|
178
165
|
return () => {
|
|
179
|
-
|
|
180
|
-
|
|
166
|
+
o && clearTimeout(o), o = setTimeout(() => {
|
|
167
|
+
e();
|
|
181
168
|
}, n);
|
|
182
169
|
};
|
|
183
170
|
};
|
|
184
171
|
let D = !0;
|
|
185
172
|
const L = () => {
|
|
186
|
-
const
|
|
187
|
-
if (
|
|
173
|
+
const e = Oe(k);
|
|
174
|
+
if (e && (z = w(e) || q), m.value === W()) return;
|
|
188
175
|
const n = () => {
|
|
189
|
-
|
|
190
|
-
|
|
176
|
+
m.value = -1, ae(() => {
|
|
177
|
+
m.value = W();
|
|
191
178
|
});
|
|
192
179
|
};
|
|
193
|
-
D ? n() :
|
|
180
|
+
D ? n() : G(n)(), D = !1;
|
|
194
181
|
};
|
|
195
|
-
|
|
196
|
-
() =>
|
|
197
|
-
(
|
|
198
|
-
|
|
182
|
+
C(
|
|
183
|
+
() => t.defaultActive,
|
|
184
|
+
(e) => {
|
|
185
|
+
v.value[e] || (s.value = ""), A(e);
|
|
199
186
|
}
|
|
200
|
-
),
|
|
201
|
-
() =>
|
|
202
|
-
(
|
|
203
|
-
|
|
187
|
+
), C(
|
|
188
|
+
() => t.collapse,
|
|
189
|
+
(e) => {
|
|
190
|
+
e && (i.value = []);
|
|
204
191
|
}
|
|
205
|
-
),
|
|
206
|
-
let
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
}
|
|
210
|
-
|
|
192
|
+
), C(v.value, K);
|
|
193
|
+
let g;
|
|
194
|
+
const U = () => {
|
|
195
|
+
g == null || g(), g = void 0;
|
|
196
|
+
};
|
|
197
|
+
te(() => {
|
|
198
|
+
U(), t.mode === "horizontal" && t.ellipsis && (g = ie(f, L).stop);
|
|
199
|
+
}), ne(U);
|
|
200
|
+
const $ = d(!1);
|
|
211
201
|
{
|
|
212
|
-
const
|
|
213
|
-
|
|
202
|
+
const e = (u) => {
|
|
203
|
+
p.value[u.index] = u;
|
|
214
204
|
}, n = (u) => {
|
|
215
|
-
delete
|
|
205
|
+
delete p.value[u.index];
|
|
216
206
|
};
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
props:
|
|
221
|
-
openedMenus:
|
|
222
|
-
items:
|
|
223
|
-
subMenus:
|
|
224
|
-
activeIndex:
|
|
225
|
-
isMenuPopup:
|
|
207
|
+
j(
|
|
208
|
+
Me,
|
|
209
|
+
oe({
|
|
210
|
+
props: t,
|
|
211
|
+
openedMenus: i,
|
|
212
|
+
items: v,
|
|
213
|
+
subMenus: p,
|
|
214
|
+
activeIndex: s,
|
|
215
|
+
isMenuPopup: J,
|
|
226
216
|
addMenuItem: (u) => {
|
|
227
|
-
|
|
217
|
+
v.value[u.index] = u;
|
|
228
218
|
},
|
|
229
219
|
removeMenuItem: (u) => {
|
|
230
|
-
delete
|
|
220
|
+
delete v.value[u.index];
|
|
231
221
|
},
|
|
232
|
-
addSubMenu:
|
|
222
|
+
addSubMenu: e,
|
|
233
223
|
removeSubMenu: n,
|
|
234
224
|
openMenu: O,
|
|
235
|
-
closeMenu:
|
|
236
|
-
handleMenuItemClick:
|
|
237
|
-
handleSubMenuClick:
|
|
225
|
+
closeMenu: R,
|
|
226
|
+
handleMenuItemClick: Y,
|
|
227
|
+
handleSubMenuClick: V
|
|
238
228
|
})
|
|
239
|
-
),
|
|
240
|
-
addSubMenu:
|
|
229
|
+
), j(`${be}${x.uid}`, {
|
|
230
|
+
addSubMenu: e,
|
|
241
231
|
removeSubMenu: n,
|
|
242
232
|
mouseInChild: $,
|
|
243
233
|
level: 0
|
|
244
234
|
});
|
|
245
235
|
}
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
}),
|
|
236
|
+
le(() => {
|
|
237
|
+
t.mode === "horizontal" && new pe(x.vnode.el, S.namespace.value);
|
|
238
|
+
}), y({
|
|
249
239
|
open: (n) => {
|
|
250
|
-
const { indexPath:
|
|
251
|
-
|
|
240
|
+
const { indexPath: o } = p.value[n];
|
|
241
|
+
o.forEach((a) => O(a, o));
|
|
252
242
|
},
|
|
253
|
-
close:
|
|
243
|
+
close: B,
|
|
254
244
|
updateActiveIndex: A,
|
|
255
245
|
handleResize: L
|
|
256
246
|
});
|
|
257
|
-
const
|
|
247
|
+
const Q = he(t, 0);
|
|
258
248
|
return () => {
|
|
259
249
|
var u;
|
|
260
|
-
let
|
|
250
|
+
let e = ((u = h.default) == null ? void 0 : u.call(h)) ?? [];
|
|
261
251
|
const n = [];
|
|
262
|
-
if (
|
|
263
|
-
const
|
|
264
|
-
r != null && r.length &&
|
|
252
|
+
if (t.mode === "horizontal" && f.value) {
|
|
253
|
+
const c = fe(e).filter((b) => (b == null ? void 0 : b.shapeFlag) !== 8), M = m.value === -1 ? c : c.slice(0, m.value), r = m.value === -1 ? [] : c.slice(m.value);
|
|
254
|
+
r != null && r.length && t.ellipsis && (e = M, n.push(
|
|
265
255
|
I(
|
|
266
|
-
|
|
256
|
+
Ie,
|
|
267
257
|
{
|
|
268
258
|
ref: k,
|
|
269
259
|
index: "sub-menu-more",
|
|
270
260
|
class: _.e("hide-arrow"),
|
|
271
|
-
popperOffset:
|
|
261
|
+
popperOffset: t.popperOffset
|
|
272
262
|
},
|
|
273
263
|
{
|
|
274
264
|
title: () => I(
|
|
275
|
-
|
|
265
|
+
ce,
|
|
276
266
|
{
|
|
277
267
|
class: _.e("icon-more")
|
|
278
268
|
},
|
|
279
269
|
{
|
|
280
|
-
default: () => I(
|
|
270
|
+
default: () => I(t.ellipsisIcon)
|
|
281
271
|
}
|
|
282
272
|
),
|
|
283
273
|
default: () => r
|
|
@@ -285,39 +275,39 @@ const ye = (e) => {
|
|
|
285
275
|
)
|
|
286
276
|
));
|
|
287
277
|
}
|
|
288
|
-
const
|
|
278
|
+
const o = t.closeOnClickOutside ? [
|
|
289
279
|
[
|
|
290
|
-
|
|
280
|
+
ve,
|
|
291
281
|
() => {
|
|
292
|
-
|
|
293
|
-
(
|
|
294
|
-
),
|
|
282
|
+
i.value.length && ($.value || (i.value.forEach(
|
|
283
|
+
(c) => l("close", c, H(c))
|
|
284
|
+
), i.value = []));
|
|
295
285
|
}
|
|
296
286
|
]
|
|
297
|
-
] : [], a =
|
|
287
|
+
] : [], a = ue(
|
|
298
288
|
I(
|
|
299
289
|
"ul",
|
|
300
290
|
{
|
|
301
|
-
key: String(
|
|
291
|
+
key: String(t.collapse),
|
|
302
292
|
role: "menubar",
|
|
303
|
-
ref:
|
|
304
|
-
style:
|
|
293
|
+
ref: f,
|
|
294
|
+
style: Q.value,
|
|
305
295
|
class: {
|
|
306
296
|
[S.b()]: !0,
|
|
307
|
-
[S.m(
|
|
308
|
-
[S.m("collapse")]:
|
|
297
|
+
[S.m(t.mode)]: !0,
|
|
298
|
+
[S.m("collapse")]: t.collapse
|
|
309
299
|
}
|
|
310
300
|
},
|
|
311
|
-
[...
|
|
301
|
+
[...e, ...n]
|
|
312
302
|
),
|
|
313
|
-
|
|
303
|
+
o
|
|
314
304
|
);
|
|
315
|
-
return
|
|
305
|
+
return t.collapseTransition && t.mode === "vertical" ? I(ge, () => a) : a;
|
|
316
306
|
};
|
|
317
307
|
}
|
|
318
308
|
});
|
|
319
309
|
export {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
310
|
+
je as default,
|
|
311
|
+
xe as menuEmits,
|
|
312
|
+
Ee as menuProps
|
|
323
313
|
};
|
|
@@ -8,13 +8,13 @@ import { useLockscreen as Q } from "../../../hooks/use-lockscreen/index.js";
|
|
|
8
8
|
import { useSameTarget as X } from "../../../hooks/use-same-target/index.js";
|
|
9
9
|
import { useDraggable as Y } from "../../../hooks/use-draggable/index.js";
|
|
10
10
|
import { EpInput as ee } from "../../input/index.js";
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { ElIcon as ae } from "../../icon/index.js";
|
|
11
|
+
import { TypeComponents as te, TypeComponentsMap as I } from "../../../utils/vue/icon.js";
|
|
12
|
+
import { isValidComponentSize as oe } from "../../../utils/vue/validator.js";
|
|
13
|
+
import { ElIcon as ne } from "../../icon/index.js";
|
|
15
14
|
import { Loading as M } from "@element-plus/icons-vue";
|
|
16
|
-
import { EpFocusTrap as
|
|
15
|
+
import { EpFocusTrap as ae } from "../../focus-trap/index.js";
|
|
17
16
|
import "../../config-provider/index.js";
|
|
17
|
+
import { EpOverlay as re } from "../../overlay/overlay.js";
|
|
18
18
|
import { useGlobalComponentSettings as se } from "../../config-provider/src/hooks/use-global-config.js";
|
|
19
19
|
import { isFunction as le, isString as ie } from "@vue/shared";
|
|
20
20
|
const Se = G({
|
|
@@ -24,17 +24,17 @@ const Se = G({
|
|
|
24
24
|
},
|
|
25
25
|
components: {
|
|
26
26
|
ElButton: K,
|
|
27
|
-
ElFocusTrap:
|
|
27
|
+
ElFocusTrap: ae,
|
|
28
28
|
ElInput: ee,
|
|
29
|
-
ElOverlay:
|
|
30
|
-
ElIcon:
|
|
31
|
-
...
|
|
29
|
+
ElOverlay: re,
|
|
30
|
+
ElIcon: ne,
|
|
31
|
+
...te
|
|
32
32
|
},
|
|
33
33
|
inheritAttrs: !1,
|
|
34
34
|
props: {
|
|
35
35
|
buttonSize: {
|
|
36
36
|
type: String,
|
|
37
|
-
validator:
|
|
37
|
+
validator: oe
|
|
38
38
|
},
|
|
39
39
|
modal: {
|
|
40
40
|
type: Boolean,
|
|
@@ -15,9 +15,9 @@ declare const __VLS_component: import("vue").DefineComponent<ProgressProps, {},
|
|
|
15
15
|
strokeWidth: number;
|
|
16
16
|
width: number;
|
|
17
17
|
type: "line" | "circle" | "dashboard";
|
|
18
|
+
status: "" | "success" | "exception" | "warning";
|
|
18
19
|
format: import("./progress.js").ProgressFn;
|
|
19
20
|
duration: number;
|
|
20
|
-
status: "" | "success" | "exception" | "warning";
|
|
21
21
|
percentage: number;
|
|
22
22
|
showText: boolean;
|
|
23
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -5,6 +5,7 @@ export default EpSelect;
|
|
|
5
5
|
export declare const ElSelect: {
|
|
6
6
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
7
7
|
ariaLabel: StringConstructor;
|
|
8
|
+
ariaLabelledby: StringConstructor;
|
|
8
9
|
emptyValues: ArrayConstructor;
|
|
9
10
|
valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
|
|
10
11
|
floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
@@ -111,7 +112,7 @@ export declare const ElSelect: {
|
|
|
111
112
|
floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
|
|
112
113
|
floatLabelText: import("vue").ComputedRef<string>;
|
|
113
114
|
floatLabelId: import("vue").Ref<string, string>;
|
|
114
|
-
|
|
115
|
+
ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
|
|
115
116
|
calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
116
117
|
inputStyle: import("vue").ComputedRef<{
|
|
117
118
|
minWidth: string;
|
|
@@ -961,6 +962,7 @@ export declare const ElSelect: {
|
|
|
961
962
|
Defaults: {};
|
|
962
963
|
}, Readonly<import("vue").ExtractPropTypes<{
|
|
963
964
|
ariaLabel: StringConstructor;
|
|
965
|
+
ariaLabelledby: StringConstructor;
|
|
964
966
|
emptyValues: ArrayConstructor;
|
|
965
967
|
valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
|
|
966
968
|
floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
@@ -1067,7 +1069,7 @@ export declare const ElSelect: {
|
|
|
1067
1069
|
floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
|
|
1068
1070
|
floatLabelText: import("vue").ComputedRef<string>;
|
|
1069
1071
|
floatLabelId: import("vue").Ref<string, string>;
|
|
1070
|
-
|
|
1072
|
+
ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
|
|
1071
1073
|
calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
1072
1074
|
inputStyle: import("vue").ComputedRef<{
|
|
1073
1075
|
minWidth: string;
|
|
@@ -1279,6 +1281,7 @@ export declare const ElSelect: {
|
|
|
1279
1281
|
__isSuspense?: never;
|
|
1280
1282
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
1281
1283
|
ariaLabel: StringConstructor;
|
|
1284
|
+
ariaLabelledby: StringConstructor;
|
|
1282
1285
|
emptyValues: ArrayConstructor;
|
|
1283
1286
|
valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
|
|
1284
1287
|
floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
@@ -1385,7 +1388,7 @@ export declare const ElSelect: {
|
|
|
1385
1388
|
floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
|
|
1386
1389
|
floatLabelText: import("vue").ComputedRef<string>;
|
|
1387
1390
|
floatLabelId: import("vue").Ref<string, string>;
|
|
1388
|
-
|
|
1391
|
+
ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
|
|
1389
1392
|
calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
1390
1393
|
inputStyle: import("vue").ComputedRef<{
|
|
1391
1394
|
minWidth: string;
|
|
@@ -23,6 +23,7 @@ export interface TagTooltipProps {
|
|
|
23
23
|
}
|
|
24
24
|
export declare const selectProps: {
|
|
25
25
|
ariaLabel: StringConstructor;
|
|
26
|
+
ariaLabelledby: StringConstructor;
|
|
26
27
|
emptyValues: ArrayConstructor;
|
|
27
28
|
valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
|
|
28
29
|
floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
@@ -10,7 +10,7 @@ import { useEmptyValuesProps as f } from "../../hooks/use-empty-values/index.js"
|
|
|
10
10
|
import { floatLabelProp as m } from "../../hooks/use-float-label/index.js";
|
|
11
11
|
import { ArrowDown as s, CircleClose as d } from "@element-plus/icons-vue";
|
|
12
12
|
import { CHANGE_EVENT as c, UPDATE_MODEL_EVENT as y } from "../../constants/event.js";
|
|
13
|
-
import { defaultProps as
|
|
13
|
+
import { defaultProps as b } from "../select-v2/src/useProps.js";
|
|
14
14
|
import { scrollbarEmits as r } from "../scrollbar/src/scrollbar.js";
|
|
15
15
|
import { useTooltipContentProps as a } from "../tooltip/src/content.js";
|
|
16
16
|
import { tagProps as l } from "../tag/tag.js";
|
|
@@ -286,11 +286,11 @@ const F = i({
|
|
|
286
286
|
},
|
|
287
287
|
props: {
|
|
288
288
|
type: e(Object),
|
|
289
|
-
default: () =>
|
|
289
|
+
default: () => b
|
|
290
290
|
},
|
|
291
291
|
...m,
|
|
292
292
|
...f,
|
|
293
|
-
...u(["ariaLabel"])
|
|
293
|
+
...u(["ariaLabel", "ariaLabelledby"])
|
|
294
294
|
}), L = {
|
|
295
295
|
// todo: use generics to eliminate any
|
|
296
296
|
[y]: (t) => !0,
|
|
@@ -2,6 +2,7 @@ import type { VNode } from 'vue';
|
|
|
2
2
|
import type { SelectContext } from './src/type.js';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
4
|
ariaLabel: StringConstructor;
|
|
5
|
+
ariaLabelledby: StringConstructor;
|
|
5
6
|
emptyValues: ArrayConstructor;
|
|
6
7
|
valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
|
|
7
8
|
floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
@@ -95,7 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
95
96
|
floatLabelClass: import("vue").ComputedRef<import("../../hooks/index.js").FloatLabelClass>;
|
|
96
97
|
floatLabelText: import("vue").ComputedRef<string>;
|
|
97
98
|
floatLabelId: import("vue").Ref<string, string>;
|
|
98
|
-
|
|
99
|
+
ariaLabelledbyValue: import("vue").ComputedRef<string | undefined>;
|
|
99
100
|
calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
100
101
|
inputStyle: import("vue").ComputedRef<{
|
|
101
102
|
minWidth: string;
|
|
@@ -276,6 +277,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
276
277
|
clear: () => boolean;
|
|
277
278
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
278
279
|
ariaLabel: StringConstructor;
|
|
280
|
+
ariaLabelledby: StringConstructor;
|
|
279
281
|
emptyValues: ArrayConstructor;
|
|
280
282
|
valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
|
|
281
283
|
floatLabel: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|