hys-ui 0.0.0-stage → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+## 0.1.0
+
+- Extract 69 independent 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,84 @@
-# 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.
+69 个独立的 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`：独立文档应用，包含 69 个组件页面。
+- `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`。本仓库独立于项目治理平台，平台仅作为组件库的使用方。
+
+## 功能对标
+
+参考 Element Plus、Ant Design Vue、Naive UI 的成熟使用模式，覆盖所有能找到同类组件的核心场景。具体对应项、能力边界和高级能力迭代见 [组件能力对标](https://github.com/lampo1024/hys-ui/blob/main/docs/COMPONENT_PARITY.md)。HYS UI 保持自己的 API，不提供这三家组件库的直接替换兼容层。
+
+## 发布
+
+根工作区和文档应用为私有，npm 包名为 `hys-ui`，首版 `0.1.0`，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 i, 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 x, TriangleAlert as I, CircleAlert as p, Info as z, X as D } from "lucide-vue-next";
+const E = ["role"], H = { 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(), s = e, r = y, n = k(!0), v = C(() => s.visible ?? n.value);
+    g(() => s.title, () => n.value = !0);
+    function h() {
+      n.value = !1, r("update:visible", !1), r("close");
+    }
+    return (a, R) => v.value ? (o(), i("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(x) : e.tone === "warning" ? t(I) : e.tone === "danger" ? t(p) : t(z)), {
+        key: 0,
+        size: 18
+      })) : l("", !0),
+      c("div", null, [
+        e.title ? (o(), i("strong", H, [
+          u(a.$slots, "title", {}, () => [
+            d(m(e.title), 1)
+          ])
+        ])) : l("", !0),
+        c("div", null, [
+          u(a.$slots, "default", {}, () => [
+            d(m(e.description), 1)
+          ])
+        ])
+      ]),
+      e.closable ? (o(), i("button", {
+        key: 1,
+        type: "button",
+        "aria-label": "关闭提示",
+        onClick: h
+      }, [
+        N(t(D), { size: 14 })
+      ])) : l("", !0)
+    ], 16, E)) : 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,40 @@
+import { defineComponent as A, ref as M, watch as F, onDeactivated as x, onActivated as y, onBeforeUnmount as b, openBlock as w, createElementBlock as _, mergeProps as B, unref as g, toDisplayString as k } from "vue";
+import { useHysRootAttrs as q } from "../../config.js";
+import { useMotion as D } from "../../motion/useMotion.js";
+const H = ["aria-label"], E = /* @__PURE__ */ A({
+  __name: "HysAnimatedNumber",
+  props: {
+    value: {},
+    duration: { default: 650 },
+    decimals: { default: 0 }
+  },
+  setup(o) {
+    const m = q(), { effectiveMotion: u } = D(), n = o, e = M(n.value);
+    let a = 0, r = !0;
+    function l(t) {
+      if (cancelAnimationFrame(a), u.value === "off") {
+        e.value = t;
+        return;
+      }
+      const i = e.value, d = performance.now(), v = Math.max(1, n.duration);
+      function s(p) {
+        const c = Math.min(1, (p - d) / v), h = 1 - Math.pow(1 - c, 3);
+        e.value = i + (t - i) * h, c < 1 && (a = requestAnimationFrame(s));
+      }
+      a = requestAnimationFrame(s);
+    }
+    return F(() => n.value, (t) => {
+      r ? l(t) : e.value = t;
+    }), x(() => {
+      r = !1, cancelAnimationFrame(a);
+    }), y(() => {
+      r = !0, e.value = n.value;
+    }), b(() => cancelAnimationFrame(a)), (t, f) => (w(), _("span", B(g(m), {
+      class: "hys-ui-motion-number",
+      "aria-label": String(o.value)
+    }), k(e.value.toFixed(Math.max(0, Math.min(5, o.decimals)))), 17, H));
+  }
+});
+export {
+  E 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-81723701"]]);
+export {
+  p as default
+};

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

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

package/dist/components/HysCalendar/HysCalendar.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent as A, ref as p, computed as C, openBlock as a, createElementBlock as l, mergeProps as F, unref as y, createElementVNode as i, createVNode as $, toDisplayString as c, Fragment as h, renderList as b, renderSlot as N, createTextVNode as R, createCommentVNode as x } from "vue";
+import { useHysRootAttrs as z } from "../../config.js";
+import { ChevronLeft as B, ChevronRight as E } from "lucide-vue-next";
+const H = { class: "hys-ui-ent-toolbar" }, L = { class: "hys-ui-ent-calendar" }, M = ["disabled", "aria-pressed", "onClick"], Y = ["onClick"], G = /* @__PURE__ */ A({
+  __name: "HysCalendar",
+  props: {
+    modelValue: {},
+    events: {},
+    disabledDate: { type: Function }
+  },
+  emits: ["update:modelValue", "select", "event"],
+  setup(d, { emit: D }) {
+    const V = z(), m = D, f = /* @__PURE__ */ new Date(), o = p(f.getFullYear()), r = p(f.getMonth()), S = C(() => `${o.value}年${r.value + 1}月`), w = C(() => {
+      const n = (new Date(o.value, r.value, 1).getDay() + 6) % 7, t = new Date(o.value, r.value + 1, 0).getDate();
+      return [...Array(n).fill(null), ...Array.from({ length: t }, (e, v) => v + 1)];
+    });
+    function g(n) {
+      const t = new Date(o.value, r.value + n, 1);
+      o.value = t.getFullYear(), r.value = t.getMonth();
+    }
+    function s(n) {
+      return `${o.value}-${String(r.value + 1).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
+    }
+    return (n, t) => (a(), l("section", F(y(V), { class: "hys-ui-ent-panel" }), [
+      i("header", H, [
+        i("button", {
+          type: "button",
+          "aria-label": "上个月",
+          onClick: t[0] || (t[0] = (e) => g(-1))
+        }, [
+          $(y(B), {
+            size: 16,
+            "aria-hidden": "true"
+          })
+        ]),
+        i("strong", null, c(S.value), 1),
+        i("button", {
+          type: "button",
+          "aria-label": "下个月",
+          onClick: t[1] || (t[1] = (e) => g(1))
+        }, [
+          $(y(E), {
+            size: 16,
+            "aria-hidden": "true"
+          })
+        ])
+      ]),
+      i("div", L, [
+        (a(), l(h, null, b(["一", "二", "三", "四", "五", "六", "日"], (e) => i("strong", { key: e }, c(e), 1)), 64)),
+        (a(!0), l(h, null, b(w.value, (e, v) => {
+          var k;
+          return a(), l("div", {
+            key: v,
+            class: "hys-ui-ent-calendar-day"
+          }, [
+            e ? (a(), l("button", {
+              key: 0,
+              type: "button",
+              disabled: (k = d.disabledDate) == null ? void 0 : k.call(d, s(e)),
+              "aria-pressed": d.modelValue === s(e),
+              onClick: (u) => {
+                m("select", s(e)), m("update:modelValue", s(e));
+              }
+            }, [
+              N(n.$slots, "date", {
+                date: s(e),
+                day: e
+              }, () => [
+                R(c(e), 1)
+              ])
+            ], 8, M)) : x("", !0),
+            (a(!0), l(h, null, b((d.events || []).filter((u) => e && u.date === s(e)), (u) => (a(), l("button", {
+              type: "button",
+              key: u.id,
+              class: "hys-ui-ent-event",
+              onClick: (P) => m("event", u.id)
+            }, c(u.title), 9, Y))), 128))
+          ]);
+        }), 128))
+      ])
+    ], 16));
+  }
+});
+export {
+  G as default
+};

package/dist/components/HysCalendar/HysCalendar2.vue.js

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