hys-ui 0.2.0 → 0.3.0

package/dist/components/HysModal/HysModal2.vue.js

@@ -1,101 +1,506 @@
-import { defineComponent as B, ref as g, toRef as E, watch as O, onDeactivated as $, openBlock as r, createBlock as x, Teleport as D, createVNode as C, Transition as M, withCtx as S, unref as f, withDirectives as H, createElementBlock as y, mergeProps as N, withModifiers as R, createElementVNode as u, normalizeStyle as V, renderSlot as h, toDisplayString as z, createCommentVNode as m, vShow as A } from "vue";
-import { useHysRootAttrs as P } from "../../config.js";
-import { X as T } from "lucide-vue-next";
-import { useDialog as q } from "../../composables/useDialog.js";
-const W = ["aria-label", "aria-busy"], X = { class: "hys-ui-dialog-head" }, j = ["disabled"], F = { class: "hys-ui-dialog-body" }, G = {
+import { defineComponent as oe, useSlots as le, useAttrs as ie, ref as ne, useId as re, computed as h, mergeProps as B, openBlock as n, createBlock as C, Teleport as de, createVNode as g, Transition as se, normalizeProps as y, guardReactiveProps as m, withCtx as w, unref as a, withDirectives as j, createElementBlock as u, createElementVNode as c, toDisplayString as v, createCommentVNode as s, normalizeStyle as z, normalizeClass as T, renderSlot as b, resolveDynamicComponent as D, createTextVNode as F, vShow as p, withModifiers as ue } from "vue";
+import { Info as q, CircleHelp as ce, CircleX as ye, TriangleAlert as me, CircleCheck as fe, GripHorizontal as he, GripVertical as N, Minimize2 as ge, Maximize2 as ve, X as be, LoaderCircle as ke } from "lucide-vue-next";
+import R from "../HysButton/HysButton.vue.js";
+import { useHysRootAttrs as Be } from "../../config.js";
+import { useModal as Ce } from "../../composables/useModal.js";
+import { modalLength as k, modalWidth as we } from "../../composables/modal.js";
+const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describedby", "aria-busy"], xe = { class: "hys-ui-modal-title-wrap" }, Se = {
+  class: "hys-ui-modal-head-actions",
+  "data-hys-modal-no-drag": ""
+}, Pe = ["aria-label", "title", "aria-pressed"], He = ["aria-label", "disabled"], Te = {
   key: 0,
-  class: "hys-ui-dialog-foot"
-}, Q = /* @__PURE__ */ B({
+  class: "hys-ui-modal-loading",
+  role: "status"
+}, De = { class: "hys-ui-modal-content" }, Fe = ["data-type"], Ae = { class: "hys-ui-modal-content-main" }, Oe = {
+  key: 1,
+  role: "alert",
+  class: "hys-ui-modal-error"
+}, Ve = /* @__PURE__ */ oe({
+  inheritAttrs: !1,
   __name: "HysModal",
   props: {
-    open: { type: Boolean },
-    title: {},
-    width: { default: "560px" },
+    open: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    title: { default: "" },
+    description: {},
+    type: { default: "default" },
+    showIcon: { type: Boolean, default: void 0 },
+    opacity: {},
+    maskOpacity: {},
+    icon: {},
+    width: {},
+    height: {},
+    maxHeight: {},
+    minWidth: {},
+    minHeight: {},
+    maxWidth: {},
+    size: { default: "md" },
+    centered: { type: Boolean, default: !0 },
+    top: {},
+    center: { type: Boolean },
+    fullscreen: { type: Boolean, default: void 0 },
+    defaultFullscreen: { type: Boolean },
+    showFullscreen: { type: Boolean },
     closeOnMask: { type: Boolean, default: !0 },
     closeOnEscape: { type: Boolean, default: !0 },
     showClose: { type: Boolean, default: !0 },
     destroyOnClose: { type: Boolean, default: !0 },
-    fullscreen: { type: Boolean },
-    placement: { default: "right" },
-    beforeClose: {}
+    forceRender: { type: Boolean },
+    modal: { type: Boolean, default: !0 },
+    modalPenetrable: { type: Boolean },
+    appendTo: { type: [String, Object, Boolean], default: "body" },
+    lockScroll: { type: Boolean, default: void 0 },
+    trapFocus: { type: Boolean, default: void 0 },
+    restoreFocus: { type: Boolean, default: !0 },
+    initialFocus: { type: [String, Boolean, Object], default: "auto" },
+    openDelay: {},
+    closeDelay: {},
+    transition: { type: [String, Object, Boolean], default: "scale" },
+    transitionDuration: {},
+    zIndex: {},
+    headerClass: {},
+    headerSize: { default: "md" },
+    footerSize: { default: "md" },
+    headerHeight: {},
+    footerHeight: {},
+    titleFontSize: {},
+    bodyClass: {},
+    footerClass: {},
+    overlayClass: {},
+    modalClass: {},
+    headerStyle: {},
+    bodyStyle: {},
+    footerStyle: {},
+    maskStyle: {},
+    modalStyle: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    ariaDescribedby: {},
+    role: {},
+    headerAriaLevel: { default: 2 },
+    closeText: { default: "关闭" },
+    fullscreenText: { default: "全屏" },
+    restoreText: { default: "还原" },
+    footer: { type: Boolean, default: void 0 },
+    footerAlign: {},
+    showCancel: { type: Boolean, default: !0 },
+    okText: { default: "确定" },
+    cancelText: { default: "取消" },
+    okVariant: {},
+    okButtonProps: {},
+    cancelButtonProps: {},
+    confirmLoading: { type: Boolean },
+    confirmDisabled: { type: Boolean },
+    cancelDisabled: { type: Boolean },
+    closeWhileConfirming: { type: Boolean },
+    loading: { type: Boolean },
+    loadingText: { default: "正在加载…" },
+    showError: { type: Boolean, default: !0 },
+    errorText: {},
+    confirmOnCtrlEnter: { type: Boolean },
+    closeOnConfirm: { type: Boolean, default: !0 },
+    beforeClose: {},
+    beforeConfirm: {},
+    draggable: { type: Boolean },
+    dragHandlePosition: { default: "center" },
+    dragMode: { default: "live" },
+    dragThreshold: { default: 6 },
+    dragEffect: { default: "lift" },
+    overflow: { type: Boolean },
+    keepHandleVisible: { type: Boolean, default: !0 },
+    resizable: { type: Boolean },
+    resetPositionOnClose: { type: Boolean, default: !0 },
+    resetSizeOnClose: { type: Boolean, default: !0 },
+    placement: {}
   },
-  emits: ["close", "closeError"],
-  setup(e, { expose: k, emit: w }) {
-    const p = P(), s = e, v = w, d = g(), l = g(!1), { active: n } = q(E(s, "open"), d, () => {
-      s.closeOnEscape && i("escape");
-    });
-    let a = 0;
-    function b() {
-      a++, l.value = !1;
+  emits: ["update:open", "update:modelValue", "update:fullscreen", "open", "opened", "close", "closed", "afterClose", "visibleChange", "fullscreenChange", "ok", "cancel", "closeError", "confirmError", "openAutoFocus", "closeAutoFocus", "dragStart", "drag", "dragEnd", "resizeStart", "resize", "resizeEnd"],
+  setup(e, { expose: G, emit: U }) {
+    const l = e, X = U, J = le(), Q = ie(), A = Be(), x = ne(), O = re(), S = O + "-title", P = O + "-description", t = Ce(
+      l,
+      x,
+      (d, ...o) => X(d, ...o)
+    ), r = t.fullscreen, f = h(() => ({
+      close: t.requestClose,
+      cancel: t.cancel,
+      confirm: t.confirm,
+      closing: t.closing.value,
+      confirming: t.confirming.value,
+      busy: t.busy.value,
+      error: t.error.value,
+      titleId: S,
+      descriptionId: P,
+      fullscreen: r.value,
+      toggleFullscreen: t.toggleFullscreen
+    })), Y = h(
+      () => l.footer !== !1 && (l.footer === !0 || !!J.footer)
+    ), Z = h(
+      () => Math.max(1, Math.min(6, Math.trunc(l.headerAriaLevel)))
+    ), _ = h(() => {
+      var d, o;
+      return {
+        ...l.modalStyle,
+        ...l.opacity !== void 0 ? {
+          "--hys-ui-modal-opacity": t.alpha(l.opacity) * 100 + "%",
+          background: `color-mix(in srgb,var(--hys-ui-surface,var(--hys-ui-theme-surface)) ${t.alpha(l.opacity) * 100}%,transparent)`
+        } : {},
+        width: r.value ? "100%" : k(
+          ((d = t.interaction.dimensions.value) == null ? void 0 : d.width) ?? we(l)
+        ),
+        height: r.value ? "100dvh" : k(((o = t.interaction.dimensions.value) == null ? void 0 : o.height) ?? l.height),
+        maxWidth: r.value ? "100%" : l.maxWidth ? `min(${l.maxWidth}px,100%)` : "100%",
+        maxHeight: r.value ? "100dvh" : k(l.maxHeight) ?? "calc(100dvh - 36px)",
+        "--hys-ui-modal-x": t.interaction.position.value.x + "px",
+        "--hys-ui-modal-y": t.interaction.position.value.y + "px"
+      };
+    }), ee = h(() => ({
+      ...l.maskStyle,
+      ...l.modal !== !1 && l.maskOpacity !== void 0 ? {
+        "--hys-ui-modal-mask-opacity": t.alpha(l.maskOpacity) * 100 + "%",
+        background: `color-mix(in srgb,#0b183d ${t.alpha(l.maskOpacity) * 100}%,transparent)`
+      } : {},
+      zIndex: t.state.zIndex.value,
+      ...l.centered === !1 && !r.value ? { alignItems: "flex-start", paddingTop: k(l.top) ?? "15vh" } : {},
+      ...l.transitionDuration !== void 0 ? {
+        "--hys-ui-modal-duration": Math.max(0, Math.min(5e3, l.transitionDuration)) + "ms"
+      } : {}
+    })), te = h(() => {
+      const d = typeof l.transition == "object" ? l.transition : {
+        name: typeof l.transition == "string" ? l.transition : void 0
+      }, o = d.name ?? "hys-ui-modal-motion";
+      return B(
+        { ...d },
+        {
+          name: ["fade", "scale", "slide"].includes(o) ? "hys-ui-modal-" + o : o,
+          appear: !0,
+          css: t.motion.value && d.css !== !1,
+          ...l.transitionDuration !== void 0 ? { duration: Math.max(0, Math.min(5e3, l.transitionDuration)) } : {},
+          onAfterEnter: t.afterEnter,
+          onAfterLeave: t.afterLeave
+        }
+      );
+    }), ae = h(
+      () => l.icon ?? {
+        info: q,
+        success: fe,
+        warning: me,
+        error: ye,
+        confirm: ce,
+        default: q
+      }[l.type]
+    );
+    function H() {
+      l.draggable && t.interaction.resetPosition();
     }
-    O(() => s.open, (o) => {
-      o || b();
-    }), $(b);
-    async function i(o = "button") {
-      if (l.value || !s.open || !n.value) return;
-      const t = ++a;
-      l.value = !0;
-      try {
-        if (s.beforeClose && await s.beforeClose(o) === !1) return;
-        n.value && t === a && v("close");
-      } catch (c) {
-        n.value && t === a && v("closeError", c);
-      } finally {
-        t === a && (l.value = !1);
-      }
-    }
-    return k({ close: i, element: d }), (o, t) => (r(), x(D, { to: "body" }, [
-      C(M, { name: "hys-ui-modal-motion" }, {
-        default: S(() => [
-          f(n) && (e.open || !e.destroyOnClose) ? H((r(), y("div", N({ key: 0 }, f(p), {
-            class: ["hys-ui-overlay", { "hys-ui-modal-fullscreen": e.fullscreen }],
-            onPointerdown: t[1] || (t[1] = R((c) => e.closeOnMask && i("mask"), ["self"]))
-          }), [
-            u("section", {
-              ref_key: "dialog",
-              ref: d,
-              tabindex: "-1",
-              class: "hys-ui-modal",
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-label": e.title,
-              "aria-busy": l.value,
-              style: V({ maxWidth: e.fullscreen ? "100%" : e.width, width: e.fullscreen ? "100%" : void 0, height: e.fullscreen ? "100dvh" : void 0, maxHeight: e.fullscreen ? "100dvh" : void 0 })
-            }, [
-              u("header", X, [
-                h(o.$slots, "header", {}, () => [
-                  u("h3", null, z(e.title), 1)
-                ], !0),
-                e.showClose ? (r(), y("button", {
+    return G({
+      element: x,
+      open: t.shown,
+      closing: t.closing,
+      confirming: t.confirming,
+      fullscreen: r,
+      get position() {
+        return t.interaction.getPosition();
+      },
+      get dimensions() {
+        return t.interaction.getDimensions();
+      },
+      show: t.show,
+      hide: () => t.requestClose("api"),
+      close: t.requestClose,
+      handleOpen: t.show,
+      handleClose: () => t.requestClose("api"),
+      confirm: t.confirm,
+      cancel: t.cancel,
+      focus: t.state.focus,
+      toggleFullscreen: t.toggleFullscreen,
+      setFullscreen: t.setFullscreen,
+      resetPosition: t.interaction.resetPosition,
+      resetSize: t.interaction.resetSize,
+      setPosition: t.interaction.setPosition,
+      setSize: t.interaction.setSize
+    }), (d, o) => (n(), C(de, {
+      to: e.appendTo || "body",
+      disabled: e.appendTo === !1
+    }, [
+      g(se, y(m(te.value)), {
+        default: w(() => {
+          var E, M;
+          return [
+            a(t).state.active.value && (e.forceRender || a(t).rendered.value) ? j((n(), u("div", B({ key: 0 }, a(A), {
+              class: ["hys-ui-overlay hys-ui-modal-overlay", [
+                e.overlayClass,
+                {
+                  "hys-ui-modal-fullscreen": a(r),
+                  "hys-ui-modal-no-mask": l.modal === !1,
+                  "hys-ui-modal-penetrable": l.modal === !1 && e.modalPenetrable,
+                  "hys-ui-modal-center": e.center,
+                  "hys-ui-modal-allow-overflow": e.overflow
+                }
+              ]],
+              style: ee.value,
+              onPointerdown: o[11] || (o[11] = //@ts-ignore
+              (...i) => a(t).maskDown && a(t).maskDown(...i)),
+              onPointerup: o[12] || (o[12] = //@ts-ignore
+              (...i) => a(t).maskUp && a(t).maskUp(...i))
+            }), [
+              a(t).interaction.previewing.value ? (n(), u("div", {
+                key: 0,
+                ref: (i) => a(t).interaction.previewLayer.value = i,
+                class: "hys-ui-modal-drag-preview",
+                "aria-hidden": "true"
+              }, [
+                c("span", null, v(e.title || "移动位置"), 1)
+              ], 512)) : s("", !0),
+              c("section", B({
+                ref_key: "dialog",
+                ref: x
+              }, { ...a(A), ...a(Q) }, {
+                tabindex: "-1",
+                class: ["hys-ui-modal", [
+                  e.modalClass,
+                  "hys-ui-modal-" + (e.size ?? "md"),
+                  "hys-ui-modal-drag-effect-" + e.dragEffect,
+                  {
+                    "hys-ui-modal-dragging": a(t).interaction.dragging.value,
+                    "hys-ui-modal-resizing": a(t).interaction.resizing.value,
+                    "hys-ui-modal-preview-origin": a(t).interaction.previewing.value
+                  }
+                ]],
+                role: e.role ?? "dialog",
+                "aria-modal": l.modal === !1 && e.modalPenetrable ? void 0 : !0,
+                "aria-label": e.ariaLabel || e.title || "对话框",
+                "aria-labelledby": e.ariaLabelledby || (e.title || d.$slots.header ? S : void 0),
+                "aria-describedby": e.ariaDescribedby || (e.description ? P : void 0),
+                "aria-busy": a(t).busy.value || void 0,
+                style: _.value,
+                onKeydown: o[10] || (o[10] = //@ts-ignore
+                (...i) => a(t).key && a(t).key(...i))
+              }), [
+                e.title || d.$slots.header || e.showClose || e.showFullscreen || e.draggable ? (n(), u("header", {
                   key: 0,
-                  type: "button",
-                  class: "hys-ui-icon-action",
-                  "aria-label": "关闭",
-                  disabled: l.value,
-                  onClick: t[0] || (t[0] = (c) => i("button"))
+                  class: T(["hys-ui-dialog-head", [
+                    e.headerClass,
+                    "hys-ui-modal-header-" + (e.headerSize ?? "md"),
+                    {
+                      "hys-ui-modal-header-with-center-grip": e.draggable && !a(r) && e.dragHandlePosition === "center"
+                    }
+                  ]]),
+                  style: z({
+                    ...e.headerStyle,
+                    minHeight: a(k)(e.headerHeight) ?? ((E = e.headerStyle) == null ? void 0 : E.minHeight)
+                  })
+                }, [
+                  e.draggable && !a(r) && e.dragHandlePosition === "center" ? (n(), u("button", {
+                    key: 0,
+                    type: "button",
+                    class: "hys-ui-modal-drag-handle hys-ui-modal-drag-handle-center",
+                    "data-hys-modal-drag-handle": "",
+                    "aria-label": "移动弹窗",
+                    title: "拖动移动弹窗；双击复位，Alt 加方向键微调",
+                    onPointerdown: o[0] || (o[0] = (i) => a(t).interaction.start(i, "drag")),
+                    onKeydown: o[1] || (o[1] = //@ts-ignore
+                    (...i) => a(t).interaction.headerKey && a(t).interaction.headerKey(...i)),
+                    onDblclick: H
+                  }, [
+                    g(a(he), {
+                      size: 18,
+                      "aria-hidden": "true"
+                    })
+                  ], 32)) : s("", !0),
+                  c("div", xe, [
+                    e.draggable && !a(r) && ["left", "both"].includes(e.dragHandlePosition) ? (n(), u("button", {
+                      key: 0,
+                      type: "button",
+                      class: "hys-ui-modal-drag-handle",
+                      "data-hys-modal-drag-handle": "",
+                      "aria-label": "移动弹窗",
+                      title: "拖动移动弹窗；双击复位，Alt 加方向键微调",
+                      onPointerdown: o[2] || (o[2] = (i) => a(t).interaction.start(i, "drag")),
+                      onKeydown: o[3] || (o[3] = //@ts-ignore
+                      (...i) => a(t).interaction.headerKey && a(t).interaction.headerKey(...i)),
+                      onDblclick: H
+                    }, [
+                      g(a(N), {
+                        size: 16,
+                        "aria-hidden": "true"
+                      })
+                    ], 32)) : s("", !0),
+                    b(d.$slots, "header", y(m(f.value)), () => [
+                      (n(), C(D("h" + Z.value), {
+                        id: S,
+                        class: "hys-ui-modal-title",
+                        style: z({ fontSize: a(k)(e.titleFontSize) })
+                      }, {
+                        default: w(() => [
+                          F(v(e.title), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["style"]))
+                    ], !0)
+                  ]),
+                  c("div", Se, [
+                    e.draggable && !a(r) && ["right", "both"].includes(e.dragHandlePosition) ? (n(), u("button", {
+                      key: 0,
+                      type: "button",
+                      class: "hys-ui-modal-drag-handle",
+                      "data-hys-modal-drag-handle": "",
+                      "aria-label": "从右侧移动弹窗",
+                      title: "从右侧拖动；双击复位，Alt 加方向键微调",
+                      onPointerdown: o[4] || (o[4] = (i) => a(t).interaction.start(i, "drag")),
+                      onKeydown: o[5] || (o[5] = //@ts-ignore
+                      (...i) => a(t).interaction.headerKey && a(t).interaction.headerKey(...i)),
+                      onDblclick: H
+                    }, [
+                      g(a(N), {
+                        size: 16,
+                        "aria-hidden": "true"
+                      })
+                    ], 32)) : s("", !0),
+                    e.showFullscreen ? (n(), u("button", {
+                      key: 1,
+                      type: "button",
+                      class: "hys-ui-icon-action",
+                      "aria-label": a(r) ? e.restoreText : e.fullscreenText,
+                      title: a(r) ? e.restoreText : e.fullscreenText,
+                      "aria-pressed": a(r),
+                      onClick: o[6] || (o[6] = //@ts-ignore
+                      (...i) => a(t).toggleFullscreen && a(t).toggleFullscreen(...i))
+                    }, [
+                      b(d.$slots, "fullscreen-icon", y(m(f.value)), () => [
+                        (n(), C(D(a(r) ? a(ge) : a(ve)), { size: 16 }))
+                      ], !0)
+                    ], 8, Pe)) : s("", !0),
+                    e.showClose ? (n(), u("button", {
+                      key: 2,
+                      type: "button",
+                      class: "hys-ui-icon-action",
+                      "aria-label": e.closeText,
+                      disabled: a(t).closing.value || a(t).confirming.value && !e.closeWhileConfirming,
+                      onClick: o[7] || (o[7] = (i) => a(t).requestClose("button", i))
+                    }, [
+                      b(d.$slots, "close-icon", y(m(f.value)), () => [
+                        g(a(be), { size: 18 })
+                      ], !0)
+                    ], 8, He)) : s("", !0)
+                  ])
+                ], 6)) : s("", !0),
+                c("div", {
+                  class: T(["hys-ui-dialog-body", e.bodyClass]),
+                  style: z(e.bodyStyle)
                 }, [
-                  C(f(T), { size: 18 })
-                ], 8, j)) : m("", !0)
-              ]),
-              u("div", F, [
-                h(o.$slots, "default", {}, void 0, !0)
-              ]),
-              o.$slots.footer ? (r(), y("footer", G, [
-                h(o.$slots, "footer", {
-                  close: i,
-                  closing: l.value
-                }, void 0, !0)
-              ])) : m("", !0)
-            ], 12, W)
-          ], 16)), [
-            [A, e.open]
-          ]) : m("", !0)
-        ]),
+                  e.loading ? (n(), u("div", Te, [
+                    b(d.$slots, "loading", y(m(f.value)), () => [
+                      g(a(ke), {
+                        size: 23,
+                        class: "hys-ui-modal-spinner"
+                      }),
+                      c("span", null, v(e.loadingText), 1)
+                    ], !0)
+                  ])) : s("", !0),
+                  j(c("div", De, [
+                    e.showIcon ?? e.type !== "default" ? (n(), u("span", {
+                      key: 0,
+                      class: "hys-ui-modal-type-icon",
+                      "data-type": e.type,
+                      "aria-hidden": "true"
+                    }, [
+                      b(d.$slots, "icon", y(m(f.value)), () => [
+                        (n(), C(D(ae.value), { size: 24 }))
+                      ], !0)
+                    ], 8, Fe)) : s("", !0),
+                    c("div", Ae, [
+                      e.description ? (n(), u("p", {
+                        key: 0,
+                        id: P,
+                        class: "hys-ui-modal-description"
+                      }, v(e.description), 1)) : s("", !0),
+                      b(d.$slots, "default", y(m(f.value)), void 0, !0)
+                    ])
+                  ], 512), [
+                    [p, !e.loading]
+                  ]),
+                  e.showError && a(t).error.value ? (n(), u("p", Oe, v(a(t).error.value), 1)) : s("", !0)
+                ], 6),
+                Y.value ? (n(), u("footer", {
+                  key: 1,
+                  class: T(["hys-ui-dialog-foot", [
+                    e.footerClass,
+                    "hys-ui-modal-footer-" + (e.footerSize ?? "md")
+                  ]]),
+                  style: z({
+                    ...e.footerStyle,
+                    minHeight: a(k)(e.footerHeight) ?? ((M = e.footerStyle) == null ? void 0 : M.minHeight),
+                    justifyContent: e.footerAlign === "start" ? "flex-start" : e.footerAlign === "center" || e.center ? "center" : "flex-end",
+                    paddingInlineEnd: e.resizable && !a(r) ? "38px" : void 0
+                  })
+                }, [
+                  b(d.$slots, "footer", y(m(f.value)), () => {
+                    var i, K, L, $, I, V, W;
+                    return [
+                      e.showCancel ? (n(), C(R, B({ key: 0 }, e.cancelButtonProps, {
+                        "data-hys-modal-cancel": "",
+                        variant: ((i = e.cancelButtonProps) == null ? void 0 : i.variant) ?? "secondary",
+                        size: ((K = e.cancelButtonProps) == null ? void 0 : K.size) ?? e.footerSize ?? "md",
+                        disabled: e.cancelDisabled || ((L = e.cancelButtonProps) == null ? void 0 : L.disabled) || a(t).closing.value || a(t).confirming.value && !e.closeWhileConfirming,
+                        onClick: a(t).cancel
+                      }), {
+                        default: w(() => [
+                          F(v(e.cancelText), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["variant", "size", "disabled", "onClick"])) : s("", !0),
+                      g(R, B(e.okButtonProps, {
+                        "data-hys-modal-confirm": "",
+                        variant: (($ = e.okButtonProps) == null ? void 0 : $.variant) ?? e.okVariant ?? "primary",
+                        size: ((I = e.okButtonProps) == null ? void 0 : I.size) ?? e.footerSize ?? "md",
+                        loading: a(t).confirming.value || ((V = e.okButtonProps) == null ? void 0 : V.loading),
+                        disabled: e.confirmDisabled || ((W = e.okButtonProps) == null ? void 0 : W.disabled) || a(t).closing.value || e.loading,
+                        onClick: a(t).confirm
+                      }), {
+                        default: w(() => [
+                          F(v(e.okText), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["variant", "size", "loading", "disabled", "onClick"])
+                    ];
+                  }, !0)
+                ], 6)) : s("", !0),
+                e.resizable && !a(r) ? (n(), u("button", {
+                  key: 2,
+                  type: "button",
+                  class: "hys-ui-modal-resize-handle",
+                  "aria-label": "调整弹窗尺寸",
+                  title: "拖拽调整尺寸；方向键微调，Home 恢复",
+                  onPointerdown: o[8] || (o[8] = ue((i) => a(t).interaction.start(i, "resize"), ["stop"])),
+                  onKeydown: o[9] || (o[9] = //@ts-ignore
+                  (...i) => a(t).interaction.resizeKey && a(t).interaction.resizeKey(...i))
+                }, [...o[13] || (o[13] = [
+                  c("svg", {
+                    width: "17",
+                    height: "17",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    "aria-hidden": "true"
+                  }, [
+                    c("path", {
+                      d: "m5 16 11-11m-6 11 6-6m-1 6 1-1",
+                      stroke: "currentColor",
+                      "stroke-width": "1.7",
+                      "stroke-linecap": "round"
+                    })
+                  ], -1)
+                ])], 32)) : s("", !0)
+              ], 16, ze)
+            ], 16)), [
+              [p, a(t).shown.value]
+            ]) : s("", !0)
+          ];
+        }),
         _: 3
-      })
-    ]));
+      }, 16)
+    ], 8, ["to", "disabled"]));
   }
 });
 export {
-  Q as default
+  Ve as default
 };