hys-ui 0.5.0 → 0.6.0

package/dist/composables/usePopupSurfaceInteractions.js

@@ -0,0 +1,172 @@
+import { computed as Y } from "vue";
+const Z = 'button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"]),[contenteditable="true"]';
+function $(r, w, {
+  available: T,
+  anchor: D,
+  actualReference: L,
+  panel: o,
+  floating: s,
+  restoreReferenceFocus: F,
+  request: l
+}) {
+  const k = (e) => Number.isFinite(e) ? Math.max(0, Math.min(3e4, e)) : 0;
+  let v, c, b, h = !1, x = !1, d = !1, m = !1, f = !1;
+  const u = Y(() => {
+    const e = r.trigger ?? (w === "tooltip" ? ["hover", "focus"] : ["click"]), t = Array.isArray(e) ? e : [e];
+    return new Set(t.includes("manual") ? [] : t);
+  });
+  function K() {
+    clearTimeout(v), clearTimeout(c), v = c = void 0;
+  }
+  function S() {
+    clearTimeout(b), b = void 0;
+  }
+  function A() {
+    h = x = d = m = f = !1;
+  }
+  function I() {
+    if (clearTimeout(c), c = void 0, !T.value || s.restoringFocus.value || s.open.value || v)
+      return;
+    const e = k(r.showDelay);
+    e ? v = setTimeout(() => {
+      v = void 0, l(!0);
+    }, e) : l(!0);
+  }
+  function C() {
+    return f || h || r.enterable !== !1 && x || u.value.has("focus") && d || r.enterable !== !1 && m;
+  }
+  function p() {
+    if (clearTimeout(v), v = void 0, clearTimeout(c), c = void 0, C() || !s.open.value) return;
+    const e = () => {
+      c = void 0, !C() && s.open.value && l(!1);
+    }, t = k(r.hideDelay);
+    t ? c = setTimeout(e, t) : e();
+  }
+  function M() {
+    u.value.has("hover") && (h = !0, I());
+  }
+  function O() {
+    u.value.has("hover") && (h = !1, p());
+  }
+  function j() {
+    r.enterable !== !1 && (x = !0, clearTimeout(c), c = void 0);
+  }
+  function z() {
+    x = !1, u.value.has("hover") && p();
+  }
+  function H(e) {
+    var t;
+    (t = o.value) != null && t.contains(e.target) || s.restoringFocus.value || (d = !0, u.value.has("focus") && I());
+  }
+  function N(e) {
+    var n, a, i;
+    if ((n = o.value) != null && n.contains(e.target)) return;
+    const t = e.relatedTarget;
+    if (!((a = D.value) != null && a.contains(t))) {
+      if (d = !1, (i = o.value) != null && i.contains(t) && r.enterable !== !1) {
+        m = !0;
+        return;
+      }
+      (u.value.has("focus") || u.value.has("hover")) && p();
+    }
+  }
+  function R() {
+    r.enterable !== !1 && (m = !0);
+  }
+  function B(e) {
+    var n, a;
+    const t = e.relatedTarget;
+    if (!((n = o.value) != null && n.contains(t))) {
+      if (m = !1, (a = D.value) != null && a.contains(t)) {
+        d = !0;
+        return;
+      }
+      (u.value.has("focus") || u.value.has("hover")) && p();
+    }
+  }
+  function G(e) {
+    var t;
+    (t = o.value) != null && t.contains(e.target) || !u.value.has("click") || !T.value || (f = s.open.value ? !f && (h && u.value.has("hover") || d && u.value.has("focus")) : !0, l(f));
+  }
+  function J(e) {
+    var t;
+    (t = o.value) != null && t.contains(e.target) || !u.value.has("contextmenu") || !T.value || (e.preventDefault(), f = !0, l(!0));
+  }
+  function Q(e) {
+    var n;
+    if ((n = o.value) != null && n.contains(e.target) || !u.value.size || !T.value || e.defaultPrevented)
+      return;
+    const t = e.target;
+    if (!t.closest('input,textarea,select,[contenteditable="true"]')) {
+      if (e.key === "F10" && e.shiftKey && u.value.has("contextmenu")) {
+        e.preventDefault(), f = !0, l(!0);
+        return;
+      }
+      (r.triggerKeys ?? ["Enter", " "]).some(
+        (a) => a === e.key || a === "Space" && e.key === " "
+      ) && (u.value.has("click") && t.closest("button,a[href],input") || (e.preventDefault(), f = !s.open.value, l(f)));
+    }
+  }
+  function P(e) {
+    return [...e.querySelectorAll(Z)].filter(
+      (t) => t.tabIndex >= 0 && !t.matches(":disabled") && !t.closest('[inert],[aria-hidden="true"]') && !!t.getClientRects().length && getComputedStyle(t).visibility !== "hidden"
+    );
+  }
+  function U(e) {
+    const t = L.value, n = P(document).filter((y) => {
+      var g;
+      return !((g = o.value) != null && g.contains(y));
+    }), a = n.findIndex((y) => y === t || (t == null ? void 0 : t.contains(y))), i = a < 0 ? void 0 : n[a + (e ? -1 : 1)];
+    return i == null || i.focus(), !!i;
+  }
+  async function V(e) {
+    var g, E;
+    if (e.key !== "Tab" || w !== "popover" || !s.open.value || !s.isTop())
+      return;
+    const t = e.target, n = (g = o.value) == null ? void 0 : g.contains(t), a = (E = D.value) == null ? void 0 : E.contains(t);
+    if (!n && !a) return;
+    const i = o.value ? P(o.value) : [];
+    if (a && !e.shiftKey && r.enterable !== !1 && i.length) {
+      e.preventDefault(), i[0].focus();
+      return;
+    }
+    if (n && t !== (e.shiftKey ? i[0] : i.at(-1)) && i.length)
+      return;
+    e.preventDefault(), await l(!1) && (n && e.shiftKey ? F() : U(e.shiftKey) || F());
+  }
+  function W() {
+    S();
+    const e = k(r.autoClose);
+    s.open.value && e && (b = setTimeout(() => {
+      b = void 0, l(!1);
+    }, e));
+  }
+  function X() {
+    K(), A();
+  }
+  return {
+    clearDelays: K,
+    clearAuto: S,
+    resetReasons: A,
+    reset: X,
+    startAuto: W,
+    tab: V,
+    handlers: {
+      pointerEnter: M,
+      pointerLeave: O,
+      panelEnter: j,
+      panelLeave: z,
+      focusIn: H,
+      focusOut: N,
+      panelFocusIn: R,
+      panelFocusOut: B,
+      click: G,
+      contextmenu: J,
+      key: Q
+    }
+  };
+}
+export {
+  Z as popupFocusControls,
+  $ as usePopupSurfaceInteractions
+};

package/dist/index.js

@@ -6,10 +6,10 @@ import { default as d } from "./components/HysAutocomplete/HysAutocomplete.vue.j
 import { default as y } from "./components/HysAvatar/HysAvatar.vue.js";
 import { default as i } from "./components/HysAvatarGroup/HysAvatarGroup.vue.js";
 import { default as c } from "./components/HysBadge/HysBadge.vue.js";
-import { default as C } from "./components/HysBreadcrumb/HysBreadcrumb.vue.js";
-import { default as M } from "./components/HysButton/HysButton.vue.js";
+import { default as b } from "./components/HysBreadcrumb/HysBreadcrumb.vue.js";
+import { default as g } from "./components/HysButton/HysButton.vue.js";
 import { default as A } from "./components/HysButtonGroup/HysButtonGroup.vue.js";
-import { default as N } from "./components/HysCalendar/HysCalendar.vue.js";
+import { default as h } from "./components/HysCalendar/HysCalendar.vue.js";
 import { default as P } from "./components/HysCalendarNavigation/HysCalendarNavigation.vue.js";
 import { default as E } from "./components/HysCard/HysCard.vue.js";
 import { default as G } from "./components/HysCascader/HysCascader.vue.js";
@@ -25,7 +25,7 @@ import { default as X } from "./components/HysCronEditor/HysCronEditor.vue.js";
 import { default as Z } from "./components/HysDataGrid/HysDataGrid.vue.js";
 import { default as $ } from "./components/HysDatePicker/HysDatePicker.vue.js";
 import { default as oe } from "./components/HysDateRangePicker/HysDateRangePicker.vue.js";
-import { default as te } from "./components/HysDiffViewer/HysDiffViewer.vue.js";
+import { default as re } from "./components/HysDiffViewer/HysDiffViewer.vue.js";
 import { default as se } from "./components/HysDivider/HysDivider.vue.js";
 import { default as me } from "./components/HysDrawer/HysDrawer.vue.js";
 import { default as pe } from "./components/HysEmpty/HysEmpty.vue.js";
@@ -33,10 +33,10 @@ import { default as de } from "./components/HysFileManager/HysFileManager.vue.js
 import { default as ye } from "./components/HysForm/HysForm.vue.js";
 import { default as ie } from "./components/HysFormItem/HysFormItem.vue.js";
 import { default as ce } from "./components/HysGantt/HysGantt.vue.js";
-import { default as Ce } from "./components/HysInput/HysInput.vue.js";
-import { default as Me } from "./components/HysJsonEditor/HysJsonEditor.vue.js";
+import { default as be } from "./components/HysInput/HysInput.vue.js";
+import { default as ge } from "./components/HysJsonEditor/HysJsonEditor.vue.js";
 import { default as Ae } from "./components/HysKanban/HysKanban.vue.js";
-import { default as Ne } from "./components/HysMention/HysMention.vue.js";
+import { default as he } from "./components/HysMention/HysMention.vue.js";
 import { default as Pe } from "./components/HysModal/HysModal.vue.js";
 import { default as Ee } from "./components/HysNotificationCenter/HysNotificationCenter.vue.js";
 import { default as Ge } from "./components/HysNumberInput/HysNumberInput.vue.js";
@@ -52,7 +52,7 @@ import { default as Xe } from "./components/HysResizablePanel/HysResizablePanel.
 import { default as Ze } from "./components/HysRichTextEditor/HysRichTextEditor.vue.js";
 import { default as $e } from "./components/HysSearch/HysSearch.vue.js";
 import { default as oo } from "./components/HysSegmented/HysSegmented.vue.js";
-import { default as to } from "./components/HysSelect/HysSelect.vue.js";
+import { default as ro } from "./components/HysSelect/HysSelect.vue.js";
 import { default as so } from "./components/HysShortcutHelp/HysShortcutHelp.vue.js";
 import { default as mo } from "./components/HysSkeleton/HysSkeleton.vue.js";
 import { default as po } from "./components/HysSlider/HysSlider.vue.js";
@@ -60,11 +60,11 @@ import { default as xo } from "./components/HysSortableList/HysSortableList.vue.
 import { default as Ho } from "./components/HysSplitPane/HysSplitPane.vue.js";
 /* empty css                                          */
 import { default as no } from "./components/HysSteps/HysSteps.vue.js";
-import { default as bo } from "./components/HysSwitch/HysSwitch.vue.js";
-import { default as To } from "./components/HysTable/HysTable.vue.js";
-import { default as go } from "./components/HysTabs/HysTabs.vue.js";
+import { default as To } from "./components/HysSwitch/HysSwitch.vue.js";
+import { default as Co } from "./components/HysTable/HysTable.vue.js";
+import { default as Mo } from "./components/HysTabs/HysTabs.vue.js";
 import { default as So } from "./components/HysTagInput/HysTagInput.vue.js";
-import { default as ho } from "./components/HysTextarea/HysTextarea.vue.js";
+import { default as No } from "./components/HysTextarea/HysTextarea.vue.js";
 import { default as Do } from "./components/HysTimeline/HysTimeline.vue.js";
 import { default as ko } from "./components/HysToast/HysToast.vue.js";
 import { default as vo } from "./components/HysTooltip/HysTooltip.vue.js";
@@ -77,18 +77,18 @@ import { default as qo } from "./components/HysUpload/HysUpload.vue.js";
 import { default as Ko } from "./components/HysVirtualTable/HysVirtualTable.vue.js";
 import { provideHysConfig as jo } from "./config.js";
 import { useHysFormItemContext as Wo } from "./composables/formContext.js";
-import { createHysToast as Yo, useHysToast as Zo } from "./composables/useHysToast.js";
-import { deserializeMentionDocument as $o, matchMention as er, mentionTriggers as or, normalizeMentionEntities as rr, rebaseMentionEntities as tr, serializeMentionDocument as ar } from "./composables/mentionDocument.js";
-import { useMentionOptions as fr } from "./composables/useMentionOptions.js";
-import { useMentionList as ur } from "./composables/useMentionList.js";
-import { useMentionCaret as lr } from "./composables/useMentionCaret.js";
-import { useMentionModel as xr } from "./composables/useMentionModel.js";
-import { createHysModal as Hr, useHysModal as ir } from "./composables/useHysModal.js";
-import { useHysAnimatedNumber as cr } from "./composables/useHysAnimatedNumber.js";
-import { useHysNumberAnimationGroup as Cr } from "./composables/useHysNumberAnimationGroup.js";
-import { hysNumberAnimationCatalog as Mr, hysNumberAnimationCategories as gr } from "./composables/numberAnimationCatalog.js";
-import { parseHysNumberAnimation as Sr, stringifyHysNumberAnimation as Nr } from "./composables/numberAnimation.js";
-import { createHysNumberSequence as Pr } from "./composables/numberAnimationSequence.js";
+import { configureHysToast as Yo, createHysToast as Zo, hysToast as _o, useHysToast as $o } from "./composables/useHysToast.js";
+import { deserializeMentionDocument as ot, matchMention as tt, mentionTriggers as rt, normalizeMentionEntities as at, rebaseMentionEntities as st, serializeMentionDocument as ft } from "./composables/mentionDocument.js";
+import { useMentionOptions as ut } from "./composables/useMentionOptions.js";
+import { useMentionList as lt } from "./composables/useMentionList.js";
+import { useMentionCaret as xt } from "./composables/useMentionCaret.js";
+import { useMentionModel as Ht } from "./composables/useMentionModel.js";
+import { createHysModal as nt, useHysModal as ct } from "./composables/useHysModal.js";
+import { useHysAnimatedNumber as bt } from "./composables/useHysAnimatedNumber.js";
+import { useHysNumberAnimationGroup as gt } from "./composables/useHysNumberAnimationGroup.js";
+import { hysNumberAnimationCatalog as At, hysNumberAnimationCategories as St } from "./composables/numberAnimationCatalog.js";
+import { parseHysNumberAnimation as Nt, stringifyHysNumberAnimation as Pt } from "./composables/numberAnimation.js";
+import { createHysNumberSequence as Et } from "./composables/numberAnimationSequence.js";
 export {
   s as HysAccordion,
   m as HysAlert,
@@ -97,10 +97,10 @@ export {
   y as HysAvatar,
   i as HysAvatarGroup,
   c as HysBadge,
-  C as HysBreadcrumb,
-  M as HysButton,
+  b as HysBreadcrumb,
+  g as HysButton,
   A as HysButtonGroup,
-  N as HysCalendar,
+  h as HysCalendar,
   P as HysCalendarNavigation,
   E as HysCard,
   G as HysCascader,
@@ -116,7 +116,7 @@ export {
   Z as HysDataGrid,
   $ as HysDatePicker,
   oe as HysDateRangePicker,
-  te as HysDiffViewer,
+  re as HysDiffViewer,
   se as HysDivider,
   me as HysDrawer,
   pe as HysEmpty,
@@ -124,10 +124,10 @@ export {
   ye as HysForm,
   ie as HysFormItem,
   ce as HysGantt,
-  Ce as HysInput,
-  Me as HysJsonEditor,
+  be as HysInput,
+  ge as HysJsonEditor,
   Ae as HysKanban,
-  Ne as HysMention,
+  he as HysMention,
   Pe as HysModal,
   Ee as HysNotificationCenter,
   Ge as HysNumberInput,
@@ -143,18 +143,18 @@ export {
   Ze as HysRichTextEditor,
   $e as HysSearch,
   oo as HysSegmented,
-  to as HysSelect,
+  ro as HysSelect,
   so as HysShortcutHelp,
   mo as HysSkeleton,
   po as HysSlider,
   xo as HysSortableList,
   Ho as HysSplitPane,
   no as HysSteps,
-  bo as HysSwitch,
-  To as HysTable,
-  go as HysTabs,
+  To as HysSwitch,
+  Co as HysTable,
+  Mo as HysTabs,
   So as HysTagInput,
-  ho as HysTextarea,
+  No as HysTextarea,
   Do as HysTimeline,
   ko as HysToast,
   vo as HysTooltip,
@@ -164,27 +164,29 @@ export {
   Oo as HysTreeSelect,
   qo as HysUpload,
   Ko as HysVirtualTable,
-  Hr as createHysModal,
-  Pr as createHysNumberSequence,
-  Yo as createHysToast,
-  $o as deserializeMentionDocument,
-  Mr as hysNumberAnimationCatalog,
-  gr as hysNumberAnimationCategories,
-  er as matchMention,
-  or as mentionTriggers,
-  rr as normalizeMentionEntities,
-  Sr as parseHysNumberAnimation,
+  Yo as configureHysToast,
+  nt as createHysModal,
+  Et as createHysNumberSequence,
+  Zo as createHysToast,
+  ot as deserializeMentionDocument,
+  At as hysNumberAnimationCatalog,
+  St as hysNumberAnimationCategories,
+  _o as hysToast,
+  tt as matchMention,
+  rt as mentionTriggers,
+  at as normalizeMentionEntities,
+  Nt as parseHysNumberAnimation,
   jo as provideHysConfig,
-  tr as rebaseMentionEntities,
-  ar as serializeMentionDocument,
-  Nr as stringifyHysNumberAnimation,
-  cr as useHysAnimatedNumber,
+  st as rebaseMentionEntities,
+  ft as serializeMentionDocument,
+  Pt as stringifyHysNumberAnimation,
+  bt as useHysAnimatedNumber,
   Wo as useHysFormItemContext,
-  ir as useHysModal,
-  Cr as useHysNumberAnimationGroup,
-  Zo as useHysToast,
-  lr as useMentionCaret,
-  ur as useMentionList,
-  xr as useMentionModel,
-  fr as useMentionOptions
+  ct as useHysModal,
+  gt as useHysNumberAnimationGroup,
+  $o as useHysToast,
+  xt as useMentionCaret,
+  lt as useMentionList,
+  Ht as useMentionModel,
+  ut as useMentionOptions
 };