hys-ui 0.3.0 → 0.4.0

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

@@ -1,7 +1,7 @@
 import o from "./HysModal2.vue.js";
 /* empty css              */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-401a39a8"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-84baf613"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -1,10 +1,10 @@
-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 { defineComponent as oe, useSlots as le, useAttrs as ie, ref as ne, useId as re, computed as g, mergeProps as B, openBlock as r, createBlock as C, Teleport as de, createVNode as v, Transition as se, normalizeProps as y, guardReactiveProps as m, withCtx as w, unref as a, withDirectives as p, createElementBlock as u, renderSlot as h, createElementVNode as c, toDisplayString as b, createCommentVNode as s, normalizeStyle as z, normalizeClass as T, resolveDynamicComponent as D, createTextVNode as F, vShow as j, 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 = {
+const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describedby", "aria-busy"], Se = { class: "hys-ui-modal-title-wrap" }, xe = {
   class: "hys-ui-modal-head-actions",
   "data-hys-modal-no-drag": ""
 }, Pe = ["aria-label", "title", "aria-pressed"], He = ["aria-label", "disabled"], Te = {
@@ -116,11 +116,11 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
   },
   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(
+    const l = e, X = U, J = le(), Q = ie(), A = Be(), S = ne(), O = re(), x = O + "-title", P = O + "-description", t = Ce(
       l,
-      x,
-      (d, ...o) => X(d, ...o)
-    ), r = t.fullscreen, f = h(() => ({
+      S,
+      (n, ...o) => X(n, ...o)
+    ), d = t.fullscreen, f = g(() => ({
       close: t.requestClose,
       cancel: t.cancel,
       confirm: t.confirm,
@@ -128,58 +128,58 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       confirming: t.confirming.value,
       busy: t.busy.value,
       error: t.error.value,
-      titleId: S,
+      titleId: x,
       descriptionId: P,
-      fullscreen: r.value,
+      fullscreen: d.value,
       toggleFullscreen: t.toggleFullscreen
-    })), Y = h(
+    })), Y = g(
       () => l.footer !== !1 && (l.footer === !0 || !!J.footer)
-    ), Z = h(
+    ), Z = g(
       () => Math.max(1, Math.min(6, Math.trunc(l.headerAriaLevel)))
-    ), _ = h(() => {
-      var d, o;
+    ), _ = g(() => {
+      var n, 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)
+        width: d.value ? "100%" : k(
+          ((n = t.interaction.dimensions.value) == null ? void 0 : n.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)",
+        height: d.value ? "100dvh" : k(((o = t.interaction.dimensions.value) == null ? void 0 : o.height) ?? l.height),
+        maxWidth: d.value ? "100%" : l.maxWidth ? `min(${l.maxWidth}px,100%)` : "100%",
+        maxHeight: d.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(() => ({
+    }), ee = g(() => ({
       ...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.centered === !1 && !d.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 : {
+    })), te = g(() => {
+      const n = typeof l.transition == "object" ? l.transition : {
         name: typeof l.transition == "string" ? l.transition : void 0
-      }, o = d.name ?? "hys-ui-modal-motion";
+      }, o = n.name ?? "hys-ui-modal-motion";
       return B(
-        { ...d },
+        { ...n },
         {
           name: ["fade", "scale", "slide"].includes(o) ? "hys-ui-modal-" + o : o,
           appear: !0,
-          css: t.motion.value && d.css !== !1,
+          css: t.motion.value && n.css !== !1,
           ...l.transitionDuration !== void 0 ? { duration: Math.max(0, Math.min(5e3, l.transitionDuration)) } : {},
           onAfterEnter: t.afterEnter,
           onAfterLeave: t.afterLeave
         }
       );
-    }), ae = h(
+    }), ae = g(
       () => l.icon ?? {
         info: q,
         success: fe,
@@ -193,11 +193,11 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       l.draggable && t.interaction.resetPosition();
     }
     return G({
-      element: x,
+      element: S,
       open: t.shown,
       closing: t.closing,
       confirming: t.confirming,
-      fullscreen: r,
+      fullscreen: d,
       get position() {
         return t.interaction.getPosition();
       },
@@ -218,19 +218,19 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       resetSize: t.interaction.resetSize,
       setPosition: t.interaction.setPosition,
       setSize: t.interaction.setSize
-    }), (d, o) => (n(), C(de, {
+    }), (n, o) => (r(), C(de, {
       to: e.appendTo || "body",
       disabled: e.appendTo === !1
     }, [
-      g(se, y(m(te.value)), {
+      v(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), {
+            a(t).state.active.value && (e.forceRender || a(t).rendered.value) ? p((r(), 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-fullscreen": a(d),
                   "hys-ui-modal-no-mask": l.modal === !1,
                   "hys-ui-modal-penetrable": l.modal === !1 && e.modalPenetrable,
                   "hys-ui-modal-center": e.center,
@@ -243,17 +243,18 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
               onPointerup: o[12] || (o[12] = //@ts-ignore
               (...i) => a(t).maskUp && a(t).maskUp(...i))
             }), [
-              a(t).interaction.previewing.value ? (n(), u("div", {
+              h(n.$slots, "backdrop", y(m(f.value)), void 0, !0),
+              a(t).interaction.previewing.value ? (r(), 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)
+                c("span", null, b(e.title || "移动位置"), 1)
               ], 512)) : s("", !0),
               c("section", B({
                 ref_key: "dialog",
-                ref: x
+                ref: S
               }, { ...a(A), ...a(Q) }, {
                 tabindex: "-1",
                 class: ["hys-ui-modal", [
@@ -269,20 +270,20 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                 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-labelledby": e.ariaLabelledby || (e.title || n.$slots.header ? x : 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", {
+                e.title || n.$slots.header || e.showClose || e.showFullscreen || e.draggable ? (r(), u("header", {
                   key: 0,
                   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"
+                      "hys-ui-modal-header-with-center-grip": e.draggable && !a(d) && e.dragHandlePosition === "center"
                     }
                   ]]),
                   style: z({
@@ -290,7 +291,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                     minHeight: a(k)(e.headerHeight) ?? ((E = e.headerStyle) == null ? void 0 : E.minHeight)
                   })
                 }, [
-                  e.draggable && !a(r) && e.dragHandlePosition === "center" ? (n(), u("button", {
+                  e.draggable && !a(d) && e.dragHandlePosition === "center" ? (r(), u("button", {
                     key: 0,
                     type: "button",
                     class: "hys-ui-modal-drag-handle hys-ui-modal-drag-handle-center",
@@ -302,13 +303,13 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                     (...i) => a(t).interaction.headerKey && a(t).interaction.headerKey(...i)),
                     onDblclick: H
                   }, [
-                    g(a(he), {
+                    v(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", {
+                  c("div", Se, [
+                    e.draggable && !a(d) && ["left", "both"].includes(e.dragHandlePosition) ? (r(), u("button", {
                       key: 0,
                       type: "button",
                       class: "hys-ui-modal-drag-handle",
@@ -320,26 +321,26 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       (...i) => a(t).interaction.headerKey && a(t).interaction.headerKey(...i)),
                       onDblclick: H
                     }, [
-                      g(a(N), {
+                      v(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,
+                    h(n.$slots, "header", y(m(f.value)), () => [
+                      (r(), C(D("h" + Z.value), {
+                        id: x,
                         class: "hys-ui-modal-title",
                         style: z({ fontSize: a(k)(e.titleFontSize) })
                       }, {
                         default: w(() => [
-                          F(v(e.title), 1)
+                          F(b(e.title), 1)
                         ]),
                         _: 1
                       }, 8, ["style"]))
                     ], !0)
                   ]),
-                  c("div", Se, [
-                    e.draggable && !a(r) && ["right", "both"].includes(e.dragHandlePosition) ? (n(), u("button", {
+                  c("div", xe, [
+                    e.draggable && !a(d) && ["right", "both"].includes(e.dragHandlePosition) ? (r(), u("button", {
                       key: 0,
                       type: "button",
                       class: "hys-ui-modal-drag-handle",
@@ -351,26 +352,26 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       (...i) => a(t).interaction.headerKey && a(t).interaction.headerKey(...i)),
                       onDblclick: H
                     }, [
-                      g(a(N), {
+                      v(a(N), {
                         size: 16,
                         "aria-hidden": "true"
                       })
                     ], 32)) : s("", !0),
-                    e.showFullscreen ? (n(), u("button", {
+                    e.showFullscreen ? (r(), 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),
+                      "aria-label": a(d) ? e.restoreText : e.fullscreenText,
+                      title: a(d) ? e.restoreText : e.fullscreenText,
+                      "aria-pressed": a(d),
                       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 }))
+                      h(n.$slots, "fullscreen-icon", y(m(f.value)), () => [
+                        (r(), C(D(a(d) ? a(ge) : a(ve)), { size: 16 }))
                       ], !0)
                     ], 8, Pe)) : s("", !0),
-                    e.showClose ? (n(), u("button", {
+                    e.showClose ? (r(), u("button", {
                       key: 2,
                       type: "button",
                       class: "hys-ui-icon-action",
@@ -378,8 +379,8 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       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 })
+                      h(n.$slots, "close-icon", y(m(f.value)), () => [
+                        v(a(be), { size: 18 })
                       ], !0)
                     ], 8, He)) : s("", !0)
                   ])
@@ -388,40 +389,40 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                   class: T(["hys-ui-dialog-body", e.bodyClass]),
                   style: z(e.bodyStyle)
                 }, [
-                  e.loading ? (n(), u("div", Te, [
-                    b(d.$slots, "loading", y(m(f.value)), () => [
-                      g(a(ke), {
+                  e.loading ? (r(), u("div", Te, [
+                    h(n.$slots, "loading", y(m(f.value)), () => [
+                      v(a(ke), {
                         size: 23,
                         class: "hys-ui-modal-spinner"
                       }),
-                      c("span", null, v(e.loadingText), 1)
+                      c("span", null, b(e.loadingText), 1)
                     ], !0)
                   ])) : s("", !0),
-                  j(c("div", De, [
-                    e.showIcon ?? e.type !== "default" ? (n(), u("span", {
+                  p(c("div", De, [
+                    e.showIcon ?? e.type !== "default" ? (r(), 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 }))
+                      h(n.$slots, "icon", y(m(f.value)), () => [
+                        (r(), C(D(ae.value), { size: 24 }))
                       ], !0)
                     ], 8, Fe)) : s("", !0),
                     c("div", Ae, [
-                      e.description ? (n(), u("p", {
+                      e.description ? (r(), 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)
+                      }, b(e.description), 1)) : s("", !0),
+                      h(n.$slots, "default", y(m(f.value)), void 0, !0)
                     ])
                   ], 512), [
-                    [p, !e.loading]
+                    [j, !e.loading]
                   ]),
-                  e.showError && a(t).error.value ? (n(), u("p", Oe, v(a(t).error.value), 1)) : s("", !0)
+                  e.showError && a(t).error.value ? (r(), u("p", Oe, b(a(t).error.value), 1)) : s("", !0)
                 ], 6),
-                Y.value ? (n(), u("footer", {
+                Y.value ? (r(), u("footer", {
                   key: 1,
                   class: T(["hys-ui-dialog-foot", [
                     e.footerClass,
@@ -431,13 +432,13 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                     ...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
+                    paddingInlineEnd: e.resizable && !a(d) ? "38px" : void 0
                   })
                 }, [
-                  b(d.$slots, "footer", y(m(f.value)), () => {
+                  h(n.$slots, "footer", y(m(f.value)), () => {
                     var i, K, L, $, I, V, W;
                     return [
-                      e.showCancel ? (n(), C(R, B({ key: 0 }, e.cancelButtonProps, {
+                      e.showCancel ? (r(), 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",
@@ -445,11 +446,11 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                         onClick: a(t).cancel
                       }), {
                         default: w(() => [
-                          F(v(e.cancelText), 1)
+                          F(b(e.cancelText), 1)
                         ]),
                         _: 1
                       }, 16, ["variant", "size", "disabled", "onClick"])) : s("", !0),
-                      g(R, B(e.okButtonProps, {
+                      v(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",
@@ -458,14 +459,14 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                         onClick: a(t).confirm
                       }), {
                         default: w(() => [
-                          F(v(e.okText), 1)
+                          F(b(e.okText), 1)
                         ]),
                         _: 1
                       }, 16, ["variant", "size", "loading", "disabled", "onClick"])
                     ];
                   }, !0)
                 ], 6)) : s("", !0),
-                e.resizable && !a(r) ? (n(), u("button", {
+                e.resizable && !a(d) ? (r(), u("button", {
                   key: 2,
                   type: "button",
                   class: "hys-ui-modal-resize-handle",
@@ -492,7 +493,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                 ])], 32)) : s("", !0)
               ], 16, ze)
             ], 16)), [
-              [p, a(t).shown.value]
+              [j, a(t).shown.value]
             ]) : s("", !0)
           ];
         }),

package/dist/components/HysPagination/HysPagination.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysPagination2.vue.js";
 /* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dba949dd"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-451ed107"]]);
 export {
-  i as default
+  m as default
 };