hys-ui 0.5.0 → 0.7.0

package/dist/internal/PopupSurfacePanel2.vue.js

@@ -1,28 +1,31 @@
-import { defineComponent as m, provide as y, computed as p, openBlock as i, createBlock as b, Teleport as k, createVNode as h, unref as r, withCtx as w, withDirectives as P, createElementBlock as o, mergeProps as g, normalizeStyle as s, createCommentVNode as l, createElementVNode as E, normalizeClass as L, renderSlot as c, normalizeProps as d, guardReactiveProps as f, createTextVNode as S, toDisplayString as C, vShow as F } from "vue";
-import I from "../motion/PopupMotion.js";
-import { useHysRootAttrs as T } from "../config.js";
-import { overlayOwnerKey as N } from "../composables/overlayManager.js";
-const V = ["id", "role", "aria-label", "aria-labelledby", "data-side", "data-placement"], $ = ["id"], A = /* @__PURE__ */ m({
+import { defineComponent as y, provide as b, computed as m, openBlock as l, createBlock as k, Teleport as h, createVNode as w, unref as r, withCtx as p, withDirectives as B, createElementBlock as o, mergeProps as P, normalizeStyle as s, createCommentVNode as n, createElementVNode as g, normalizeClass as E, renderSlot as d, normalizeProps as c, guardReactiveProps as f, createTextVNode as L, toDisplayString as S, vShow as C } from "vue";
+import F from "../motion/PopupMotion.js";
+import { useHysRootAttrs as I } from "../config.js";
+import { overlayOwnerKey as T } from "../composables/overlayManager.js";
+const x = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex", "data-side", "data-placement"], N = ["id"], O = /* @__PURE__ */ y({
   __name: "PopupSurfacePanel",
   props: {
     surface: {},
     options: {},
     kind: {},
-    title: {}
+    title: {},
+    labelledBy: {},
+    describedBy: {},
+    tabindex: {}
   },
   setup(e) {
     const u = e;
-    y(
-      N,
-      p(() => u.surface.active.value && u.surface.open.value)
+    b(
+      T,
+      m(() => u.surface.active.value && u.surface.open.value)
     );
-    const v = T();
-    return (n, a) => e.surface.active.value ? (i(), b(k, {
+    const v = I();
+    return (i, a) => e.surface.active.value ? (l(), k(h, {
       key: 0,
       to: e.surface.teleportTo.value,
       disabled: e.options.appendTo === !1
     }, [
-      h(r(I), {
+      w(r(F), {
         "popup-transition": e.options.popupTransition,
         "popup-transition-duration": e.options.popupTransitionDuration,
         placement: e.surface.placement.value,
@@ -31,8 +34,8 @@ const V = ["id", "role", "aria-label", "aria-labelledby", "data-side", "data-pla
         onLeft: e.surface.afterLeave,
         onInactive: e.surface.inactive
       }, {
-        default: w(() => [
-          e.surface.mounted.value ? P((i(), o("div", g({
+        default: p(() => [
+          e.surface.mounted.value ? B((l(), o("div", P({
             key: 0,
             id: e.surface.id,
             ref: (t) => e.surface.panel.value = t
@@ -44,8 +47,10 @@ const V = ["id", "role", "aria-label", "aria-labelledby", "data-side", "data-pla
             ]],
             style: e.surface.style.value,
             role: e.kind === "tooltip" ? "tooltip" : "dialog",
-            "aria-label": e.options.ariaLabel || (e.kind === "popover" ? e.title || "浮层" : void 0),
-            "aria-labelledby": e.kind === "popover" && !e.options.ariaLabel && (e.title || n.$slots.title) ? e.surface.titleId : void 0,
+            "aria-label": e.options.ariaLabel || (e.kind === "popover" && !e.labelledBy ? e.title || "浮层" : void 0),
+            "aria-labelledby": !e.options.ariaLabel && (e.labelledBy ?? (e.kind === "popover" && (e.title || i.$slots.title) ? e.surface.titleId : void 0)) || void 0,
+            "aria-describedby": e.describedBy,
+            tabindex: e.tabindex,
             "data-side": e.surface.placement.value.split("-")[0],
             "data-placement": e.surface.placement.value,
             onPointerenter: a[0] || (a[0] = //@ts-ignore
@@ -57,36 +62,36 @@ const V = ["id", "role", "aria-label", "aria-labelledby", "data-side", "data-pla
             onFocusout: a[3] || (a[3] = //@ts-ignore
             (...t) => e.surface.panelFocusOut && e.surface.panelFocusOut(...t))
           }), [
-            e.options.showArrow ? (i(), o("span", {
+            e.options.showArrow ? (l(), o("span", {
               key: 0,
               class: "hys-ui-popup-arrow",
               style: s(e.surface.arrowStyle.value),
               "aria-hidden": "true"
-            }, null, 4)) : l("", !0),
-            E("div", {
-              class: L(["hys-ui-popup-surface-content", e.options.contentClass]),
+            }, null, 4)) : n("", !0),
+            g("div", {
+              class: E(["hys-ui-popup-surface-content", e.options.contentClass]),
               style: s(e.surface.contentStyle.value)
             }, [
-              e.kind === "popover" && (e.title || n.$slots.title) ? (i(), o("div", {
+              e.kind === "popover" && (e.title || i.$slots.title) ? (l(), o("div", {
                 key: 0,
                 id: e.surface.titleId,
                 class: "hys-ui-popup-surface-title"
               }, [
-                c(n.$slots, "title", d(f(e.surface.scope.value)), () => [
-                  S(C(e.title), 1)
+                d(i.$slots, "title", c(f(e.surface.scope.value)), () => [
+                  L(S(e.title), 1)
                 ], !0)
-              ], 8, $)) : l("", !0),
-              c(n.$slots, "default", d(f(e.surface.scope.value)), void 0, !0)
+              ], 8, N)) : n("", !0),
+              d(i.$slots, "default", c(f(e.surface.scope.value)), void 0, !0)
             ], 6)
-          ], 16, V)), [
-            [F, e.surface.open.value]
-          ]) : l("", !0)
+          ], 16, x)), [
+            [C, e.surface.open.value]
+          ]) : n("", !0)
         ]),
         _: 3
       }, 8, ["popup-transition", "popup-transition-duration", "placement", "onEntered", "onLeft", "onInactive"])
-    ], 8, ["to", "disabled"])) : l("", !0);
+    ], 8, ["to", "disabled"])) : n("", !0);
   }
 });
 export {
-  A as default
+  O as default
 };