hys-ui 0.4.0 → 0.6.0

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

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

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

@@ -1,4 +1,4 @@
-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 { 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 se, createVNode as v, Transition as de, 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 d, 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";
@@ -120,7 +120,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       l,
       S,
       (n, ...o) => X(n, ...o)
-    ), d = t.fullscreen, f = g(() => ({
+    ), s = t.fullscreen, f = g(() => ({
       close: t.requestClose,
       cancel: t.cancel,
       confirm: t.confirm,
@@ -130,7 +130,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       error: t.error.value,
       titleId: x,
       descriptionId: P,
-      fullscreen: d.value,
+      fullscreen: s.value,
       toggleFullscreen: t.toggleFullscreen
     })), Y = g(
       () => l.footer !== !1 && (l.footer === !0 || !!J.footer)
@@ -144,12 +144,12 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
           "--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: d.value ? "100%" : k(
+        width: s.value ? "100%" : k(
           ((n = t.interaction.dimensions.value) == null ? void 0 : n.width) ?? we(l)
         ),
-        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)",
+        height: s.value ? "100dvh" : k(((o = t.interaction.dimensions.value) == null ? void 0 : o.height) ?? l.height),
+        maxWidth: s.value ? "100%" : l.maxWidth ? `min(${l.maxWidth}px,100%)` : "100%",
+        maxHeight: s.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"
       };
@@ -160,7 +160,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
         background: `color-mix(in srgb,#0b183d ${t.alpha(l.maskOpacity) * 100}%,transparent)`
       } : {},
       zIndex: t.state.zIndex.value,
-      ...l.centered === !1 && !d.value ? { alignItems: "flex-start", paddingTop: k(l.top) ?? "15vh" } : {},
+      ...l.centered === !1 && !s.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"
       } : {}
@@ -197,7 +197,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       open: t.shown,
       closing: t.closing,
       confirming: t.confirming,
-      fullscreen: d,
+      fullscreen: s,
       get position() {
         return t.interaction.getPosition();
       },
@@ -218,11 +218,11 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
       resetSize: t.interaction.resetSize,
       setPosition: t.interaction.setPosition,
       setSize: t.interaction.setSize
-    }), (n, o) => (r(), C(de, {
+    }), (n, o) => (r(), C(se, {
       to: e.appendTo || "body",
       disabled: e.appendTo === !1
     }, [
-      v(se, y(m(te.value)), {
+      v(de, y(m(te.value)), {
         default: w(() => {
           var E, M;
           return [
@@ -230,7 +230,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
               class: ["hys-ui-overlay hys-ui-modal-overlay", [
                 e.overlayClass,
                 {
-                  "hys-ui-modal-fullscreen": a(d),
+                  "hys-ui-modal-fullscreen": a(s),
                   "hys-ui-modal-no-mask": l.modal === !1,
                   "hys-ui-modal-penetrable": l.modal === !1 && e.modalPenetrable,
                   "hys-ui-modal-center": e.center,
@@ -251,7 +251,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                 "aria-hidden": "true"
               }, [
                 c("span", null, b(e.title || "移动位置"), 1)
-              ], 512)) : s("", !0),
+              ], 512)) : d("", !0),
               c("section", B({
                 ref_key: "dialog",
                 ref: S
@@ -283,7 +283,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                     e.headerClass,
                     "hys-ui-modal-header-" + (e.headerSize ?? "md"),
                     {
-                      "hys-ui-modal-header-with-center-grip": e.draggable && !a(d) && e.dragHandlePosition === "center"
+                      "hys-ui-modal-header-with-center-grip": e.draggable && !a(s) && e.dragHandlePosition === "center"
                     }
                   ]]),
                   style: z({
@@ -291,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(d) && e.dragHandlePosition === "center" ? (r(), u("button", {
+                  e.draggable && !a(s) && e.dragHandlePosition === "center" ? (r(), u("button", {
                     key: 0,
                     type: "button",
                     class: "hys-ui-modal-drag-handle hys-ui-modal-drag-handle-center",
@@ -307,9 +307,9 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       size: 18,
                       "aria-hidden": "true"
                     })
-                  ], 32)) : s("", !0),
+                  ], 32)) : d("", !0),
                   c("div", Se, [
-                    e.draggable && !a(d) && ["left", "both"].includes(e.dragHandlePosition) ? (r(), u("button", {
+                    e.draggable && !a(s) && ["left", "both"].includes(e.dragHandlePosition) ? (r(), u("button", {
                       key: 0,
                       type: "button",
                       class: "hys-ui-modal-drag-handle",
@@ -325,7 +325,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                         size: 16,
                         "aria-hidden": "true"
                       })
-                    ], 32)) : s("", !0),
+                    ], 32)) : d("", !0),
                     h(n.$slots, "header", y(m(f.value)), () => [
                       (r(), C(D("h" + Z.value), {
                         id: x,
@@ -340,7 +340,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                     ], !0)
                   ]),
                   c("div", xe, [
-                    e.draggable && !a(d) && ["right", "both"].includes(e.dragHandlePosition) ? (r(), u("button", {
+                    e.draggable && !a(s) && ["right", "both"].includes(e.dragHandlePosition) ? (r(), u("button", {
                       key: 0,
                       type: "button",
                       class: "hys-ui-modal-drag-handle",
@@ -356,25 +356,25 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                         size: 16,
                         "aria-hidden": "true"
                       })
-                    ], 32)) : s("", !0),
+                    ], 32)) : d("", !0),
                     e.showFullscreen ? (r(), u("button", {
                       key: 1,
                       type: "button",
                       class: "hys-ui-icon-action",
-                      "aria-label": a(d) ? e.restoreText : e.fullscreenText,
-                      title: a(d) ? e.restoreText : e.fullscreenText,
-                      "aria-pressed": a(d),
+                      "aria-label": a(s) ? e.restoreText : e.fullscreenText,
+                      title: a(s) ? e.restoreText : e.fullscreenText,
+                      "aria-pressed": a(s),
                       onClick: o[6] || (o[6] = //@ts-ignore
                       (...i) => a(t).toggleFullscreen && a(t).toggleFullscreen(...i))
                     }, [
                       h(n.$slots, "fullscreen-icon", y(m(f.value)), () => [
-                        (r(), C(D(a(d) ? a(ge) : a(ve)), { size: 16 }))
+                        (r(), C(D(a(s) ? a(ge) : a(ve)), { size: 16 }))
                       ], !0)
-                    ], 8, Pe)) : s("", !0),
+                    ], 8, Pe)) : d("", !0),
                     e.showClose ? (r(), u("button", {
                       key: 2,
                       type: "button",
-                      class: "hys-ui-icon-action",
+                      class: "hys-ui-icon-action hys-ui-dialog-close",
                       "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))
@@ -382,9 +382,9 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       h(n.$slots, "close-icon", y(m(f.value)), () => [
                         v(a(be), { size: 18 })
                       ], !0)
-                    ], 8, He)) : s("", !0)
+                    ], 8, He)) : d("", !0)
                   ])
-                ], 6)) : s("", !0),
+                ], 6)) : d("", !0),
                 c("div", {
                   class: T(["hys-ui-dialog-body", e.bodyClass]),
                   style: z(e.bodyStyle)
@@ -397,7 +397,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       }),
                       c("span", null, b(e.loadingText), 1)
                     ], !0)
-                  ])) : s("", !0),
+                  ])) : d("", !0),
                   p(c("div", De, [
                     e.showIcon ?? e.type !== "default" ? (r(), u("span", {
                       key: 0,
@@ -408,19 +408,19 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       h(n.$slots, "icon", y(m(f.value)), () => [
                         (r(), C(D(ae.value), { size: 24 }))
                       ], !0)
-                    ], 8, Fe)) : s("", !0),
+                    ], 8, Fe)) : d("", !0),
                     c("div", Ae, [
                       e.description ? (r(), u("p", {
                         key: 0,
                         id: P,
                         class: "hys-ui-modal-description"
-                      }, b(e.description), 1)) : s("", !0),
+                      }, b(e.description), 1)) : d("", !0),
                       h(n.$slots, "default", y(m(f.value)), void 0, !0)
                     ])
                   ], 512), [
                     [j, !e.loading]
                   ]),
-                  e.showError && a(t).error.value ? (r(), u("p", Oe, b(a(t).error.value), 1)) : s("", !0)
+                  e.showError && a(t).error.value ? (r(), u("p", Oe, b(a(t).error.value), 1)) : d("", !0)
                 ], 6),
                 Y.value ? (r(), u("footer", {
                   key: 1,
@@ -432,7 +432,7 @@ 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(d) ? "38px" : void 0
+                    paddingInlineEnd: e.resizable && !a(s) ? "38px" : void 0
                   })
                 }, [
                   h(n.$slots, "footer", y(m(f.value)), () => {
@@ -449,7 +449,7 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                           F(b(e.cancelText), 1)
                         ]),
                         _: 1
-                      }, 16, ["variant", "size", "disabled", "onClick"])) : s("", !0),
+                      }, 16, ["variant", "size", "disabled", "onClick"])) : d("", !0),
                       v(R, B(e.okButtonProps, {
                         "data-hys-modal-confirm": "",
                         variant: (($ = e.okButtonProps) == null ? void 0 : $.variant) ?? e.okVariant ?? "primary",
@@ -465,8 +465,8 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       }, 16, ["variant", "size", "loading", "disabled", "onClick"])
                     ];
                   }, !0)
-                ], 6)) : s("", !0),
-                e.resizable && !a(d) ? (r(), u("button", {
+                ], 6)) : d("", !0),
+                e.resizable && !a(s) ? (r(), u("button", {
                   key: 2,
                   type: "button",
                   class: "hys-ui-modal-resize-handle",
@@ -490,11 +490,11 @@ const ze = ["role", "aria-modal", "aria-label", "aria-labelledby", "aria-describ
                       "stroke-linecap": "round"
                     })
                   ], -1)
-                ])], 32)) : s("", !0)
+                ])], 32)) : d("", !0)
               ], 16, ze)
             ], 16)), [
               [j, a(t).shown.value]
-            ]) : s("", !0)
+            ]) : d("", !0)
           ];
         }),
         _: 3

package/dist/components/HysSearch/HysSearch.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysSearch2.vue.js";
 /* empty css               */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-b415aa18"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9b26d2a0"]]);
 export {
   p as default
 };

package/dist/components/HysSortableList/HysSortableList.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysSortableList2.vue.js";
-/* empty css                     */
+/* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed33dba2"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e258256c"]]);
 export {
   e as default
 };