hys-ui 0.0.0-stage → 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,35 @@
+# Changelog
+
+## 0.1.1
+
+- Center toast messages at the top by default and add seven placement options.
+- Remove the toast accent border; add warning/loading states, content/icon/action slots and timer pause/resume.
+- Add useHysToast for keyed updates, grouping, bounded queues, close handles and completion callbacks.
+- Improve toast transitions, narrow-screen layout and cached-page resource cleanup.
+- Add createHysToast for shared services outside component setup.
+- Match drawer entrance/exit directions to placement, including fullscreen; support explicit top/bottom height.
+- Fit Gantt timelines to the available container width and preserve date calculations while resizing.
+- Keep select options on one line, size popups to content, and add exact-width and custom filtering options.
+- Preserve remote selection labels and improve keyboard navigation, disabled options and composition handling.
+- Unify checkbox/radio visuals and compose them in trees, transfer lists and permission matrices.
+- Add permission batch selection and transfer change events; preserve drag/drop animations.
+- Prevent stale asynchronous switch, upload and dialog actions after cancellation or page changes.
+- Improve form validation for custom controls, field descriptions, readonly behavior and reset feedback.
+- Correct slider step alignment, calendar initial selection, numeric animation boundaries and resize cleanup.
+- Synchronize pagination models after page-size changes and validate typed jump targets immediately.
+- Preserve typed numeric precision and expose draft input events from number inputs.
+- Respect disabled notification actions; defer incomplete search composition and cancel stale queries.
+- Reset command highlights after filtering, normalize organization input and tour step bounds, and enable default tour Escape behavior.
+- Guard pending rich-text link commands and improve composite form focus and keyboard file selection.
+- Expand select examples and organize configuration panels into aligned parameter and behavior groups.
+- Add formatted, highlighted, lazy-loaded source panels with toolbar copy actions and responsive layout.
+- Simplify documentation to focus on component features, API and examples.
+
+## 0.1.0
+
+- Introduce reusable Vue components with Hys-prefixed public names.
+- Add isolated styles, six themes, reactive configuration and public TypeScript declarations.
+- Expand common interaction capabilities across form, selection, feedback, navigation, layout and data components.
+- Add rule-based forms, asynchronous validation, reset and accessible field feedback.
+- Preserve custom calendars, color selection, virtualized data, drag/drop, filtering and cached-page cleanup.
+- Add separate component documentation, runnable source examples, API metadata and release verification.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 hys-ui contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,94 @@
-# Temporary Holding Version
+# HYS UI
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+面向 Vue 3.5+ 的组件库，提供 TypeScript 类型、主题配置和独立的中文交互文档。
+
+## 安装
+
+```bash
+npm install hys-ui
+```
+
+```vue
+<script setup lang="ts">
+import { HysButton } from 'hys-ui'
+import 'hys-ui/style.css'
+</script>
+
+<template>
+  <HysButton round @click="console.log('confirmed')">确认</HysButton>
+</template>
+```
+
+通过命名导入按需使用组件。组件源码、文件名、导出名统一采用 `HysXxxxx`。ESM 包的 Vue peer dependency 为 `>=3.5.0 <4`，无需 Vue Router。图标使用 Lucide outline，宿主项目可以传入自有图标。
+
+## 主题和动效
+
+在根组件 setup 中调用，参数可以是响应式 ref 或 getter。配置会传递给子组件与 Teleport 浮层。
+
+```ts
+import { ref } from 'vue'
+import { provideHysConfig, type HysTheme } from 'hys-ui'
+
+const theme = ref<HysTheme>('blue')
+provideHysConfig({ theme, motion: 'subtle' })
+```
+
+主题支持 `blue / dark / green / purple / orange / forest`，动效支持 `full / subtle / off`，系统减少动态效果设置优先。组件库不会写入浏览器存储或修改全局页面主题。
+
+可以使用 `--hys-ui-primary`、`--hys-ui-surface`、`--hys-ui-text`、`--hys-ui-border`、`--hys-ui-font-family` 等公开变量覆盖组件外观。组件类名与变量采用独立前缀，没有 body/html 全局重置。
+
+## 开发与文档
+
+```bash
+npm install
+npm run dev:docs
+```
+
+访问 http://127.0.0.1:5174。每个组件有独立路由、运行场景、源码、API 与说明，页面状态通过 KeepAlive 保留。API 从源码生成。
+
+- `packages/ui`：唯一的组件源码及 npm 包。
+- `apps/docs`：独立组件文档与交互示例。
+- `tests`：核心行为回归。
+- `scripts`：元信息提取、完整性检查、打包与发布验证。
+
+```bash
+npm run build:ui
+npm run build:docs
+npm test
+npm run check:contracts
+npm run check:release
+```
+
+`build:docs` 输出到 `apps/docs/dist`，部署服务需要将未知路径回退到 `index.html`。
+
+## 轻提示
+
+轻提示默认显示在顶部中间，支持七种位置、五种状态和自定义内容。
+
+```ts
+import { useHysToast } from 'hys-ui'
+
+// 在组件 setup 中使用
+const toast = useHysToast({ maxCount: 5 })
+toast.success('保存成功')
+const task = toast.loading('正在上传…')
+task.update({ type: 'success', message: '上传完成', duration: 2000 })
+```
+
+## 发布
+
+根工作区和文档应用为私有，npm 包名为 `hys-ui`，版本 `0.1.1`，MIT 公开发布。
+
+```bash
+npm run pack:ui
+npm login --registry=https://registry.npmjs.org/
+npm run release:ui
+```
+
+发布流程先执行全部检查、打包和仓库外安装验证，再检查登录账号、包名/版本及压缩包 SHA256，发布同一个已验证压缩包到 `latest`。凭证通过 npm 本地交互管理，不写入仓库。
+
+后续版本按语义化版本发布，并更新 CHANGELOG。暂不承诺 SSR/Nuxt 支持。
+
+## 许可证
+
+[MIT](LICENSE)

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/components/HysAccordion/HysAccordion.vue.js

@@ -0,0 +1,7 @@
+import o from "./HysAccordion2.vue.js";
+/* empty css                  */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fe782734"]]);
+export {
+  m as default
+};

package/dist/components/HysAccordion/HysAccordion2.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as V, ref as k, computed as A, useId as C, openBlock as c, createElementBlock as u, mergeProps as B, unref as l, Fragment as N, renderList as _, createElementVNode as p, renderSlot as b, createTextVNode as y, toDisplayString as v, createVNode as $, createCommentVNode as D } from "vue";
+import { useHysRootAttrs as E } from "../../config.js";
+import { ChevronDown as H } from "lucide-vue-next";
+const R = ["id", "disabled", "aria-expanded", "aria-controls", "onClick"], S = ["id", "aria-labelledby"], L = /* @__PURE__ */ V({
+  __name: "HysAccordion",
+  props: {
+    items: {},
+    multiple: { type: Boolean },
+    modelValue: {},
+    defaultActive: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(i, { emit: f }) {
+    const h = E(), a = i, d = f, m = k(a.defaultActive || []), r = A(() => a.modelValue ?? m.value), s = C();
+    function g(t) {
+      var o;
+      if (a.disabled || (o = a.items[t]) != null && o.disabled) return;
+      const n = r.value.includes(t) ? r.value.filter((e) => e !== t) : a.multiple ? [...r.value, t] : [t];
+      m.value = n, d("update:modelValue", n), d("change", n);
+    }
+    return (t, n) => (c(), u("div", B(l(h), { class: "hys-ui-ex-accordion" }), [
+      (c(!0), u(N, null, _(i.items, (o, e) => (c(), u("section", { key: e }, [
+        p("h3", null, [
+          p("button", {
+            id: l(s) + "-button-" + e,
+            type: "button",
+            disabled: i.disabled || o.disabled,
+            "aria-expanded": r.value.includes(e),
+            "aria-controls": l(s) + "-panel-" + e,
+            onClick: (w) => g(e)
+          }, [
+            b(t.$slots, "title", {
+              item: o,
+              index: e
+            }, () => [
+              y(v(o.title), 1)
+            ], !0),
+            $(l(H), {
+              size: 16,
+              class: "hys-ui-accordion-chevron"
+            })
+          ], 8, R)
+        ]),
+        r.value.includes(e) ? (c(), u("div", {
+          key: 0,
+          id: l(s) + "-panel-" + e,
+          role: "region",
+          "aria-labelledby": l(s) + "-button-" + e,
+          class: "hys-ui-ex-accordion-body"
+        }, [
+          b(t.$slots, "content", {
+            item: o,
+            index: e
+          }, () => [
+            y(v(o.content), 1)
+          ], !0)
+        ], 8, S)) : D("", !0)
+      ]))), 128))
+    ], 16));
+  }
+});
+export {
+  L as default
+};

package/dist/components/HysAlert/HysAlert.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as b, ref as k, computed as C, watch as g, openBlock as o, createElementBlock as s, mergeProps as B, unref as t, createBlock as w, resolveDynamicComponent as A, createCommentVNode as l, createElementVNode as c, renderSlot as u, createTextVNode as d, toDisplayString as m, createVNode as N } from "vue";
+import { useHysRootAttrs as V } from "../../config.js";
+import { CircleCheck as I, TriangleAlert as $, CircleAlert as p, Info as x, X as z } from "lucide-vue-next";
+const D = ["role"], E = { key: 0 }, j = /* @__PURE__ */ b({
+  __name: "HysAlert",
+  props: {
+    tone: { default: "info" },
+    title: {},
+    description: {},
+    closable: { type: Boolean },
+    showIcon: { type: Boolean },
+    center: { type: Boolean },
+    visible: { type: Boolean, default: void 0 }
+  },
+  emits: ["close", "update:visible"],
+  setup(e, { emit: y }) {
+    const f = V(), r = e, a = y, n = k(!0), v = C(() => r.visible ?? n.value);
+    g(() => r.title, () => n.value = !0);
+    function h() {
+      n.value = !1, a("update:visible", !1), a("close");
+    }
+    return (i, H) => v.value ? (o(), s("div", B({ key: 0 }, t(f), {
+      class: ["hys-ui-ex-alert", "hys-ui-ex-" + e.tone],
+      role: e.tone === "danger" ? "alert" : "status",
+      style: { justifyContent: e.center ? "center" : void 0 }
+    }), [
+      e.showIcon ? (o(), w(A(e.tone === "success" ? t(I) : e.tone === "warning" ? t($) : e.tone === "danger" ? t(p) : t(x)), {
+        key: 0,
+        size: 18
+      })) : l("", !0),
+      c("div", null, [
+        e.title || i.$slots.title ? (o(), s("strong", E, [
+          u(i.$slots, "title", {}, () => [
+            d(m(e.title), 1)
+          ])
+        ])) : l("", !0),
+        c("div", null, [
+          u(i.$slots, "default", {}, () => [
+            d(m(e.description), 1)
+          ])
+        ])
+      ]),
+      e.closable ? (o(), s("button", {
+        key: 1,
+        type: "button",
+        "aria-label": "关闭提示",
+        onClick: h
+      }, [
+        N(t(z), { size: 14 })
+      ])) : l("", !0)
+    ], 16, D)) : l("", !0);
+  }
+});
+export {
+  j as default
+};

package/dist/components/HysAlert/HysAlert2.vue.js

@@ -0,0 +1,4 @@
+import f from "./HysAlert.vue.js";
+export {
+  f as default
+};

package/dist/components/HysAnimatedNumber/HysAnimatedNumber.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as A, ref as b, watch as M, onDeactivated as x, onActivated as y, onBeforeUnmount as N, openBlock as w, createElementBlock as B, mergeProps as k, unref as q, toDisplayString as D } from "vue";
+import { useHysRootAttrs as H } from "../../config.js";
+import { useMotion as R } from "../../motion/useMotion.js";
+const S = ["aria-label"], P = /* @__PURE__ */ A({
+  __name: "HysAnimatedNumber",
+  props: {
+    value: {},
+    duration: { default: 650 },
+    decimals: { default: 0 }
+  },
+  setup(o) {
+    const l = H(), { effectiveMotion: u } = R(), t = o, n = b(Number.isFinite(t.value) ? t.value : 0);
+    let a = 0, r = !0;
+    function i(e) {
+      return Number.isFinite(e) ? e : 0;
+    }
+    function f(e) {
+      if (e = i(e), cancelAnimationFrame(a), u.value === "off" || !Number.isFinite(t.duration) || t.duration <= 0) {
+        n.value = e;
+        return;
+      }
+      const s = n.value, v = performance.now(), h = Math.max(1, t.duration);
+      function m(p) {
+        const c = Math.min(1, (p - v) / h), F = 1 - Math.pow(1 - c, 3);
+        n.value = s + (e - s) * F, c < 1 && (a = requestAnimationFrame(m));
+      }
+      a = requestAnimationFrame(m);
+    }
+    return M(() => [t.value, t.duration, u.value], ([e]) => {
+      r ? f(e) : n.value = i(e);
+    }), x(() => {
+      r = !1, cancelAnimationFrame(a);
+    }), y(() => {
+      r = !0, n.value = i(t.value);
+    }), N(() => cancelAnimationFrame(a)), (e, d) => (w(), B("span", k(q(l), {
+      class: "hys-ui-motion-number",
+      "aria-label": String(i(o.value))
+    }), D(n.value.toFixed(Number.isFinite(o.decimals) ? Math.max(0, Math.min(5, Math.floor(o.decimals))) : 0)), 17, S));
+  }
+});
+export {
+  P as default
+};

package/dist/components/HysAnimatedNumber/HysAnimatedNumber2.vue.js

@@ -0,0 +1,4 @@
+import f from "./HysAnimatedNumber.vue.js";
+export {
+  f as default
+};

package/dist/components/HysAvatar/HysAvatar.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as f, ref as d, computed as h, watch as y, openBlock as l, createElementBlock as s, mergeProps as v, unref as x, normalizeStyle as z, renderSlot as b, createTextVNode as g, toDisplayString as S } from "vue";
+import { useHysRootAttrs as k } from "../../config.js";
+const A = ["aria-label"], R = ["src", "alt"], C = /* @__PURE__ */ f({
+  __name: "HysAvatar",
+  props: {
+    name: { default: "" },
+    src: {},
+    size: { default: 36 },
+    shape: { default: "circle" },
+    fit: { default: "cover" },
+    alt: {}
+  },
+  emits: ["error"],
+  setup(e, { emit: i }) {
+    const o = k(), a = e, n = i, t = d(!1), c = h(() => a.name.trim().slice(0, 2).toUpperCase() || "?");
+    return y(() => a.src, () => t.value = !1), (m, r) => (l(), s("span", v(x(o), {
+      class: "hys-ui-ex-avatar",
+      style: { width: e.size + "px", height: e.size + "px", fontSize: Math.max(11, e.size * 0.34) + "px", borderRadius: e.shape === "square" ? "8px" : "50%" },
+      "aria-label": e.alt || e.name
+    }), [
+      e.src && !t.value ? (l(), s("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt || e.name,
+        style: z({ objectFit: e.fit }),
+        onError: r[0] || (r[0] = (u) => {
+          t.value = !0, n("error", u);
+        })
+      }, null, 44, R)) : b(m.$slots, "default", {}, () => [
+        g(S(c.value), 1)
+      ], void 0, 1)
+    ], 16, A));
+  }
+});
+export {
+  C as default
+};

package/dist/components/HysAvatar/HysAvatar2.vue.js

@@ -0,0 +1,4 @@
+import f from "./HysAvatar.vue.js";
+export {
+  f as default
+};

package/dist/components/HysBadge/HysBadge.vue.js

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

package/dist/components/HysBadge/HysBadge2.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as y, openBlock as t, createElementBlock as o, mergeProps as b, unref as u, normalizeStyle as c, normalizeClass as n, renderSlot as f, withModifiers as v, createVNode as g, createCommentVNode as l, toDisplayString as h } from "vue";
+import { useHysRootAttrs as B } from "../../config.js";
+import { X as k } from "lucide-vue-next";
+const C = /* @__PURE__ */ y({
+  __name: "HysBadge",
+  props: {
+    tone: { default: "blue" },
+    size: { default: "md" },
+    round: { type: Boolean },
+    closable: { type: Boolean },
+    dot: { type: Boolean },
+    value: {},
+    max: { default: 99 },
+    showZero: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { emit: d }) {
+    const i = B(), m = d;
+    return (a, s) => (t(), o("span", b(u(i), { class: "hys-ui-badge-wrap" }), [
+      a.$slots.default || e.closable ? (t(), o("span", {
+        key: 0,
+        class: n(["hys-ui-badge", ["hys-ui-badge-" + e.tone, { "hys-ui-badge-content": e.dot || e.value !== void 0 }]]),
+        style: c({ borderRadius: e.round ? "99px" : void 0, fontSize: e.size === "sm" ? "10px" : void 0 })
+      }, [
+        f(a.$slots, "default", {}, void 0, !0),
+        e.closable ? (t(), o("button", {
+          key: 0,
+          type: "button",
+          "aria-label": "关闭标签",
+          onClick: s[0] || (s[0] = v((r) => m("close", r), ["stop"]))
+        }, [
+          g(u(k), { size: 12 })
+        ])) : l("", !0)
+      ], 6)) : l("", !0),
+      e.dot || e.value !== void 0 && (e.value !== 0 || e.showZero) ? (t(), o("sup", {
+        key: 1,
+        class: n(["hys-ui-badge-counter", { "hys-ui-badge-dot": e.dot, "hys-ui-badge-standalone": !a.$slots.default && !e.closable }])
+      }, h(e.dot ? "" : typeof e.value == "number" && e.value > e.max ? e.max + "+" : e.value), 3)) : l("", !0)
+    ], 16));
+  }
+});
+export {
+  C as default
+};

package/dist/components/HysBreadcrumb/HysBreadcrumb.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as u, openBlock as t, createElementBlock as o, mergeProps as m, unref as h, createElementVNode as l, Fragment as d, renderList as f, renderSlot as c, createTextVNode as p, toDisplayString as s, createCommentVNode as y } from "vue";
+import { useHysRootAttrs as b } from "../../config.js";
+const g = { class: "hys-ui-ex-breadcrumb" }, k = {
+  key: 0,
+  "aria-hidden": "true"
+}, _ = ["href"], v = ["aria-current"], A = /* @__PURE__ */ u({
+  __name: "HysBreadcrumb",
+  props: {
+    separator: {},
+    items: {}
+  },
+  setup(a) {
+    const i = b();
+    return (n, B) => (t(), o("nav", m(h(i), { "aria-label": "面包屑" }), [
+      l("ol", g, [
+        (t(!0), o(d, null, f(a.items, (e, r) => (t(), o("li", { key: r }, [
+          r ? (t(), o("span", k, [
+            c(n.$slots, "separator", {}, () => [
+              p(s(a.separator || "/"), 1)
+            ])
+          ])) : y("", !0),
+          e.href && r !== a.items.length - 1 ? c(n.$slots, "link", {
+            item: e,
+            index: r
+          }, () => [
+            l("a", {
+              href: e.href
+            }, s(e.label), 9, _)
+          ], void 0, 1) : (t(), o("span", {
+            key: 2,
+            "aria-current": r === a.items.length - 1 ? "page" : void 0
+          }, s(e.label), 9, v))
+        ]))), 128))
+      ])
+    ], 16));
+  }
+});
+export {
+  A as default
+};

package/dist/components/HysBreadcrumb/HysBreadcrumb2.vue.js

@@ -0,0 +1,4 @@
+import f from "./HysBreadcrumb.vue.js";
+export {
+  f as default
+};

package/dist/components/HysButton/HysButton.vue.js

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

package/dist/components/HysButton/HysButton2.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as B, ref as $, computed as c, openBlock as a, createBlock as u, resolveDynamicComponent as r, mergeProps as C, unref as d, withCtx as z, createElementBlock as s, renderSlot as i, createVNode as P, createCommentVNode as y } from "vue";
+import { LoaderCircle as L } from "lucide-vue-next";
+import { useHysRootAttrs as w } from "../../config.js";
+const A = {
+  key: 0,
+  class: "hys-ui-button-icon"
+}, D = {
+  key: 1,
+  class: "hys-ui-button-icon"
+}, H = {
+  key: 2,
+  class: "hys-ui-button-icon"
+}, E = /* @__PURE__ */ B({
+  __name: "HysButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    plain: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    block: { type: Boolean },
+    dashed: { type: Boolean },
+    color: {},
+    icon: {},
+    iconPosition: { default: "left" },
+    type: { default: "button" },
+    nativeType: {},
+    href: {},
+    target: {},
+    rel: {},
+    autofocus: { type: Boolean },
+    focusable: { type: Boolean, default: !0 },
+    ariaLabel: {}
+  },
+  emits: ["click"],
+  setup(e, { expose: f, emit: h }) {
+    const n = e, b = h, m = w(), l = $(), o = c(() => n.disabled || n.loading), v = { danger: "#ed4556", success: "#16a46e", warning: "#d9860c", info: "#697b97" }, k = c(() => n.color || v[n.variant] || "var(--hys-ui-primary,var(--hys-ui-theme-primary))");
+    function g(t) {
+      if (o.value) {
+        t.preventDefault(), t.stopImmediatePropagation();
+        return;
+      }
+      b("click", t);
+    }
+    return f({ element: l, focus: () => {
+      var t;
+      return (t = l.value) == null ? void 0 : t.focus();
+    }, blur: () => {
+      var t;
+      return (t = l.value) == null ? void 0 : t.blur();
+    } }), (t, N) => (a(), u(r(e.href ? "a" : "button"), C({
+      ref_key: "element",
+      ref: l
+    }, d(m), {
+      class: ["hys-ui-btn", ["hys-ui-btn-" + e.size, "hys-ui-button-" + e.variant, { "hys-ui-button-plain": e.plain, "hys-ui-button-round": e.round, "hys-ui-button-circle": e.circle, "hys-ui-button-block": e.block, "hys-ui-button-dashed": e.dashed, "hys-ui-button-locked": o.value }]],
+      style: { "--hys-ui-button-color": k.value },
+      type: e.href ? void 0 : e.nativeType || e.type,
+      href: o.value ? void 0 : e.href,
+      role: e.href ? "link" : void 0,
+      target: e.href ? e.target : void 0,
+      rel: e.href ? e.rel || (e.target === "_blank" ? "noopener noreferrer" : void 0) : void 0,
+      disabled: e.href ? void 0 : o.value,
+      "aria-disabled": o.value || void 0,
+      "aria-busy": e.loading || void 0,
+      "aria-label": e.ariaLabel,
+      tabindex: o.value || !e.focusable ? -1 : void 0,
+      autofocus: e.autofocus,
+      onClick: g
+    }), {
+      default: z(() => [
+        e.loading ? (a(), s("span", A, [
+          i(t.$slots, "loading", {}, () => [
+            P(d(L), {
+              class: "hys-ui-button-spinner",
+              size: 16,
+              "aria-hidden": "true"
+            })
+          ], !0)
+        ])) : (e.icon || t.$slots.icon) && e.iconPosition === "left" ? (a(), s("span", D, [
+          i(t.$slots, "icon", {}, () => [
+            (a(), u(r(e.icon), {
+              size: 16,
+              "aria-hidden": "true"
+            }))
+          ], !0)
+        ])) : y("", !0),
+        i(t.$slots, "default", {}, void 0, !0),
+        !e.loading && (e.icon || t.$slots.icon) && e.iconPosition === "right" ? (a(), s("span", H, [
+          i(t.$slots, "icon", {}, () => [
+            (a(), u(r(e.icon), {
+              size: 16,
+              "aria-hidden": "true"
+            }))
+          ], !0)
+        ])) : y("", !0),
+        i(t.$slots, "suffix", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class", "style", "type", "href", "role", "target", "rel", "disabled", "aria-disabled", "aria-busy", "aria-label", "tabindex", "autofocus"]));
+  }
+});
+export {
+  E as default
+};