huibo-ui 0.3.0

package/dist/collection/components/Button/Button.js

@@ -0,0 +1,144 @@
+import { h } from "@stencil/core";
+/**
+ * Button 按钮组件
+ * 常用的操作按钮
+ */
+export class Button {
+    /** 按钮类型 */
+    type = 'default';
+    /** 按钮尺寸 */
+    size = 'default';
+    /** 自定义 class */
+    classNames = '';
+    /** 是否禁用 */
+    disabled = false;
+    /** 是否加载中 */
+    loading = false;
+    render() {
+        return (h("button", { key: '1628f4fd2f0e565910115361d0be682cf3d813c6', 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 && h("span", { key: '305de3274e8bfce745beb06499da13bd3209f616', class: "hb-button__loading-icon" }, "\u23F3"), h("slot", { key: '624ab73421118eefd5b1e7590e18ddb713c7ce0c' })));
+    }
+    static get is() { return "hb-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'dashed' | 'link' | 'text' | 'default'",
+                    "resolved": "\"dashed\" | \"default\" | \"link\" | \"primary\" | \"text\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6309\u94AE\u7C7B\u578B"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'default' | 'large'",
+                    "resolved": "\"default\" | \"large\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6309\u94AE\u5C3A\u5BF8"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "classNames": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u81EA\u5B9A\u4E49 class"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "class-names",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u7981\u7528"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u662F\u5426\u52A0\u8F7D\u4E2D"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "loading",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=Button.js.map

package/dist/collection/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,MAAM;IACjB,WAAW;IACH,IAAI,GAAuD,SAAS,CAAC;IAE7E,WAAW;IACH,IAAI,GAAkC,SAAS,CAAC;IAExD,gBAAgB;IACR,UAAU,GAAW,EAAE,CAAC;IAEhC,WAAW;IACH,QAAQ,GAAY,KAAK,CAAC;IAElC,YAAY;IACJ,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACJ,OAAO,CACL,+DACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;gBACjC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;gBACjC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;gBACpC,oBAAoB,EAAE,IAAI,CAAC,OAAO;gBAClC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU;aACrC;YAEA,IAAI,CAAC,OAAO,IAAI,6DAAM,KAAK,EAAC,yBAAyB,aAAS;YAC/D,8DAAQ,CACD,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Button 按钮组件\n * 常用的操作按钮\n */\n@Component({\n  tag: 'hb-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class Button {\n  /** 按钮类型 */\n  @Prop() type: 'primary' | 'dashed' | 'link' | 'text' | 'default' = 'default';\n\n  /** 按钮尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 自定义 class */\n  @Prop() classNames: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否加载中 */\n  @Prop() loading: boolean = false;\n\n  render() {\n    return (\n      <button\n        disabled={this.disabled || this.loading}\n        class={{\n          'hb-button': true,\n          [`hb-button--${this.type}`]: true,\n          [`hb-button--${this.size}`]: true,\n          'hb-button--disabled': this.disabled,\n          'hb-button--loading': this.loading,\n          [this.classNames]: !!this.classNames,\n        }}\n      >\n        {this.loading && <span class=\"hb-button__loading-icon\">⏳</span>}\n        <slot />\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/components/Button/button.css

@@ -0,0 +1,127 @@
+:host {
+  display: inline-block;
+}
+
+/* ---- 基础样式 ---- */
+.hb-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--hb-spacing-xxs);
+  font-family: var(--hb-font-family);
+  font-weight: 400;
+  white-space: nowrap;
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  border: 1px solid transparent;
+  outline: none;
+  transition:
+    all var(--hb-transition-duration) var(--hb-transition-function);
+  box-sizing: border-box;
+}
+
+.hb-button:focus-visible {
+  outline: 2px solid var(--hb-color-primary);
+  outline-offset: 1px;
+}
+
+/* ---- 尺寸 ---- */
+.hb-button--small {
+  height: var(--hb-button-height-sm);
+  padding: 0 var(--hb-button-padding-sm);
+  font-size: var(--hb-button-font-size-sm);
+  border-radius: var(--hb-button-radius);
+}
+
+.hb-button--default {
+  height: var(--hb-button-height);
+  padding: 0 var(--hb-button-padding);
+  font-size: var(--hb-button-font-size);
+  border-radius: var(--hb-button-radius);
+}
+
+.hb-button--large {
+  height: var(--hb-button-height-lg);
+  padding: 0 var(--hb-button-padding-lg);
+  font-size: var(--hb-button-font-size-lg);
+  border-radius: var(--hb-button-radius);
+}
+
+/* ---- 类型：default ---- */
+.hb-button--default {
+  color: var(--hb-color-text);
+  background-color: var(--hb-color-bg);
+  border-color: var(--hb-button-default-border);
+}
+.hb-button--default:hover {
+  color: var(--hb-button-default-hover-color);
+  border-color: var(--hb-button-default-hover-border);
+}
+
+/* ---- 类型：primary ---- */
+.hb-button--primary {
+  color: #ffffff;
+  background-color: var(--hb-button-primary-bg);
+  border-color: var(--hb-button-primary-bg);
+}
+.hb-button--primary:hover {
+  background-color: var(--hb-button-primary-hover-bg);
+  border-color: var(--hb-button-primary-hover-bg);
+}
+
+/* ---- 类型：dashed ---- */
+.hb-button--dashed {
+  color: var(--hb-color-text);
+  background-color: var(--hb-color-bg);
+  border-color: var(--hb-button-default-border);
+  border-style: dashed;
+}
+.hb-button--dashed:hover {
+  color: var(--hb-button-default-hover-color);
+  border-color: var(--hb-button-default-hover-border);
+}
+
+/* ---- 类型：text ---- */
+.hb-button--text {
+  color: var(--hb-color-text);
+  background-color: transparent;
+  border-color: transparent;
+}
+.hb-button--text:hover {
+  background-color: var(--hb-color-fill-tertiary);
+}
+
+/* ---- 类型：link ---- */
+.hb-button--link {
+  color: var(--hb-color-primary);
+  background-color: transparent;
+  border-color: transparent;
+}
+.hb-button--link:hover {
+  color: var(--hb-color-primary-hover);
+}
+
+/* ---- 禁用 ---- */
+.hb-button--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+/* ---- 加载 ---- */
+.hb-button--loading {
+  cursor: default;
+  opacity: 0.7;
+  pointer-events: none;
+}
+.hb-button__loading-icon {
+  display: inline-flex;
+  animation: hb-spin 1s linear infinite;
+  font-size: 1em;
+}
+
+@keyframes hb-spin {
+  from { transform: rotate(0deg); }
+  to   { transform: rotate(360deg); }
+}

package/dist/collection/components/Calendar/Calendar.js

@@ -0,0 +1,185 @@
+import { h } from "@stencil/core";
+import { getCalendarDays, parseDate, addMonths, MONTH_NAMES, WEEK_DAY_NAMES, } from "../../utils/date-helpers";
+/**
+ * Calendar 日历组件
+ * 月份视图日历，支持选中日期与月份切换
+ */
+export class Calendar {
+    /**
+     * 绑定值（ISO 日期字符串）
+     */
+    modelValue;
+    /**
+     * 每周第一天（0=周日，1=周一 …）
+     * @default 0
+     */
+    firstDayOfWeek = 0;
+    /**
+     * 禁用日期判定（声明预留，暂不强求实现）
+     */
+    disabledDate;
+    /**
+     * 值改变事件，detail 为 ISO 日期字符串
+     */
+    hbChange;
+    viewDate = new Date();
+    selectedDate;
+    componentDidLoad() {
+        this.initFromModelValue();
+    }
+    handleModelValueChange() {
+        this.initFromModelValue();
+    }
+    initFromModelValue() {
+        const parsed = parseDate(this.modelValue);
+        this.selectedDate = parsed;
+        if (parsed) {
+            this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);
+        }
+    }
+    handleSelect = (day) => {
+        if (!day.isCurrentMonth)
+            return;
+        if (this.disabledDate && this.disabledDate(day.date))
+            return;
+        this.selectedDate = day.date;
+        const iso = this.toISODate(day.date);
+        this.modelValue = iso;
+        this.hbChange.emit(iso);
+    };
+    toISODate(date) {
+        const y = date.getFullYear();
+        const m = String(date.getMonth() + 1).padStart(2, '0');
+        const d = String(date.getDate()).padStart(2, '0');
+        return `${y}-${m}-${d}`;
+    }
+    changeMonth(delta) {
+        this.viewDate = addMonths(this.viewDate, delta);
+    }
+    /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */
+    get orderedWeekNames() {
+        const offset = ((this.firstDayOfWeek % 7) + 7) % 7;
+        return [...WEEK_DAY_NAMES.slice(offset), ...WEEK_DAY_NAMES.slice(0, offset)];
+    }
+    render() {
+        const days = getCalendarDays(this.viewDate, this.selectedDate);
+        const current = this.viewDate;
+        return (h("div", { key: '349964b635ebec88f000ea4b26c4c6779f9f8925', class: "hb-calendar" }, h("div", { key: '05a23a21700199202f902cab89c01af76ebe4bb6', class: "hb-calendar__header" }, h("button", { key: '442c8a247cff4cbfc76e1a73a983f6e1255f7fd5', type: "button", class: "hb-calendar__prev-btn", onClick: () => this.changeMonth(-1), "aria-label": "\u4E0A\u4E00\u6708" }, "\u2039"), h("span", { key: 'be82bfda5eddbee738587405924ebad7cb4757f9', class: "hb-calendar__header-label" }, current.getFullYear(), "\u5E74 ", MONTH_NAMES[current.getMonth()]), h("button", { key: 'd25451367e0ae14dd93efe57bfa7381535940d4b', type: "button", class: "hb-calendar__next-btn", onClick: () => this.changeMonth(1), "aria-label": "\u4E0B\u4E00\u6708" }, "\u203A")), h("div", { key: '1ecc238f1f6c08e4e32aad8067277dd4f6ee94b8', class: "hb-calendar__body" }, h("div", { key: '52e7bfd36efbcb3cf0d0ee5f5f8a2798169f9a64', class: "hb-calendar__weekdays" }, this.orderedWeekNames.map((day) => (h("div", { class: "hb-calendar__weekday" }, day)))), h("div", { key: '54545d72d643142c0b3f46f2b6817764fe22fdb2', class: "hb-calendar__days" }, days.map((day, index) => (h("div", { key: index, 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())))))));
+    }
+    static get is() { return "hb-calendar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["calendar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["calendar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "modelValue": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u7ED1\u5B9A\u503C\uFF08ISO \u65E5\u671F\u5B57\u7B26\u4E32\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "model-value",
+                "reflect": false
+            },
+            "firstDayOfWeek": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "0"
+                        }],
+                    "text": "\u6BCF\u5468\u7B2C\u4E00\u5929\uFF080=\u5468\u65E5\uFF0C1=\u5468\u4E00 \u2026\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "first-day-of-week",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "disabledDate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(date: Date) => boolean",
+                    "resolved": "(date: Date) => boolean",
+                    "references": {
+                        "Date": {
+                            "location": "global",
+                            "id": "global::Date"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u7981\u7528\u65E5\u671F\u5224\u5B9A\uFF08\u58F0\u660E\u9884\u7559\uFF0C\u6682\u4E0D\u5F3A\u6C42\u5B9E\u73B0\uFF09"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "viewDate": {},
+            "selectedDate": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "hbChange",
+                "name": "hbChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u503C\u6539\u53D8\u4E8B\u4EF6\uFF0Cdetail \u4E3A ISO \u65E5\u671F\u5B57\u7B26\u4E32"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "modelValue",
+                "methodName": "handleModelValueChange"
+            }];
+    }
+}
+//# sourceMappingURL=Calendar.js.map

package/dist/collection/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/Calendar/calendar.css

@@ -0,0 +1,101 @@
+:host {
+  display: block;
+}
+
+.hb-calendar {
+  width: 100%;
+  padding: 12px;
+  box-sizing: border-box;
+  background-color: var(--hb-color-white, #ffffff);
+  border-radius: 4px;
+}
+
+/* 头部：年月 + 上下月按钮 */
+.hb-calendar__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.hb-calendar__header-label {
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--hb-color-text-regular, #606266);
+}
+
+.hb-calendar__prev-btn,
+.hb-calendar__next-btn {
+  background: none;
+  border: none;
+  font-size: 18px;
+  cursor: pointer;
+  color: var(--hb-color-text-regular, #606266);
+  padding: 4px 8px;
+  line-height: 1;
+  transition: color 0.2s;
+}
+
+.hb-calendar__prev-btn:hover,
+.hb-calendar__next-btn:hover {
+  color: var(--hb-color-primary);
+}
+
+/* 星期行 */
+.hb-calendar__weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+  margin-bottom: 8px;
+}
+
+.hb-calendar__weekday {
+  text-align: center;
+  font-size: 12px;
+  color: var(--hb-color-text-placeholder, #c0c4cc);
+  font-weight: 500;
+  padding: 4px 0;
+}
+
+/* 日期网格 */
+.hb-calendar__days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+}
+
+.hb-calendar__day {
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  color: var(--hb-color-text-regular, #606266);
+  cursor: pointer;
+  border-radius: 4px;
+  transition: all 0.2s;
+  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 {
+  background-color: var(--hb-color-primary);
+  color: var(--hb-color-white, #ffffff);
+}
+
+.hb-calendar__day--selected:hover {
+  background-color: var(--hb-color-primary);
+}

package/dist/collection/components/Card/Card.js

@@ -0,0 +1,67 @@
+import { h } from "@stencil/core";
+export class Card {
+    header;
+    shadow = 'always';
+    render() {
+        return (h("div", { key: 'a6fda886ea3031b93b9f42b12053357b7a461fcf', class: { 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true } }, (this.header || this.elHasHeaderSlot) && (h("div", { key: 'fdc0b804aa88c0520bf855e1b870880d08da9dd4', class: "hb-card__header" }, h("slot", { key: 'e335dfcc2bc494a671123599657bdc7636a873b9', name: "header" }, h("span", { key: '3391493e5295f33fb4fe0d8de5fb03a69be077f3' }, this.header)))), h("div", { key: 'e3fe736ff66aec2a14d1c22f9356ddf6c069ec2a', class: "hb-card__body" }, h("slot", { key: 'd22bff61394ae6f20c0be991f87223ab34c765b2' }))));
+    }
+    get elHasHeaderSlot() {
+        return !!document.querySelector('hb-card [slot="header"]');
+    }
+    static get is() { return "hb-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "header": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "header",
+                "reflect": false
+            },
+            "shadow": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'always' | 'hover' | 'never'",
+                    "resolved": "\"always\" | \"hover\" | \"never\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "shadow",
+                "reflect": false,
+                "defaultValue": "'always'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=Card.js.map

package/dist/collection/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,OAAO,IAAI;IACP,MAAM,CAAU;IAChB,MAAM,GAAiC,QAAQ,CAAC;IAExD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,mBAAmB,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE;YACtE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CACxC,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,6DAAM,IAAI,EAAC,QAAQ;oBAAC,+DAAO,IAAI,CAAC,MAAM,CAAQ,CAAO,CACjD,CACP;YACD,4DAAK,KAAK,EAAC,eAAe;gBAAC,8DAAQ,CAAM,CACrC,CACP,CAAC;IACJ,CAAC;IAED,IAAY,eAAe;QACzB,OAAO,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-card', styleUrl: 'card.css', shadow: true })\nexport class Card {\n  @Prop() header?: string;\n  @Prop() shadow: 'always' | 'hover' | 'never' = 'always';\n\n  render() {\n    return (\n      <div class={{ 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true }}>\n        {(this.header || this.elHasHeaderSlot) && (\n          <div class=\"hb-card__header\">\n            <slot name=\"header\"><span>{this.header}</span></slot>\n          </div>\n        )}\n        <div class=\"hb-card__body\"><slot /></div>\n      </div>\n    );\n  }\n\n  private get elHasHeaderSlot(): boolean {\n    return !!document.querySelector('hb-card [slot=\"header\"]');\n  }\n}\n"]}

package/dist/collection/components/Card/card.css

@@ -0,0 +1,17 @@
+:host { display: block; }
+.hb-card {
+  border-radius: var(--hb-border-radius-base);
+  border: 1px solid var(--hb-color-border-secondary);
+  background: var(--hb-color-bg);
+  overflow: hidden;
+}
+.hb-card--shadow-always { box-shadow: var(--hb-box-shadow-sm); }
+.hb-card--shadow-hover:hover { box-shadow: var(--hb-box-shadow-sm); }
+.hb-card--shadow-never { box-shadow: none; }
+.hb-card__header {
+  padding: var(--hb-spacing-md);
+  border-bottom: 1px solid var(--hb-color-border-secondary);
+  font-weight: 600;
+  font-size: var(--hb-font-size-base);
+}
+.hb-card__body { padding: var(--hb-spacing-md); }