hys-ui 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.6.0
+
+- SortableList 增加垂直、水平和网格排序，支持跨列表和跨层级移动、克隆、批量排序、虚拟列表、撤销重做和异步保存回滚。拖拽结束后过渡到目标位置，临界区排序更稳定，列表文本仍可选中复制。
+- Toast 增加全局调用、优先级队列、分组去重、Promise 状态与进度、异步操作、关闭拦截、拖动关闭和主题定制。新增可悬停或点击展开的层叠布局，并补充交互示例与 API。
+- Tooltip 与 Popover 修复其他浮层打开时悬停退出或失焦后提示残留的问题，并调整尺寸控制示例布局。
+- Search 调整带按钮的搜索框焦点边框。Modal 和 Drawer 的关闭按钮在鼠标悬停时保持位置稳定。
+
 ## 0.5.0
 
 - AnimatedNumber 增加逐位滚动、翻牌、进度跳转、可视区域触发和高频更新策略；支持地区格式、中文单位、精确金额、极小数值和倒计时。

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-81102b84"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8b06b772"]]);
 export {
   p as default
 };

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

@@ -323,7 +323,7 @@ const Pe = ["inert", "aria-hidden"], De = ["role", "aria-label", "aria-labelledb
                     e.showClose ? (d(), u("button", {
                       key: 1,
                       type: "button",
-                      class: "hys-ui-icon-action",
+                      class: "hys-ui-icon-action hys-ui-dialog-close",
                       "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))
@@ -336,7 +336,7 @@ const Pe = ["inert", "aria-hidden"], De = ["role", "aria-label", "aria-labelledb
                 ], 6)) : e.showClose ? (d(), u("button", {
                   key: 1,
                   type: "button",
-                  class: "hys-ui-icon-action hys-ui-drawer-floating-close",
+                  class: "hys-ui-icon-action hys-ui-dialog-close 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))

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
 };