x-next 1.9.0 → 1.10.1

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 (51) hide show
  1. package/AI_USAGE.md +69 -7
  2. package/CHANGELOG.md +36 -0
  3. package/dist/_utils/chart/scale.d.ts +1 -1
  4. package/dist/components/_components/chart/axis-labels.d.ts +8 -0
  5. package/dist/components/_components/select-view/select-view.d.ts +9 -0
  6. package/dist/components/form-select/Select.d.ts +18 -5
  7. package/dist/components/form-select/SelectOptionGroup.vue.d.ts +1 -0
  8. package/dist/components/form-select/hooks/use-options.d.ts +1 -1
  9. package/dist/components/form-select/hooks/use-select.d.ts +1 -1
  10. package/dist/components/form-select/index.d.ts +42 -11
  11. package/dist/components/form-select/interface.d.ts +8 -0
  12. package/dist/components/link/Link.vue.d.ts +1 -1
  13. package/dist/components/link/index.d.ts +3 -3
  14. package/dist/components/pagination/page-options.vue.d.ts +60 -32
  15. package/dist/components/trigger/interface.d.ts +2 -0
  16. package/dist/components/virtual-list-v2/interface.d.ts +3 -0
  17. package/dist/components/virtual-list-v2/virtual-list.vue.d.ts +336 -1
  18. package/dist/es/_hooks/use-component-ref.js +9 -9
  19. package/dist/es/_utils/chart/scale.js +44 -39
  20. package/dist/es/components/_components/chart/ChartAxis.js +61 -36
  21. package/dist/es/components/_components/chart/axis-labels.js +26 -0
  22. package/dist/es/components/_components/select-view/select-view.js +89 -78
  23. package/dist/es/components/button/Button.js +23 -23
  24. package/dist/es/components/form-input-tag/InputTag.js +1 -1
  25. package/dist/es/components/form-select/Select.js +367 -318
  26. package/dist/es/components/form-select/SelectOption.vue.js +5 -3
  27. package/dist/es/components/form-select/SelectOption.vue2.js +54 -49
  28. package/dist/es/components/form-select/SelectOptionGroup.vue.js +17 -13
  29. package/dist/es/components/form-select/SelectOptionGroup.vue2.js +8 -5
  30. package/dist/es/components/form-select/hooks/use-options.js +40 -40
  31. package/dist/es/components/form-select/hooks/use-select.js +76 -71
  32. package/dist/es/components/trigger/Trigger.js +174 -183
  33. package/dist/es/components/virtual-list-v2/virtual-list.vue.js +22 -23
  34. package/dist/es/components/virtual-list-v2/virtual-list.vue2.js +67 -53
  35. package/dist/es/icons/icon.js +37 -36
  36. package/dist/es/icons/index.js +6 -8
  37. package/dist/es/icons/public/lucide-names.js +167 -0
  38. package/dist/es/icons/public/lucide.js +75 -188
  39. package/dist/es/index.js +152 -148
  40. package/dist/es/style.css +1 -1
  41. package/dist/icons/index.d.ts +3 -3
  42. package/dist/icons/names.d.ts +2 -2
  43. package/dist/icons/public/lucide-names.d.ts +32 -0
  44. package/dist/icons/public/lucide.d.ts +2 -2
  45. package/dist/index.cjs +3 -62
  46. package/dist/index.umd.js +3 -62
  47. package/dist/style/base.css +1 -1
  48. package/dist/style/button.css +1 -1
  49. package/dist/style/form-select.css +1 -1
  50. package/dist/style.css +1 -1
  51. package/package.json +3 -2
@@ -1,19 +1,19 @@
1
- import { defineComponent as Be, toRefs as Oe, computed as P, inject as Ee, ref as s, provide as Fe, reactive as Le, watch as I, nextTick as $, onMounted as Ae, onUpdated as ke, onDeactivated as De, onBeforeUnmount as ze, createVNode as c, Fragment as Ve, Teleport as je, mergeProps as Ne, Transition as We, withDirectives as xe, vShow as Ie } from "vue";
2
- import { getScrollElements as le, getElementScrollRect as ne, getPopupStyle as $e, getTransformOrigin as Ge, getArrowStyle as He } from "./utils.js";
1
+ import { defineComponent as Ee, toRefs as Oe, computed as P, inject as Be, ref as i, provide as Fe, reactive as Ae, watch as F, nextTick as I, onMounted as Le, onUpdated as ke, onDeactivated as De, onBeforeUnmount as ze, createVNode as c, Fragment as Ve, Teleport as je, mergeProps as Ne, Transition as We, withDirectives as xe, vShow as Ie } from "vue";
2
+ import { getElementScrollRect as ne, getPopupStyle as $e, getTransformOrigin as Ge, getArrowStyle as He, getScrollElements as Ue } from "./utils.js";
3
3
  import ue from "../../_container/resize-observer-v2.js";
4
- import { on as G, off as ie } from "../../_utils/dom.js";
5
- import { isEmptyChildren as Ue, mergeFirstChild as Ke } from "../../_utils/vue-eco.js";
6
- import Xe from "../../_hooks/use-pick-slots.js";
7
- import { triggerInjectionKey as ae } from "./context.js";
8
- import { throttleByRaf as se } from "../../_utils/throttle-by-raf.js";
9
- import Ye from "../../_hooks/use-popup-manager.js";
10
- import { useResizeObserver as _e } from "../../_hooks/use-resize-observer.js";
11
- import qe from "../../_container/client-only.js";
12
- import { useTeleportContainer as Je } from "../../_hooks/use-teleport-container.js";
13
- import { useFirstElement as Qe } from "../../_hooks/use-first-element.js";
14
- import { omit as Ze } from "../../_utils/omit.js";
15
- import { getClassNameMixin as eo } from "../../_utils/config.js";
16
- const oo = ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout", "onContextmenu"], bo = /* @__PURE__ */ Be({
4
+ import { on as $, off as ae } from "../../_utils/dom.js";
5
+ import { isEmptyChildren as Ke, mergeFirstChild as Xe } from "../../_utils/vue-eco.js";
6
+ import Ye from "../../_hooks/use-pick-slots.js";
7
+ import { triggerInjectionKey as ie } from "./context.js";
8
+ import { throttleByRaf as _e } from "../../_utils/throttle-by-raf.js";
9
+ import qe from "../../_hooks/use-popup-manager.js";
10
+ import { useResizeObserver as Je } from "../../_hooks/use-resize-observer.js";
11
+ import Qe from "../../_container/client-only.js";
12
+ import { useTeleportContainer as Ze } from "../../_hooks/use-teleport-container.js";
13
+ import { useFirstElement as eo } from "../../_hooks/use-first-element.js";
14
+ import { omit as oo } from "../../_utils/omit.js";
15
+ import { getClassNameMixin as to } from "../../_utils/config.js";
16
+ const lo = ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout", "onContextmenu"], So = /* @__PURE__ */ Ee({
17
17
  name: "Trigger",
18
18
  inheritAttrs: !1,
19
19
  props: {
@@ -328,276 +328,267 @@ const oo = ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout"
328
328
  * @slot content
329
329
  */
330
330
  setup(o, {
331
- emit: b,
332
- slots: v,
331
+ emit: C,
332
+ slots: f,
333
333
  attrs: n
334
334
  }) {
335
335
  const {
336
- popupContainer: re
337
- } = Oe(o), g = eo("trigger"), ce = P(() => Ze(n, oo)), p = P(() => [].concat(o.trigger)), k = /* @__PURE__ */ new Set(), u = Ee(ae, void 0), {
336
+ popupContainer: se
337
+ } = Oe(o), b = to("trigger"), ce = P(() => oo(n, lo)), m = P(() => [].concat(o.trigger)), A = /* @__PURE__ */ new Set(), u = Be(ie, void 0), {
338
338
  children: M,
339
- firstElement: T
340
- } = Qe(), y = s(), H = s(o.defaultPopupVisible), B = s(o.position), U = s({}), K = s({}), X = s({}), S = s(!1), fe = s(), f = s({
339
+ firstElement: g
340
+ } = eo(), v = i(), G = i(o.defaultPopupVisible), E = i(o.position), H = i({}), U = i({}), K = i({}), S = i(!1), re = i(), r = i({
341
341
  top: 0,
342
342
  left: 0
343
- });
344
- let O = null, E = null;
345
- const l = P(() => o.popupVisible ?? H.value), {
343
+ }), L = /* @__PURE__ */ new Map(), l = P(() => o.popupVisible ?? G.value), {
346
344
  teleportContainer: de,
347
- containerRef: D
348
- } = Je({
349
- popupContainer: re,
345
+ containerRef: k
346
+ } = Ze({
347
+ popupContainer: se,
350
348
  visible: l,
351
349
  documentContainer: !0
352
350
  }), {
353
- zIndex: me
354
- } = Ye("popup", {
351
+ zIndex: fe
352
+ } = qe("popup", {
355
353
  visible: l
356
354
  });
357
- let R = 0, h = !1, z = !1;
358
- const ve = () => {
359
- R && (window.clearTimeout(R), R = 0);
360
- }, V = (e) => {
355
+ let T = 0, p = !1;
356
+ const me = () => {
357
+ T && (window.clearTimeout(T), T = 0);
358
+ }, D = (e) => {
361
359
  if (o.alignPoint) {
362
360
  const {
363
361
  pageX: t,
364
- pageY: i
362
+ pageY: a
365
363
  } = e;
366
- f.value = {
367
- top: i,
364
+ r.value = {
365
+ top: a,
368
366
  left: t
369
367
  };
370
368
  }
371
- }, Y = () => {
369
+ }, X = () => {
372
370
  S.value = !0;
373
- }, m = () => {
374
- if (!T.value || !y.value || !D.value)
371
+ }, y = () => {
372
+ if (!g.value || !v.value || !k.value)
375
373
  return;
376
- const e = D.value.getBoundingClientRect(), t = o.alignPoint ? {
377
- top: f.value.top,
378
- bottom: f.value.top,
379
- left: f.value.left,
380
- right: f.value.left,
381
- scrollTop: f.value.top,
382
- scrollBottom: f.value.top,
383
- scrollLeft: f.value.left,
384
- scrollRight: f.value.left,
374
+ const e = k.value.getBoundingClientRect(), t = o.alignPoint ? {
375
+ top: r.value.top,
376
+ bottom: r.value.top,
377
+ left: r.value.left,
378
+ right: r.value.left,
379
+ scrollTop: r.value.top,
380
+ scrollBottom: r.value.top,
381
+ scrollLeft: r.value.left,
382
+ scrollRight: r.value.left,
385
383
  width: 0,
386
384
  height: 0
387
- } : ne(T.value, e), i = () => (
385
+ } : ne(g.value, e), a = () => (
388
386
  // @ts-ignore
389
- ne(y.value, e)
390
- ), d = i(), {
391
- style: w,
392
- position: C
387
+ ne(v.value, e)
388
+ ), d = a(), {
389
+ style: h,
390
+ position: w
393
391
  } = $e(o.position, e, t, d, {
394
392
  offset: o.popupOffset,
395
393
  translate: o.popupTranslate,
396
394
  customStyle: o.popupStyle,
397
395
  autoFitPosition: o.autoFitPosition
398
396
  });
399
- o.autoFitTransformOrigin && (K.value = {
400
- transformOrigin: Ge(C)
401
- }), o.autoFitPopupMinWidth ? w.minWidth = `${t.width}px` : o.autoFitPopupWidth && (w.width = `${t.width}px`), B.value !== C && (B.value = C), U.value = w, o.showArrow ? $(() => {
402
- X.value = He(C, t, i(), {
397
+ o.autoFitTransformOrigin && (U.value = {
398
+ transformOrigin: Ge(w)
399
+ }), o.autoFitPopupMinWidth ? h.minWidth = `${t.width}px` : o.autoFitPopupWidth && (h.width = `${t.width}px`), E.value !== w && (E.value = w), H.value = h, o.showArrow ? I(() => {
400
+ K.value = He(w, t, a(), {
403
401
  customStyle: o.arrowStyle
404
- }), Y();
405
- }) : Y();
406
- }, a = (e, t) => {
407
- const i = R !== 0;
408
- if (e === l.value && !i)
402
+ }), X();
403
+ }) : X();
404
+ }, s = (e, t) => {
405
+ const a = T !== 0;
406
+ if (e === l.value && !a)
409
407
  return;
410
408
  const d = () => {
411
- e && (S.value = !1), H.value = e, b("update:popupVisible", e), b("popupVisibleChange", e), e && $(() => {
412
- m();
409
+ e && (S.value = !1), G.value = e, C("update:popupVisible", e), C("popupVisibleChange", e), e && I(() => {
410
+ y();
413
411
  });
414
412
  };
415
- if (e || (O = null, E = null), ve(), t) {
416
- e !== l.value && (R = window.setTimeout(d, t));
413
+ if (me(), t) {
414
+ e !== l.value && (T = window.setTimeout(d, t));
417
415
  return;
418
416
  }
419
- e === l.value && i || d();
420
- }, pe = (e) => {
417
+ e === l.value && a || d();
418
+ }, ve = (e) => {
421
419
  var t;
422
- (t = n.onClick) == null || t.call(n, e), !(o.disabled || l.value && !o.clickToClose) && (p.value.includes("click") ? (V(e), a(!l.value)) : p.value.includes("contextMenu") && l.value && a(!1));
423
- }, _ = (e) => {
420
+ (t = n.onClick) == null || t.call(n, e), !(o.disabled || l.value && !o.clickToClose) && (m.value.includes("click") ? (D(e), s(!l.value)) : m.value.includes("contextMenu") && l.value && s(!1));
421
+ }, Y = (e) => {
424
422
  var t;
425
- (t = n.onMouseenter) == null || t.call(n, e), !(o.disabled || !p.value.includes("hover")) && (V(e), a(!0, o.mouseEnterDelay));
423
+ (t = n.onMouseenter) == null || t.call(n, e), !(o.disabled || !m.value.includes("hover")) && (D(e), s(!0, o.mouseEnterDelay));
424
+ }, _ = (e) => {
425
+ u == null || u.onMouseenter(e), Y(e);
426
426
  }, q = (e) => {
427
- u == null || u.onMouseenter(e), _(e);
427
+ var t;
428
+ (t = n.onMouseleave) == null || t.call(n, e), !(o.disabled || !m.value.includes("hover")) && s(!1, o.mouseLeaveDelay);
428
429
  }, J = (e) => {
430
+ u == null || u.onMouseleave(e), q(e);
431
+ }, pe = (e) => {
429
432
  var t;
430
- (t = n.onMouseleave) == null || t.call(n, e), !(o.disabled || !p.value.includes("hover")) && a(!1, o.mouseLeaveDelay);
431
- }, Q = (e) => {
432
- u == null || u.onMouseleave(e), J(e);
433
+ (t = n.onFocusin) == null || t.call(n, e), !(o.disabled || !m.value.includes("focus")) && s(!0, o.focusDelay);
433
434
  }, ye = (e) => {
434
435
  var t;
435
- (t = n.onFocusin) == null || t.call(n, e), !(o.disabled || !p.value.includes("focus")) && a(!0, o.focusDelay);
436
+ (t = n.onFocusout) == null || t.call(n, e), !(o.disabled || !m.value.includes("focus")) && o.blurToClose && s(!1);
436
437
  }, he = (e) => {
437
438
  var t;
438
- (t = n.onFocusout) == null || t.call(n, e), !(o.disabled || !p.value.includes("focus")) && o.blurToClose && a(!1);
439
- }, we = (e) => {
440
- var t;
441
- (t = n.onContextmenu) == null || t.call(n, e), !(o.disabled || !p.value.includes("contextMenu") || l.value && !o.clickToClose) && (V(e), a(!l.value), e.preventDefault());
439
+ (t = n.onContextmenu) == null || t.call(n, e), !(o.disabled || !m.value.includes("contextMenu") || l.value && !o.clickToClose) && (D(e), s(!l.value), e.preventDefault());
442
440
  };
443
- Fe(ae, Le({
444
- onMouseenter: q,
445
- onMouseleave: Q,
441
+ Fe(ie, Ae({
442
+ onMouseenter: _,
443
+ onMouseleave: J,
446
444
  addChildRef: (e) => {
447
- k.add(e), u == null || u.addChildRef(e);
445
+ A.add(e), u == null || u.addChildRef(e);
448
446
  },
449
447
  removeChildRef: (e) => {
450
- k.delete(e), u == null || u.removeChildRef(e);
448
+ A.delete(e), u == null || u.removeChildRef(e);
451
449
  }
452
450
  }));
453
- const j = () => {
454
- ie(document.documentElement, "mousedown", W), h = !1;
455
- }, N = Xe(v, "content"), Ce = P(() => {
451
+ const z = () => {
452
+ ae(document.documentElement, "mousedown", j), p = !1;
453
+ }, V = Ye(f, "content"), we = P(() => {
456
454
  var e;
457
- return o.hideEmpty && Ue((e = N.value) == null ? void 0 : e.call(N));
458
- }), W = (e) => {
459
- var t, i, d;
460
- if (!((t = T.value) != null && t.contains(e.target) || (i = y.value) != null && i.contains(e.target))) {
461
- for (const w of k)
462
- if ((d = w.value) != null && d.contains(e.target))
455
+ return o.hideEmpty && Ke((e = V.value) == null ? void 0 : e.call(V));
456
+ }), j = (e) => {
457
+ var t, a, d;
458
+ if (!((t = g.value) != null && t.contains(e.target) || (a = v.value) != null && a.contains(e.target))) {
459
+ for (const h of A)
460
+ if ((d = h.value) != null && d.contains(e.target))
463
461
  return;
464
- j(), a(!1);
462
+ z(), s(!1);
465
463
  }
466
- }, Z = (e, t) => {
467
- const [i, d] = e, {
468
- scrollTop: w,
469
- scrollLeft: C
464
+ }, Ce = (e, t) => {
465
+ const [a, d] = e, {
466
+ scrollTop: h,
467
+ scrollLeft: w
470
468
  } = t;
471
- return Math.abs(w - i) >= o.scrollToCloseDistance || Math.abs(C - d) >= o.scrollToCloseDistance;
472
- }, F = se((e) => {
473
- if (l.value)
474
- if (o.scrollToClose) {
475
- const t = e.target;
476
- O || (O = [t.scrollTop, t.scrollLeft]), Z(O, t) ? a(!1) : m();
477
- } else
478
- m();
479
- }), ee = () => {
480
- ie(window, "scroll", oe), z = !1;
481
- }, oe = se((e) => {
482
- const t = e.target.documentElement;
483
- E || (E = [t.scrollTop, t.scrollLeft]), Z(E, t) && (a(!1), ee());
484
- }), x = () => {
485
- l.value && m();
469
+ return Math.abs(h - a) >= o.scrollToCloseDistance || Math.abs(w - d) >= o.scrollToCloseDistance;
470
+ }, Q = (e) => {
471
+ if (!l.value) return;
472
+ const t = L.get(e);
473
+ o.scrollToClose && t && Ce(t, e) ? s(!1) : o.updateAtScroll && oe();
474
+ }, Z = (e) => Q(e.currentTarget), ee = () => Q(document.scrollingElement ?? document.documentElement), oe = _e(() => {
475
+ l.value && y();
476
+ });
477
+ let R = [], N = !1;
478
+ const te = () => {
479
+ for (const e of R)
480
+ e.removeEventListener("scroll", Z);
481
+ N && (ae(window, "scroll", ee), N = !1), R = [], L.clear(), oe.cancel();
482
+ }, W = () => {
483
+ if (te(), !l.value || !(o.updateAtScroll || o.scrollToClose)) return;
484
+ R = Ue(g.value);
485
+ const e = document.scrollingElement ?? document.documentElement;
486
+ for (const t of [...R, e])
487
+ L.set(t, [t.scrollTop, t.scrollLeft]);
488
+ for (const t of R)
489
+ t.addEventListener("scroll", Z, {
490
+ passive: !0
491
+ });
492
+ $(window, "scroll", ee, {
493
+ passive: !0
494
+ }), N = !0;
495
+ }, x = () => {
496
+ l.value && y();
486
497
  }, be = () => {
487
- x(), b("resize");
498
+ x(), C("resize");
488
499
  }, ge = (e) => {
489
500
  o.preventFocus && e.preventDefault();
490
501
  };
491
- u == null || u.addChildRef(y);
492
- const Te = P(() => l.value ? o.openedClass : void 0);
493
- let r;
494
- I(l, (e) => {
495
- if (o.clickOutsideToClose && (!e && h ? j() : e && !h && (G(document.documentElement, "mousedown", W), h = !0)), o.scrollToClose && (G(window, "scroll", oe), z = !0), o.updateAtScroll) {
496
- if (e) {
497
- r = le(T.value);
498
- for (const t of r)
499
- t.addEventListener("scroll", F);
500
- } else if (r) {
501
- for (const t of r)
502
- t.removeEventListener("scroll", F);
503
- r = void 0;
504
- }
505
- }
506
- e && (S.value = !1, L.value = !0);
507
- }), I(y, (e) => {
508
- e && l.value && !S.value && $(() => m());
509
- }), I(() => [o.autoFitPopupWidth, o.autoFitPopupMinWidth], () => {
510
- l.value && m();
502
+ u == null || u.addChildRef(v);
503
+ const Se = P(() => l.value ? o.openedClass : void 0);
504
+ F(l, (e) => {
505
+ o.clickOutsideToClose && (!e && p ? z() : e && !p && ($(document.documentElement, "mousedown", j), p = !0)), W(), e && (S.value = !1, O.value = !0);
506
+ }), F(() => [o.updateAtScroll, o.scrollToClose, g.value], W), F(v, (e) => {
507
+ e && l.value && !S.value && I(() => y());
508
+ }), F(() => [o.autoFitPopupWidth, o.autoFitPopupMinWidth], () => {
509
+ l.value && y();
511
510
  });
512
511
  const {
513
- createResizeObserver: Se,
512
+ createResizeObserver: Te,
514
513
  destroyResizeObserver: Re
515
- } = _e({
516
- elementRef: D,
514
+ } = Je({
515
+ elementRef: k,
517
516
  onResize: x
518
517
  });
519
- Ae(() => {
520
- if (Se(), l.value && (L.value = !0, m(), o.clickOutsideToClose && !h && (G(document.documentElement, "mousedown", W), h = !0), o.updateAtScroll)) {
521
- r = le(T.value);
522
- for (const e of r)
523
- e.addEventListener("scroll", F);
524
- }
518
+ Le(() => {
519
+ Te(), l.value && (O.value = !0, y(), o.clickOutsideToClose && !p && ($(document.documentElement, "mousedown", j), p = !0), W());
525
520
  }), ke(() => {
526
- l.value && m();
521
+ l.value && y();
527
522
  }), De(() => {
528
- a(!1);
523
+ s(!1);
529
524
  }), ze(() => {
530
- if (u == null || u.removeChildRef(y), Re(), h && j(), z && ee(), r) {
531
- for (const e of r)
532
- e.removeEventListener("scroll", F);
533
- r = void 0;
534
- }
525
+ u == null || u.removeChildRef(v), Re(), p && z(), te();
535
526
  });
536
- const L = s(l.value), A = s(!1), te = () => {
537
- A.value = !0;
527
+ const O = i(l.value), B = i(!1), le = () => {
528
+ B.value = !0;
538
529
  }, Pe = () => {
539
- A.value = !1, l.value && b("show");
530
+ B.value = !1, l.value && C("show");
540
531
  }, Me = () => {
541
- A.value = !1, l.value || (L.value = !1, b("hide"));
532
+ B.value = !1, l.value || (O.value = !1, C("hide"));
542
533
  };
543
534
  return () => {
544
535
  var e;
545
- return M.value = ((e = v.default) == null ? void 0 : e.call(v)) ?? [], Ke(M.value, {
546
- class: Te.value,
547
- onClick: pe,
548
- onMouseenter: _,
549
- onMouseleave: J,
550
- onFocusin: ye,
551
- onFocusout: he,
552
- onContextmenu: we
536
+ return M.value = ((e = f.default) == null ? void 0 : e.call(f)) ?? [], Xe(M.value, {
537
+ class: Se.value,
538
+ onClick: ve,
539
+ onMouseenter: Y,
540
+ onMouseleave: q,
541
+ onFocusin: pe,
542
+ onFocusout: ye,
543
+ onContextmenu: he
553
544
  }), c(Ve, null, [o.autoFixPosition ? c(ue, {
554
545
  onResize: be
555
546
  }, {
556
547
  default: () => [M.value]
557
- }) : M.value, c(qe, null, {
548
+ }) : M.value, c(Qe, null, {
558
549
  default: () => [c(je, {
559
550
  to: de.value,
560
551
  disabled: !o.renderToBody
561
552
  }, {
562
- default: () => [(!o.unmountOnClose || l.value || L.value) && !Ce.value && c(ue, {
553
+ default: () => [(!o.unmountOnClose || l.value || O.value) && !we.value && c(ue, {
563
554
  onResize: x
564
555
  }, {
565
556
  default: () => [c("div", Ne({
566
- ref: y,
567
- class: [g.element("popup"), g.modifier(`position-${B.value}`)],
557
+ ref: v,
558
+ class: [b.element("popup"), b.modifier(`position-${E.value}`)],
568
559
  style: {
569
- ...U.value,
570
- zIndex: me.value,
560
+ ...H.value,
561
+ zIndex: fe.value,
571
562
  ...l.value && !S.value ? {
572
563
  visibility: "hidden"
573
564
  } : {},
574
- pointerEvents: A.value ? "none" : "auto"
565
+ pointerEvents: B.value ? "none" : "auto"
575
566
  },
576
- "trigger-placement": B.value,
577
- onMouseenter: q,
578
- onMouseleave: Q,
567
+ "trigger-placement": E.value,
568
+ onMouseenter: _,
569
+ onMouseleave: J,
579
570
  onMousedown: ge
580
571
  }, ce.value), [c(We, {
581
572
  name: o.animationName,
582
573
  duration: o.duration,
583
574
  appear: !0,
584
- onBeforeEnter: te,
575
+ onBeforeEnter: le,
585
576
  onAfterEnter: Pe,
586
- onBeforeLeave: te,
577
+ onBeforeLeave: le,
587
578
  onAfterLeave: Me
588
579
  }, {
589
580
  default: () => {
590
581
  var t;
591
582
  return [xe(c("div", {
592
- class: g.element("popup-wrapper"),
593
- style: K.value
583
+ class: b.element("popup-wrapper"),
584
+ style: U.value
594
585
  }, [c("div", {
595
- class: [g.element("content"), o.contentClass],
586
+ class: [b.element("content"), o.contentClass],
596
587
  style: o.contentStyle
597
- }, [(t = v.content) == null ? void 0 : t.call(v)]), o.showArrow && c("div", {
598
- ref: fe,
599
- class: [g.element("arrow"), o.arrowClass],
600
- style: X.value
588
+ }, [(t = f.content) == null ? void 0 : t.call(f)]), o.showArrow && c("div", {
589
+ ref: re,
590
+ class: [b.element("arrow"), o.arrowClass],
591
+ style: K.value
601
592
  }, null)]), [[Ie, l.value]])];
602
593
  }
603
594
  })])]
@@ -608,5 +599,5 @@ const oo = ["onClick", "onMouseenter", "onMouseleave", "onFocusin", "onFocusout"
608
599
  }
609
600
  });
610
601
  export {
611
- bo as default
602
+ So as default
612
603
  };
@@ -1,38 +1,37 @@
1
1
  import d from "./virtual-list.vue2.js";
2
- import { resolveComponent as m, openBlock as t, createBlock as n, resolveDynamicComponent as s, normalizeStyle as p, normalizeClass as f, withCtx as o, mergeProps as l, createElementBlock as g, Fragment as u, renderList as y, renderSlot as c } from "vue";
3
- import $ from "../../_virtual/_plugin-vue_export-helper.js";
4
- function z(e, h, C, P, S, k) {
2
+ import { resolveComponent as m, openBlock as t, createBlock as o, resolveDynamicComponent as r, mergeProps as s, withCtx as n, createElementBlock as p, Fragment as f, renderList as g, renderSlot as u } from "vue";
3
+ import y from "../../_virtual/_plugin-vue_export-helper.js";
4
+ function c(e, $, C, P, S, h) {
5
5
  const a = m("VirtualListItem");
6
- return t(), n(s(e.mergedComponent.container), {
7
- ref: "containerRef",
8
- class: f(e.className.block),
9
- style: p(e.style),
10
- onScroll: e.onScroll
11
- }, {
12
- default: o(() => [
13
- (t(), n(s(e.mergedComponent.list), l(e.listAttrs, {
6
+ return t(), o(r(e.displayScrollbar ? "ScrollbarComponent" : e.mergedComponent.container), s({
7
+ ref: "wrapperComRef",
8
+ class: e.className.block,
9
+ style: e.style
10
+ }, e.scrollbarProps, { onScroll: e.onScroll }), {
11
+ default: n(() => [
12
+ (t(), o(r(e.mergedComponent.list), s(e.listAttrs, {
14
13
  style: e.paddingPosition === "list" ? {
15
14
  paddingTop: `${e.frontPadding}px`,
16
15
  paddingBottom: `${e.behindPadding}px`
17
16
  } : {}
18
17
  }), {
19
- default: o(() => [
20
- (t(), n(s(e.mergedComponent.content), l({ ref: "contentRef" }, e.contentAttrs, {
18
+ default: n(() => [
19
+ (t(), o(r(e.mergedComponent.content), s({ ref: "contentRef" }, e.contentAttrs, {
21
20
  style: e.paddingPosition === "content" ? {
22
21
  paddingTop: `${e.frontPadding}px`,
23
22
  paddingBottom: `${e.behindPadding}px`
24
23
  } : {}
25
24
  }), {
26
- default: o(() => [
27
- (t(!0), g(u, null, y(e.currentList, (r, i) => (t(), n(a, {
28
- key: r[e.itemKey] ?? e.start + i,
25
+ default: n(() => [
26
+ (t(!0), p(f, null, g(e.currentList, (i, l) => (t(), o(a, {
27
+ key: i[e.itemKey] ?? e.start + l,
29
28
  "has-item-size": e.hasItemSize,
30
29
  "set-item-size": e.setItemSize
31
30
  }, {
32
- default: o(() => [
33
- c(e.$slots, "item", {
34
- item: r,
35
- index: e.start + i
31
+ default: n(() => [
32
+ u(e.$slots, "item", {
33
+ item: i,
34
+ index: e.start + l
36
35
  })
37
36
  ]),
38
37
  _: 2
@@ -45,9 +44,9 @@ function z(e, h, C, P, S, k) {
45
44
  }, 16, ["style"]))
46
45
  ]),
47
46
  _: 3
48
- }, 40, ["class", "style", "onScroll"]);
47
+ }, 16, ["class", "style", "onScroll"]);
49
48
  }
50
- const b = /* @__PURE__ */ $(d, [["render", z]]);
49
+ const B = /* @__PURE__ */ y(d, [["render", c]]);
51
50
  export {
52
- b as default
51
+ B as default
53
52
  };