huibo-ui 0.3.0 → 0.4.0

package/dist/cjs/{date-helpers-904747ff.js → date-helpers-1ffddc59.js}

@@ -11,7 +11,7 @@ function isSameDay(date1, date2) {
         date1.getDate() === date2.getDate());
 }
 /** 生成 42 天（6 周）的日历网格数据 */
-function getCalendarDays(viewDate, selectedDate, today = new Date()) {
+function getCalendarDays(viewDate, selectedDate, today = new Date(), firstDayOfWeek = 0) {
     const days = [];
     const year = viewDate.getFullYear();
     const month = viewDate.getMonth();
@@ -19,9 +19,13 @@ function getCalendarDays(viewDate, selectedDate, today = new Date()) {
     const lastDay = new Date(year, month + 1, 0);
     const firstDayWeek = firstDay.getDay();
     const daysInMonth = lastDay.getDate();
+    // 按 firstDayOfWeek 计算需要补多少上月天数。
+    // 默认 firstDayOfWeek=0（周日为首列）时，offset = firstDayWeek；
+    // firstDayOfWeek=1（周一为首列）时，周日的 offset 多 1、周一的 offset 为 0。
+    const offset = ((firstDayWeek - firstDayOfWeek) + 7) % 7;
     // 上月填充
     const prevMonth = new Date(year, month - 1, 0);
-    for (let i = firstDayWeek - 1; i >= 0; i--) {
+    for (let i = offset - 1; i >= 0; i--) {
         const date = new Date(year, month - 1, prevMonth.getDate() - i);
         days.push({
             date,
@@ -131,4 +135,4 @@ exports.getYearRangeStart = getYearRangeStart;
 exports.isSameDay = isSameDay;
 exports.parseDate = parseDate;
 
-//# sourceMappingURL=date-helpers-904747ff.js.map
+//# sourceMappingURL=date-helpers-1ffddc59.js.map

package/dist/cjs/date-helpers-1ffddc59.js.map

@@ -0,0 +1 @@
+{"file":"date-helpers-1ffddc59.js","mappings":"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","names":[],"sources":["src/utils/date-helpers.ts"],"sourcesContent":["/**\n * 日历和日期工具函数\n * 从 DatePicker / DateTimePicker / DatePickerPane 中提取的共享逻辑\n */\n\nexport interface CalendarDay {\n  date: Date;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n}\n\n/** 判断两个日期是否为同一天 */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n}\n\n/** 生成 42 天（6 周）的日历网格数据 */\nexport function getCalendarDays(\n  viewDate: Date,\n  selectedDate?: Date,\n  today: Date = new Date(),\n  firstDayOfWeek: number = 0\n): CalendarDay[] {\n  const days: CalendarDay[] = [];\n  const year = viewDate.getFullYear();\n  const month = viewDate.getMonth();\n\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const firstDayWeek = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n\n  // 按 firstDayOfWeek 计算需要补多少上月天数。\n  // 默认 firstDayOfWeek=0（周日为首列）时，offset = firstDayWeek；\n  // firstDayOfWeek=1（周一为首列）时，周日的 offset 多 1、周一的 offset 为 0。\n  const offset = ((firstDayWeek - firstDayOfWeek) + 7) % 7;\n\n  // 上月填充\n  const prevMonth = new Date(year, month - 1, 0);\n  for (let i = offset - 1; i >= 0; i--) {\n    const date = new Date(year, month - 1, prevMonth.getDate() - i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 当月日期\n  for (let i = 1; i <= daysInMonth; i++) {\n    const date = new Date(year, month, i);\n    days.push({\n      date,\n      isCurrentMonth: true,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 下月填充（补齐 42 天）\n  const remainingDays = 42 - days.length;\n  for (let i = 1; i <= remainingDays; i++) {\n    const date = new Date(year, month + 1, i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  return days;\n}\n\n/**\n * 格式化日期为指定格式字符串\n * 支持：YYYY, MM, DD, HH, mm, ss\n */\nexport function formatDate(date: Date, format: string): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n  const seconds = String(date.getSeconds()).padStart(2, '0');\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds);\n}\n\n/** 安全解析日期值 */\nexport function parseDate(value: string | Date | undefined): Date | undefined {\n  if (!value) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) return undefined;\n  return date;\n}\n\n/** 月份偏移，返回新日期对象（不可变） */\nexport function addMonths(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + delta);\n  return result;\n}\n\n/** 年份偏移，返回新日期对象（不可变） */\nexport function addYears(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setFullYear(result.getFullYear() + delta);\n  return result;\n}\n\n/**\n * 生成 years 视图的 12 年档数据（每档 12 年）。\n * 以 viewDate 所在年份向下取整到 12 的倍数作为起点。\n */\nexport interface CalendarYear {\n  year: number;\n  isCurrentYearRange: boolean;\n  isSelected: boolean;\n}\n\nexport function getCalendarYears(\n  viewDate: Date,\n  selectedDate?: Date,\n  startYearBase?: number\n): CalendarYear[] {\n  const year = viewDate.getFullYear();\n  const rangeStart = startYearBase ?? year - (year % 12);\n  const years: CalendarYear[] = [];\n  for (let i = 0; i < 12; i++) {\n    const y = rangeStart + i;\n    years.push({\n      year: y,\n      isCurrentYearRange: y === year,\n      isSelected: !!selectedDate && selectedDate.getFullYear() === y,\n    });\n  }\n  return years;\n}\n\n/** 获取 years 视图标题所显示的年份档区间起点 */\nexport function getYearRangeStart(viewDate: Date): number {\n  const year = viewDate.getFullYear();\n  return year - (year % 12);\n}\n\n/** 中文月份名称 */\nexport const MONTH_NAMES = [\n  '一月', '二月', '三月', '四月', '五月', '六月',\n  '七月', '八月', '九月', '十月', '十一月', '十二月',\n];\n\n/** 中文星期名称 */\nexport const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];\n"],"version":3}

package/dist/cjs/hb-affix.cjs.entry.js

@@ -91,7 +91,7 @@ const Affix = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'e342673fa2ca768295c96ba2ba6f06c9dee2f38f', class: { 'hb-affix': true, 'hb-affix--fixed': this.affixed }, style: this.affixed ? this.fixedStyle : undefined }, index.h("slot", { key: 'fd66d7c127a33851bd0ca92a4e42f87a2a623ca7' })));
+        return (index.h("div", { key: '374ccf4d24df0d0e4ca4dd35b915a34a39669056', class: { 'hb-affix': true, 'hb-affix--fixed': this.affixed }, style: this.affixed ? this.fixedStyle : undefined }, index.h("slot", { key: '5f7c0c1341c274663846cc6d4264129415c6fffc' })));
     }
 };
 Affix.style = HbAffixStyle0;

package/dist/cjs/hb-aside.cjs.entry.js

@@ -20,7 +20,7 @@ const Aside = class {
         if (this.width) {
             style.width = this.width;
         }
-        return (index.h("aside", { key: 'f3a737773569b17eaeba7a061c087048d2f0b0d7', class: "hb-aside", style: style }, index.h("slot", { key: 'fde6d1fa95d2bb5c42202413b5c5716c85b26a7b' })));
+        return (index.h("aside", { key: '2615bba7300b1d86fa82a1618718e07479f41348', class: "hb-aside", style: style }, index.h("slot", { key: 'dd4ad7e905f2ea8c72bc4d70c82ab0a13bed5e0f' })));
     }
 };
 Aside.style = HbAsideStyle0;

package/dist/cjs/hb-avatar.cjs.entry.js

@@ -21,7 +21,7 @@ const Avatar = class {
         return typeof this.size === 'number' ? `${this.size}px` : map[this.size];
     }
     render() {
-        return (index.h("span", { key: 'e8df0341e82865acbcdd25572df385d805172eac', class: { 'hb-avatar': true, [`hb-avatar--${this.shape}`]: true }, style: { width: this.sizePx, height: this.sizePx, fontSize: `calc(${this.sizePx} * 0.45)` } }, this.src ? index.h("img", { src: this.src, alt: this.alt }) : this.icon ? index.h("span", null, this.icon) : index.h("slot", null)));
+        return (index.h("span", { key: '41fda719b0c3d2ca0a562a0b4ff98e3705cac0c0', class: { 'hb-avatar': true, [`hb-avatar--${this.shape}`]: true }, style: { width: this.sizePx, height: this.sizePx, fontSize: `calc(${this.sizePx} * 0.45)` } }, this.src ? index.h("img", { src: this.src, alt: this.alt }) : this.icon ? index.h("span", null, this.icon) : index.h("slot", null)));
     }
 };
 Avatar.style = HbAvatarStyle0;

package/dist/cjs/hb-backtop.cjs.entry.js

@@ -85,12 +85,12 @@ const Backtop = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c750c1d56599bb335bb31158b57dfdb332be6750', class: { 'hb-backtop': true, 'hb-backtop--hidden': !this.visible }, style: {
+        return (index.h(index.Host, { key: '5406d83477f015dc770e46c3e495a5c036effa61', class: { 'hb-backtop': true, 'hb-backtop--hidden': !this.visible }, style: {
                 right: `${this.right}px`,
                 bottom: `${this.bottom}px`,
                 visibility: this.visible ? 'visible' : 'hidden',
                 opacity: this.visible ? '1' : '0',
-            } }, index.h("div", { key: '4f1311e4de4496fbe8d2558ace0397663ec04fac', class: "hb-backtop__inner", onClick: this.scrollToTop }, index.h("slot", { key: '1d14aa66b400ba226aadacfb0c2a92d6a4ad935a' }, index.h("span", { key: '3b7f4d60d78dcfd458a9e6af63ad94d7061cf147', class: "hb-backtop__icon" }, "\u2191")))));
+            } }, index.h("div", { key: 'dd75722c174dc48fd77ca0342955745a8e233f98', class: "hb-backtop__inner", onClick: this.scrollToTop }, index.h("slot", { key: '7dda375453258d76e61720d5689cbe79dd564046' }, index.h("span", { key: '96bf90719eff982610a4bcd44367c2250ebedfd4', class: "hb-backtop__icon" }, "\u2191")))));
     }
 };
 Backtop.style = HbBacktopStyle0;

package/dist/cjs/hb-badge.cjs.entry.js

@@ -25,7 +25,7 @@ const Badge = class {
         return String(this.value);
     }
     render() {
-        return (index.h("div", { key: 'e979ef5ba0392f4d7f802a8019f1c81ced8f8eac', class: "hb-badge" }, index.h("slot", { key: '8c1083ff2f2699bbf2652199e3a40b3690c7ab45' }), !this.hidden && (index.h("sup", { key: '955da69dfdb7543ef65eb8d811c4d95f4789fe87', class: { 'hb-badge__content': true, [`hb-badge__content--${this.type}`]: true, 'hb-badge__content--dot': this.isDot } }, this.displayValue))));
+        return (index.h("div", { key: 'f8c6ce8c0c83e0a6332f305c4e1d83e42f0ed8da', class: "hb-badge" }, index.h("slot", { key: 'c7a52c406aaa545972888f4761b0e8637e5a76f9' }), !this.hidden && (index.h("sup", { key: '9786f19cb8fc171d7265b0d14624e51d6b72a250', class: { 'hb-badge__content': true, [`hb-badge__content--${this.type}`]: true, 'hb-badge__content--dot': this.isDot } }, this.displayValue))));
     }
 };
 Badge.style = HbBadgeStyle0;

package/dist/cjs/hb-breadcrumb-item.cjs.entry.js

@@ -16,7 +16,7 @@ const BreadcrumbItem = class {
         // 从父级 hb-breadcrumb 读取分隔符 prop
         // 优先级：item 的 separator slot > breadcrumb.separator > 默认 '/'
         const parentSeparator = this.el.closest('hb-breadcrumb')?.separator;
-        return (index.h("span", { key: 'f9ced0c34ef309a1240258786b4ecba3055caeed', class: "hb-breadcrumb-item" }, index.h(Tag, { key: '2218776bb05edeba450f3ecaa23c6602f4ff3480', class: "hb-breadcrumb-item__inner", href: this.href }, index.h("slot", { key: '5598e7b2fbd95c16b5ad5456f36c97e708104cf9' })), index.h("span", { key: 'fcb0f6f10b2707a8d1d3d882e80854b0b24cb665', class: "hb-breadcrumb-item__separator" }, index.h("slot", { key: '502eec59718fdd8391132d2395bc4d4420e851b1', name: "separator" }, parentSeparator ?? '/'))));
+        return (index.h("span", { key: '181c8e289f83b6a95445bee02ae0e6405a3ac7c7', class: "hb-breadcrumb-item" }, index.h(Tag, { key: 'af828de3d06e5a41c52b23b874d0b211a44e4169', class: "hb-breadcrumb-item__inner", href: this.href }, index.h("slot", { key: '0c4b87ea5809acd5e2b2d53f59011a32fae8d370' })), index.h("span", { key: '106653462a241dcc2a64556b4a5bae60a548d766', class: "hb-breadcrumb-item__separator" }, index.h("slot", { key: '905f0e3fffa0a2d7452065f95f33c39c4c3382b8', name: "separator" }, parentSeparator ?? '/'))));
     }
 };
 

package/dist/cjs/hb-breadcrumb.cjs.entry.js

@@ -14,7 +14,7 @@ const Breadcrumb = class {
     /** 分隔符 */
     separator = '/';
     render() {
-        return (index.h("nav", { key: '936e64f454bbb5a5d6cb868cdce563d2a57cbffa', class: "hb-breadcrumb", "aria-label": "Breadcrumb" }, index.h("slot", { key: '73da7e657e9ba3219e0eeb312e1ec8b9db01b0e1' })));
+        return (index.h("nav", { key: '404e3b9cb740956fa8e3f12ca91efec1d3d0a03b', class: "hb-breadcrumb", "aria-label": "Breadcrumb" }, index.h("slot", { key: '8fac787347489530954f2edbe79dab5d05ce7ef4' })));
     }
 };
 Breadcrumb.style = HbBreadcrumbStyle0;

package/dist/cjs/hb-button.cjs.entry.js

@@ -22,14 +22,14 @@ const Button = class {
     /** 是否加载中 */
     loading = false;
     render() {
-        return (index.h("button", { key: '1628f4fd2f0e565910115361d0be682cf3d813c6', disabled: this.disabled || this.loading, class: {
+        return (index.h("button", { key: '77ba452cfa960b02e746b2494aa1f471a85d33fd', disabled: this.disabled || this.loading, class: {
                 'hb-button': true,
                 [`hb-button--${this.type}`]: true,
                 [`hb-button--${this.size}`]: true,
                 'hb-button--disabled': this.disabled,
                 'hb-button--loading': this.loading,
                 [this.classNames]: !!this.classNames,
-            } }, this.loading && index.h("span", { key: '305de3274e8bfce745beb06499da13bd3209f616', class: "hb-button__loading-icon" }, "\u23F3"), index.h("slot", { key: '624ab73421118eefd5b1e7590e18ddb713c7ce0c' })));
+            } }, this.loading && index.h("span", { key: '152d4a7657ba8399554782c7abd38a6c5b26de17', class: "hb-button__loading-icon" }, "\u23F3"), index.h("slot", { key: '9381db3ab788d9bfe73c8b29d422642d1a8eacbc' })));
     }
 };
 Button.style = HbButtonStyle0;

package/dist/cjs/hb-calendar.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5aa5c817.js');
-const dateHelpers = require('./date-helpers-904747ff.js');
+const dateHelpers = require('./date-helpers-1ffddc59.js');
 
-const calendarCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-calendar{background-color:var(--hb-color-white,#fff);border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.hb-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-calendar__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-calendar__next-btn,.hb-calendar__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color .2s}.hb-calendar__next-btn:hover,.hb-calendar__prev-btn:hover{color:var(--hb-color-primary)}.hb-calendar__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-calendar__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;padding:4px 0;text-align:center}.hb-calendar__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-calendar__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none}.hb-calendar__day:hover:not(.hb-calendar__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-calendar__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-calendar__day--today{color:var(--hb-color-primary);font-weight:600}.hb-calendar__day--selected{color:var(--hb-color-white,#fff)}.hb-calendar__day--selected,.hb-calendar__day--selected:hover{background-color:var(--hb-color-primary)}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const calendarCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.grid{display:grid}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-calendar{background-color:var(--hb-color-white,#fff);border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.hb-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-calendar__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-calendar__next-btn,.hb-calendar__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color .2s}.hb-calendar__next-btn:hover,.hb-calendar__prev-btn:hover{color:var(--hb-color-primary)}.hb-calendar__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-calendar__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;padding:4px 0;text-align:center}.hb-calendar__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-calendar__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none}.hb-calendar__day:hover:not(.hb-calendar__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-calendar__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-calendar__day--today{color:var(--hb-color-primary);font-weight:600}.hb-calendar__day--selected{color:var(--hb-color-white,#fff)}.hb-calendar__day--selected,.hb-calendar__day--selected:hover{background-color:var(--hb-color-primary)}.hb-calendar__day--focused{outline:2px solid var(--hb-color-primary,#1677ff);outline-offset:-2px}.hb-calendar__day--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed;opacity:.5}.hb-calendar__day--disabled:hover{background-color:#0000}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
 const HbCalendarStyle0 = calendarCss;
 
 const Calendar = class {
@@ -32,6 +32,8 @@ const Calendar = class {
     hbChange;
     viewDate = new Date();
     selectedDate;
+    /** 键盘导航的焦点日期（用于 role=gridcell 的 roving tabindex） */
+    focusDate = new Date();
     componentDidLoad() {
         this.initFromModelValue();
     }
@@ -43,6 +45,11 @@ const Calendar = class {
         this.selectedDate = parsed;
         if (parsed) {
             this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);
+            this.focusDate = new Date(parsed);
+        }
+        else {
+            // 无选中值时焦点默认到今天
+            this.focusDate = new Date();
         }
     }
     handleSelect = (day) => {
@@ -51,10 +58,65 @@ const Calendar = class {
         if (this.disabledDate && this.disabledDate(day.date))
             return;
         this.selectedDate = day.date;
+        this.focusDate = new Date(day.date);
         const iso = this.toISODate(day.date);
         this.modelValue = iso;
         this.hbChange.emit(iso);
     };
+    /**
+     * 日期网格键盘导航（对齐 WAI-ARIA grid / antd Calendar）：
+     * - ArrowRight/Left：±1 天
+     * - ArrowDown/Up：±7 天
+     * - Home/End：当周首/末日
+     * - PageDown/Up：±1 月
+     * - Enter：选中焦点日
+     * 焦点日跨月时同步滚动 viewDate。
+     */
+    handleGridKeydown = (e) => {
+        const next = new Date(this.focusDate);
+        switch (e.key) {
+            case 'ArrowRight':
+                next.setDate(next.getDate() + 1);
+                break;
+            case 'ArrowLeft':
+                next.setDate(next.getDate() - 1);
+                break;
+            case 'ArrowDown':
+                next.setDate(next.getDate() + 7);
+                break;
+            case 'ArrowUp':
+                next.setDate(next.getDate() - 7);
+                break;
+            case 'Home': {
+                const d = next.getDay();
+                next.setDate(next.getDate() - d);
+                break;
+            }
+            case 'End': {
+                const d = 6 - next.getDay();
+                next.setDate(next.getDate() + d);
+                break;
+            }
+            case 'PageDown':
+                next.setMonth(next.getMonth() + 1);
+                break;
+            case 'PageUp':
+                next.setMonth(next.getMonth() - 1);
+                break;
+            case 'Enter':
+                e.preventDefault();
+                this.handleSelect({ date: this.focusDate, isCurrentMonth: true });
+                return;
+            default:
+                return;
+        }
+        e.preventDefault();
+        // 焦点跨月：viewDate 跟随（PageUp/Down 或方向键滑出）
+        if (next.getMonth() !== this.viewDate.getMonth() || next.getFullYear() !== this.viewDate.getFullYear()) {
+            this.viewDate = new Date(next.getFullYear(), next.getMonth(), 1);
+        }
+        this.focusDate = next;
+    };
     toISODate(date) {
         const y = date.getFullYear();
         const m = String(date.getMonth() + 1).padStart(2, '0');
@@ -64,20 +126,26 @@ const Calendar = class {
     changeMonth(delta) {
         this.viewDate = dateHelpers.addMonths(this.viewDate, delta);
     }
-    /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */
+    /** 按 firstDayOfWeek 重排星期标题；getCalendarDays 也按同一 firstDayOfWeek 对齐网格 */
     get orderedWeekNames() {
         const offset = ((this.firstDayOfWeek % 7) + 7) % 7;
         return [...dateHelpers.WEEK_DAY_NAMES.slice(offset), ...dateHelpers.WEEK_DAY_NAMES.slice(0, offset)];
     }
     render() {
-        const days = dateHelpers.getCalendarDays(this.viewDate, this.selectedDate);
+        const days = dateHelpers.getCalendarDays(this.viewDate, this.selectedDate, new Date(), this.firstDayOfWeek);
         const current = this.viewDate;
-        return (index.h("div", { key: '349964b635ebec88f000ea4b26c4c6779f9f8925', class: "hb-calendar" }, index.h("div", { key: '05a23a21700199202f902cab89c01af76ebe4bb6', class: "hb-calendar__header" }, index.h("button", { key: '442c8a247cff4cbfc76e1a73a983f6e1255f7fd5', type: "button", class: "hb-calendar__prev-btn", onClick: () => this.changeMonth(-1), "aria-label": "\u4E0A\u4E00\u6708" }, "\u2039"), index.h("span", { key: 'be82bfda5eddbee738587405924ebad7cb4757f9', class: "hb-calendar__header-label" }, current.getFullYear(), "\u5E74 ", dateHelpers.MONTH_NAMES[current.getMonth()]), index.h("button", { key: 'd25451367e0ae14dd93efe57bfa7381535940d4b', type: "button", class: "hb-calendar__next-btn", onClick: () => this.changeMonth(1), "aria-label": "\u4E0B\u4E00\u6708" }, "\u203A")), index.h("div", { key: '1ecc238f1f6c08e4e32aad8067277dd4f6ee94b8', class: "hb-calendar__body" }, index.h("div", { key: '52e7bfd36efbcb3cf0d0ee5f5f8a2798169f9a64', class: "hb-calendar__weekdays" }, this.orderedWeekNames.map((day) => (index.h("div", { class: "hb-calendar__weekday" }, day)))), index.h("div", { key: '54545d72d643142c0b3f46f2b6817764fe22fdb2', class: "hb-calendar__days" }, days.map((day, index$1) => (index.h("div", { key: index$1, class: {
-                'hb-calendar__day': true,
-                'hb-calendar__day--other-month': !day.isCurrentMonth,
-                'hb-calendar__day--today': day.isToday,
-                'hb-calendar__day--selected': day.isSelected,
-            }, onClick: () => this.handleSelect(day) }, day.date.getDate())))))));
+        return (index.h("div", { key: '9c18ef6f549973316bcfe0343290e442f72dfdb8', class: "hb-calendar" }, index.h("div", { key: 'ab177ab7cd14aec0c52a3806ed098e7abc245283', class: "hb-calendar__header" }, index.h("button", { key: '5e7c773130c63479f806c33a085e5a82ba5c2fe7', type: "button", class: "hb-calendar__prev-btn", onClick: () => this.changeMonth(-1), "aria-label": "\u4E0A\u4E00\u6708" }, "\u2039"), index.h("span", { key: 'bfcd78f5119f461878e7a8c8fbfc260e97b58458', class: "hb-calendar__header-label", "aria-live": "polite" }, current.getFullYear(), "\u5E74 ", dateHelpers.MONTH_NAMES[current.getMonth()]), index.h("button", { key: '4eb5cf7d57c0288f895b35b889bd5016b8c78075', type: "button", class: "hb-calendar__next-btn", onClick: () => this.changeMonth(1), "aria-label": "\u4E0B\u4E00\u6708" }, "\u203A")), index.h("div", { key: '2b643cc4f0a121c349018e502745212adae5dfe9', class: "hb-calendar__body", role: "grid", "aria-label": `${current.getFullYear()}年${current.getMonth() + 1}月日历` }, index.h("div", { key: '546e2f58e40732ee2cc270152d4e69bb044fdef6', class: "hb-calendar__weekdays", role: "row" }, this.orderedWeekNames.map((day) => (index.h("div", { class: "hb-calendar__weekday", role: "columnheader", "aria-disabled": "true" }, day)))), index.h("div", { key: '36178be8edbf59348396b7355066f45aa1adcc81', class: "hb-calendar__days", role: "row", onKeyDown: this.handleGridKeydown }, days.map((day, index$1) => {
+            const isFocused = dateHelpers.isSameDay(day.date, this.focusDate);
+            const dayDisabled = day.isCurrentMonth && !!this.disabledDate && this.disabledDate(day.date);
+            return (index.h("div", { key: index$1, class: {
+                    'hb-calendar__day': true,
+                    'hb-calendar__day--other-month': !day.isCurrentMonth,
+                    'hb-calendar__day--today': day.isToday,
+                    'hb-calendar__day--selected': day.isSelected,
+                    'hb-calendar__day--focused': isFocused,
+                    'hb-calendar__day--disabled': dayDisabled,
+                }, role: "gridcell", tabindex: isFocused ? 0 : -1, "aria-selected": day.isSelected ? 'true' : 'false', "aria-current": day.isToday ? 'date' : undefined, "aria-disabled": !day.isCurrentMonth || dayDisabled ? 'true' : undefined, "aria-label": this.toISODate(day.date), onClick: () => this.handleSelect(day) }, day.date.getDate()));
+        })))));
     }
     static get watchers() { return {
         "modelValue": ["handleModelValueChange"]

package/dist/cjs/hb-calendar.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"hb-calendar.entry.cjs.js","mappings":"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","names":["parseDate","addMonths","WEEK_DAY_NAMES","getCalendarDays","h","MONTH_NAMES","index"],"sources":["src/components/Calendar/calendar.css?tag=hb-calendar&encapsulation=shadow","src/components/Calendar/Calendar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-calendar {\n  width: 100%;\n  padding: 12px;\n  box-sizing: border-box;\n  background-color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n}\n\n/* 头部：年月 + 上下月按钮 */\n.hb-calendar__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-calendar__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-calendar__prev-btn,\n.hb-calendar__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  line-height: 1;\n  transition: color 0.2s;\n}\n\n.hb-calendar__prev-btn:hover,\n.hb-calendar__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n/* 星期行 */\n.hb-calendar__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-calendar__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n  padding: 4px 0;\n}\n\n/* 日期网格 */\n.hb-calendar__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-calendar__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n  user-select: none;\n}\n\n.hb-calendar__day:hover:not(.hb-calendar__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-calendar__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-calendar__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-calendar__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-calendar__day--selected:hover {\n  background-color: var(--hb-color-primary);\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport {\n  getCalendarDays,\n  parseDate,\n  addMonths,\n  MONTH_NAMES,\n  WEEK_DAY_NAMES,\n} from '../../utils/date-helpers';\n\n/**\n * Calendar 日历组件\n * 月份视图日历，支持选中日期与月份切换\n */\n@Component({\n  tag: 'hb-calendar',\n  styleUrl: 'calendar.css',\n  shadow: true,\n})\nexport class Calendar {\n  /**\n   * 绑定值（ISO 日期字符串）\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 每周第一天（0=周日，1=周一 …）\n   * @default 0\n   */\n  @Prop() firstDayOfWeek: number = 0;\n\n  /**\n   * 禁用日期判定（声明预留，暂不强求实现）\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /**\n   * 值改变事件，detail 为 ISO 日期字符串\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  @State() viewDate: Date = new Date();\n  @State() selectedDate?: Date;\n\n  componentDidLoad() {\n    this.initFromModelValue();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.initFromModelValue();\n  }\n\n  private initFromModelValue() {\n    const parsed = parseDate(this.modelValue);\n    this.selectedDate = parsed;\n    if (parsed) {\n      this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n    }\n  }\n\n  private handleSelect = (day: { date: Date; isCurrentMonth: boolean }) => {\n    if (!day.isCurrentMonth) return;\n    if (this.disabledDate && this.disabledDate(day.date)) return;\n    this.selectedDate = day.date;\n    const iso = this.toISODate(day.date);\n    this.modelValue = iso;\n    this.hbChange.emit(iso);\n  };\n\n  private toISODate(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private changeMonth(delta: number) {\n    this.viewDate = addMonths(this.viewDate, delta);\n  }\n\n  /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */\n  private get orderedWeekNames(): string[] {\n    const offset = ((this.firstDayOfWeek % 7) + 7) % 7;\n    return [...WEEK_DAY_NAMES.slice(offset), ...WEEK_DAY_NAMES.slice(0, offset)];\n  }\n\n  render() {\n    const days = getCalendarDays(this.viewDate, this.selectedDate);\n    const current = this.viewDate;\n\n    return (\n      <div class=\"hb-calendar\">\n        <div class=\"hb-calendar__header\">\n          <button\n            type=\"button\"\n            class=\"hb-calendar__prev-btn\"\n            onClick={() => this.changeMonth(-1)}\n            aria-label=\"上一月\"\n          >\n            ‹\n          </button>\n          <span class=\"hb-calendar__header-label\">\n            {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n          </span>\n          <button\n            type=\"button\"\n            class=\"hb-calendar__next-btn\"\n            onClick={() => this.changeMonth(1)}\n            aria-label=\"下一月\"\n          >\n            ›\n          </button>\n        </div>\n        <div class=\"hb-calendar__body\">\n          <div class=\"hb-calendar__weekdays\">\n            {this.orderedWeekNames.map((day) => (\n              <div class=\"hb-calendar__weekday\">{day}</div>\n            ))}\n          </div>\n          <div class=\"hb-calendar__days\">\n            {days.map((day, index) => (\n              <div\n                key={index}\n                class={{\n                  'hb-calendar__day': true,\n                  'hb-calendar__day--other-month': !day.isCurrentMonth,\n                  'hb-calendar__day--today': day.isToday,\n                  'hb-calendar__day--selected': day.isSelected,\n                }}\n                onClick={() => this.handleSelect(day)}\n              >\n                {day.date.getDate()}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-calendar.entry.cjs.js","mappings":"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","names":["parseDate","addMonths","WEEK_DAY_NAMES","getCalendarDays","h","MONTH_NAMES","index","isSameDay"],"sources":["src/components/Calendar/calendar.css?tag=hb-calendar&encapsulation=shadow","src/components/Calendar/Calendar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-calendar {\n  width: 100%;\n  padding: 12px;\n  box-sizing: border-box;\n  background-color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n}\n\n/* 头部：年月 + 上下月按钮 */\n.hb-calendar__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-calendar__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-calendar__prev-btn,\n.hb-calendar__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  line-height: 1;\n  transition: color 0.2s;\n}\n\n.hb-calendar__prev-btn:hover,\n.hb-calendar__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n/* 星期行 */\n.hb-calendar__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-calendar__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n  padding: 4px 0;\n}\n\n/* 日期网格 */\n.hb-calendar__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-calendar__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n  user-select: none;\n}\n\n.hb-calendar__day:hover:not(.hb-calendar__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-calendar__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-calendar__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-calendar__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-calendar__day--selected:hover {\n  background-color: var(--hb-color-primary);\n}\n\n/* 键盘焦点日（roving tabindex 的可见焦点态） */\n.hb-calendar__day--focused {\n  outline: 2px solid var(--hb-color-primary, #1677ff);\n  outline-offset: -2px;\n}\n\n.hb-calendar__day--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-calendar__day--disabled:hover {\n  background-color: transparent;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport {\n  getCalendarDays,\n  parseDate,\n  addMonths,\n  isSameDay,\n  MONTH_NAMES,\n  WEEK_DAY_NAMES,\n} from '../../utils/date-helpers';\n\n/**\n * Calendar 日历组件\n * 月份视图日历，支持选中日期与月份切换\n */\n@Component({\n  tag: 'hb-calendar',\n  styleUrl: 'calendar.css',\n  shadow: true,\n})\nexport class Calendar {\n  /**\n   * 绑定值（ISO 日期字符串）\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 每周第一天（0=周日，1=周一 …）\n   * @default 0\n   */\n  @Prop() firstDayOfWeek: number = 0;\n\n  /**\n   * 禁用日期判定（声明预留，暂不强求实现）\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /**\n   * 值改变事件，detail 为 ISO 日期字符串\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  @State() viewDate: Date = new Date();\n  @State() selectedDate?: Date;\n  /** 键盘导航的焦点日期（用于 role=gridcell 的 roving tabindex） */\n  @State() focusDate: Date = new Date();\n\n  componentDidLoad() {\n    this.initFromModelValue();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.initFromModelValue();\n  }\n\n  private initFromModelValue() {\n    const parsed = parseDate(this.modelValue);\n    this.selectedDate = parsed;\n    if (parsed) {\n      this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n      this.focusDate = new Date(parsed);\n    } else {\n      // 无选中值时焦点默认到今天\n      this.focusDate = new Date();\n    }\n  }\n\n  private handleSelect = (day: { date: Date; isCurrentMonth: boolean }) => {\n    if (!day.isCurrentMonth) return;\n    if (this.disabledDate && this.disabledDate(day.date)) return;\n    this.selectedDate = day.date;\n    this.focusDate = new Date(day.date);\n    const iso = this.toISODate(day.date);\n    this.modelValue = iso;\n    this.hbChange.emit(iso);\n  };\n\n  /**\n   * 日期网格键盘导航（对齐 WAI-ARIA grid / antd Calendar）：\n   * - ArrowRight/Left：±1 天\n   * - ArrowDown/Up：±7 天\n   * - Home/End：当周首/末日\n   * - PageDown/Up：±1 月\n   * - Enter：选中焦点日\n   * 焦点日跨月时同步滚动 viewDate。\n   */\n  private handleGridKeydown = (e: KeyboardEvent) => {\n    const next = new Date(this.focusDate);\n    let monthDelta = 0;\n    switch (e.key) {\n      case 'ArrowRight': next.setDate(next.getDate() + 1); break;\n      case 'ArrowLeft': next.setDate(next.getDate() - 1); break;\n      case 'ArrowDown': next.setDate(next.getDate() + 7); break;\n      case 'ArrowUp': next.setDate(next.getDate() - 7); break;\n      case 'Home': { const d = next.getDay(); next.setDate(next.getDate() - d); break; }\n      case 'End': { const d = 6 - next.getDay(); next.setDate(next.getDate() + d); break; }\n      case 'PageDown': next.setMonth(next.getMonth() + 1); monthDelta = 1; break;\n      case 'PageUp': next.setMonth(next.getMonth() - 1); monthDelta = -1; break;\n      case 'Enter':\n        e.preventDefault();\n        this.handleSelect({ date: this.focusDate, isCurrentMonth: true });\n        return;\n      default:\n        return;\n    }\n    e.preventDefault();\n    // 焦点跨月：viewDate 跟随（PageUp/Down 或方向键滑出）\n    if (next.getMonth() !== this.viewDate.getMonth() || next.getFullYear() !== this.viewDate.getFullYear()) {\n      this.viewDate = new Date(next.getFullYear(), next.getMonth(), 1);\n    }\n    if (monthDelta) void monthDelta;\n    this.focusDate = next;\n  };\n\n  private toISODate(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private changeMonth(delta: number) {\n    this.viewDate = addMonths(this.viewDate, delta);\n  }\n\n  /** 按 firstDayOfWeek 重排星期标题；getCalendarDays 也按同一 firstDayOfWeek 对齐网格 */\n  private get orderedWeekNames(): string[] {\n    const offset = ((this.firstDayOfWeek % 7) + 7) % 7;\n    return [...WEEK_DAY_NAMES.slice(offset), ...WEEK_DAY_NAMES.slice(0, offset)];\n  }\n\n  render() {\n    const days = getCalendarDays(this.viewDate, this.selectedDate, new Date(), this.firstDayOfWeek);\n    const current = this.viewDate;\n\n    return (\n      <div class=\"hb-calendar\">\n        <div class=\"hb-calendar__header\">\n          <button\n            type=\"button\"\n            class=\"hb-calendar__prev-btn\"\n            onClick={() => this.changeMonth(-1)}\n            aria-label=\"上一月\"\n          >\n            ‹\n          </button>\n          <span class=\"hb-calendar__header-label\" aria-live=\"polite\">\n            {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n          </span>\n          <button\n            type=\"button\"\n            class=\"hb-calendar__next-btn\"\n            onClick={() => this.changeMonth(1)}\n            aria-label=\"下一月\"\n          >\n            ›\n          </button>\n        </div>\n        <div class=\"hb-calendar__body\" role=\"grid\" aria-label={`${current.getFullYear()}年${current.getMonth() + 1}月日历`}>\n          <div class=\"hb-calendar__weekdays\" role=\"row\">\n            {this.orderedWeekNames.map((day) => (\n              <div class=\"hb-calendar__weekday\" role=\"columnheader\" aria-disabled=\"true\">{day}</div>\n            ))}\n          </div>\n          <div class=\"hb-calendar__days\" role=\"row\" onKeyDown={this.handleGridKeydown}>\n            {days.map((day, index) => {\n              const isFocused = isSameDay(day.date, this.focusDate);\n              const dayDisabled = day.isCurrentMonth && !!this.disabledDate && this.disabledDate(day.date);\n              return (\n                <div\n                  key={index}\n                  class={{\n                    'hb-calendar__day': true,\n                    'hb-calendar__day--other-month': !day.isCurrentMonth,\n                    'hb-calendar__day--today': day.isToday,\n                    'hb-calendar__day--selected': day.isSelected,\n                    'hb-calendar__day--focused': isFocused,\n                    'hb-calendar__day--disabled': dayDisabled,\n                  }}\n                  role=\"gridcell\"\n                  tabindex={isFocused ? 0 : -1}\n                  aria-selected={day.isSelected ? 'true' : 'false'}\n                  aria-current={day.isToday ? 'date' : undefined}\n                  aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                  aria-label={this.toISODate(day.date)}\n                  onClick={() => this.handleSelect(day)}\n                >\n                  {day.date.getDate()}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-card.cjs.entry.js

@@ -14,7 +14,7 @@ const Card = class {
     header;
     shadow = 'always';
     render() {
-        return (index.h("div", { key: 'a6fda886ea3031b93b9f42b12053357b7a461fcf', class: { 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true } }, (this.header || this.elHasHeaderSlot) && (index.h("div", { key: 'fdc0b804aa88c0520bf855e1b870880d08da9dd4', class: "hb-card__header" }, index.h("slot", { key: 'e335dfcc2bc494a671123599657bdc7636a873b9', name: "header" }, index.h("span", { key: '3391493e5295f33fb4fe0d8de5fb03a69be077f3' }, this.header)))), index.h("div", { key: 'e3fe736ff66aec2a14d1c22f9356ddf6c069ec2a', class: "hb-card__body" }, index.h("slot", { key: 'd22bff61394ae6f20c0be991f87223ab34c765b2' }))));
+        return (index.h("div", { key: 'f7608af1d9f0b49f69ae715158640746b0cef19d', class: { 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true } }, (this.header || this.elHasHeaderSlot) && (index.h("div", { key: '07d640827829fba28288c45643ea94553ae668bc', class: "hb-card__header" }, index.h("slot", { key: 'b48962d1f96d2c6caf8aeea54739d40ebd992a7b', name: "header" }, index.h("span", { key: '1c4701c4b0b478fdacfb950dab4da22ed92b8eca' }, this.header)))), index.h("div", { key: '3c98aa57aa0f8338dac90ff5a81baeb068473bd2', class: "hb-card__body" }, index.h("slot", { key: 'e4e3f11461bd73def3139e19cd3b945da1bc1365' }))));
     }
     get elHasHeaderSlot() {
         return !!document.querySelector('hb-card [slot="header"]');