hys-ui 0.2.0 → 0.4.0

package/dist/components/HysDateRangePicker/HysDateRangePicker.vue.js

@@ -5,6 +5,8 @@ const T = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "HysDateRangePicker",
   props: /* @__PURE__ */ P({
+    popupTransition: {},
+    popupTransitionDuration: {},
     modelValue: {},
     defaultValue: {},
     clearValue: {},
@@ -78,8 +80,8 @@ const T = /* @__PURE__ */ v({
     cellClassName: { type: Function }
   }, C),
   emits: ["update:modelValue", "change", "value-change", "update:open", "visible-change", "update:panelValue", "update:mode", "panelChange", "calendarChange", "clear", "ok", "invalid", "focus", "blur"],
-  setup(u, { expose: i, emit: d }) {
-    const m = u, f = d;
+  setup(i, { expose: u, emit: d }) {
+    const m = i, f = d;
     h();
     const o = c(), y = Object.fromEntries(
       [
@@ -102,7 +104,7 @@ const T = /* @__PURE__ */ v({
         (...a) => f(e, ...a)
       ])
     );
-    return i({
+    return u({
       element: p(() => {
         var e;
         return (e = o.value) == null ? void 0 : e.element;

package/dist/components/HysDrawer/HysDrawer.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysDrawer2.vue.js";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8ba9617d"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-81102b84"]]);
 export {
   p as default
 };

package/dist/components/HysDrawer/HysDrawer2.vue.js

@@ -1,102 +1,452 @@
-import { defineComponent as x, ref as w, computed as E, toRef as O, watch as $, onDeactivated as D, openBlock as n, createBlock as S, Teleport as H, createVNode as b, Transition as M, withCtx as N, unref as h, withDirectives as R, createElementBlock as f, mergeProps as V, withModifiers as z, createElementVNode as d, normalizeStyle as A, renderSlot as y, toDisplayString as P, createCommentVNode as m, vShow as T } from "vue";
-import { useHysRootAttrs as q } from "../../config.js";
-import { X as W } from "lucide-vue-next";
-import { useDialog as X } from "../../composables/useDialog.js";
-const j = ["aria-label", "aria-busy"], F = { class: "hys-ui-dialog-head" }, G = ["disabled"], I = { class: "hys-ui-drawer-body" }, J = {
+import { defineComponent as ue, useSlots as ce, useAttrs as ye, ref as L, useId as fe, computed as s, reactive as he, toRefs as me, provide as ve, openBlock as d, createBlock as x, Teleport as be, createVNode as z, Transition as ge, normalizeProps as y, guardReactiveProps as f, withCtx as T, unref as t, withDirectives as G, createElementBlock as u, mergeProps as F, normalizeStyle as k, createCommentVNode as c, createElementVNode as g, normalizeClass as P, renderSlot as m, resolveDynamicComponent as J, createTextVNode as V, toDisplayString as w, vShow as Q } from "vue";
+import { Minimize2 as we, Maximize2 as ze, X as Y, LoaderCircle as ke } from "lucide-vue-next";
+import Z from "../HysButton/HysButton.vue.js";
+import { useHysRootAttrs as Ce } from "../../config.js";
+import { useModal as Be } from "../../composables/useModal.js";
+import { useDrawerResize as Se } from "../../composables/useDrawerResize.js";
+import { useDrawerPush as xe } from "../../composables/useDrawerPush.js";
+import { overlayOwnerKey as Te } from "../../composables/overlayManager.js";
+import { modalLength as C } from "../../composables/modal.js";
+import { drawerVertical as Fe, drawerSize as D } from "../../composables/drawer.js";
+const Pe = ["inert", "aria-hidden"], De = ["role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "aria-busy"], Oe = { class: "hys-ui-drawer-title-wrap" }, He = { class: "hys-ui-drawer-head-actions" }, Ae = ["aria-label", "aria-pressed", "disabled"], Le = ["aria-label", "disabled"], Ve = ["aria-label", "disabled"], Me = ["tabindex"], Ee = {
   key: 0,
-  class: "hys-ui-dialog-foot"
-}, Y = /* @__PURE__ */ x({
+  class: "hys-ui-drawer-loading",
+  role: "status"
+}, $e = ["inert"], Re = {
+  key: 2,
+  class: "hys-ui-drawer-error",
+  role: "alert"
+}, Ie = ["aria-label", "aria-orientation", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-disabled"], Qe = /* @__PURE__ */ ue({
+  inheritAttrs: !1,
   __name: "HysDrawer",
   props: {
-    open: { type: Boolean },
-    title: {},
-    width: { default: "520px" },
+    beforeClose: { type: [Function, Boolean, Promise] },
+    beforeConfirm: {},
+    placement: { default: "right" },
+    size: { default: "md" },
+    drawerClass: {},
+    drawerStyle: {},
+    overlayStyle: {},
+    bodyTabindex: {},
+    contained: { type: Boolean },
+    withHeader: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean, default: !0 },
+    transition: { type: [String, Boolean], default: "slide" },
+    push: { type: [Boolean, Object] },
+    resizable: { type: [Boolean, Object] },
+    resizeValue: {},
+    defaultResizeValue: {},
+    resetSizeOnClose: { type: Boolean, default: !0 },
+    resizeText: {},
+    open: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    title: { default: "" },
+    description: {},
+    opacity: {},
+    maskOpacity: {},
+    width: {},
     height: {},
+    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] },
+    openDelay: {},
+    closeDelay: {},
+    transitionDuration: { default: 240 },
+    zIndex: {},
+    headerClass: {},
+    headerSize: { default: "md" },
+    footerSize: { default: "md" },
+    headerHeight: {},
+    footerHeight: {},
+    titleFontSize: {},
+    bodyClass: {},
+    footerClass: {},
+    overlayClass: {},
+    headerStyle: {},
+    bodyStyle: {},
+    footerStyle: {},
+    maskStyle: {},
+    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 }
   },
-  emits: ["close", "closeError"],
-  setup(t, { expose: g, emit: C }) {
-    const k = q(), e = t, p = C, u = w(), a = w(!1), B = E(() => ({ ...e.fullscreen ? { width: "100%", height: "100dvh", maxWidth: "100vw", maxHeight: "100dvh" } : e.placement === "top" || e.placement === "bottom" ? { width: "100%", height: e.height || e.width, maxHeight: "100dvh" } : { width: e.width }, "--hys-ui-drawer-enter-x": e.placement === "left" ? "-100%" : e.placement === "right" ? "100%" : "0px", "--hys-ui-drawer-enter-y": e.placement === "top" ? "-100%" : e.placement === "bottom" ? "100%" : "0px" })), { active: r } = X(O(e, "open"), u, () => {
-      e.closeOnEscape && i("escape");
-    });
-    let s = 0;
-    function v() {
-      s++, a.value = !1;
-    }
-    $(() => e.open, (o) => {
-      o || v();
-    }), D(v);
-    async function i(o = "button") {
-      if (a.value || !e.open || !r.value) return;
-      const l = ++s;
-      a.value = !0;
-      try {
-        if (e.beforeClose && await e.beforeClose(o) === !1) return;
-        r.value && l === s && p("close");
-      } catch (c) {
-        r.value && l === s && p("closeError", c);
-      } finally {
-        l === s && (a.value = !1);
+  emits: ["update:open", "update:modelValue", "update:fullscreen", "update:resizeValue", "open", "opened", "close", "closed", "afterClose", "visibleChange", "afterOpenChange", "fullscreenChange", "ok", "cancel", "closeError", "confirmError", "openAutoFocus", "closeAutoFocus", "resizeStart", "resize", "resizeEnd"],
+  setup(e, { expose: _, emit: ee }) {
+    const l = e, ae = ce(), B = ee, te = ye(), M = Ce(), E = L(), S = L(), $ = L(), R = fe(), O = R + "-title", H = R + "-description", b = s(() => Fe(l.placement)), le = he({
+      ...me(l),
+      size: "md",
+      draggable: !1,
+      resizable: !1,
+      resetSizeOnClose: !1,
+      width: s(() => b.value ? "100%" : D(l)),
+      height: s(() => b.value ? D(l) : void 0),
+      initialFocus: s(
+        () => l.autofocus === !1 ? !1 : l.initialFocus ?? "auto"
+      ),
+      lockScroll: s(
+        () => l.lockScroll ?? (!l.contained && !(l.modal === !1 && l.modalPenetrable))
+      ),
+      trapFocus: s(
+        () => l.trapFocus ?? (!l.contained && !(l.modal === !1 && l.modalPenetrable))
+      )
+    }), a = Be(
+      le,
+      S,
+      (n, ...i) => {
+        n === "opened" && B("afterOpenChange", !0), n === "closed" && B("afterOpenChange", !1), B(n, ...i);
+      },
+      { interaction: !1 }
+    ), o = Se(
+      l,
+      E,
+      S,
+      a.shown,
+      a.fullscreen,
+      a.busy,
+      (n, ...i) => B(n, ...i)
+    ), A = xe(l, a.shown, a.fullscreen);
+    ve(
+      Te,
+      s(
+        () => a.state.active.value && a.shown.value && !l.loading
+      )
+    );
+    const h = s(() => ({
+      close: a.requestClose,
+      cancel: a.cancel,
+      confirm: a.confirm,
+      closing: a.closing.value,
+      confirming: a.confirming.value,
+      busy: a.busy.value,
+      error: a.error.value,
+      titleId: O,
+      descriptionId: H,
+      fullscreen: a.fullscreen.value,
+      toggleFullscreen: a.toggleFullscreen,
+      resizing: o.resizing.value,
+      size: o.size.value,
+      resetSize: o.reset,
+      pushed: A.pushed.value
+    })), v = a.fullscreen, oe = s(
+      () => l.footer !== !1 && (l.footer === !0 || !!ae.footer)
+    ), ie = s(
+      () => Number.isFinite(l.headerAriaLevel) ? Math.max(1, Math.min(6, Math.trunc(l.headerAriaLevel))) : 2
+    ), I = s(
+      () => Number.isFinite(l.transitionDuration) ? Math.max(0, Math.min(5e3, l.transitionDuration)) : 240
+    ), re = s(() => ({
+      ...l.drawerStyle,
+      ...A.style.value,
+      width: v.value || b.value ? "100%" : C(o.resolvedSize.value ?? D(l)),
+      height: v.value ? l.contained ? "100%" : "100dvh" : b.value ? C(o.resolvedSize.value ?? D(l)) : "100%",
+      maxWidth: "100%",
+      maxHeight: "100%",
+      "--hys-ui-drawer-enter-x": l.placement === "left" ? "-100%" : l.placement === "right" ? "100%" : "0px",
+      "--hys-ui-drawer-enter-y": l.placement === "top" ? "-100%" : l.placement === "bottom" ? "100%" : "0px",
+      ...l.opacity !== void 0 ? {
+        background: "color-mix(in srgb,var(--hys-ui-surface,var(--hys-ui-theme-surface)) " + a.alpha(l.opacity) * 100 + "%,transparent)"
+      } : {}
+    })), ne = s(() => ({
+      ...l.overlayStyle,
+      zIndex: a.state.zIndex.value,
+      "--hys-ui-drawer-duration": (a.motion.value ? I.value : 0) + "ms"
+    })), se = s(() => ({
+      ...l.maskStyle,
+      ...l.maskOpacity !== void 0 ? {
+        background: "color-mix(in srgb,#0b183d " + a.alpha(l.maskOpacity) * 100 + "%,transparent)"
+      } : {}
+    })), de = s(() => ({
+      name: "hys-ui-drawer-" + (l.transition || "slide"),
+      appear: !0,
+      css: a.motion.value,
+      duration: a.motion.value ? I.value : 0,
+      onAfterEnter: () => {
+        a.afterEnter(), o.measure();
+      },
+      onAfterLeave: async () => {
+        await a.afterLeave(), a.shown.value || o.resetAfterClose();
       }
-    }
-    return g({ close: i, element: u }), (o, l) => (n(), S(H, { to: "body" }, [
-      b(M, { name: "hys-ui-drawer-motion" }, {
-        default: N(() => [
-          h(r) && (t.open || !t.destroyOnClose) ? R((n(), f("div", V({ key: 0 }, h(k), {
-            class: ["hys-ui-overlay hys-ui-drawer-overlay", "hys-ui-drawer-" + t.placement],
-            onPointerdown: l[1] || (l[1] = z((c) => t.closeOnMask && i("mask"), ["self"]))
-          }), [
-            d("aside", {
-              ref_key: "dialog",
-              ref: u,
-              tabindex: "-1",
-              class: "hys-ui-drawer",
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-label": t.title,
-              "aria-busy": a.value,
-              style: A(B.value)
-            }, [
-              d("header", F, [
-                y(o.$slots, "header", {}, () => [
-                  d("h3", null, P(t.title), 1)
-                ], !0),
-                t.showClose ? (n(), f("button", {
+    }));
+    return _({
+      element: S,
+      body: $,
+      open: a.shown,
+      closing: a.closing,
+      confirming: a.confirming,
+      fullscreen: v,
+      resizing: o.resizing,
+      size: o.size,
+      pushed: A.pushed,
+      focus: a.state.focus,
+      show: a.show,
+      close: a.requestClose,
+      hide: () => a.requestClose("api"),
+      cancel: a.cancel,
+      confirm: a.confirm,
+      setFullscreen: a.setFullscreen,
+      toggleFullscreen: a.toggleFullscreen,
+      resizeTo: o.resizeTo,
+      resetSize: o.reset
+    }), (n, i) => (d(), x(be, {
+      to: e.appendTo || "body",
+      disabled: e.appendTo === !1
+    }, [
+      z(ge, y(f(de.value)), {
+        default: T(() => {
+          var N, j;
+          return [
+            t(a).state.active.value && (e.forceRender || t(a).rendered.value) ? G((d(), u("div", F({
+              key: 0,
+              ref_key: "root",
+              ref: E
+            }, t(M), {
+              class: ["hys-ui-overlay hys-ui-drawer-overlay hys-ui-drawer-root", [
+                e.overlayClass,
+                "hys-ui-drawer-" + e.placement,
+                {
+                  "hys-ui-drawer-contained": e.contained,
+                  "hys-ui-drawer-penetrable": e.modal === !1 && e.modalPenetrable
+                }
+              ]],
+              style: ne.value,
+              inert: !t(a).shown.value || void 0,
+              "aria-hidden": !t(a).shown.value || void 0,
+              onPointerdown: i[7] || (i[7] = //@ts-ignore
+              (...r) => t(a).maskDown && t(a).maskDown(...r)),
+              onPointerup: i[8] || (i[8] = //@ts-ignore
+              (...r) => t(a).maskUp && t(a).maskUp(...r))
+            }), [
+              e.modal !== !1 ? (d(), u("div", {
+                key: 0,
+                class: "hys-ui-drawer-mask",
+                style: k(se.value),
+                "aria-hidden": "true"
+              }, null, 4)) : c("", !0),
+              g("aside", F({
+                ref_key: "dialog",
+                ref: S
+              }, { ...t(M), ...t(te) }, {
+                tabindex: "-1",
+                role: e.role ?? "dialog",
+                class: ["hys-ui-drawer hys-ui-drawer-panel", [
+                  e.drawerClass,
+                  {
+                    "hys-ui-drawer-resizing": t(o).resizing.value,
+                    "hys-ui-drawer-headerless": !e.withHeader,
+                    "hys-ui-drawer-fullscreen": t(v)
+                  }
+                ]],
+                style: re.value,
+                "aria-label": e.ariaLabel || e.title || "抽屉",
+                "aria-labelledby": e.ariaLabelledby || (e.withHeader && (e.title || n.$slots.header || n.$slots.title) ? O : void 0),
+                "aria-describedby": e.ariaDescribedby || (e.description ? H : void 0),
+                "aria-modal": e.contained || e.modal === !1 && e.modalPenetrable ? void 0 : !0,
+                "aria-busy": t(a).busy.value || void 0,
+                onKeydown: i[6] || (i[6] = //@ts-ignore
+                (...r) => t(a).key && t(a).key(...r))
+              }), [
+                e.withHeader ? (d(), u("header", {
                   key: 0,
+                  class: P(["hys-ui-dialog-head hys-ui-drawer-head", [e.headerClass, "hys-ui-drawer-section-" + e.headerSize]]),
+                  style: k({
+                    ...e.headerStyle,
+                    minHeight: t(C)(e.headerHeight) ?? ((N = e.headerStyle) == null ? void 0 : N.minHeight)
+                  })
+                }, [
+                  g("div", Oe, [
+                    m(n.$slots, "header", y(f(h.value)), () => [
+                      (d(), x(J("h" + ie.value), {
+                        id: O,
+                        class: "hys-ui-drawer-title",
+                        style: k({ fontSize: t(C)(e.titleFontSize) })
+                      }, {
+                        default: T(() => [
+                          m(n.$slots, "title", y(f(h.value)), () => [
+                            V(w(e.title), 1)
+                          ], !0)
+                        ]),
+                        _: 3
+                      }, 8, ["style"]))
+                    ], !0)
+                  ]),
+                  g("div", He, [
+                    m(n.$slots, "extra", y(f(h.value)), void 0, !0),
+                    e.showFullscreen ? (d(), u("button", {
+                      key: 0,
+                      type: "button",
+                      class: "hys-ui-icon-action",
+                      "aria-label": t(v) ? e.restoreText : e.fullscreenText,
+                      "aria-pressed": t(v),
+                      disabled: t(o).resizing.value,
+                      onClick: i[0] || (i[0] = //@ts-ignore
+                      (...r) => t(a).toggleFullscreen && t(a).toggleFullscreen(...r))
+                    }, [
+                      m(n.$slots, "fullscreen-icon", y(f(h.value)), () => [
+                        (d(), x(J(t(v) ? t(we) : t(ze)), { size: 16 }))
+                      ], !0)
+                    ], 8, Ae)) : c("", !0),
+                    e.showClose ? (d(), u("button", {
+                      key: 1,
+                      type: "button",
+                      class: "hys-ui-icon-action",
+                      "aria-label": e.closeText,
+                      disabled: t(a).closing.value || t(a).confirming.value && !e.closeWhileConfirming,
+                      onClick: i[1] || (i[1] = (r) => t(a).requestClose("button", r))
+                    }, [
+                      m(n.$slots, "close-icon", y(f(h.value)), () => [
+                        z(t(Y), { size: 18 })
+                      ], !0)
+                    ], 8, Le)) : c("", !0)
+                  ])
+                ], 6)) : e.showClose ? (d(), u("button", {
+                  key: 1,
                   type: "button",
-                  class: "hys-ui-icon-action",
-                  "aria-label": "关闭",
-                  disabled: a.value,
-                  onClick: l[0] || (l[0] = (c) => i("button"))
+                  class: "hys-ui-icon-action hys-ui-drawer-floating-close",
+                  "aria-label": e.closeText,
+                  disabled: t(a).closing.value || t(a).confirming.value && !e.closeWhileConfirming,
+                  onClick: i[2] || (i[2] = (r) => t(a).requestClose("button", r))
+                }, [
+                  m(n.$slots, "close-icon", y(f(h.value)), () => [
+                    z(t(Y), { size: 18 })
+                  ], !0)
+                ], 8, Ve)) : c("", !0),
+                g("div", {
+                  ref_key: "body",
+                  ref: $,
+                  class: P(["hys-ui-dialog-body hys-ui-drawer-body", e.bodyClass]),
+                  style: k(e.bodyStyle),
+                  tabindex: e.bodyTabindex ?? 0
+                }, [
+                  e.loading ? (d(), u("div", Ee, [
+                    m(n.$slots, "loading", y(f(h.value)), () => [
+                      z(t(ke), {
+                        size: 22,
+                        class: "hys-ui-drawer-spinner"
+                      }),
+                      g("span", null, w(e.loadingText), 1)
+                    ], !0)
+                  ])) : c("", !0),
+                  G(g("div", {
+                    class: "hys-ui-drawer-content",
+                    inert: e.loading || void 0
+                  }, [
+                    e.description ? (d(), u("p", {
+                      key: 0,
+                      id: H,
+                      class: "hys-ui-drawer-description"
+                    }, w(e.description), 1)) : c("", !0),
+                    m(n.$slots, "default", y(f(h.value)), void 0, !0)
+                  ], 8, $e), [
+                    [Q, !e.loading]
+                  ])
+                ], 14, Me),
+                e.showError && t(a).error.value ? (d(), u("p", Re, w(t(a).error.value), 1)) : c("", !0),
+                oe.value ? (d(), u("footer", {
+                  key: 3,
+                  class: P(["hys-ui-dialog-foot hys-ui-drawer-foot", [e.footerClass, "hys-ui-drawer-section-" + e.footerSize]]),
+                  style: k({
+                    ...e.footerStyle,
+                    minHeight: t(C)(e.footerHeight) ?? ((j = e.footerStyle) == null ? void 0 : j.minHeight),
+                    justifyContent: e.footerAlign === "start" ? "flex-start" : e.footerAlign === "center" ? "center" : "flex-end"
+                  })
                 }, [
-                  b(h(W), { size: 18 })
-                ], 8, G)) : m("", !0)
-              ]),
-              d("div", I, [
-                y(o.$slots, "default", {}, void 0, !0)
-              ]),
-              o.$slots.footer ? (n(), f("footer", J, [
-                y(o.$slots, "footer", {
-                  close: i,
-                  closing: a.value
-                }, void 0, !0)
-              ])) : m("", !0)
-            ], 12, j)
-          ], 16)), [
-            [T, t.open]
-          ]) : m("", !0)
-        ]),
+                  m(n.$slots, "footer", y(f(h.value)), () => {
+                    var r, q, W, K, U, X, p;
+                    return [
+                      e.showCancel ? (d(), x(Z, F({ key: 0 }, e.cancelButtonProps, {
+                        "data-hys-modal-cancel": "",
+                        variant: ((r = e.cancelButtonProps) == null ? void 0 : r.variant) ?? "secondary",
+                        size: ((q = e.cancelButtonProps) == null ? void 0 : q.size) ?? e.footerSize,
+                        disabled: e.cancelDisabled || ((W = e.cancelButtonProps) == null ? void 0 : W.disabled) || t(a).closing.value || t(a).confirming.value && !e.closeWhileConfirming,
+                        onClick: t(a).cancel
+                      }), {
+                        default: T(() => [
+                          V(w(e.cancelText), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["variant", "size", "disabled", "onClick"])) : c("", !0),
+                      z(Z, F(e.okButtonProps, {
+                        "data-hys-modal-confirm": "",
+                        variant: ((K = e.okButtonProps) == null ? void 0 : K.variant) ?? e.okVariant ?? "primary",
+                        size: ((U = e.okButtonProps) == null ? void 0 : U.size) ?? e.footerSize,
+                        loading: t(a).confirming.value || ((X = e.okButtonProps) == null ? void 0 : X.loading),
+                        disabled: e.confirmDisabled || ((p = e.okButtonProps) == null ? void 0 : p.disabled) || t(a).closing.value || e.loading,
+                        onClick: t(a).confirm
+                      }), {
+                        default: T(() => [
+                          V(w(e.okText), 1)
+                        ]),
+                        _: 1
+                      }, 16, ["variant", "size", "loading", "disabled", "onClick"])
+                    ];
+                  }, !0)
+                ], 6)) : c("", !0),
+                e.resizable && !t(v) ? (d(), u("div", {
+                  key: 4,
+                  ref: (r) => t(o).handle.value = r,
+                  role: "separator",
+                  tabindex: "0",
+                  class: P(["hys-ui-drawer-resize", "hys-ui-drawer-resize-" + e.placement]),
+                  "aria-label": e.resizeText || (b.value ? "调整抽屉高度" : "调整抽屉宽度"),
+                  "aria-orientation": b.value ? "horizontal" : "vertical",
+                  "aria-valuenow": Math.round(t(o).size.value),
+                  "aria-valuemin": Math.round(t(o).limits().min),
+                  "aria-valuemax": Math.round(t(o).limits().max),
+                  "aria-disabled": t(a).busy.value || void 0,
+                  title: "拖动调整尺寸；方向键微调，双击还原",
+                  onPointerdown: i[3] || (i[3] = //@ts-ignore
+                  (...r) => t(o).start && t(o).start(...r)),
+                  onKeydown: i[4] || (i[4] = //@ts-ignore
+                  (...r) => t(o).keyboard && t(o).keyboard(...r)),
+                  onDblclick: i[5] || (i[5] = //@ts-ignore
+                  (...r) => t(o).reset && t(o).reset(...r))
+                }, null, 42, Ie)) : c("", !0)
+              ], 16, De)
+            ], 16, Pe)), [
+              [Q, t(a).shown.value]
+            ]) : c("", !0)
+          ];
+        }),
         _: 3
-      })
-    ]));
+      }, 16)
+    ], 8, ["to", "disabled"]));
   }
 });
 export {
-  Y as default
+  Qe as default
 };

package/dist/components/HysEmpty/HysEmpty.vue.js

@@ -1,43 +1,7 @@
-import { defineComponent as m, openBlock as i, createElementBlock as l, mergeProps as c, unref as n, createElementVNode as o, renderSlot as s, normalizeStyle as d, createBlock as u, toDisplayString as a, createTextVNode as g } from "vue";
-import { useHysRootAttrs as y } from "../../config.js";
-import { Inbox as f } from "lucide-vue-next";
-const h = {
-  class: "hys-ui-ex-empty-icon",
-  "aria-hidden": "true"
-}, p = ["src"], B = /* @__PURE__ */ m({
-  __name: "HysEmpty",
-  props: {
-    title: { default: "暂无数据" },
-    description: { default: "当前没有符合条件的内容" },
-    image: {},
-    imageSize: { default: 48 }
-  },
-  setup(e) {
-    const r = y();
-    return (t, z) => (i(), l("div", c(n(r), { class: "hys-ui-ex-empty" }), [
-      o("div", h, [
-        s(t.$slots, "image", {}, () => [
-          e.image ? (i(), l("img", {
-            key: 0,
-            src: e.image,
-            alt: "",
-            style: d({ width: e.imageSize + "px", height: e.imageSize + "px", objectFit: "contain" })
-          }, null, 12, p)) : (i(), u(n(f), {
-            key: 1,
-            size: e.imageSize
-          }, null, 8, ["size"]))
-        ])
-      ]),
-      o("strong", null, a(e.title), 1),
-      o("p", null, [
-        s(t.$slots, "description", {}, () => [
-          g(a(e.description), 1)
-        ])
-      ]),
-      s(t.$slots, "default")
-    ], 16));
-  }
-});
+import o from "./HysEmpty2.vue.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ea8781c3"]]);
 export {
-  B as default
+  a as default
 };