hys-ui 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,8 +1,33 @@
 # 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
 
-- Extract 69 independent Vue components with Hys-prefixed public names.
+- 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.

package/README.md

@@ -1,6 +1,6 @@
 # HYS UI
 
-69 个独立的 Vue 3.5+ 组件，提供 TypeScript 类型、六套主题和独立的中文交互文档。
+面向 Vue 3.5+ 的组件库，提供 TypeScript 类型、主题配置和独立的中文交互文档。
 
 ## 安装
 
@@ -47,7 +47,7 @@ npm run dev:docs
 访问 http://127.0.0.1:5174。每个组件有独立路由、运行场景、源码、API 与说明，页面状态通过 KeepAlive 保留。API 从源码生成。
 
 - `packages/ui`：唯一的组件源码及 npm 包。
-- `apps/docs`：独立文档应用，包含 69 个组件页面。
+- `apps/docs`：独立组件文档与交互示例。
 - `tests`：核心行为回归。
 - `scripts`：元信息提取、完整性检查、打包与发布验证。
 
@@ -59,15 +59,25 @@ npm run check:contracts
 npm run check:release
 ```
 
-`build:docs` 输出到 `apps/docs/dist`，部署服务需要将未知路径回退到 `index.html`。本仓库独立于项目治理平台，平台仅作为组件库的使用方。
+`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，不提供这三家组件库的直接替换兼容层。
+轻提示默认显示在顶部中间，支持七种位置、五种状态和自定义内容。
+
+```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.0`，MIT 公开发布。
+根工作区和文档应用为私有，npm 包名为 `hys-ui`，版本 `0.1.1`，MIT 公开发布。
 
 ```bash
 npm run pack:ui

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

@@ -1,7 +1,7 @@
-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 { 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 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({
+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" },
@@ -14,41 +14,41 @@ const E = ["role"], H = { key: 0 }, j = /* @__PURE__ */ b({
   },
   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);
+    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, r("update:visible", !1), r("close");
+      n.value = !1, a("update:visible", !1), a("close");
     }
-    return (a, R) => v.value ? (o(), i("div", B({ key: 0 }, t(f), {
+    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(x) : e.tone === "warning" ? t(I) : e.tone === "danger" ? t(p) : t(z)), {
+      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 ? (o(), i("strong", H, [
-          u(a.$slots, "title", {}, () => [
+        e.title || i.$slots.title ? (o(), s("strong", E, [
+          u(i.$slots, "title", {}, () => [
             d(m(e.title), 1)
           ])
         ])) : l("", !0),
         c("div", null, [
-          u(a.$slots, "default", {}, () => [
+          u(i.$slots, "default", {}, () => [
             d(m(e.description), 1)
           ])
         ])
       ]),
-      e.closable ? (o(), i("button", {
+      e.closable ? (o(), s("button", {
         key: 1,
         type: "button",
         "aria-label": "关闭提示",
         onClick: h
       }, [
-        N(t(D), { size: 14 })
+        N(t(z), { size: 14 })
       ])) : l("", !0)
-    ], 16, E)) : l("", !0);
+    ], 16, D)) : l("", !0);
   }
 });
 export {

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

@@ -1,7 +1,7 @@
-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({
+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: {},
@@ -9,32 +9,35 @@ const H = ["aria-label"], E = /* @__PURE__ */ A({
     decimals: { default: 0 }
   },
   setup(o) {
-    const m = q(), { effectiveMotion: u } = D(), n = o, e = M(n.value);
+    const l = H(), { effectiveMotion: u } = R(), t = o, n = b(Number.isFinite(t.value) ? t.value : 0);
     let a = 0, r = !0;
-    function l(t) {
-      if (cancelAnimationFrame(a), u.value === "off") {
-        e.value = t;
+    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 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));
+      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(s);
+      a = requestAnimationFrame(m);
     }
-    return F(() => n.value, (t) => {
-      r ? l(t) : e.value = t;
+    return M(() => [t.value, t.duration, u.value], ([e]) => {
+      r ? f(e) : n.value = i(e);
     }), x(() => {
       r = !1, cancelAnimationFrame(a);
     }), y(() => {
-      r = !0, e.value = n.value;
-    }), b(() => cancelAnimationFrame(a)), (t, f) => (w(), _("span", B(g(m), {
+      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(o.value)
-    }), k(e.value.toFixed(Math.max(0, Math.min(5, o.decimals)))), 17, H));
+      "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 {
-  E as default
+  P as default
 };

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

@@ -1,7 +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"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-743d37a3"]]);
 export {
   p as default
 };

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

@@ -1,7 +1,7 @@
-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({
+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" },
@@ -14,30 +14,31 @@ const S = /* @__PURE__ */ y({
     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 })
+  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 })
       }, [
-        v(r.$slots, "default", {}, void 0, !0),
+        f(a.$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"]))
+          onClick: s[0] || (s[0] = v((r) => m("close", r), ["stop"]))
         }, [
-          h(l(z), { size: 12 })
-        ])) : s("", !0)
-      ], 6),
+          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: 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)
+        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 {
-  S as default
+  C as default
 };

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

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

package/dist/components/HysCard/HysCard.vue.js

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

package/dist/components/HysCard/HysCard2.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as s, createElementBlock as o, mergeProps as u, unref as y, renderSlot as l, createElementVNode as d, toDisplayString as a, createCommentVNode as i, normalizeStyle as c } from "vue";
+import { defineComponent as n, openBlock as s, createElementBlock as o, mergeProps as u, unref as y, renderSlot as l, createElementVNode as d, toDisplayString as i, createCommentVNode as a, normalizeStyle as c } from "vue";
 import { useHysRootAttrs as h } from "../../config.js";
 const m = {
   key: 0,
@@ -18,10 +18,10 @@ const m = {
     title: {},
     subtitle: {},
     loading: { type: Boolean },
-    bordered: { type: Boolean },
-    shadow: {},
+    bordered: { type: Boolean, default: !0 },
+    shadow: { default: "never" },
     bodyStyle: {},
-    size: {}
+    size: { default: "md" }
   },
   setup(e) {
     const r = h();
@@ -29,17 +29,17 @@ const m = {
       class: ["hys-ui-card", ["hys-ui-card-shadow-" + (e.shadow || "never"), "hys-ui-card-size-" + (e.size || "md")]],
       style: { border: e.bordered === !1 ? "0" : void 0 }
     }), [
-      e.title || t.$slots.header || t.$slots.action ? (s(), o("header", m, [
+      e.title || e.subtitle || t.$slots.header || t.$slots.action ? (s(), o("header", m, [
         l(t.$slots, "header", {}, () => [
           d("div", null, [
-            d("h3", null, a(e.title), 1),
-            e.subtitle ? (s(), o("p", f, a(e.subtitle), 1)) : i("", !0)
+            d("h3", null, i(e.title), 1),
+            e.subtitle ? (s(), o("p", f, i(e.subtitle), 1)) : a("", !0)
           ])
         ], !0),
         d("div", null, [
           l(t.$slots, "action", {}, void 0, !0)
         ])
-      ])) : i("", !0),
+      ])) : a("", !0),
       d("div", {
         class: "hys-ui-card-content",
         style: c(e.bodyStyle),
@@ -49,7 +49,7 @@ const m = {
       ], 12, b),
       t.$slots.footer ? (s(), o("footer", $, [
         l(t.$slots, "footer", {}, void 0, !0)
-      ])) : i("", !0)
+      ])) : a("", !0)
     ], 16));
   }
 });