huibo-ui 0.4.0 → 0.6.0

package/dist/components/hb-date-picker.js

@@ -1,6 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
 import { c as createClickOutsideHandler } from './p-4ef5a884.js';
-import { p as parseDate, f as formatDate, a as addMonths, g as getCalendarDays, M as MONTH_NAMES, W as WEEK_DAY_NAMES } from './p-08b4005c.js';
+import { p as parseDate, f as formatDate, a as addMonths, g as getCalendarDays, M as MONTH_NAMES, W as WEEK_DAY_NAMES } from './p-e0876aca.js';
+import { a as activationClickHandler } from './p-00aa34c8.js';
 
 const datePickerCss = "/*! 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{--hb-date-picker-font-size:14px;--hb-date-picker-height:32px;--hb-date-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-date-picker-border-color-hover:var(--hb-color-primary);--hb-date-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-date-picker{display:inline-block;position:relative;width:240px}.hb-date-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-date-picker__input{background-color:var(--hb-date-picker-bg-color);border:1px solid var(--hb-date-picker-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-date-picker-font-size);height:var(--hb-date-picker-height);line-height:var(--hb-date-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-date-picker__input:focus,.hb-date-picker__input:hover:not(:disabled){border-color:var(--hb-date-picker-border-color-hover)}.hb-date-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-date-picker__clear{align-items:center;color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;display:inline-flex;height:14px;justify-content:center;margin-right:8px;transition:color .2s;width:14px}.hb-date-picker__clear svg{height:100%;width:100%}.hb-date-picker__clear:hover{color:var(--hb-color-text-regular,#606266)}.hb-date-picker__icon{align-items:center;color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-flex;height:14px;justify-content:center;width:14px}.hb-date-picker__icon svg{height:100%;width:100%}.hb-date-picker__dropdown{background-color:var(--hb-date-picker-bg-color);border:1px solid var(--hb-date-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:280px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-date-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-picker__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-date-picker__next-btn,.hb-date-picker__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.hb-date-picker__next-btn:hover,.hb-date-picker__prev-btn:hover{color:var(--hb-color-primary)}.hb-date-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-picker__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;text-align:center}.hb-date-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-picker__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}.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-picker__day--today{color:var(--hb-color-primary);font-weight:600}.hb-date-picker__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-picker__day--disabled{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:not-allowed}.hb-date-picker__day--disabled:hover{background-color:#0000}.hb-date-picker--small{width:200px}.hb-date-picker--small .hb-date-picker__input{font-size:12px;height:24px;line-height:24px;padding:0 25px 0 12px}.hb-date-picker--large{width:280px}.hb-date-picker--large .hb-date-picker__input{font-size:16px;height:40px;line-height:40px;padding:0 35px 0 18px}.hb-date-picker--disabled{cursor:not-allowed}.hb-date-picker--disabled .hb-date-picker__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-date-picker-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-date-picker__month-grid,.hb-date-picker__year-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px 12px}.hb-date-picker__month-cell,.hb-date-picker__year-cell{align-items:center;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:var(--hb-cascader-font-size,14px);height:40px;justify-content:center;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker__month-cell--selected,.hb-date-picker__year-cell--selected{background-color:var(--hb-color-primary-bg,#e6f4ff);color:var(--hb-color-primary,#1677ff);font-weight:600}.hb-date-picker__month-cell--disabled,.hb-date-picker__year-cell--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@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 HbDatePickerStyle0 = datePickerCss;
@@ -54,13 +55,17 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends H {
     clickOutside = createClickOutsideHandler({
         host: null,
         isOpen: () => this.isOpen,
-        onClose: () => { this.isOpen = false; },
+        onClose: () => {
+            this.isOpen = false;
+        },
     });
     componentDidLoad() {
         this.clickOutside = createClickOutsideHandler({
             host: this.el,
             isOpen: () => this.isOpen,
-            onClose: () => { this.isOpen = false; },
+            onClose: () => {
+                this.isOpen = false;
+            },
         });
         this.clickOutside.connect();
         this.updateInputValue();
@@ -160,13 +165,13 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends H {
             : this.type === 'year'
                 ? `${Math.floor(panelAnchor.getFullYear() / 12) * 12} - ${Math.floor(panelAnchor.getFullYear() / 12) * 12 + 11}`
                 : `${current.getFullYear()}年 ${MONTH_NAMES[current.getMonth()]}`;
-        return (h("div", { key: '2d4d4082eee095d506d8450a7f58685cbd4bb1a9', class: {
+        return (h("div", { key: '0568629a899d16bd00cf0acdc06c8bf12a50b21d', class: {
                 'hb-date-picker': true,
                 'hb-date-picker--open': this.isOpen,
                 'hb-date-picker--disabled': this.disabled,
                 [`hb-date-picker--${this.size}`]: true,
                 [`hb-date-picker--${this.type}`]: true,
-            } }, h("div", { key: '6b740a744a4f1d24d1d1b8d65d44a0ca6d69b3fb', class: "hb-date-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '7eeee5862662040a0f2858b04fa4ca96f01e3eb9', type: "text", id: this.inputId, name: this.name, class: "hb-date-picker__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true, role: "combobox", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.placeholder }), h("span", { key: '754144e78db34c6f674469e2c95a51c39828c965', class: "hb-date-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: '7766158871f0d0b5288b4320f10976704879f680', class: "hb-date-picker__clear", role: "button", "aria-label": "\u6E05\u7A7A", onClick: this.handleClear }, h("svg", { key: '64ec132282290456ec08306f2219eae1fa420377', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'f1a41eedee2964a1fd92672f90591b2afdd7f0ca', d: "M6 6l12 12M18 6L6 18" })))), h("span", { key: '6c1972309c18139b1cd310f26855dbe846e03982', class: "hb-date-picker__icon", "aria-hidden": "true" }, h("svg", { key: 'e15ef729755d5629fbe16d356a9723ea0ebda9ad', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("rect", { key: 'db3dd7a69499a878ccd000eae533cbe9485b9d13', x: "3", y: "5", width: "18", height: "16", rx: "2" }), h("path", { key: 'dec2aa31cdf761b591e462d8c9dedb061a73ed63', d: "M3 9h18M8 3v4M16 3v4" }))))), this.isOpen && (h("div", { key: '626c192f0e2d45e7b5efbd53dd02241af51119be', class: "hb-date-picker__dropdown", role: "dialog", "aria-label": this.type === 'month' ? '选择月份' : this.type === 'year' ? '选择年份' : '选择日期' }, h("div", { key: 'a88b651f2defcee8a88ac07a4ce8a2e8a1857854', class: "hb-date-picker__header" }, h("button", { key: 'c47b93061818e710090959432b9e89f9281edb4e', type: "button", class: "hb-date-picker__prev-btn", "aria-label": this.type === 'date' ? '上一月' : '上一年', onClick: () => (this.type === 'date' ? this.changeMonth(-1) : this.changePanelView(-1)) }, "\u2039"), h("span", { key: 'ae85952f2be4f5cd1cb075c3cd9ea69503a0362e', class: "hb-date-picker__header-label", "aria-live": "polite" }, headerLabel), h("button", { key: '0114d37baea55623d2fc65680ae7d73749a1ef24', type: "button", class: "hb-date-picker__next-btn", "aria-label": this.type === 'date' ? '下一月' : '下一年', onClick: () => (this.type === 'date' ? this.changeMonth(1) : this.changePanelView(1)) }, "\u203A")), this.type === 'date' && (h("div", { key: '754807f77924d8a74ff4b5fc26b6f4794f3fcf3b', class: "hb-date-picker__body", role: "grid" }, h("div", { key: '80e7acb304dde0dd8dd256add20b5997c3d8311c', class: "hb-date-picker__weekdays", role: "row" }, WEEK_DAY_NAMES.map(day => (h("div", { class: "hb-date-picker__weekday", role: "columnheader", "aria-disabled": "true" }, day)))), h("div", { key: 'c8dce0eb806e015292e4841d4fe3dd349bc2a52b', class: "hb-date-picker__days", role: "row" }, days.map((day, index) => {
+            } }, h("div", { key: 'd37d7631b2c16fb6f52c63aa96ce9752c348ceca', class: "hb-date-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: 'b8c2381f26b88bce3032a58cbb74ae05fdb54b7c', type: "text", id: this.inputId, name: this.name, class: "hb-date-picker__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true, role: "combobox", "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.placeholder }), h("span", { key: 'df5059ba445476a946f9efc902da4f965c1f5eca', class: "hb-date-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: 'cab3328768cab68676ccece71bf12161449e52c2', class: "hb-date-picker__clear", role: "button", "aria-label": "\u6E05\u7A7A", tabIndex: 0, onClick: this.handleClear, onKeyDown: activationClickHandler }, h("svg", { key: 'e5970e157bf707bb49f39e800274927c73a79a82', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '6fbe208a529abe7c01822d164f90d6ed80e1071d', d: "M6 6l12 12M18 6L6 18" })))), h("span", { key: 'ab1db32eccdf2e0c507e29de61cc30deaf0d3b9e', class: "hb-date-picker__icon", "aria-hidden": "true" }, h("svg", { key: 'd3439b59946891a511049d955e0d7362b2cca591', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("rect", { key: '9d6037217b01ff42357346ac092f6bd197414fb7', x: "3", y: "5", width: "18", height: "16", rx: "2" }), h("path", { key: '391e0d2b637622483036325d9c16187e3f2020bd', d: "M3 9h18M8 3v4M16 3v4" }))))), this.isOpen && (h("div", { key: 'b4985a01eadf9109127d599697485de875056be7', class: "hb-date-picker__dropdown", role: "dialog", "aria-label": this.type === 'month' ? '选择月份' : this.type === 'year' ? '选择年份' : '选择日期' }, h("div", { key: '369fae3c69f41c6c23e41598edb728510b41e73e', class: "hb-date-picker__header" }, h("button", { key: '9369433f5827e0bfbaa36ce4b3f06e4fc6d644c0', type: "button", class: "hb-date-picker__prev-btn", "aria-label": this.type === 'date' ? '上一月' : '上一年', onClick: () => (this.type === 'date' ? this.changeMonth(-1) : this.changePanelView(-1)) }, "\u2039"), h("span", { key: 'a7f946f76e088387784a8f5e49c38c8e47938c95', class: "hb-date-picker__header-label", "aria-live": "polite" }, headerLabel), h("button", { key: '2f5e2aca8db2fd8b9350334d3b211f4537b60277', type: "button", class: "hb-date-picker__next-btn", "aria-label": this.type === 'date' ? '下一月' : '下一年', onClick: () => (this.type === 'date' ? this.changeMonth(1) : this.changePanelView(1)) }, "\u203A")), this.type === 'date' && (h("div", { key: 'a8f0c0418770fedced9596685cec4d40c66350d1', class: "hb-date-picker__body", role: "grid" }, h("div", { key: '7b9c1d486b30408007024a6036a7813fcff982de', class: "hb-date-picker__weekdays", role: "row" }, WEEK_DAY_NAMES.map(day => (h("div", { class: "hb-date-picker__weekday", role: "columnheader", "aria-disabled": "true" }, day)))), h("div", { key: '63a5f9b115f2c3b2424064843bc36fe7b79d1ca3', class: "hb-date-picker__days", role: "row" }, days.map((day, index) => {
             const dayDisabled = day.isCurrentMonth && this.isDateDisabled(day.date);
             return (h("div", { key: index, class: {
                     'hb-date-picker__day': true,
@@ -175,18 +180,16 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends H {
                     'hb-date-picker__day--selected': day.isSelected,
                     'hb-date-picker__day--disabled': dayDisabled,
                 }, role: "gridcell", "aria-selected": day.isSelected ? 'true' : 'false', "aria-disabled": !day.isCurrentMonth || dayDisabled ? 'true' : undefined, "aria-label": formatDate(day.date, this.format), onClick: () => day.isCurrentMonth && !dayDisabled && this.handleDateSelect(day.date) }, day.date.getDate()));
-        })))), this.type === 'month' && (h("div", { key: 'ebf1c3935e7c868153823113622e5c08ee0bdffd', class: "hb-date-picker__body hb-date-picker__month-grid", role: "grid" }, MONTH_NAMES.map((name, idx) => {
+        })))), this.type === 'month' && (h("div", { key: 'b62f03edcdca73c71ddded45079344778e65abb6', class: "hb-date-picker__body hb-date-picker__month-grid", role: "grid" }, MONTH_NAMES.map((name, idx) => {
             const probe = new Date(panelAnchor.getFullYear(), idx, 1);
             const monthDisabled = !!this.disabledDate && this.disabledDate(probe);
-            const isSelected = !!this.selectedDate &&
-                this.selectedDate.getFullYear() === panelAnchor.getFullYear() &&
-                this.selectedDate.getMonth() === idx;
+            const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === panelAnchor.getFullYear() && this.selectedDate.getMonth() === idx;
             return (h("div", { class: {
                     'hb-date-picker__month-cell': true,
                     'hb-date-picker__month-cell--selected': isSelected,
                     'hb-date-picker__month-cell--disabled': monthDisabled,
                 }, role: "gridcell", "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": monthDisabled ? 'true' : undefined, onClick: () => !monthDisabled && this.handleMonthSelect(idx) }, name));
-        }))), this.type === 'year' && (h("div", { key: '1cf9555cc9c65d5a723528948cf5e63cc0e416f5', class: "hb-date-picker__body hb-date-picker__year-grid", role: "grid" }, (() => {
+        }))), this.type === 'year' && (h("div", { key: 'fb01386b11594c2b1bc14b1eae38f2fd51a5e20b', class: "hb-date-picker__body hb-date-picker__year-grid", role: "grid" }, (() => {
             const startYear = Math.floor(panelAnchor.getFullYear() / 12) * 12;
             const years = [];
             for (let i = 0; i < 12; i++)

package/dist/components/hb-date-picker.js.map

@@ -1 +1 @@
-{"file":"hb-date-picker.js","mappings":"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","names":[],"sources":["src/components/DatePicker/date-picker.css?tag=hb-date-picker&encapsulation=shadow","src/components/DatePicker/DatePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-date-picker-font-size: 14px;\n  --hb-date-picker-height: 32px;\n  --hb-date-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-date-picker-border-color-hover: var(--hb-color-primary);\n  --hb-date-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker {\n  display: inline-block;\n  position: relative;\n  width: 240px;\n}\n\n.hb-date-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-date-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-date-picker-height);\n  line-height: var(--hb-date-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-date-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-date-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__input:focus {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n.hb-date-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-date-picker__clear svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__clear:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-date-picker__icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-border-color);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  min-width: 280px;\n  padding: 12px;\n}\n\n.hb-date-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-date-picker__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__prev-btn,\n.hb-date-picker__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  transition: color 0.2s;\n}\n\n.hb-date-picker__prev-btn:hover,\n.hb-date-picker__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-date-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-date-picker__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n}\n\n.hb-date-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-date-picker__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}\n\n.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-date-picker__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-date-picker__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker__day--disabled {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-date-picker__day--disabled:hover {\n  background-color: transparent;\n}\n\n.hb-date-picker--small {\n  width: 200px;\n}\n\n.hb-date-picker--small .hb-date-picker__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 25px 0 12px;\n}\n\n.hb-date-picker--large {\n  width: 280px;\n}\n\n.hb-date-picker--large .hb-date-picker__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 35px 0 18px;\n}\n\n.hb-date-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-date-picker--disabled .hb-date-picker__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-date-picker-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n\n/* ---- type=month / type=year 选择网格 ---- */\n.hb-date-picker__month-grid,\n.hb-date-picker__year-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  padding: 8px 12px;\n}\n\n.hb-date-picker__month-cell,\n.hb-date-picker__year-cell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  font-size: var(--hb-cascader-font-size, 14px);\n  color: var(--hb-color-text-regular, #606266);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.2s, color 0.2s;\n  user-select: none;\n}\n\n.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),\n.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__month-cell--selected,\n.hb-date-picker__year-cell--selected {\n  color: var(--hb-color-primary, #1677ff);\n  font-weight: 600;\n  background-color: var(--hb-color-primary-bg, #e6f4ff);\n}\n\n.hb-date-picker__month-cell--disabled,\n.hb-date-picker__year-cell--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getCalendarDays, formatDate, parseDate, addMonths, MONTH_NAMES, WEEK_DAY_NAMES } from '../../utils/date-helpers';\n\n/**\n * DatePicker 日期选择器组件\n * 用于选择或输入日期\n */\n@Component({\n  tag: 'hb-date-picker',\n  styleUrl: 'date-picker.css',\n  shadow: true,\n})\nexport class DatePicker {\n  @Element() el: HTMLElement;\n\n  /** 绑定值 */\n  @Prop({ mutable: true }) modelValue?: string | Date;\n\n  /** 输入框占位文本 */\n  @Prop() placeholder: string = '请选择日期';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 输入框尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否可清空 */\n  @Prop() clearable: boolean = false;\n\n  /** 日期格式 */\n  @Prop() format: string = 'YYYY-MM-DD';\n\n  /** 显示在输入框中的格式 */\n  @Prop() valueFormat?: string;\n\n  /**\n   * 日期选择器类型：\n   * - 'date'：日选择（默认）\n   * - 'month'：月选择（month 视图网格，emit YYYY-MM）\n   * - 'year'：年选择（year 视图网格，emit YYYY）\n   * 注：'datetime'/'week' 请用独立的 DateTimePicker 组件 / 后续补全。\n   */\n  @Prop() type: 'date' | 'month' | 'year' = 'date';\n\n  /**\n   * 禁用日期判定函数。返回 true 的日期在日历中不可选（加 disabled 态、不可点击、aria-disabled）。\n   * @param date 当前日期格子的 Date 对象\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /** 原生 name 属性 */\n  @Prop() name?: string;\n\n  /** 原生 id 属性 */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedDate?: Date;\n  /** month/year 模式的面板锚点（不随选择改变，仅导航用） */\n  @State() panelViewDate: Date = new Date();\n\n  /** 值改变事件 */\n  @Event() hbChange: EventEmitter<string | Date>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => { this.isOpen = false; },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => { this.isOpen = false; },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    const date = parseDate(this.modelValue);\n    if (!date) {\n      this.inputValue = '';\n      this.selectedDate = undefined;\n      return;\n    }\n    this.selectedDate = date;\n    this.inputValue = formatDate(date, this.format);\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    // month/year 模式打开时，从已选值或今天初始化面板锚点\n    if (this.isOpen && (this.type === 'month' || this.type === 'year')) {\n      this.panelViewDate = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    }\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.selectedDate = undefined;\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleDateSelect = (date: Date) => {\n    // disabledDate 返回 true 的日期不可选\n    if (this.disabledDate && this.disabledDate(date)) return;\n    this.selectedDate = date;\n    this.modelValue = this.valueFormat ? formatDate(date, this.format) : date;\n    this.updateInputValue();\n    this.isOpen = false;\n    this.hbChange.emit(this.modelValue);\n  };\n\n  /** type='month'：选某月 → 锚定到该月 1 号，emit YYYY-MM */\n  private handleMonthSelect = (monthIndex: number) => {\n    const next = new Date(this.panelViewDate.getFullYear(), monthIndex, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = `${next.getFullYear()}-${String(monthIndex + 1).padStart(2, '0')}`;\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  /** type='year'：选某年 → 锚定到该年 1 月 1 日，emit YYYY */\n  private handleYearSelect = (year: number) => {\n    const next = new Date(year, 0, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = String(year);\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  private changeMonth(delta: number) {\n    this.selectedDate = addMonths(this.selectedDate || new Date(), delta);\n  }\n\n  /** month/year 面板导航：month ±1 年、year ±12 年 */\n  private changePanelView(delta: number) {\n    const next = new Date(this.panelViewDate);\n    if (this.type === 'month') next.setFullYear(next.getFullYear() + delta);\n    else next.setFullYear(next.getFullYear() + delta * 12);\n    this.panelViewDate = next;\n  }\n\n  /** 判断某日期是否被 disabledDate 禁用 */\n  private isDateDisabled = (date: Date): boolean => {\n    return !!this.disabledDate && this.disabledDate(date);\n  };\n\n  render() {\n    const days = getCalendarDays(this.selectedDate || new Date(), this.selectedDate);\n    const current = this.selectedDate || new Date();\n\n    // month/year 面板锚点：默认用 panelViewDate，未打开时回退到 selectedDate/today\n    const panelAnchor = this.panelViewDate || current;\n    const headerLabel =\n      this.type === 'month'\n        ? `${panelAnchor.getFullYear()} 年`\n        : this.type === 'year'\n        ? `${Math.floor(panelAnchor.getFullYear() / 12) * 12} - ${Math.floor(panelAnchor.getFullYear() / 12) * 12 + 11}`\n        : `${current.getFullYear()}年 ${MONTH_NAMES[current.getMonth()]}`;\n\n    return (\n      <div\n        class={{\n          'hb-date-picker': true,\n          'hb-date-picker--open': this.isOpen,\n          'hb-date-picker--disabled': this.disabled,\n          [`hb-date-picker--${this.size}`]: true,\n          [`hb-date-picker--${this.type}`]: true,\n        }}\n      >\n        <div class=\"hb-date-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-date-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n            role=\"combobox\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.placeholder}\n          />\n          <span class=\"hb-date-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-date-picker__clear\" role=\"button\" aria-label=\"清空\" onClick={this.handleClear}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class=\"hb-date-picker__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" />\n                <path d=\"M3 9h18M8 3v4M16 3v4\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-date-picker__dropdown\" role=\"dialog\" aria-label={this.type === 'month' ? '选择月份' : this.type === 'year' ? '选择年份' : '选择日期'}>\n            <div class=\"hb-date-picker__header\">\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__prev-btn\"\n                aria-label={this.type === 'date' ? '上一月' : '上一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(-1) : this.changePanelView(-1))}\n              >\n                ‹\n              </button>\n              <span class=\"hb-date-picker__header-label\" aria-live=\"polite\">{headerLabel}</span>\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__next-btn\"\n                aria-label={this.type === 'date' ? '下一月' : '下一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(1) : this.changePanelView(1))}\n              >\n                ›\n              </button>\n            </div>\n            {this.type === 'date' && (\n              <div class=\"hb-date-picker__body\" role=\"grid\">\n                <div class=\"hb-date-picker__weekdays\" role=\"row\">\n                  {WEEK_DAY_NAMES.map(day => (\n                    <div class=\"hb-date-picker__weekday\" role=\"columnheader\" aria-disabled=\"true\">{day}</div>\n                  ))}\n                </div>\n                <div class=\"hb-date-picker__days\" role=\"row\">\n                  {days.map((day, index) => {\n                    const dayDisabled = day.isCurrentMonth && this.isDateDisabled(day.date);\n                    return (\n                      <div\n                        key={index}\n                        class={{\n                          'hb-date-picker__day': true,\n                          'hb-date-picker__day--other-month': !day.isCurrentMonth,\n                          'hb-date-picker__day--today': day.isToday,\n                          'hb-date-picker__day--selected': day.isSelected,\n                          'hb-date-picker__day--disabled': dayDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={day.isSelected ? 'true' : 'false'}\n                        aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                        aria-label={formatDate(day.date, this.format)}\n                        onClick={() => day.isCurrentMonth && !dayDisabled && this.handleDateSelect(day.date)}\n                      >\n                        {day.date.getDate()}\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            )}\n            {this.type === 'month' && (\n              <div class=\"hb-date-picker__body hb-date-picker__month-grid\" role=\"grid\">\n                {MONTH_NAMES.map((name, idx) => {\n                  const probe = new Date(panelAnchor.getFullYear(), idx, 1);\n                  const monthDisabled = !!this.disabledDate && this.disabledDate(probe);\n                  const isSelected =\n                    !!this.selectedDate &&\n                    this.selectedDate.getFullYear() === panelAnchor.getFullYear() &&\n                    this.selectedDate.getMonth() === idx;\n                  return (\n                    <div\n                      class={{\n                        'hb-date-picker__month-cell': true,\n                        'hb-date-picker__month-cell--selected': isSelected,\n                        'hb-date-picker__month-cell--disabled': monthDisabled,\n                      }}\n                      role=\"gridcell\"\n                      aria-selected={isSelected ? 'true' : 'false'}\n                      aria-disabled={monthDisabled ? 'true' : undefined}\n                      onClick={() => !monthDisabled && this.handleMonthSelect(idx)}\n                    >\n                      {name}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n            {this.type === 'year' && (\n              <div class=\"hb-date-picker__body hb-date-picker__year-grid\" role=\"grid\">\n                {(() => {\n                  const startYear = Math.floor(panelAnchor.getFullYear() / 12) * 12;\n                  const years: number[] = [];\n                  for (let i = 0; i < 12; i++) years.push(startYear + i);\n                  return years.map(y => {\n                    const probe = new Date(y, 0, 1);\n                    const yearDisabled = !!this.disabledDate && this.disabledDate(probe);\n                    const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === y;\n                    return (\n                      <div\n                        class={{\n                          'hb-date-picker__year-cell': true,\n                          'hb-date-picker__year-cell--selected': isSelected,\n                          'hb-date-picker__year-cell--disabled': yearDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={isSelected ? 'true' : 'false'}\n                        aria-disabled={yearDisabled ? 'true' : undefined}\n                        onClick={() => !yearDisabled && this.handleYearSelect(y)}\n                      >\n                        {y}\n                      </div>\n                    );\n                  });\n                })()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"version":3}
+{"file":"hb-date-picker.js","mappings":"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","names":[],"sources":["src/components/DatePicker/date-picker.css?tag=hb-date-picker&encapsulation=shadow","src/components/DatePicker/DatePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-date-picker-font-size: 14px;\n  --hb-date-picker-height: 32px;\n  --hb-date-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-date-picker-border-color-hover: var(--hb-color-primary);\n  --hb-date-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker {\n  display: inline-block;\n  position: relative;\n  width: 240px;\n}\n\n.hb-date-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-date-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-date-picker-height);\n  line-height: var(--hb-date-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-date-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-date-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__input:focus {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n.hb-date-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-date-picker__clear svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__clear:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-date-picker__icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-border-color);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  min-width: 280px;\n  padding: 12px;\n}\n\n.hb-date-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-date-picker__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__prev-btn,\n.hb-date-picker__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  transition: color 0.2s;\n}\n\n.hb-date-picker__prev-btn:hover,\n.hb-date-picker__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-date-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-date-picker__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n}\n\n.hb-date-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-date-picker__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}\n\n.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-date-picker__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-date-picker__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker__day--disabled {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-date-picker__day--disabled:hover {\n  background-color: transparent;\n}\n\n.hb-date-picker--small {\n  width: 200px;\n}\n\n.hb-date-picker--small .hb-date-picker__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 25px 0 12px;\n}\n\n.hb-date-picker--large {\n  width: 280px;\n}\n\n.hb-date-picker--large .hb-date-picker__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 35px 0 18px;\n}\n\n.hb-date-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-date-picker--disabled .hb-date-picker__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-date-picker-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n/* ---- type=month / type=year 选择网格 ---- */\n.hb-date-picker__month-grid,\n.hb-date-picker__year-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  padding: 8px 12px;\n}\n\n.hb-date-picker__month-cell,\n.hb-date-picker__year-cell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  font-size: var(--hb-cascader-font-size, 14px);\n  color: var(--hb-color-text-regular, #606266);\n  border-radius: 4px;\n  cursor: pointer;\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n  user-select: none;\n}\n\n.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),\n.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__month-cell--selected,\n.hb-date-picker__year-cell--selected {\n  color: var(--hb-color-primary, #1677ff);\n  font-weight: 600;\n  background-color: var(--hb-color-primary-bg, #e6f4ff);\n}\n\n.hb-date-picker__month-cell--disabled,\n.hb-date-picker__year-cell--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getCalendarDays, formatDate, parseDate, addMonths, MONTH_NAMES, WEEK_DAY_NAMES } from '../../utils/date-helpers';\nimport { activationClickHandler } from '../../utils/a11y';\n\n/**\n * DatePicker 日期选择器组件\n * 用于选择或输入日期\n */\n@Component({\n  tag: 'hb-date-picker',\n  styleUrl: 'date-picker.css',\n  shadow: true,\n})\nexport class DatePicker {\n  @Element() el: HTMLElement;\n\n  /** 绑定值 */\n  @Prop({ mutable: true }) modelValue?: string | Date;\n\n  /** 输入框占位文本 */\n  @Prop() placeholder: string = '请选择日期';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 输入框尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否可清空 */\n  @Prop() clearable: boolean = false;\n\n  /** 日期格式 */\n  @Prop() format: string = 'YYYY-MM-DD';\n\n  /** 显示在输入框中的格式 */\n  @Prop() valueFormat?: string;\n\n  /**\n   * 日期选择器类型：\n   * - 'date'：日选择（默认）\n   * - 'month'：月选择（month 视图网格，emit YYYY-MM）\n   * - 'year'：年选择（year 视图网格，emit YYYY）\n   * 注：'datetime'/'week' 请用独立的 DateTimePicker 组件 / 后续补全。\n   */\n  @Prop() type: 'date' | 'month' | 'year' = 'date';\n\n  /**\n   * 禁用日期判定函数。返回 true 的日期在日历中不可选（加 disabled 态、不可点击、aria-disabled）。\n   * @param date 当前日期格子的 Date 对象\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /** 原生 name 属性 */\n  @Prop() name?: string;\n\n  /** 原生 id 属性 */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedDate?: Date;\n  /** month/year 模式的面板锚点（不随选择改变，仅导航用） */\n  @State() panelViewDate: Date = new Date();\n\n  /** 值改变事件 */\n  @Event() hbChange: EventEmitter<string | Date>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => {\n      this.isOpen = false;\n    },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => {\n        this.isOpen = false;\n      },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    const date = parseDate(this.modelValue);\n    if (!date) {\n      this.inputValue = '';\n      this.selectedDate = undefined;\n      return;\n    }\n    this.selectedDate = date;\n    this.inputValue = formatDate(date, this.format);\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    // month/year 模式打开时，从已选值或今天初始化面板锚点\n    if (this.isOpen && (this.type === 'month' || this.type === 'year')) {\n      this.panelViewDate = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    }\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.selectedDate = undefined;\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleDateSelect = (date: Date) => {\n    // disabledDate 返回 true 的日期不可选\n    if (this.disabledDate && this.disabledDate(date)) return;\n    this.selectedDate = date;\n    this.modelValue = this.valueFormat ? formatDate(date, this.format) : date;\n    this.updateInputValue();\n    this.isOpen = false;\n    this.hbChange.emit(this.modelValue);\n  };\n\n  /** type='month'：选某月 → 锚定到该月 1 号，emit YYYY-MM */\n  private handleMonthSelect = (monthIndex: number) => {\n    const next = new Date(this.panelViewDate.getFullYear(), monthIndex, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = `${next.getFullYear()}-${String(monthIndex + 1).padStart(2, '0')}`;\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  /** type='year'：选某年 → 锚定到该年 1 月 1 日，emit YYYY */\n  private handleYearSelect = (year: number) => {\n    const next = new Date(year, 0, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = String(year);\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  private changeMonth(delta: number) {\n    this.selectedDate = addMonths(this.selectedDate || new Date(), delta);\n  }\n\n  /** month/year 面板导航：month ±1 年、year ±12 年 */\n  private changePanelView(delta: number) {\n    const next = new Date(this.panelViewDate);\n    if (this.type === 'month') next.setFullYear(next.getFullYear() + delta);\n    else next.setFullYear(next.getFullYear() + delta * 12);\n    this.panelViewDate = next;\n  }\n\n  /** 判断某日期是否被 disabledDate 禁用 */\n  private isDateDisabled = (date: Date): boolean => {\n    return !!this.disabledDate && this.disabledDate(date);\n  };\n\n  render() {\n    const days = getCalendarDays(this.selectedDate || new Date(), this.selectedDate);\n    const current = this.selectedDate || new Date();\n\n    // month/year 面板锚点：默认用 panelViewDate，未打开时回退到 selectedDate/today\n    const panelAnchor = this.panelViewDate || current;\n    const headerLabel =\n      this.type === 'month'\n        ? `${panelAnchor.getFullYear()} 年`\n        : this.type === 'year'\n          ? `${Math.floor(panelAnchor.getFullYear() / 12) * 12} - ${Math.floor(panelAnchor.getFullYear() / 12) * 12 + 11}`\n          : `${current.getFullYear()}年 ${MONTH_NAMES[current.getMonth()]}`;\n\n    return (\n      <div\n        class={{\n          'hb-date-picker': true,\n          'hb-date-picker--open': this.isOpen,\n          'hb-date-picker--disabled': this.disabled,\n          [`hb-date-picker--${this.size}`]: true,\n          [`hb-date-picker--${this.type}`]: true,\n        }}\n      >\n        <div class=\"hb-date-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-date-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n            role=\"combobox\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.placeholder}\n          />\n          <span class=\"hb-date-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-date-picker__clear\" role=\"button\" aria-label=\"清空\" tabIndex={0} onClick={this.handleClear} onKeyDown={activationClickHandler}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class=\"hb-date-picker__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" />\n                <path d=\"M3 9h18M8 3v4M16 3v4\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-date-picker__dropdown\" role=\"dialog\" aria-label={this.type === 'month' ? '选择月份' : this.type === 'year' ? '选择年份' : '选择日期'}>\n            <div class=\"hb-date-picker__header\">\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__prev-btn\"\n                aria-label={this.type === 'date' ? '上一月' : '上一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(-1) : this.changePanelView(-1))}\n              >\n                ‹\n              </button>\n              <span class=\"hb-date-picker__header-label\" aria-live=\"polite\">\n                {headerLabel}\n              </span>\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__next-btn\"\n                aria-label={this.type === 'date' ? '下一月' : '下一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(1) : this.changePanelView(1))}\n              >\n                ›\n              </button>\n            </div>\n            {this.type === 'date' && (\n              <div class=\"hb-date-picker__body\" role=\"grid\">\n                <div class=\"hb-date-picker__weekdays\" role=\"row\">\n                  {WEEK_DAY_NAMES.map(day => (\n                    <div class=\"hb-date-picker__weekday\" role=\"columnheader\" aria-disabled=\"true\">\n                      {day}\n                    </div>\n                  ))}\n                </div>\n                <div class=\"hb-date-picker__days\" role=\"row\">\n                  {days.map((day, index) => {\n                    const dayDisabled = day.isCurrentMonth && this.isDateDisabled(day.date);\n                    return (\n                      <div\n                        key={index}\n                        class={{\n                          'hb-date-picker__day': true,\n                          'hb-date-picker__day--other-month': !day.isCurrentMonth,\n                          'hb-date-picker__day--today': day.isToday,\n                          'hb-date-picker__day--selected': day.isSelected,\n                          'hb-date-picker__day--disabled': dayDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={day.isSelected ? 'true' : 'false'}\n                        aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                        aria-label={formatDate(day.date, this.format)}\n                        onClick={() => day.isCurrentMonth && !dayDisabled && this.handleDateSelect(day.date)}\n                      >\n                        {day.date.getDate()}\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            )}\n            {this.type === 'month' && (\n              <div class=\"hb-date-picker__body hb-date-picker__month-grid\" role=\"grid\">\n                {MONTH_NAMES.map((name, idx) => {\n                  const probe = new Date(panelAnchor.getFullYear(), idx, 1);\n                  const monthDisabled = !!this.disabledDate && this.disabledDate(probe);\n                  const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === panelAnchor.getFullYear() && this.selectedDate.getMonth() === idx;\n                  return (\n                    <div\n                      class={{\n                        'hb-date-picker__month-cell': true,\n                        'hb-date-picker__month-cell--selected': isSelected,\n                        'hb-date-picker__month-cell--disabled': monthDisabled,\n                      }}\n                      role=\"gridcell\"\n                      aria-selected={isSelected ? 'true' : 'false'}\n                      aria-disabled={monthDisabled ? 'true' : undefined}\n                      onClick={() => !monthDisabled && this.handleMonthSelect(idx)}\n                    >\n                      {name}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n            {this.type === 'year' && (\n              <div class=\"hb-date-picker__body hb-date-picker__year-grid\" role=\"grid\">\n                {(() => {\n                  const startYear = Math.floor(panelAnchor.getFullYear() / 12) * 12;\n                  const years: number[] = [];\n                  for (let i = 0; i < 12; i++) years.push(startYear + i);\n                  return years.map(y => {\n                    const probe = new Date(y, 0, 1);\n                    const yearDisabled = !!this.disabledDate && this.disabledDate(probe);\n                    const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === y;\n                    return (\n                      <div\n                        class={{\n                          'hb-date-picker__year-cell': true,\n                          'hb-date-picker__year-cell--selected': isSelected,\n                          'hb-date-picker__year-cell--disabled': yearDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={isSelected ? 'true' : 'false'}\n                        aria-disabled={yearDisabled ? 'true' : undefined}\n                        onClick={() => !yearDisabled && this.handleYearSelect(y)}\n                      >\n                        {y}\n                      </div>\n                    );\n                  });\n                })()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-date-range-picker.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
-import { p as parseDate, f as formatDate, a as addMonths, i as isSameDay, g as getCalendarDays, W as WEEK_DAY_NAMES, M as MONTH_NAMES } from './p-08b4005c.js';
+import { p as parseDate, f as formatDate, a as addMonths, i as isSameDay, g as getCalendarDays, W as WEEK_DAY_NAMES, M as MONTH_NAMES } from './p-e0876aca.js';
 import { c as createClickOutsideHandler } from './p-4ef5a884.js';
 
 const dateRangePickerCss = "/*! 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:inline-block}.hb-date-range-picker{display:inline-block;position:relative}.hb-date-range-picker__input-wrapper{align-items:center;cursor:pointer;display:inline-flex;gap:4px}.hb-date-range-picker__input{background-color:var(--hb-color-bg-container,#fff);border:1px solid var(--hb-color-border,#dcdfe6);border-radius:var(--hb-border-radius-base,4px);box-sizing:border-box;color:var(--hb-color-text,#606266);cursor:pointer;font-size:var(--hb-font-size-base,14px);height:var(--hb-size-default,32px);line-height:var(--hb-size-default,32px);outline:none;padding:0 8px;transition:border-color var(--hb-transition-duration,.2s)ease;width:140px}.hb-date-range-picker__input:hover:not(:disabled){border-color:var(--hb-color-primary,#1677ff)}.hb-date-range-picker__separator{color:var(--hb-color-text-secondary,#909399);font-size:var(--hb-font-size-base,14px)}.hb-date-range-picker__suffix{align-items:center;display:inline-flex;margin-left:-28px;pointer-events:none}.hb-date-range-picker__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;pointer-events:auto;transition:color var(--hb-transition-duration,.2s)ease}.hb-date-range-picker__clear:hover{color:var(--hb-color-text,#606266)}.hb-date-range-picker__icon{font-size:14px}.hb-date-range-picker__dropdown{background-color:var(--hb-color-bg-container,#fff);border:1px solid var(--hb-color-border,#dcdfe6);border-radius:var(--hb-border-radius-base,4px);box-shadow:var(--hb-box-shadow-lg,0 2px 12px 0 #0000001a);display:flex;gap:8px;left:0;margin-top:4px;padding:8px;position:absolute;top:100%;z-index:var(--hb-z-index-dropdown,1050)}.hb-date-range-picker__pane{min-width:280px;padding:12px}.hb-date-range-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-range-picker__header-label{color:var(--hb-color-text,#606266);font-size:var(--hb-font-size-base,14px);font-weight:600}.hb-date-range-picker__next-btn,.hb-date-range-picker__prev-btn{background:0 0;border:none;color:var(--hb-color-text,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color var(--hb-transition-duration,.2s)ease}.hb-date-range-picker__next-btn:hover,.hb-date-range-picker__prev-btn:hover{color:var(--hb-color-primary,#1677ff)}.hb-date-range-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-range-picker__weekday{color:var(--hb-color-text-tertiary,#909399);font-size:var(--hb-font-size-sm,12px);font-weight:500;text-align:center}.hb-date-range-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-range-picker__day{align-items:center;aspect-ratio:1;border-radius:var(--hb-border-radius-base,4px);color:var(--hb-color-text,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all var(--hb-transition-duration,.2s)ease}.hb-date-range-picker__day:hover:not(.hb-date-range-picker__day--other-month){background-color:var(--hb-color-fill-tertiary,#f5f7fa)}.hb-date-range-picker__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-range-picker__day--disabled{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:not-allowed}.hb-date-range-picker__day--disabled:hover{background-color:#0000}.hb-date-range-picker__day--today{color:var(--hb-color-primary,#1677ff);font-weight:600}.hb-date-range-picker__day--in-range{background-color:var(--hb-color-primary-bg,#e6f4ff);border-radius:0}.hb-date-range-picker__day--end,.hb-date-range-picker__day--start{background-color:var(--hb-color-primary,#1677ff);color:var(--hb-color-text-inverse,#fff)}.hb-date-range-picker--small .hb-date-range-picker__input{font-size:var(--hb-font-size-sm,12px);height:var(--hb-size-sm,24px);line-height:var(--hb-size-sm,24px)}.hb-date-range-picker--large .hb-date-range-picker__input{font-size:var(--hb-font-size-lg,16px);height:var(--hb-size-lg,40px);line-height:var(--hb-size-lg,40px)}.hb-date-range-picker--disabled{cursor:not-allowed}.hb-date-range-picker--disabled .hb-date-range-picker__input{background-color:var(--hb-color-fill-tertiary,#f5f7fa);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@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}";

package/dist/components/hb-date-time-picker.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
 import { c as createClickOutsideHandler } from './p-4ef5a884.js';
-import { p as parseDate, f as formatDate, a as addMonths, g as getCalendarDays, M as MONTH_NAMES, W as WEEK_DAY_NAMES } from './p-08b4005c.js';
+import { p as parseDate, f as formatDate, a as addMonths, g as getCalendarDays, M as MONTH_NAMES, W as WEEK_DAY_NAMES } from './p-e0876aca.js';
 
 const dateTimePickerCss = "/*! 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{--hb-date-time-picker-font-size:14px;--hb-date-time-picker-height:32px;--hb-date-time-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-date-time-picker-border-color-hover:var(--hb-color-primary);--hb-date-time-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-date-time-picker{display:inline-block;position:relative;width:280px}.hb-date-time-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-date-time-picker__input{background-color:var(--hb-date-time-picker-bg-color);border:1px solid var(--hb-date-time-picker-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-date-time-picker-font-size);height:var(--hb-date-time-picker-height);line-height:var(--hb-date-time-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-date-time-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-date-time-picker__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;margin-right:8px}.hb-date-time-picker__dropdown{background-color:var(--hb-date-time-picker-bg-color);border:1px solid var(--hb-date-time-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:320px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-date-time-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-time-picker__header-label{font-size:14px;font-weight:600}.hb-date-time-picker__next-btn,.hb-date-time-picker__prev-btn{background:0 0;border:none;cursor:pointer;font-size:18px;padding:4px 8px}.hb-date-time-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-time-picker__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;text-align:center}.hb-date-time-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-time-picker__day{align-items:center;aspect-ratio:1;border-radius:4px;cursor:pointer;display:flex;font-size:13px;justify-content:center}.hb-date-time-picker__day:hover:not(.hb-date-time-picker__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-time-picker__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-time-picker__time-body{display:flex;padding:8px}.hb-date-time-picker__time-list{flex:1;max-height:280px;overflow-y:auto}.hb-date-time-picker__time-title{border-bottom:1px solid var(--hb-border-color-lighter,#e4e7ed);font-size:12px;padding:8px 0;text-align:center}.hb-date-time-picker__time-content{padding:4px 0}.hb-date-time-picker__time-item{cursor:pointer;font-size:13px;padding:8px 16px;text-align:center}.hb-date-time-picker__time-item:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-time-picker__time-item--selected{background-color:var(--hb-color-primary-light-9,#ecf5ff);color:var(--hb-color-primary);font-weight:600}@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 HbDateTimePickerStyle0 = dateTimePickerCss;

package/dist/components/hb-descriptions.js.map

@@ -1 +1 @@
-{"file":"hb-descriptions.js","mappings":";;AAAA,MAAM,eAAe,GAAG,89OAA89O,CAAC;AACv/O,6BAAe,eAAe;;MCMjB,YAAY;;;;;;;IAEf,KAAK,GAAW,EAAE,CAAC;;IAGnB,MAAM,GAAY,KAAK,CAAC;;IAGxB,MAAM,GAAW,CAAC,CAAC;;IAGnB,KAAK,GAAY,IAAI,CAAC;;IAGtB,KAAK,GAAsB,EAAE,CAAC;IAEtC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,CAAC,MAAM,EAAE,IAC9E,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAO,EACrE,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,MAAM,mBAAmB,EAAE,IACvG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,WACE,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,SAAS,IAElE,YAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,wBAAwB,aAAS,CACvD,EACP,YAAM,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAQ,CACpD,CACP,CAAC,CACE,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Descriptions/descriptions.css?tag=hb-descriptions&encapsulation=shadow","src/components/Descriptions/Descriptions.tsx"],"sourcesContent":[":host { display: block; }\n.hb-descriptions {\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  background: var(--hb-color-bg-container);\n  border-radius: var(--hb-border-radius-sm);\n}\n.hb-descriptions__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n  margin-bottom: var(--hb-spacing-sm);\n}\n.hb-descriptions__view { width: 100%; }\n.hb-descriptions__row {\n  display: grid;\n  gap: 0;\n  width: 100%;\n}\n.hb-descriptions__item {\n  display: flex;\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-descriptions__row .hb-descriptions__item:nth-last-child(-n+3):not(:nth-last-child(1)) {\n  /* 保留默认下边框，最后一项由下方规则移除 */\n}\n/* 简化：最后一个 item 无下边框 */\n.hb-descriptions__row .hb-descriptions__item:last-child { border-bottom: none; }\n\n.hb-descriptions__label {\n  color: var(--hb-color-text-secondary);\n  white-space: nowrap;\n  margin-right: var(--hb-spacing-sm);\n  flex-shrink: 0;\n}\n.hb-descriptions__colon { margin-left: 0; }\n.hb-descriptions__value {\n  color: var(--hb-color-text);\n  word-break: break-all;\n}\n\n/* 带边框样式 */\n.hb-descriptions--bordered {\n  border: 1px solid var(--hb-color-border-secondary);\n  overflow: hidden;\n}\n.hb-descriptions--bordered .hb-descriptions__title { padding: var(--hb-spacing-sm) var(--hb-spacing-md); margin-bottom: 0; border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-descriptions--bordered .hb-descriptions__item { border-right: 1px solid var(--hb-color-border-secondary); }\n.hb-descriptions--bordered .hb-descriptions__item:nth-child(3n) { border-right: none; }\n.hb-descriptions--bordered .hb-descriptions__item { padding: var(--hb-spacing-sm) var(--hb-spacing-md); }\n.hb-descriptions--bordered .hb-descriptions__item:last-child { border-bottom: none; }\n\n/* ============================================================\n * 响应式（移动端）：小屏 descriptions 改为单列纵向堆叠，\n * label 与 value 上下排列，避免横向挤压。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  .hb-descriptions__row {\n    grid-template-columns: 1fr !important;\n  }\n\n  .hb-descriptions__item {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--hb-spacing-xxs, 2px);\n  }\n\n  .hb-descriptions__label {\n    margin-right: 0;\n    margin-bottom: var(--hb-spacing-xxs, 2px);\n    font-weight: 500;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Descriptions 描述列表组件\n * 成组展示多个描述字段，支持列数、边框、冒号、跨列 span\n */\n@Component({ tag: 'hb-descriptions', styleUrl: 'descriptions.css', shadow: true })\nexport class Descriptions {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 每行列数 */\n  @Prop() column: number = 3;\n\n  /** 是否显示冒号 */\n  @Prop() colon: boolean = true;\n\n  /** 描述项数组 */\n  @Prop() items: DescriptionItem[] = [];\n\n  render() {\n    return (\n      <div class={{ 'hb-descriptions': true, 'hb-descriptions--bordered': this.border }}>\n        {this.title && <div class=\"hb-descriptions__title\">{this.title}</div>}\n        <div class=\"hb-descriptions__view\">\n          <div class=\"hb-descriptions__row\" style={{ gridTemplateColumns: `repeat(${this.column}, minmax(0, 1fr))` }}>\n            {this.items.map((item) => (\n              <div\n                class=\"hb-descriptions__item\"\n                style={item.span ? { gridColumn: `span ${item.span}` } : undefined}\n              >\n                <span class=\"hb-descriptions__label\">\n                  {item.label}\n                  {this.colon && <span class=\"hb-descriptions__colon\">：</span>}\n                </span>\n                <span class=\"hb-descriptions__value\">{item.value}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport interface DescriptionItem {\n  label: string;\n  value: string;\n  span?: number;\n}\n"],"version":3}
+{"file":"hb-descriptions.js","mappings":";;AAAA,MAAM,eAAe,GAAG,89OAA89O,CAAC;AACv/O,6BAAe,eAAe;;MCMjB,YAAY;;;;;;;IAEf,KAAK,GAAW,EAAE,CAAC;;IAGnB,MAAM,GAAY,KAAK,CAAC;;IAGxB,MAAM,GAAW,CAAC,CAAC;;IAGnB,KAAK,GAAY,IAAI,CAAC;;IAGtB,KAAK,GAAsB,EAAE,CAAC;IAEtC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,CAAC,MAAM,EAAE,IAC9E,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAO,EACrE,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,MAAM,mBAAmB,EAAE,IACvG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,WACE,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,SAAS,IAElE,YAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,wBAAwB,aAAS,CACvD,EACP,YAAM,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAQ,CACpD,CACP,CAAC,CACE,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Descriptions/descriptions.css?tag=hb-descriptions&encapsulation=shadow","src/components/Descriptions/Descriptions.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n.hb-descriptions {\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  background: var(--hb-color-bg-container);\n  border-radius: var(--hb-border-radius-sm);\n}\n.hb-descriptions__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n  margin-bottom: var(--hb-spacing-sm);\n}\n.hb-descriptions__view {\n  width: 100%;\n}\n.hb-descriptions__row {\n  display: grid;\n  gap: 0;\n  width: 100%;\n}\n.hb-descriptions__item {\n  display: flex;\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-descriptions__row .hb-descriptions__item:nth-last-child(-n + 3):not(:nth-last-child(1)) {\n  /* 保留默认下边框，最后一项由下方规则移除 */\n}\n/* 简化：最后一个 item 无下边框 */\n.hb-descriptions__row .hb-descriptions__item:last-child {\n  border-bottom: none;\n}\n\n.hb-descriptions__label {\n  color: var(--hb-color-text-secondary);\n  white-space: nowrap;\n  margin-right: var(--hb-spacing-sm);\n  flex-shrink: 0;\n}\n.hb-descriptions__colon {\n  margin-left: 0;\n}\n.hb-descriptions__value {\n  color: var(--hb-color-text);\n  word-break: break-all;\n}\n\n/* 带边框样式 */\n.hb-descriptions--bordered {\n  border: 1px solid var(--hb-color-border-secondary);\n  overflow: hidden;\n}\n.hb-descriptions--bordered .hb-descriptions__title {\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  margin-bottom: 0;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-descriptions--bordered .hb-descriptions__item {\n  border-right: 1px solid var(--hb-color-border-secondary);\n}\n.hb-descriptions--bordered .hb-descriptions__item:nth-child(3n) {\n  border-right: none;\n}\n.hb-descriptions--bordered .hb-descriptions__item {\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n}\n.hb-descriptions--bordered .hb-descriptions__item:last-child {\n  border-bottom: none;\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏 descriptions 改为单列纵向堆叠，\n * label 与 value 上下排列，避免横向挤压。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  .hb-descriptions__row {\n    grid-template-columns: 1fr !important;\n  }\n\n  .hb-descriptions__item {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--hb-spacing-xxs, 2px);\n  }\n\n  .hb-descriptions__label {\n    margin-right: 0;\n    margin-bottom: var(--hb-spacing-xxs, 2px);\n    font-weight: 500;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Descriptions 描述列表组件\n * 成组展示多个描述字段，支持列数、边框、冒号、跨列 span\n */\n@Component({ tag: 'hb-descriptions', styleUrl: 'descriptions.css', shadow: true })\nexport class Descriptions {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 每行列数 */\n  @Prop() column: number = 3;\n\n  /** 是否显示冒号 */\n  @Prop() colon: boolean = true;\n\n  /** 描述项数组 */\n  @Prop() items: DescriptionItem[] = [];\n\n  render() {\n    return (\n      <div class={{ 'hb-descriptions': true, 'hb-descriptions--bordered': this.border }}>\n        {this.title && <div class=\"hb-descriptions__title\">{this.title}</div>}\n        <div class=\"hb-descriptions__view\">\n          <div class=\"hb-descriptions__row\" style={{ gridTemplateColumns: `repeat(${this.column}, minmax(0, 1fr))` }}>\n            {this.items.map((item) => (\n              <div\n                class=\"hb-descriptions__item\"\n                style={item.span ? { gridColumn: `span ${item.span}` } : undefined}\n              >\n                <span class=\"hb-descriptions__label\">\n                  {item.label}\n                  {this.colon && <span class=\"hb-descriptions__colon\">：</span>}\n                </span>\n                <span class=\"hb-descriptions__value\">{item.value}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport interface DescriptionItem {\n  label: string;\n  value: string;\n  span?: number;\n}\n"],"version":3}

package/dist/components/hb-dialog.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
 import { g as getNextZIndex, l as lockScroll, u as unlockScroll } from './p-ecce2b5e.js';
-import { c as createFocusTrap } from './p-cc0aeb50.js';
+import { c as createFocusTrap } from './p-00aa34c8.js';
 
-const dialogCss = "/*! 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{.visible{visibility:visible}.container{width:100%}.hidden{display:none}.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:contents}.hb-dialog-wrapper{inset:0;pointer-events:none;position:fixed}.hb-dialog-wrapper--hidden{display:none}.hb-dialog__overlay{background-color:var(--hb-color-bg-mask);inset:0;transition:opacity .3s}.hb-dialog,.hb-dialog__overlay{pointer-events:auto;position:fixed}.hb-dialog{background-color:var(--hb-dialog-bg);border-radius:var(--hb-dialog-radius);box-shadow:var(--hb-dialog-shadow);display:flex;flex-direction:column;left:50%;max-height:90vh;opacity:0;overflow:hidden;top:50%;transform:translate(-50%,-50%)scale(.9);transition:opacity .3s,transform .3s}.hb-dialog--visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.hb-dialog--fullscreen{border-radius:0;height:100vh;left:0;max-height:100vh;top:0;transform:none;width:100%!important}.hb-dialog--fullscreen.hb-dialog--visible{transform:none}.hb-dialog__header{align-items:center;border-bottom:1px solid var(--hb-color-border-secondary);display:flex;justify-content:space-between;padding:var(--hb-spacing-md)var(--hb-spacing-lg)}.hb-dialog__title{color:var(--hb-color-text-primary);font-size:var(--hb-font-size-lg);font-weight:600}.hb-dialog__close{align-items:center;background:0 0;border:none;border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text-secondary);cursor:pointer;display:inline-flex;font-size:18px;height:28px;justify-content:center;transition:all var(--hb-transition-duration);width:28px}.hb-dialog__close:hover{background-color:var(--hb-color-fill-tertiary);color:var(--hb-color-text-primary)}.hb-dialog__body{color:var(--hb-color-text);flex:1;font-size:var(--hb-font-size-base);overflow-y:auto;padding:var(--hb-spacing-lg)}.hb-dialog__footer{align-items:center;border-top:1px solid var(--hb-color-border-secondary);display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end;padding:var(--hb-spacing-sm)var(--hb-spacing-lg)}@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}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}";
+const dialogCss = "/*! 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{.visible{visibility:visible}.container{width:100%}.hidden{display:none}.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:contents}.hb-dialog-wrapper{inset:0;pointer-events:none;position:fixed}.hb-dialog-wrapper--hidden{display:none}.hb-dialog__overlay{animation:hb-dialog-overlay-in .3s both;background-color:var(--hb-color-bg-mask);inset:0;pointer-events:auto;position:fixed}.hb-dialog__overlay--leaving{animation:hb-dialog-overlay-out .3s both}@keyframes hb-dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes hb-dialog-overlay-out{0%{opacity:1}to{opacity:0}}.hb-dialog{animation:hb-dialog-in .3s cubic-bezier(.16,1,.3,1) both;background-color:var(--hb-dialog-bg);border-radius:var(--hb-dialog-radius);box-shadow:var(--hb-dialog-shadow);display:flex;flex-direction:column;left:50%;max-height:90vh;overflow:hidden;pointer-events:auto;position:fixed;top:50%}.hb-dialog--leaving{animation:hb-dialog-out .3s cubic-bezier(.5,0,.75,0) both}@keyframes hb-dialog-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes hb-dialog-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.hb-dialog--fullscreen{border-radius:0;height:100vh;left:0;max-height:100vh;top:0;width:100%!important}.hb-dialog--fullscreen,.hb-dialog--fullscreen.hb-dialog--leaving{animation:none}.hb-dialog__header{align-items:center;border-bottom:1px solid var(--hb-color-border-secondary);display:flex;justify-content:space-between;padding:var(--hb-spacing-md)var(--hb-spacing-lg)}.hb-dialog__title{color:var(--hb-color-text-primary);font-size:var(--hb-font-size-lg);font-weight:600}.hb-dialog__close{align-items:center;background:0 0;border:none;border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:all var(--hb-transition-duration);width:28px}.hb-dialog__close svg{height:16px;width:16px}.hb-dialog__close:hover{background-color:var(--hb-color-fill-tertiary);color:var(--hb-color-text-primary)}.hb-dialog__body{color:var(--hb-color-text);flex:1;font-size:var(--hb-font-size-base);overflow-y:auto;padding:var(--hb-spacing-lg)}.hb-dialog__footer{align-items:center;border-top:1px solid var(--hb-color-border-secondary);display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end;padding:var(--hb-spacing-sm)var(--hb-spacing-lg)}@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}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}";
 const HbDialogStyle0 = dialogCss;
 
 const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
@@ -42,18 +42,28 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
     zIndex = 0;
     panelRef;
     trap;
-    handleVisibleChange(newVal) {
+    /** 离场动画期间保留渲染（避免 display:none 打断 transition） */
+    leaving = false;
+    leaveTimer;
+    handleVisibleChange(newVal, oldVal) {
         if (newVal) {
+            // 打开：清掉可能残留的离场定时器，重置 leaving
+            if (this.leaveTimer) {
+                clearTimeout(this.leaveTimer);
+                this.leaveTimer = undefined;
+            }
+            this.leaving = false;
             this.zIndex = getNextZIndex();
             if (this.modal)
                 lockScroll();
             this.hbOpen.emit();
             document.addEventListener('keydown', this.handleKeyDown);
         }
-        else {
-            if (this.modal)
-                unlockScroll();
-            document.removeEventListener('keydown', this.handleKeyDown);
+        else if (oldVal) {
+            // 关闭（受控或内部触发统一走这里）：进入离场动画期，
+            // 动画结束（300ms）后才 emit closed + 真正卸载。
+            // 仅在「从打开→关闭」时执行，避免已关闭时重复 emit。
+            this.startLeave();
         }
     }
     disconnectedCallback() {
@@ -61,6 +71,8 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
             unlockScroll();
         document.removeEventListener('keydown', this.handleKeyDown);
         this.trap?.disconnect();
+        if (this.leaveTimer)
+            clearTimeout(this.leaveTimer);
     }
     componentDidRender() {
         if (!this.panelRef)
@@ -82,24 +94,51 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
     };
     close = () => {
         this.modelValue = false;
-        this.hbClose.emit();
-        setTimeout(() => this.hbClosed.emit(), 300);
+        this.startLeave();
     };
+    /**
+     * 进入离场动画期：解锁滚动、移除监听、保留 DOM 播放动画，
+     * 结束（300ms）后重置 leaving 并 emit hbClosed。
+     * 受控关闭（父组件直接设 modelValue=false 经 @Watch）与内部关闭（ESC/遮罩/关闭按钮）
+     * 统一走这里，保证两者行为一致（都有动画 + 都 emit hbClose/hbClosed）。
+     */
+    startLeave() {
+        if (this.modal)
+            unlockScroll();
+        document.removeEventListener('keydown', this.handleKeyDown);
+        this.hbClose.emit();
+        this.leaving = true;
+        if (this.leaveTimer)
+            clearTimeout(this.leaveTimer);
+        this.leaveTimer = setTimeout(() => {
+            this.leaving = false;
+            this.hbClosed.emit();
+        }, 300);
+    }
     handleOverlayClick = () => {
         if (this.closeOnClickModal)
             this.close();
     };
+    /** 是否应渲染弹层 DOM：打开中 或 离场动画期内 */
+    get shouldRender() {
+        return this.modelValue || this.leaving;
+    }
     render() {
-        if (this.destroyOnClose && !this.modelValue)
+        if (this.destroyOnClose && !this.shouldRender)
             return null;
-        return (h("div", { class: { 'hb-dialog-wrapper': true, 'hb-dialog-wrapper--hidden': !this.modelValue } }, this.modal && (h("div", { class: "hb-dialog__overlay", style: { zIndex: String(this.zIndex) }, onClick: this.handleOverlayClick })), h("div", { ref: (el) => (this.panelRef = el), class: {
+        return (h("div", { class: { 'hb-dialog-wrapper': true, 'hb-dialog-wrapper--hidden': !this.shouldRender } }, this.modal && (h("div", { class: {
+                'hb-dialog__overlay': true,
+                'hb-dialog__overlay--visible': this.modelValue,
+                'hb-dialog__overlay--leaving': this.leaving,
+            }, style: { zIndex: String(this.zIndex) }, onClick: this.handleOverlayClick })), h("div", { ref: el => (this.panelRef = el), class: {
                 'hb-dialog': true,
                 'hb-dialog--fullscreen': this.fullscreen,
                 'hb-dialog--visible': this.modelValue,
+                'hb-dialog--leaving': this.leaving,
             }, style: {
                 zIndex: String(this.zIndex + 1),
                 width: this.fullscreen ? '100%' : this.width,
-            }, role: "dialog", "aria-modal": "true" }, h("div", { class: "hb-dialog__header" }, h("span", { class: "hb-dialog__title" }, this.title), this.showClose && (h("button", { type: "button", class: "hb-dialog__close", "aria-label": "\u5173\u95ED", onClick: this.close }, "\u00D7"))), h("div", { class: "hb-dialog__body" }, h("slot", null)), h("div", { class: "hb-dialog__footer" }, h("slot", { name: "footer" })))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.modelValue ? 'false' : 'true' }, h("div", { class: "hb-dialog__header" }, h("span", { class: "hb-dialog__title" }, this.title), this.showClose && (h("button", { type: "button", class: "hb-dialog__close", "aria-label": "\u5173\u95ED", onClick: this.close }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M6 6l12 12M18 6L6 18" }))))), h("div", { class: "hb-dialog__body" }, h("slot", null)), h("div", { class: "hb-dialog__footer" }, h("slot", { name: "footer" })))));
     }
     static get watchers() { return {
         "modelValue": ["handleVisibleChange"]
@@ -114,7 +153,8 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
         "closeOnClickModal": [4, "close-on-click-modal"],
         "closeOnPressEscape": [4, "close-on-press-escape"],
         "showClose": [4, "show-close"],
-        "destroyOnClose": [4, "destroy-on-close"]
+        "destroyOnClose": [4, "destroy-on-close"],
+        "leaving": [32]
     }, undefined, {
         "modelValue": ["handleVisibleChange"]
     }]);

package/dist/components/hb-dialog.js.map

@@ -1 +1 @@
-{"file":"hb-dialog.js","mappings":"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","names":[],"sources":["src/components/Dialog/dialog.css?tag=hb-dialog&encapsulation=shadow","src/components/Dialog/Dialog.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.hb-dialog-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n\n.hb-dialog-wrapper--hidden {\n  display: none;\n}\n\n.hb-dialog__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--hb-color-bg-mask);\n  transition: opacity 0.3s;\n  pointer-events: auto;\n}\n\n.hb-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.9);\n  background-color: var(--hb-dialog-bg);\n  border-radius: var(--hb-dialog-radius);\n  box-shadow: var(--hb-dialog-shadow);\n  pointer-events: auto;\n  opacity: 0;\n  transition: opacity 0.3s, transform 0.3s;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n}\n\n.hb-dialog--visible {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.hb-dialog--fullscreen {\n  width: 100% !important;\n  height: 100vh;\n  top: 0;\n  left: 0;\n  transform: none;\n  border-radius: 0;\n  max-height: 100vh;\n}\n.hb-dialog--fullscreen.hb-dialog--visible {\n  transform: none;\n}\n\n.hb-dialog__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--hb-spacing-md) var(--hb-spacing-lg);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-dialog__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n}\n\n.hb-dialog__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  font-size: 18px;\n  color: var(--hb-color-text-secondary);\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-sm);\n  transition: all var(--hb-transition-duration);\n}\n\n.hb-dialog__close:hover {\n  background-color: var(--hb-color-fill-tertiary);\n  color: var(--hb-color-text-primary);\n}\n\n.hb-dialog__body {\n  flex: 1;\n  padding: var(--hb-spacing-lg);\n  overflow-y: auto;\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-base);\n}\n\n.hb-dialog__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--hb-spacing-xs);\n  padding: var(--hb-spacing-sm) var(--hb-spacing-lg);\n  border-top: 1px solid var(--hb-color-border-secondary);\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { lockScroll, unlockScroll, getNextZIndex } from '../../utils/popup-manager';\nimport { createFocusTrap, FocusTrap } from '../../utils/a11y';\n\n/**\n * Dialog 对话框组件\n * 在保留当前页面状态的情况下，告知用户并承载相关操作\n */\n@Component({\n  tag: 'hb-dialog',\n  styleUrl: 'dialog.css',\n  shadow: true,\n})\nexport class Dialog {\n  @Element() el: HTMLElement;\n\n  /** 是否显示 */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 宽度 */\n  @Prop() width: string = '50%';\n\n  /** 是否全屏 */\n  @Prop() fullscreen: boolean = false;\n\n  /** 是否显示遮罩 */\n  @Prop() modal: boolean = true;\n\n  /** 是否点击遮罩关闭 */\n  @Prop() closeOnClickModal: boolean = true;\n\n  /** 是否按 ESC 关闭 */\n  @Prop() closeOnPressEscape: boolean = true;\n\n  /** 是否显示关闭按钮 */\n  @Prop() showClose: boolean = true;\n\n  /** 关闭时销毁 */\n  @Prop() destroyOnClose: boolean = false;\n\n  /** 打开事件 */\n  @Event() hbOpen: EventEmitter<void>;\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  /** 已关闭动画结束事件 */\n  @Event() hbClosed: EventEmitter<void>;\n\n  private zIndex: number = 0;\n  private panelRef?: HTMLElement;\n  private trap?: FocusTrap;\n\n  @Watch('modelValue')\n  handleVisibleChange(newVal: boolean) {\n    if (newVal) {\n      this.zIndex = getNextZIndex();\n      if (this.modal) lockScroll();\n      this.hbOpen.emit();\n      document.addEventListener('keydown', this.handleKeyDown);\n    } else {\n      if (this.modal) unlockScroll();\n      document.removeEventListener('keydown', this.handleKeyDown);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.modelValue && this.modal) unlockScroll();\n    document.removeEventListener('keydown', this.handleKeyDown);\n    this.trap?.disconnect();\n  }\n\n  componentDidRender() {\n    if (!this.panelRef) return;\n    if (this.modelValue) {\n      if (!this.trap) {\n        this.trap = createFocusTrap({ container: this.panelRef });\n      }\n      this.trap.connect();\n    } else {\n      this.trap?.disconnect();\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.closeOnPressEscape && e.key === 'Escape') {\n      this.close();\n    }\n  };\n\n  private close = () => {\n    this.modelValue = false;\n    this.hbClose.emit();\n    setTimeout(() => this.hbClosed.emit(), 300);\n  };\n\n  private handleOverlayClick = () => {\n    if (this.closeOnClickModal) this.close();\n  };\n\n  render() {\n    if (this.destroyOnClose && !this.modelValue) return null;\n\n    return (\n      <div class={{ 'hb-dialog-wrapper': true, 'hb-dialog-wrapper--hidden': !this.modelValue }}>\n        {this.modal && (\n          <div\n            class=\"hb-dialog__overlay\"\n            style={{ zIndex: String(this.zIndex) }}\n            onClick={this.handleOverlayClick}\n          />\n        )}\n        <div\n          ref={(el) => (this.panelRef = el as HTMLElement)}\n          class={{\n            'hb-dialog': true,\n            'hb-dialog--fullscreen': this.fullscreen,\n            'hb-dialog--visible': this.modelValue,\n          }}\n          style={{\n            zIndex: String(this.zIndex + 1),\n            width: this.fullscreen ? '100%' : this.width,\n          }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          <div class=\"hb-dialog__header\">\n            <span class=\"hb-dialog__title\">{this.title}</span>\n            {this.showClose && (\n              <button type=\"button\" class=\"hb-dialog__close\" aria-label=\"关闭\" onClick={this.close}>×</button>\n            )}\n          </div>\n          <div class=\"hb-dialog__body\">\n            <slot />\n          </div>\n          <div class=\"hb-dialog__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-dialog.js","mappings":"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","names":[],"sources":["src/components/Dialog/dialog.css?tag=hb-dialog&encapsulation=shadow","src/components/Dialog/Dialog.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.hb-dialog-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n\n.hb-dialog-wrapper--hidden {\n  display: none;\n}\n\n.hb-dialog__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--hb-color-bg-mask);\n  pointer-events: auto;\n  /* 进场：opacity 0 → 1；离场由 --leaving class 反向播放 */\n  animation: hb-dialog-overlay-in 0.3s ease both;\n}\n\n.hb-dialog__overlay--leaving {\n  animation: hb-dialog-overlay-out 0.3s ease both;\n}\n\n@keyframes hb-dialog-overlay-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes hb-dialog-overlay-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.hb-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  background-color: var(--hb-dialog-bg);\n  border-radius: var(--hb-dialog-radius);\n  box-shadow: var(--hb-dialog-shadow);\n  pointer-events: auto;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  /* 进场：opacity + scale（对齐 antd Modal 的 fade+zoom） */\n  animation: hb-dialog-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n.hb-dialog--leaving {\n  animation: hb-dialog-out 0.3s cubic-bezier(0.5, 0, 0.75, 0) both;\n}\n\n@keyframes hb-dialog-in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes hb-dialog-out {\n  from {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.95);\n  }\n}\n\n.hb-dialog--fullscreen {\n  width: 100% !important;\n  height: 100vh;\n  top: 0;\n  left: 0;\n  border-radius: 0;\n  max-height: 100vh;\n}\n.hb-dialog--fullscreen,\n.hb-dialog--fullscreen.hb-dialog--leaving {\n  animation: none;\n}\n\n.hb-dialog__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--hb-spacing-md) var(--hb-spacing-lg);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-dialog__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n}\n\n.hb-dialog__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  color: var(--hb-color-text-secondary);\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-sm);\n  transition: all var(--hb-transition-duration);\n  padding: 0;\n}\n\n.hb-dialog__close svg {\n  width: 16px;\n  height: 16px;\n}\n\n.hb-dialog__close:hover {\n  background-color: var(--hb-color-fill-tertiary);\n  color: var(--hb-color-text-primary);\n}\n\n.hb-dialog__body {\n  flex: 1;\n  padding: var(--hb-spacing-lg);\n  overflow-y: auto;\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-base);\n}\n\n.hb-dialog__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--hb-spacing-xs);\n  padding: var(--hb-spacing-sm) var(--hb-spacing-lg);\n  border-top: 1px solid var(--hb-color-border-secondary);\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { lockScroll, unlockScroll, getNextZIndex } from '../../utils/popup-manager';\nimport { createFocusTrap, FocusTrap } from '../../utils/a11y';\n\n/**\n * Dialog 对话框组件\n * 在保留当前页面状态的情况下，告知用户并承载相关操作\n */\n@Component({\n  tag: 'hb-dialog',\n  styleUrl: 'dialog.css',\n  shadow: true,\n})\nexport class Dialog {\n  @Element() el: HTMLElement;\n\n  /** 是否显示 */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 宽度 */\n  @Prop() width: string = '50%';\n\n  /** 是否全屏 */\n  @Prop() fullscreen: boolean = false;\n\n  /** 是否显示遮罩 */\n  @Prop() modal: boolean = true;\n\n  /** 是否点击遮罩关闭 */\n  @Prop() closeOnClickModal: boolean = true;\n\n  /** 是否按 ESC 关闭 */\n  @Prop() closeOnPressEscape: boolean = true;\n\n  /** 是否显示关闭按钮 */\n  @Prop() showClose: boolean = true;\n\n  /** 关闭时销毁 */\n  @Prop() destroyOnClose: boolean = false;\n\n  /** 打开事件 */\n  @Event() hbOpen: EventEmitter<void>;\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  /** 已关闭动画结束事件 */\n  @Event() hbClosed: EventEmitter<void>;\n\n  private zIndex: number = 0;\n  private panelRef?: HTMLElement;\n  private trap?: FocusTrap;\n  /** 离场动画期间保留渲染（避免 display:none 打断 transition） */\n  @State() leaving: boolean = false;\n  private leaveTimer?: ReturnType<typeof setTimeout>;\n\n  @Watch('modelValue')\n  handleVisibleChange(newVal: boolean, oldVal: boolean) {\n    if (newVal) {\n      // 打开：清掉可能残留的离场定时器，重置 leaving\n      if (this.leaveTimer) {\n        clearTimeout(this.leaveTimer);\n        this.leaveTimer = undefined;\n      }\n      this.leaving = false;\n      this.zIndex = getNextZIndex();\n      if (this.modal) lockScroll();\n      this.hbOpen.emit();\n      document.addEventListener('keydown', this.handleKeyDown);\n    } else if (oldVal) {\n      // 关闭（受控或内部触发统一走这里）：进入离场动画期，\n      // 动画结束（300ms）后才 emit closed + 真正卸载。\n      // 仅在「从打开→关闭」时执行，避免已关闭时重复 emit。\n      this.startLeave();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.modelValue && this.modal) unlockScroll();\n    document.removeEventListener('keydown', this.handleKeyDown);\n    this.trap?.disconnect();\n    if (this.leaveTimer) clearTimeout(this.leaveTimer);\n  }\n\n  componentDidRender() {\n    if (!this.panelRef) return;\n    if (this.modelValue) {\n      if (!this.trap) {\n        this.trap = createFocusTrap({ container: this.panelRef });\n      }\n      this.trap.connect();\n    } else {\n      this.trap?.disconnect();\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.closeOnPressEscape && e.key === 'Escape') {\n      this.close();\n    }\n  };\n\n  private close = () => {\n    this.modelValue = false;\n    this.startLeave();\n  };\n\n  /**\n   * 进入离场动画期：解锁滚动、移除监听、保留 DOM 播放动画，\n   * 结束（300ms）后重置 leaving 并 emit hbClosed。\n   * 受控关闭（父组件直接设 modelValue=false 经 @Watch）与内部关闭（ESC/遮罩/关闭按钮）\n   * 统一走这里，保证两者行为一致（都有动画 + 都 emit hbClose/hbClosed）。\n   */\n  private startLeave() {\n    if (this.modal) unlockScroll();\n    document.removeEventListener('keydown', this.handleKeyDown);\n    this.hbClose.emit();\n    this.leaving = true;\n    if (this.leaveTimer) clearTimeout(this.leaveTimer);\n    this.leaveTimer = setTimeout(() => {\n      this.leaving = false;\n      this.hbClosed.emit();\n    }, 300);\n  }\n\n  private handleOverlayClick = () => {\n    if (this.closeOnClickModal) this.close();\n  };\n\n  /** 是否应渲染弹层 DOM：打开中 或 离场动画期内 */\n  private get shouldRender(): boolean {\n    return this.modelValue || this.leaving;\n  }\n\n  render() {\n    if (this.destroyOnClose && !this.shouldRender) return null;\n\n    return (\n      <div class={{ 'hb-dialog-wrapper': true, 'hb-dialog-wrapper--hidden': !this.shouldRender }}>\n        {this.modal && (\n          <div\n            class={{\n              'hb-dialog__overlay': true,\n              'hb-dialog__overlay--visible': this.modelValue,\n              'hb-dialog__overlay--leaving': this.leaving,\n            }}\n            style={{ zIndex: String(this.zIndex) }}\n            onClick={this.handleOverlayClick}\n          />\n        )}\n        <div\n          ref={el => (this.panelRef = el as HTMLElement)}\n          class={{\n            'hb-dialog': true,\n            'hb-dialog--fullscreen': this.fullscreen,\n            'hb-dialog--visible': this.modelValue,\n            'hb-dialog--leaving': this.leaving,\n          }}\n          style={{\n            zIndex: String(this.zIndex + 1),\n            width: this.fullscreen ? '100%' : this.width,\n          }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden={this.modelValue ? 'false' : 'true'}\n        >\n          <div class=\"hb-dialog__header\">\n            <span class=\"hb-dialog__title\">{this.title}</span>\n            {this.showClose && (\n              <button type=\"button\" class=\"hb-dialog__close\" aria-label=\"关闭\" onClick={this.close}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </button>\n            )}\n          </div>\n          <div class=\"hb-dialog__body\">\n            <slot />\n          </div>\n          <div class=\"hb-dialog__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}