huibo-ui 0.3.0 → 0.5.0

package/dist/huibo-ui/p-58d20809.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectCss","HbSelectStyle0","Select","modelValue","options","placeholder","disabled","size","clearable","multiple","filterable","filterMethod","defaultFirstOption","allowCreate","collapseTags","maxCollapseTags","isOpen","inputValue","searchValue","filteredOptions","activeOptionIndex","hbChange","hbVisibleChange","clickOutside","createClickOutsideHandler","host","this","onClose","emit","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","handleOptionsChange","Array","isArray","labels","map","val","option","find","opt","value","label","String","join","handleInputClick","handleWrapperKeydown","e","displayOptions","key","preventDefault","action","handleListKeyboard","activeIndex","itemCount","length","loop","type","index","handleSelect","currentValue","indexOf","splice","push","handleClear","stopPropagation","undefined","handleSearch","target","filter","toLowerCase","includes","isSelected","render","showClear","h","class","onClick","onKeyDown","slice","role","readonly","onInput","divided"],"sources":["src/components/Select/select.css?tag=hb-select&encapsulation=shadow","src/components/Select/Select.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-select-font-size: 14px;\n  --hb-select-height: 32px;\n  --hb-select-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-select-border-color-hover: var(--hb-color-primary);\n  --hb-select-bg-color: var(--hb-color-white, #ffffff);\n  --hb-select-text-color: var(--hb-color-text-regular, #606266);\n  --hb-select-placeholder-color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-select {\n  display: inline-block;\n  position: relative;\n  width: 240px;\n}\n\n.hb-select__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-select__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-select-height);\n  line-height: var(--hb-select-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-select-font-size);\n  color: var(--hb-select-text-color);\n  background-color: var(--hb-select-bg-color);\n  border: 1px solid var(--hb-select-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-select__input::placeholder {\n  color: var(--hb-select-placeholder-color);\n}\n\n.hb-select__input:hover:not(:disabled) {\n  border-color: var(--hb-select-border-color-hover);\n}\n\n.hb-select__input:focus {\n  border-color: var(--hb-select-border-color-hover);\n}\n\n.hb-select__tags {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0 30px 0 5px;\n  min-height: var(--hb-select-height);\n  border: 1px solid var(--hb-select-border-color);\n  border-radius: 4px;\n  background-color: var(--hb-select-bg-color);\n}\n\n.hb-select__tag {\n  display: inline-flex;\n  align-items: center;\n  height: 24px;\n  padding: 0 8px;\n  margin: 2px 0 2px 6px;\n  background-color: var(--hb-fill-color-light, #f0f2f5);\n  border: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-select__tag-text {\n  margin-right: 4px;\n}\n\n.hb-select__tag-close {\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-select__tag-close:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-select__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  color: var(--hb-select-text-color);\n}\n\n.hb-select__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-select-placeholder-color);\n  transition: color 0.2s;\n}\n\n.hb-select__clear:hover {\n  color: var(--hb-select-text-color);\n}\n\n.hb-select__arrow {\n  font-size: 12px;\n  transition: transform 0.3s;\n}\n\n.hb-select--open .hb-select__arrow {\n  transform: rotate(180deg);\n}\n\n.hb-select__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-select-bg-color);\n  border: 1px solid var(--hb-select-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: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.hb-select__menu {\n  margin: 0;\n  padding: 6px 0;\n  list-style: none;\n}\n\n.hb-select__menu-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px;\n  font-size: var(--hb-select-font-size);\n  color: var(--hb-select-text-color);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.hb-select__menu-item:hover:not(.hb-select__menu-item--disabled):not(.hb-select__menu-item--divided) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-select__menu-item--selected {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-select__menu-item--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-select__menu-item--divided {\n  border-top: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n  margin-top: 6px;\n  padding-top: 6px;\n}\n\n.hb-select__menu-item--empty {\n  color: var(--hb-select-placeholder-color);\n  cursor: default;\n}\n\n.hb-select__menu-item-checkbox {\n  margin-right: 8px;\n  width: 14px;\n  text-align: center;\n}\n\n.hb-select__menu-item-label {\n  flex: 1;\n}\n\n.hb-select--small {\n  font-size: 12px;\n}\n\n.hb-select--small .hb-select__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 25px 0 12px;\n}\n\n.hb-select--large {\n  font-size: 16px;\n}\n\n.hb-select--large .hb-select__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 35px 0 18px;\n}\n\n.hb-select--disabled {\n  cursor: not-allowed;\n}\n\n.hb-select--disabled .hb-select__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-select-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { handleListKeyboard } from '../../utils/a11y';\n\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  disabled?: boolean;\n  divided?: boolean;\n}\n\n/**\n * Select 选择器组件\n * 当选项过多时，使用下拉菜单展示并选择内容\n */\n@Component({\n  tag: 'hb-select',\n  styleUrl: 'select.css',\n  shadow: true,\n})\nexport class Select {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string | number | (string | number)[];\n\n  /**\n   * 可选项数据源\n   */\n  @Prop() options: SelectOption[] = [];\n\n  /**\n   * 输入框占位文本\n   */\n  @Prop() placeholder: string = '请选择';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 输入框尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否可清空\n   * @default false\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * 是否多选\n   * @default false\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * 是否可搜索\n   * @default false\n   */\n  @Prop() filterable: boolean = false;\n\n  /**\n   * 自定义过滤方法\n   */\n  @Prop() filterMethod?: (query: string) => void;\n\n  /**\n   * 是否默认展开\n   * @default false\n   */\n  @Prop() defaultFirstOption: boolean = false;\n\n  /**\n   * 是否允许创建新条目\n   * @default false\n   */\n  @Prop() allowCreate: boolean = false;\n\n  /**\n   * 多选时是否将选中值按文字的形式展示\n   * @default false\n   */\n  @Prop() collapseTags: boolean = false;\n\n  /**\n   * 多选时最多显示多少个tag\n   */\n  @Prop() maxCollapseTags?: number;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() searchValue: string = '';\n  @State() filteredOptions: SelectOption[] = [];\n  /** 键盘高亮的选项索引（-1 表示无） */\n  @State() activeOptionIndex: number = -1;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string | number | (string | number)[]>;\n\n  /**\n   * 下拉框出现/隐藏时触发\n   */\n  @Event() hbVisibleChange: EventEmitter<boolean>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => { this.isOpen = false; this.hbVisibleChange.emit(false); },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => { this.isOpen = false; this.hbVisibleChange.emit(false); },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n    if (this.filterable) {\n      this.filteredOptions = this.options;\n    }\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  @Watch('options')\n  handleOptionsChange() {\n    if (this.filterable) {\n      this.filteredOptions = this.options;\n    }\n  }\n\n  private updateInputValue() {\n    if (!this.modelValue) {\n      this.inputValue = '';\n      return;\n    }\n\n    if (this.multiple && Array.isArray(this.modelValue)) {\n      const labels = this.modelValue.map(val => {\n        const option = this.options.find(opt => opt.value === val);\n        return option ? option.label : String(val);\n      });\n      this.inputValue = labels.join(', ');\n    } else {\n      const option = this.options.find(opt => opt.value === this.modelValue);\n      this.inputValue = option ? option.label : String(this.modelValue);\n    }\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) this.activeOptionIndex = -1;\n    this.hbVisibleChange.emit(this.isOpen);\n  };\n\n  private handleWrapperKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    const displayOptions = this.filterable ? this.filteredOptions : this.options;\n\n    if (!this.isOpen) {\n      // 关闭态：Enter / Space / 方向键 展开\n      if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar' ||\n        e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n        this.isOpen = true;\n        this.activeOptionIndex = -1;\n        this.hbVisibleChange.emit(true);\n      }\n      return;\n    }\n\n    const action = handleListKeyboard(e, {\n      activeIndex: this.activeOptionIndex,\n      itemCount: displayOptions.length,\n      loop: true,\n    });\n    switch (action.type) {\n      case 'navigate':\n        e.preventDefault();\n        this.activeOptionIndex = action.index;\n        break;\n      case 'select': {\n        e.preventDefault();\n        const opt = displayOptions[action.index];\n        if (opt && !opt.disabled) this.handleSelect(opt);\n        break;\n      }\n      case 'close':\n        e.preventDefault();\n        this.isOpen = false;\n        this.hbVisibleChange.emit(false);\n        break;\n      default:\n        break;\n    }\n  };\n\n  private handleSelect = (option: SelectOption) => {\n    if (option.disabled) return;\n\n    if (this.multiple) {\n      const currentValue = (this.modelValue as (string | number)[]) || [];\n      const index = currentValue.indexOf(option.value);\n      \n      if (index > -1) {\n        currentValue.splice(index, 1);\n      } else {\n        currentValue.push(option.value);\n      }\n      \n      this.modelValue = [...currentValue];\n    } else {\n      this.modelValue = option.value;\n      this.isOpen = false;\n      this.hbVisibleChange.emit(false);\n    }\n    \n    this.updateInputValue();\n    this.hbChange.emit(this.modelValue);\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = this.multiple ? [] : undefined;\n    this.inputValue = '';\n    this.isOpen = false;\n    this.hbChange.emit(this.modelValue);\n    this.hbVisibleChange.emit(false);\n  };\n\n  private handleSearch = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchValue = target.value;\n    \n    if (this.filterMethod) {\n      this.filterMethod(target.value);\n    } else {\n      this.filteredOptions = this.options.filter(opt =>\n        opt.label.toLowerCase().includes(target.value.toLowerCase())\n      );\n    }\n  };\n\n  private isSelected(option: SelectOption): boolean {\n    if (this.multiple && Array.isArray(this.modelValue)) {\n      return this.modelValue.includes(option.value);\n    }\n    return this.modelValue === option.value;\n  }\n\n  render() {\n    const displayOptions = this.filterable ? this.filteredOptions : this.options;\n    const showClear = this.clearable && this.modelValue !== undefined &&\n      (this.multiple ? (this.modelValue as any[]).length > 0 : true);\n\n    return (\n      <div\n        class={{\n          'hb-select': true,\n          'hb-select--open': this.isOpen,\n          'hb-select--disabled': this.disabled,\n          [`hb-select--${this.size}`]: true,\n        }}\n        aria-haspopup=\"listbox\"\n        aria-expanded={this.isOpen ? 'true' : 'false'}\n      >\n        <div class=\"hb-select__input-wrapper\" onClick={this.handleInputClick} onKeyDown={this.handleWrapperKeydown}>\n          {this.multiple && Array.isArray(this.modelValue) && this.modelValue.length > 0 ? (\n            <div class=\"hb-select__tags\">\n              {this.modelValue.slice(0, this.collapseTags && this.maxCollapseTags ? this.maxCollapseTags : undefined).map((val) => {\n                const option = this.options.find(opt => opt.value === val);\n                return (\n                  <span class=\"hb-select__tag\">\n                    <span class=\"hb-select__tag-text\">{option ? option.label : val}</span>\n                    <span class=\"hb-select__tag-close\" role=\"button\" aria-label=\"移除标签\" onClick={(e) => {\n                      e.stopPropagation();\n                      this.handleSelect(option || { value: val, label: String(val) });\n                    }}>×</span>\n                  </span>\n                );\n              })}\n              {this.collapseTags && this.maxCollapseTags && this.modelValue.length > this.maxCollapseTags && (\n                <span class=\"hb-select__tag\">\n                  <span class=\"hb-select__tag-text\">+{this.modelValue.length - this.maxCollapseTags}</span>\n                </span>\n              )}\n            </div>\n          ) : (\n            <input\n              type=\"text\"\n              class=\"hb-select__input\"\n              placeholder={this.placeholder}\n              value={this.filterable && this.isOpen ? this.searchValue : this.inputValue}\n              disabled={this.disabled}\n              readonly={!this.filterable || !this.isOpen}\n              onInput={this.handleSearch}\n              aria-haspopup=\"listbox\"\n              aria-expanded={this.isOpen ? 'true' : 'false'}\n              role=\"combobox\"\n            />\n          )}\n          <span class=\"hb-select__suffix\">\n            {showClear && (\n              <span class=\"hb-select__clear\" role=\"button\" aria-label=\"清空\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-select__arrow\">▼</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-select__dropdown\">\n            <ul class=\"hb-select__menu\" role=\"listbox\">\n              {displayOptions.length === 0 ? (\n                <li class=\"hb-select__menu-item hb-select__menu-item--empty\" aria-disabled=\"true\">无数据</li>\n              ) : (\n                displayOptions.map((option, index) => (\n                  <li\n                    class={{\n                      'hb-select__menu-item': true,\n                      'hb-select__menu-item--selected': this.isSelected(option),\n                      'hb-select__menu-item--disabled': option.disabled,\n                      'hb-select__menu-item--divided': option.divided,\n                      'hb-select__menu-item--active': index === this.activeOptionIndex,\n                    }}\n                    role=\"option\"\n                    aria-selected={this.isSelected(option) ? 'true' : 'false'}\n                    aria-disabled={option.disabled ? 'true' : undefined}\n                    onClick={() => this.handleSelect(option)}\n                  >\n                    {this.multiple && (\n                      <span class=\"hb-select__menu-item-checkbox\">\n                        {this.isSelected(option) ? '✓' : ''}\n                      </span>\n                    )}\n                    <span class=\"hb-select__menu-item-label\">{option.label}</span>\n                  </li>\n                ))\n              )}\n            </ul>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-59b2e61c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["switchCss","HbSwitchStyle0","Switch","modelValue","disabled","activeText","inactiveText","activeColor","inactiveColor","activeValue","inactiveValue","width","inlinePrompt","hbChange","handleChange","e","this","preventDefault","checked","target","value","emit","render","isChecked","h","key","class","style","type","role","onChange","undefined"],"sources":["src/components/Switch/switch.css?tag=hb-switch&encapsulation=shadow","src/components/Switch/Switch.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-switch-width: 40px;\n  --hb-switch-active-color: var(--hb-color-primary);\n  --hb-switch-inactive-color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-switch {\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n  font-size: 14px;\n  line-height: 20px;\n  height: 20px;\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.hb-switch__original {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n  position: absolute;\n}\n\n.hb-switch__core {\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  width: var(--hb-switch-width);\n  height: 20px;\n  border: 1px solid var(--hb-switch-inactive-color);\n  outline: none;\n  border-radius: 10px;\n  box-sizing: border-box;\n  background: var(--hb-switch-inactive-color);\n  cursor: pointer;\n  transition: border-color 0.3s, background-color 0.3s;\n  vertical-align: middle;\n}\n\n.hb-switch__core::after {\n  content: '';\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  border-radius: 100%;\n  transition: all 0.3s;\n  width: 16px;\n  height: 16px;\n  background-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-switch--checked .hb-switch__core {\n  border-color: var(--hb-switch-active-color);\n  background-color: var(--hb-switch-active-color);\n}\n\n.hb-switch--checked .hb-switch__core::after {\n  left: 100%;\n  margin-left: -17px;\n}\n\n.hb-switch__inner {\n  position: absolute;\n  left: 23px;\n  font-size: 12px;\n  color: var(--hb-color-white, #ffffff);\n  transition: all 0.3s;\n}\n\n.hb-switch--checked .hb-switch__inner {\n  left: 5px;\n}\n\n.hb-switch--disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hb-switch--disabled .hb-switch__core {\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Switch 开关组件\n * 表示两种相互对立的状态间的切换，多用于触发「开/关」\n */\n@Component({\n  tag: 'hb-switch',\n  styleUrl: 'switch.css',\n  shadow: true,\n})\nexport class Switch {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示文字描述\n   * @default false\n   */\n  @Prop() activeText?: string;\n\n  /**\n   * 关闭时的文字描述\n   */\n  @Prop() inactiveText?: string;\n\n  /**\n   * 打开时的背景色\n   */\n  @Prop() activeColor?: string;\n\n  /**\n   * 关闭时的背景色\n   */\n  @Prop() inactiveColor?: string;\n\n  /**\n   * 打开时的值\n   * @default true\n   */\n  @Prop() activeValue: boolean | string | number = true;\n\n  /**\n   * 关闭时的值\n   * @default false\n   */\n  @Prop() inactiveValue: boolean | string | number = false;\n\n  /**\n   * 宽度\n   */\n  @Prop() width?: number;\n\n  /**\n   * 是否内联提示\n   * @default false\n   */\n  @Prop() inlinePrompt: boolean = false;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<boolean | string | number>;\n\n  private handleChange = (e: Event) => {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    const checked = (e.target as HTMLInputElement).checked;\n    const value = checked ? this.activeValue : this.inactiveValue;\n    \n    this.modelValue = checked;\n    this.hbChange.emit(value);\n  };\n\n  render() {\n    const isChecked = this.modelValue === this.activeValue;\n    const width = this.width || (this.activeText || this.inactiveText ? 60 : 40);\n\n    return (\n      <label\n        class={{\n          'hb-switch': true,\n          'hb-switch--checked': isChecked,\n          'hb-switch--disabled': this.disabled,\n        }}\n        style={{\n          '--hb-switch-width': `${width}px`,\n          '--hb-switch-active-color': this.activeColor || 'var(--hb-color-primary)',\n          '--hb-switch-inactive-color': this.inactiveColor || 'var(--hb-color-text-placeholder, #c0c4cc)',\n        }}\n      >\n        <input\n          type=\"checkbox\"\n          class=\"hb-switch__original\"\n          role=\"switch\"\n          aria-checked={isChecked ? 'true' : 'false'}\n          checked={isChecked}\n          disabled={this.disabled}\n          onChange={this.handleChange}\n          aria-label={this.activeText || this.inactiveText || undefined}\n        />\n        <span class=\"hb-switch__core\">\n          {this.activeText || this.inactiveText ? (\n            <span class=\"hb-switch__inner\">\n              {isChecked ? this.activeText : this.inactiveText}\n            </span>\n          ) : null}\n        </span>\n      </label>\n    );\n  }\n}\n\n"],"mappings":"kDAAA,MAAMA,EAAY,m5NAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,4DAIQC,WAAsB,MAMvCC,SAAoB,MAMpBC,WAKAC,aAKAC,YAKAC,cAMAC,YAAyC,KAMzCC,cAA2C,MAK3CC,MAMAC,aAAwB,MAKvBC,SAEDC,aAAgBC,IACtB,GAAIC,KAAKZ,SAAU,CACjBW,EAAEE,iBACF,M,CAGF,MAAMC,EAAWH,EAAEI,OAA4BD,QAC/C,MAAME,EAAQF,EAAUF,KAAKP,YAAcO,KAAKN,cAEhDM,KAAKb,WAAae,EAClBF,KAAKH,SAASQ,KAAKD,EAAM,EAG3B,MAAAE,GACE,MAAMC,EAAYP,KAAKb,aAAea,KAAKP,YAC3C,MAAME,EAAQK,KAAKL,QAAUK,KAAKX,YAAcW,KAAKV,aAAe,GAAK,IAEzE,OACEkB,EAAA,SAAAC,IAAA,2CACEC,MAAO,CACL,YAAa,KACb,qBAAsBH,EACtB,sBAAuBP,KAAKZ,UAE9BuB,MAAO,CACL,oBAAqB,GAAGhB,MACxB,2BAA4BK,KAAKT,aAAe,0BAChD,6BAA8BS,KAAKR,eAAiB,8CAGtDgB,EAAA,SAAAC,IAAA,2CACEG,KAAK,WACLF,MAAM,sBACNG,KAAK,SAAQ,eACCN,EAAY,OAAS,QACnCL,QAASK,EACTnB,SAAUY,KAAKZ,SACf0B,SAAUd,KAAKF,aAAY,aACfE,KAAKX,YAAcW,KAAKV,cAAgByB,YAEtDP,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBACTV,KAAKX,YAAcW,KAAKV,aACvBkB,EAAA,QAAME,MAAM,oBACTH,EAAYP,KAAKX,WAAaW,KAAKV,cAEpC,M","ignoreList":[]}

package/dist/huibo-ui/p-64ca0980.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tableCss","HbTableStyle0","Table","data","columns","stripe","border","size","loading","rowKey","emptyText","maxHeight","highlightCurrentRow","selectable","actions","virtualScroll","itemHeight","virtualScrollHeight","treeProps","editable","sortProp","sortDirection","currentRow","selectedRows","Set","scrollTop","expandedRowKeys","editingCell","hbSortChange","hbRowClick","hbSelectionChange","hbAction","hbExpandChange","hbCellChange","handleDataChange","this","emitSelection","isTreeMode","childrenField","children","flattenTree","list","level","parentKeyPath","field","result","forEach","row","i","keyPath","key","kids","hasKids","Array","isArray","length","push","hasChildren","index","indexOf","toggleExpand","idx","expanded","filter","k","emit","startEdit","e","prop","stopPropagation","commitEdit","input","target","value","onEditKeydown","preventDefault","allCheckboxRef","componentDidRender","indeterminate","isIndeterminate","virtualBuffer","handleVirtualScroll","visibleRange","total","startIndex","endIndex","viewport","Math","floor","ceil","virtualTotalHeight","handleSort","order","sortedData","direction","sort","a","b","va","vb","isAllSelected","toggleRow","next","has","delete","add","toggleAll","map","_","selected","from","Boolean","handleRowClick","handleAction","action","hasActions","fixedOffsets","leftAcc","c","side","fixed","left","width","rightAcc","right","cellStyle","base","off","style","position","zIndex","renderRow","rowIndex","fr","tree","rowKeyVal","indent","isEditing","h","class","onClick","type","checked","onChange","col","colIdx","isFirstCol","showExpand","editing","editableActive","textAlign","align","undefined","display","onBlur","onKeyDown","name","formatter","whiteSpace","act","disabled","label","renderHeader","ref","el","minWidth","sortable","render","displayData","isEmpty","flatRows","renderVirtualBody","offsetTop","height","overflowY","onScroll","colSpan","slice","renderNormalBody","overflow"],"sources":["src/components/Table/table.css?tag=hb-table&encapsulation=shadow","src/components/Table/Table.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-table {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--hb-border-radius-base);\n  background-color: var(--hb-color-bg);\n}\n\n.hb-table--border {\n  border: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table--border .hb-table__td,\n.hb-table--border .hb-table__table th {\n  border-right: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table__wrapper {\n  overflow-x: auto;\n}\n\n.hb-table__table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  table-layout: auto;\n}\n\n.hb-table__table th {\n  background-color: var(--hb-table-header-bg);\n  color: var(--hb-table-header-color);\n  font-weight: 600;\n  font-size: var(--hb-font-size-sm);\n  padding: 10px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-table__th-content {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.hb-table__th--sortable {\n  cursor: pointer;\n}\n\n.hb-table__th--sortable:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-table__sort {\n  display: inline-flex;\n  flex-direction: column;\n  line-height: 1;\n  font-size: 10px;\n  gap: 1px;\n}\n\n.hb-table__sort-icon {\n  color: var(--hb-color-text-quaternary);\n  transition: color var(--hb-transition-duration);\n}\n\n.hb-table__sort-icon--active {\n  color: var(--hb-color-primary);\n}\n\n.hb-table__td {\n  padding: 10px 12px;\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  border-bottom: 1px solid var(--hb-table-border-color);\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-table__row:hover .hb-table__td {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n.hb-table__row--striped .hb-table__td {\n  background-color: var(--hb-table-stripe-bg);\n}\n\n.hb-table__row--current .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-table__empty {\n  text-align: center;\n  color: var(--hb-color-text-secondary);\n  padding: var(--hb-spacing-xl) 0;\n}\n\n.hb-table__loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(255, 255, 255, 0.7);\n  z-index: 1;\n}\n\n.hb-table__loading-spinner {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--hb-color-border-secondary);\n  border-top-color: var(--hb-color-primary);\n  border-radius: 50%;\n  animation: hb-spin 0.8s linear infinite;\n}\n\n/* ---- 尺寸 ---- */\n.hb-table--small .hb-table__table th,\n.hb-table--small .hb-table__td {\n  padding: 6px 8px;\n  font-size: var(--hb-font-size-xs);\n}\n\n.hb-table--large .hb-table__table th,\n.hb-table--large .hb-table__td {\n  padding: 14px 16px;\n  font-size: var(--hb-font-size-base);\n}\n\n/* ---- 行选择 ---- */\n.hb-table__selection {\n  width: 48px;\n  min-width: 48px;\n  text-align: center;\n  white-space: nowrap;\n}\n.hb-table__checkbox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  accent-color: var(--hb-color-primary);\n  vertical-align: middle;\n}\n.hb-table__selection .hb-table__checkbox {\n  margin: 0;\n}\n.hb-table__row--selected .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n/* ---- 固定列（sticky） ---- */\n/* 固定列单元格需要不透明背景，避免横向滚动时底层内容透出 */\n.hb-table__cell--fixed-left,\n.hb-table__cell--fixed-right {\n  position: sticky;\n  z-index: 2;\n  background-color: var(--hb-color-bg);\n}\n.hb-table__table th.hb-table__cell--fixed-left,\n.hb-table__table th.hb-table__cell--fixed-right {\n  background-color: var(--hb-table-header-bg);\n}\n.hb-table__cell--fixed-right {\n  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);\n}\n.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right) {\n  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);\n}\n/* 固定列在选中行需保持选中背景 */\n.hb-table__row--selected .hb-table__cell--fixed-left,\n.hb-table__row--selected .hb-table__cell--fixed-right {\n  background-color: var(--hb-color-primary-bg);\n}\n.hb-table__row:hover .hb-table__cell--fixed-left,\n.hb-table__row:hover .hb-table__cell--fixed-right {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n@keyframes hb-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n/* 行操作按钮（link 风格，类 Ant Design） */\n.hb-table__action {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font-size: var(--hb-font-size-sm, 14px);\n  line-height: 1.5;\n  color: var(--hb-color-primary, #1677ff);\n  transition: opacity var(--hb-transition-duration, 0.2s);\n}\n.hb-table__action:hover {\n  opacity: 0.8;\n}\n.hb-table__action:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n.hb-table__action--danger {\n  color: var(--hb-color-danger, #f5222d);\n}\n.hb-table__action--danger:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n}\n.hb-table__action + .hb-table__action {\n  margin-left: var(--hb-spacing-sm, 12px);\n}\n\n/* ---- 虚拟滚动 ---- */\n.hb-table--virtual {\n  overflow: hidden;\n}\n.hb-table__virtual-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n.hb-table__virtual-viewport {\n  overflow-y: auto;\n  overflow-x: auto;\n  position: relative;\n}\n.hb-table__virtual-spacer {\n  position: relative;\n  width: 100%;\n}\n.hb-table__table--virtual {\n  width: 100%;\n  table-layout: fixed;\n}\n.hb-table__table--virtual tbody {\n  /* 可见窗口的行紧跟在 offset 占位行之后，撑高容器由 spacer 负责 */\n  position: relative;\n}\n\n/* ---- 树形数据（可展开行） ---- */\n.hb-table__expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-right: 4px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--hb-color-text-secondary, #595959);\n  font-size: 10px;\n  line-height: 1;\n  vertical-align: middle;\n  transition: color var(--hb-transition-duration, 0.2s);\n  flex-shrink: 0;\n}\n.hb-table__expand:hover {\n  color: var(--hb-color-primary, #1677ff);\n}\n.hb-table__row--tree .hb-table__td {\n  /* 树形行第一列内容随缩进对齐 */\n  white-space: nowrap;\n}\n\n/* ---- 行内编辑 ---- */\n.hb-table__cell--editable {\n  cursor: text;\n}\n.hb-table__cell--editable:hover {\n  background-color: var(--hb-color-fill-tertiary, #f5f5f5);\n}\n.hb-table__edit-input {\n  width: 100%;\n  min-width: 60px;\n  box-sizing: border-box;\n  padding: 2px 6px;\n  font-size: var(--hb-font-size-sm, 14px);\n  color: var(--hb-color-text, #262626);\n  border: 1px solid var(--hb-color-primary, #1677ff);\n  border-radius: var(--hb-border-radius-base, 4px);\n  outline: none;\n  background-color: var(--hb-color-bg, #fff);\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TableColumn {\n  /** 列字段名 */\n  prop: string;\n  /** 列标题 */\n  label: string;\n  /** 列宽 */\n  width?: string;\n  /** 最小列宽 */\n  minWidth?: string;\n  /** 是否可排序 */\n  sortable?: boolean;\n  /** 对齐方式 */\n  align?: 'left' | 'center' | 'right';\n  /** 固定列：left / right / true（等同 left） */\n  fixed?: 'left' | 'right' | boolean;\n  /** 单元格文本格式化（框架无关，返回纯文本字符串） */\n  formatter?: (row: Record<string, any>, index: number) => string;\n  /** 该列是否可（行内）编辑；需同时开启 Table.editable 才生效 */\n  editable?: boolean;\n}\n\n/**\n * 行操作按钮配置（框架无关）。\n * 由 Table 自身渲染按钮（在 shadow DOM 内），点击派发 hbAction 事件，\n * 消费方据此执行编辑/删除等逻辑——无需往每行塞框架专属元素，绕开「slot 跨行共享」限制。\n */\nexport interface TableAction {\n  /** 操作标识，回传到 hbAction.detail.action */\n  key: string;\n  /** 按钮文案 */\n  label: string;\n  /** 按钮样式：default 主色文字 / danger 危险色 */\n  type?: 'default' | 'primary' | 'danger';\n  /** 是否禁用（按行判断） */\n  disabled?: (row: Record<string, any>, index: number) => boolean;\n}\n\nexport type SortDirection = 'ascending' | 'descending' | null;\n\n/**\n * 树形数据配置。\n * `children` 指定子节点在每行数据中的字段名（默认 'children'），\n * 行存在该字段（非空数组）时渲染展开箭头，可递归展开后代。\n */\nexport interface TableTreeProps {\n  children?: string;\n}\n\n/**\n * 拍平后的可见行：保留原始 row + 嵌套层级 + 唯一 key，\n * 供 render 一次性 map 成 <tr>（仅含已展开链路上的后代）。\n */\ninterface FlatRow {\n  row: Record<string, any>;\n  level: number;\n  key: string | number;\n  /** 该行是否有非空 children（决定是否渲染展开箭头） */\n  hasChildren: boolean;\n  /** 该行在父层数组中的索引（用于 rowKey 缺省回退与稳定 key） */\n  index: number;\n}\n\ninterface FixedOffset {\n  side?: 'left' | 'right';\n  left?: string;\n  right?: string;\n}\n\n/**\n * Table 表格组件\n * 用于展示多条结构类似的数据，可对数据进行排序、筛选、选择等操作\n */\n@Component({\n  tag: 'hb-table',\n  styleUrl: 'table.css',\n  shadow: true,\n})\nexport class Table {\n  /** 数据源 */\n  @Prop() data: Record<string, any>[] = [];\n\n  /** 列配置 */\n  @Prop() columns: TableColumn[] = [];\n\n  /** 是否带斑马纹 */\n  @Prop() stripe: boolean = false;\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 表格尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否显示加载状态 */\n  @Prop() loading: boolean = false;\n\n  /** 行数据的 Key */\n  @Prop() rowKey: string = '';\n\n  /** 空数据文案 */\n  @Prop() emptyText: string = '暂无数据';\n\n  /** 最大高度（超出固定表头） */\n  @Prop() maxHeight?: string;\n\n  /** 是否高亮当前行 */\n  @Prop() highlightCurrentRow: boolean = false;\n\n  /** 是否开启行选择（显示 checkbox 列） */\n  @Prop() selectable: boolean = false;\n\n  /** 行操作配置；非空时自动在末尾渲染「操作」列 */\n  @Prop() actions: TableAction[] = [];\n\n  /** 是否开启虚拟滚动（大数据量场景，默认关闭，向后兼容） */\n  @Prop() virtualScroll: boolean = false;\n\n  /** 虚拟滚动每行预估高度(px)，用于计算撑高容器与可见窗口 */\n  @Prop() itemHeight: number = 48;\n\n  /** 虚拟滚动视口高度(px)，超过此高度出现滚动条 */\n  @Prop() virtualScrollHeight: number = 400;\n\n  /**\n   * 树形数据配置：传入后启用「可展开行」模式。\n   * data 行含 `children` 字段（字段名可经此配置覆盖）时渲染展开箭头。\n   * 默认 undefined —— 不启用树形。\n   */\n  @Prop() treeProps?: TableTreeProps;\n\n  /** 是否开启行内编辑模式（默认关闭）。需列配置 column.editable=true 才对该列生效 */\n  @Prop() editable: boolean = false;\n\n  @State() sortProp: string = '';\n  @State() sortDirection: SortDirection = null;\n  @State() currentRow: number = -1;\n  @State() selectedRows: Set<number> = new Set();\n  /** 虚拟滚动：当前滚动位置(px)，驱动可见窗口计算 */\n  @State() scrollTop: number = 0;\n\n  /** 树形模式：已展开行的 key 列表 */\n  @State() expandedRowKeys: Array<string | number> = [];\n\n  /** 行内编辑：当前正在编辑的单元格 { key, prop }，null 表示无 */\n  @State() editingCell: { rowKey: string | number; prop: string } | null = null;\n\n  /** 排序变化事件 */\n  @Event() hbSortChange: EventEmitter<{ prop: string; order: SortDirection }>;\n\n  /** 行点击事件 */\n  @Event() hbRowClick: EventEmitter<{ row: Record<string, any>; index: number }>;\n\n  /** 选择变化事件 */\n  @Event() hbSelectionChange: EventEmitter<Record<string, any>[]>;\n\n  /** 行操作点击事件 */\n  @Event() hbAction: EventEmitter<{ row: Record<string, any>; index: number; action: string }>;\n\n  /** 树形行展开/收起事件 */\n  @Event() hbExpandChange: EventEmitter<{ expanded: boolean; row: Record<string, any> }>;\n\n  /** 行内编辑提交事件 */\n  @Event() hbCellChange: EventEmitter<{ row: Record<string, any>; prop: string; value: any }>;\n\n  @Watch('data')\n  handleDataChange() {\n    this.selectedRows = new Set();\n    this.emitSelection();\n  }\n\n  /** 树形模式是否启用（显式传入 treeProps 即启用） */\n  private get isTreeMode(): boolean {\n    return !!this.treeProps;\n  }\n\n  /** 子节点字段名（treeProps.children 缺省回退 'children'） */\n  private get childrenField(): string {\n    return (this.treeProps && this.treeProps.children) || 'children';\n  }\n\n  /**\n   * 把树拍平成可见行列表：仅保留「祖先链路全部已展开」的后代。\n   * @param list  当前层级的数组\n   * @param level 当前层级（根 = 0）\n   * @param parentKeyPath 父级 key 路径，用于构造深层稳定 key（避免不同分支同 index 撞 key）\n   */\n  private flattenTree(list: Record<string, any>[], level: number = 0, parentKeyPath: string = ''): FlatRow[] {\n    const field = this.childrenField;\n    const result: FlatRow[] = [];\n    list.forEach((row, i) => {\n      const keyPath = parentKeyPath ? `${parentKeyPath}.${i}` : `${i}`;\n      const key = this.rowKey ? row[this.rowKey] : keyPath;\n      const kids = row[field];\n      const hasKids = Array.isArray(kids) && kids.length > 0;\n      result.push({ row, level, key, hasChildren: hasKids, index: i });\n      // 仅当该行已展开时，递归拍入其 children\n      if (hasKids && this.expandedRowKeys.indexOf(key) !== -1) {\n        result.push(...this.flattenTree(kids as Record<string, any>[], level + 1, keyPath));\n      }\n    });\n    return result;\n  }\n\n  /** 树形展开/收起切换 */\n  private toggleExpand = (row: Record<string, any>, key: string | number) => {\n    const idx = this.expandedRowKeys.indexOf(key);\n    const expanded = idx === -1;\n    this.expandedRowKeys = expanded ? [...this.expandedRowKeys, key] : this.expandedRowKeys.filter((k) => k !== key);\n    this.hbExpandChange.emit({ expanded, row });\n  };\n\n  /** 行内编辑：进入编辑态 */\n  private startEdit = (e: Event, key: string | number, prop: string) => {\n    e.stopPropagation();\n    if (!this.editable) return;\n    this.editingCell = { rowKey: key, prop };\n  };\n\n  /** 行内编辑：提交（回车 / 失焦 / Change） */\n  private commitEdit = (e: Event, row: Record<string, any>, prop: string) => {\n    const input = e.target as HTMLInputElement;\n    const value = input.value;\n    // 就地更新（简单可用版）：修改 row[prop] 后强制重渲染\n    row[prop] = value;\n    this.editingCell = null;\n    this.hbCellChange.emit({ row, prop, value });\n  };\n\n  /** 行内编辑：回车提交 / Esc 取消 */\n  private onEditKeydown = (e: KeyboardEvent, row: Record<string, any>, prop: string) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      this.commitEdit(e, row, prop);\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      this.editingCell = null;\n    }\n  };\n\n  private allCheckboxRef?: HTMLInputElement;\n\n  componentDidRender() {\n    // indeterminate 不是可反射的 HTML 属性，必须通过 DOM 属性设置\n    if (this.allCheckboxRef) {\n      this.allCheckboxRef.indeterminate = this.isIndeterminate;\n    }\n  }\n\n  /** 虚拟滚动上下缓冲行数 */\n  private readonly virtualBuffer = 5;\n\n  /** 虚拟滚动：滚动事件回调，更新 scrollTop 触发可见窗口重算 */\n  private handleVirtualScroll = (e: Event) => {\n    const target = e.target as HTMLElement;\n    this.scrollTop = target.scrollTop;\n  };\n\n  /** 虚拟滚动：计算可见窗口 [startIndex, endIndex) */\n  private get visibleRange(): { startIndex: number; endIndex: number } {\n    const total = this.data.length;\n    if (total === 0) return { startIndex: 0, endIndex: 0 };\n\n    const itemHeight = this.itemHeight > 0 ? this.itemHeight : 1;\n    const viewport = this.virtualScrollHeight;\n\n    let startIndex = Math.floor(this.scrollTop / itemHeight) - this.virtualBuffer;\n    if (startIndex < 0) startIndex = 0;\n\n    let endIndex = Math.ceil((this.scrollTop + viewport) / itemHeight) + this.virtualBuffer;\n    if (endIndex > total) endIndex = total;\n\n    return { startIndex, endIndex };\n  }\n\n  /** 虚拟滚动：撑高容器总高度 */\n  private get virtualTotalHeight(): number {\n    return this.data.length * (this.itemHeight > 0 ? this.itemHeight : 1);\n  }\n\n  private handleSort = (prop: string) => {\n    if (this.sortProp === prop) {\n      this.sortDirection =\n        this.sortDirection === 'ascending' ? 'descending' : this.sortDirection === 'descending' ? null : 'ascending';\n    } else {\n      this.sortProp = prop;\n      this.sortDirection = 'ascending';\n    }\n    this.hbSortChange.emit({ prop, order: this.sortDirection });\n  };\n\n  private get sortedData(): Record<string, any>[] {\n    if (!this.sortProp || !this.sortDirection) return this.data;\n    const direction = this.sortDirection === 'ascending' ? 1 : -1;\n    return [...this.data].sort((a, b) => {\n      const va = a[this.sortProp];\n      const vb = b[this.sortProp];\n      if (va < vb) return -1 * direction;\n      if (va > vb) return 1 * direction;\n      return 0;\n    });\n  };\n\n  private get isAllSelected(): boolean {\n    return this.data.length > 0 && this.selectedRows.size === this.data.length;\n  }\n\n  private get isIndeterminate(): boolean {\n    return this.selectedRows.size > 0 && this.selectedRows.size < this.data.length;\n  }\n\n  private toggleRow = (index: number, e: Event) => {\n    e.stopPropagation();\n    const next = new Set(this.selectedRows);\n    if (next.has(index)) {\n      next.delete(index);\n    } else {\n      next.add(index);\n    }\n    this.selectedRows = next;\n    this.emitSelection();\n  };\n\n  private toggleAll = () => {\n    if (this.isAllSelected) {\n      this.selectedRows = new Set();\n    } else {\n      this.selectedRows = new Set(this.data.map((_, i) => i));\n    }\n    this.emitSelection();\n  };\n\n  private emitSelection() {\n    const selected = Array.from(this.selectedRows)\n      .sort((a, b) => a - b)\n      .map((i) => this.data[i])\n      .filter(Boolean);\n    this.hbSelectionChange.emit(selected);\n  }\n\n  private handleRowClick = (row: Record<string, any>, index: number) => {\n    this.currentRow = index;\n    this.hbRowClick.emit({ row, index });\n  };\n\n  private handleAction = (row: Record<string, any>, index: number, action: string) => {\n    this.hbAction.emit({ row, index, action });\n  };\n\n  private get hasActions(): boolean {\n    return !!this.actions && this.actions.length > 0;\n  }\n\n  /** 计算固定列的 sticky 偏移（左侧/右侧累计宽度） */\n  private get fixedOffsets(): Record<string, FixedOffset> {\n    const result: Record<string, FixedOffset> = {};\n    let leftAcc = '0px';\n    for (const c of this.columns) {\n      const side = c.fixed === true ? 'left' : c.fixed;\n      if (side === 'left') {\n        result[c.prop] = { side: 'left', left: leftAcc };\n        leftAcc = `calc(${leftAcc} + ${c.width || '0px'})`;\n      }\n    }\n    let rightAcc = '0px';\n    for (let i = this.columns.length - 1; i >= 0; i--) {\n      const c = this.columns[i];\n      if (c.fixed === 'right') {\n        result[c.prop] = { side: 'right', right: rightAcc };\n        rightAcc = `calc(${rightAcc} + ${c.width || '0px'})`;\n      }\n    }\n    return result;\n  }\n\n  private cellStyle(prop: string, base?: Record<string, string>): Record<string, string> {\n    const off = this.fixedOffsets[prop];\n    const style: Record<string, string> = { ...(base || {}) };\n    if (off?.side === 'left') {\n      style.position = 'sticky';\n      style.left = off.left as string;\n      style.zIndex = '2';\n    } else if (off?.side === 'right') {\n      style.position = 'sticky';\n      style.right = off.right as string;\n      style.zIndex = '2';\n    }\n    return style;\n  }\n\n  /**\n   * 渲染单行（普通 + 虚拟滚动 + 树形 共用）。\n   * - 普通模式：rowIndex 为在 sortedData 中的全局索引。\n   * - 树形模式：fr.level 决定缩进，第一列渲染展开箭头，key 取 fr.key。\n   * fr 为可选；未传时按普通模式渲染。\n   */\n  private renderRow(row: Record<string, any>, rowIndex: number, fr?: FlatRow) {\n    const tree = !!fr;\n    const level = fr ? fr.level : 0;\n    const rowKeyVal = fr ? fr.key : this.rowKey ? row[this.rowKey] : rowIndex;\n    const indent = level * 16;\n\n    const isEditing = (prop: string) => !!this.editingCell && this.editingCell.rowKey === rowKeyVal && this.editingCell.prop === prop;\n\n    return (\n      <tr\n        key={rowKeyVal}\n        class={{\n          'hb-table__row': true,\n          'hb-table__row--striped': this.stripe && rowIndex % 2 === 1,\n          'hb-table__row--current': this.highlightCurrentRow && rowIndex === this.currentRow,\n          'hb-table__row--selected': this.selectedRows.has(rowIndex),\n          'hb-table__row--tree': tree,\n        }}\n        onClick={() => this.handleRowClick(row, rowIndex)}\n      >\n        {this.selectable && (\n          <td class=\"hb-table__selection\" onClick={(e) => e.stopPropagation()}>\n            <input\n              type=\"checkbox\"\n              class=\"hb-table__checkbox\"\n              checked={this.selectedRows.has(rowIndex)}\n              onChange={(e) => this.toggleRow(rowIndex, e)}\n            />\n          </td>\n        )}\n        {this.columns.map((col, colIdx) => {\n          const off = this.fixedOffsets[col.prop];\n          // 树形模式：第一列加缩进 + 展开箭头\n          const isFirstCol = colIdx === 0;\n          const showExpand = tree && isFirstCol && fr!.hasChildren;\n          const expanded = showExpand && this.expandedRowKeys.indexOf(rowKeyVal) !== -1;\n          const editing = this.editable && !!col.editable && isEditing(col.prop);\n          const editableActive = this.editable && !!col.editable;\n\n          return (\n            <td\n              key={col.prop}\n              style={this.cellStyle(col.prop, { textAlign: col.align || 'left' })}\n              class={{\n                'hb-table__td': true,\n                'hb-table__cell--fixed-left': off?.side === 'left',\n                'hb-table__cell--fixed-right': off?.side === 'right',\n                'hb-table__cell--editable': editableActive,\n              }}\n              onClick={editableActive ? (e) => this.startEdit(e, rowKeyVal, col.prop) : undefined}\n            >\n              {tree && isFirstCol && (\n                <span class=\"hb-table__indent\" style={{ display: 'inline-block', width: `${indent}px` }} aria-hidden=\"true\" />\n              )}\n              {showExpand && (\n                <button\n                  type=\"button\"\n                  class={{ 'hb-table__expand': true, 'hb-table__expand--expanded': expanded }}\n                  aria-label={expanded ? '收起' : '展开'}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.toggleExpand(row, rowKeyVal);\n                  }}\n                >\n                  {expanded ? '▼' : '▶'}\n                </button>\n              )}\n              {showExpand === false && tree && isFirstCol && (\n                <span class=\"hb-table__expand-placeholder\" style={{ display: 'inline-block', width: '16px' }} aria-hidden=\"true\" />\n              )}\n              {editing ? (\n                <input\n                  class=\"hb-table__edit-input\"\n                  type=\"text\"\n                  value={row[col.prop] ?? ''}\n                  onBlur={(e) => this.commitEdit(e, row, col.prop)}\n                  onKeyDown={(e) => this.onEditKeydown(e, row, col.prop)}\n                />\n              ) : (\n                <slot name={`cell-${col.prop}`}>{col.formatter ? col.formatter(row, rowIndex) : row[col.prop] ?? ''}</slot>\n              )}\n            </td>\n          );\n        })}\n        {this.hasActions && (\n          <td class=\"hb-table__td--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }} onClick={(e) => e.stopPropagation()}>\n            {this.actions.map((act) => (\n              <button\n                type=\"button\"\n                class={{\n                  'hb-table__action': true,\n                  'hb-table__action--primary': act.type === 'primary',\n                  'hb-table__action--danger': act.type === 'danger',\n                }}\n                disabled={act.disabled ? act.disabled(row, rowIndex) : false}\n                onClick={() => this.handleAction(row, rowIndex, act.key)}\n              >\n                {act.label}\n              </button>\n            ))}\n          </td>\n        )}\n      </tr>\n    );\n  }\n\n  /** 渲染表头（普通 + 虚拟滚动共用，表头始终固定不随滚） */\n  private renderHeader() {\n    return (\n      <thead>\n        <tr>\n          {this.selectable && (\n            <th class=\"hb-table__selection\">\n              <input\n                type=\"checkbox\"\n                class=\"hb-table__checkbox\"\n                checked={this.isAllSelected}\n                ref={(el) => {\n                  this.allCheckboxRef = el as HTMLInputElement;\n                }}\n                onChange={this.toggleAll}\n              />\n            </th>\n          )}\n          {this.columns.map((col) => {\n            const off = this.fixedOffsets[col.prop];\n            return (\n              <th\n                key={col.prop}\n                style={this.cellStyle(col.prop, {\n                  width: col.width,\n                  minWidth: col.minWidth,\n                  textAlign: col.align || 'left',\n                })}\n                class={{\n                  'hb-table__th--sortable': col.sortable,\n                  'hb-table__cell--fixed-left': off?.side === 'left',\n                  'hb-table__cell--fixed-right': off?.side === 'right',\n                }}\n                onClick={col.sortable ? () => this.handleSort(col.prop) : undefined}\n              >\n                <div class=\"hb-table__th-content\">\n                  <span>{col.label}</span>\n                  {col.sortable && (\n                    <span class=\"hb-table__sort\">\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'ascending' }}>▲</span>\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'descending' }}>▼</span>\n                    </span>\n                  )}\n                </div>\n              </th>\n            );\n          })}\n          {this.hasActions && (\n            <th class=\"hb-table__th--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n              操作\n            </th>\n          )}\n        </tr>\n      </thead>\n    );\n  }\n\n  render() {\n    const displayData = this.sortedData;\n    const isEmpty = displayData.length === 0;\n\n    // 树形模式：把可见树拍平成带 level 的行列表（仅含已展开链路上的后代）\n    const flatRows: FlatRow[] = this.isTreeMode ? this.flattenTree(displayData) : [];\n\n    // 虚拟滚动：固定高度滚动视口 + 撑高容器 + 仅渲染可见窗口行（绝对定位 offset）\n    // 注意：树形 + 虚拟滚动组合较复杂，此处虚拟滚动沿用普通行渲染（不展开树），\n    // 保留树形仅在普通模式下生效以降低风险。\n    const renderVirtualBody = () => {\n      const { startIndex, endIndex } = this.visibleRange;\n      const offsetTop = startIndex * (this.itemHeight > 0 ? this.itemHeight : 1);\n      return (\n        <div\n          class=\"hb-table__virtual-viewport\"\n          style={{ height: `${this.virtualScrollHeight}px`, overflowY: 'auto' }}\n          onScroll={this.handleVirtualScroll}\n        >\n          <div class=\"hb-table__virtual-spacer\" style={{ height: `${this.virtualTotalHeight}px`, position: 'relative' }}>\n            <table class=\"hb-table__table hb-table__table--virtual\">\n              <tbody>\n                {isEmpty ? (\n                  <tr>\n                    <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n                      {this.emptyText}\n                    </td>\n                  </tr>\n                ) : (\n                  <tr style={{ height: `${offsetTop}px` }} aria-hidden=\"true\" />\n                )}\n                {displayData.slice(startIndex, endIndex).map((row, i) => this.renderRow(row, startIndex + i))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      );\n    };\n\n    // 普通模式：树形启用时按拍平列表渲染（带 level 缩进 + 展开箭头），否则原样按行渲染\n    const renderNormalBody = () => (\n      <tbody>\n        {isEmpty ? (\n          <tr>\n            <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n              {this.emptyText}\n            </td>\n          </tr>\n        ) : this.isTreeMode ? (\n          flatRows.map((fr, i) => this.renderRow(fr.row, i, fr))\n        ) : (\n          displayData.map((row, rowIndex) => this.renderRow(row, rowIndex))\n        )}\n      </tbody>\n    );\n\n    return (\n      <div class={{ 'hb-table': true, [`hb-table--${this.size}`]: true, 'hb-table--border': this.border, 'hb-table--virtual': this.virtualScroll }}>\n        {this.loading && (\n          <div class=\"hb-table__loading\">\n            <div class=\"hb-table__loading-spinner\"></div>\n          </div>\n        )}\n        {this.virtualScroll ? (\n          <div class=\"hb-table__virtual-wrapper\">\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n            </table>\n            {renderVirtualBody()}\n          </div>\n        ) : (\n          <div class=\"hb-table__wrapper\" style={this.maxHeight ? { maxHeight: this.maxHeight, overflow: 'auto' } : undefined}>\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n              {renderNormalBody()}\n            </table>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,8kYACjB,MAAAC,EAAeD,E,MC8EFE,EAAK,M,6RAERC,KAA8B,GAG9BC,QAAyB,GAGzBC,OAAkB,MAGlBC,OAAkB,MAGlBC,KAAsC,UAGtCC,QAAmB,MAGnBC,OAAiB,GAGjBC,UAAoB,OAGpBC,UAGAC,oBAA+B,MAG/BC,WAAsB,MAGtBC,QAAyB,GAGzBC,cAAyB,MAGzBC,WAAqB,GAGrBC,oBAA8B,IAO9BC,UAGAC,SAAoB,MAEnBC,SAAmB,GACnBC,cAA+B,KAC/BC,YAAsB,EACtBC,aAA4B,IAAIC,IAEhCC,UAAoB,EAGpBC,gBAA0C,GAG1CC,YAAgE,KAGhEC,aAGAC,WAGAC,kBAGAC,SAGAC,eAGAC,aAGT,gBAAAC,GACEC,KAAKZ,aAAe,IAAIC,IACxBW,KAAKC,e,CAIP,cAAYC,GACV,QAASF,KAAKjB,S,CAIhB,iBAAYoB,GACV,OAAQH,KAAKjB,WAAaiB,KAAKjB,UAAUqB,UAAa,U,CAShD,WAAAC,CAAYC,EAA6BC,EAAgB,EAAGC,EAAwB,IAC1F,MAAMC,EAAQT,KAAKG,cACnB,MAAMO,EAAoB,GAC1BJ,EAAKK,SAAQ,CAACC,EAAKC,KACjB,MAAMC,EAAUN,EAAgB,GAAGA,KAAiBK,IAAM,GAAGA,IAC7D,MAAME,EAAMf,KAAK1B,OAASsC,EAAIZ,KAAK1B,QAAUwC,EAC7C,MAAME,EAAOJ,EAAIH,GACjB,MAAMQ,EAAUC,MAAMC,QAAQH,IAASA,EAAKI,OAAS,EACrDV,EAAOW,KAAK,CAAET,MAAKL,QAAOQ,MAAKO,YAAaL,EAASM,MAAOV,IAE5D,GAAII,GAAWjB,KAAKT,gBAAgBiC,QAAQT,MAAU,EAAG,CACvDL,EAAOW,QAAQrB,KAAKK,YAAYW,EAA+BT,EAAQ,EAAGO,G,KAG9E,OAAOJ,C,CAIDe,aAAe,CAACb,EAA0BG,KAChD,MAAMW,EAAM1B,KAAKT,gBAAgBiC,QAAQT,GACzC,MAAMY,EAAWD,KAAS,EAC1B1B,KAAKT,gBAAkBoC,EAAW,IAAI3B,KAAKT,gBAAiBwB,GAAOf,KAAKT,gBAAgBqC,QAAQC,GAAMA,IAAMd,IAC5Gf,KAAKH,eAAeiC,KAAK,CAAEH,WAAUf,OAAM,EAIrCmB,UAAY,CAACC,EAAUjB,EAAsBkB,KACnDD,EAAEE,kBACF,IAAKlC,KAAKhB,SAAU,OACpBgB,KAAKR,YAAc,CAAElB,OAAQyC,EAAKkB,OAAM,EAIlCE,WAAa,CAACH,EAAUpB,EAA0BqB,KACxD,MAAMG,EAAQJ,EAAEK,OAChB,MAAMC,EAAQF,EAAME,MAEpB1B,EAAIqB,GAAQK,EACZtC,KAAKR,YAAc,KACnBQ,KAAKF,aAAagC,KAAK,CAAElB,MAAKqB,OAAMK,SAAQ,EAItCC,cAAgB,CAACP,EAAkBpB,EAA0BqB,KACnE,GAAID,EAAEjB,MAAQ,QAAS,CACrBiB,EAAEQ,iBACFxC,KAAKmC,WAAWH,EAAGpB,EAAKqB,E,MACnB,GAAID,EAAEjB,MAAQ,SAAU,CAC7BiB,EAAEQ,iBACFxC,KAAKR,YAAc,I,GAIfiD,eAER,kBAAAC,GAEE,GAAI1C,KAAKyC,eAAgB,CACvBzC,KAAKyC,eAAeE,cAAgB3C,KAAK4C,e,EAK5BC,cAAgB,EAGzBC,oBAAuBd,IAC7B,MAAMK,EAASL,EAAEK,OACjBrC,KAAKV,UAAY+C,EAAO/C,SAAS,EAInC,gBAAYyD,GACV,MAAMC,EAAQhD,KAAKhC,KAAKoD,OACxB,GAAI4B,IAAU,EAAG,MAAO,CAAEC,WAAY,EAAGC,SAAU,GAEnD,MAAMrE,EAAamB,KAAKnB,WAAa,EAAImB,KAAKnB,WAAa,EAC3D,MAAMsE,EAAWnD,KAAKlB,oBAEtB,IAAImE,EAAaG,KAAKC,MAAMrD,KAAKV,UAAYT,GAAcmB,KAAK6C,cAChE,GAAII,EAAa,EAAGA,EAAa,EAEjC,IAAIC,EAAWE,KAAKE,MAAMtD,KAAKV,UAAY6D,GAAYtE,GAAcmB,KAAK6C,cAC1E,GAAIK,EAAWF,EAAOE,EAAWF,EAEjC,MAAO,CAAEC,aAAYC,W,CAIvB,sBAAYK,GACV,OAAOvD,KAAKhC,KAAKoD,QAAUpB,KAAKnB,WAAa,EAAImB,KAAKnB,WAAa,E,CAG7D2E,WAAcvB,IACpB,GAAIjC,KAAKf,WAAagD,EAAM,CAC1BjC,KAAKd,cACHc,KAAKd,gBAAkB,YAAc,aAAec,KAAKd,gBAAkB,aAAe,KAAO,W,KAC9F,CACLc,KAAKf,SAAWgD,EAChBjC,KAAKd,cAAgB,W,CAEvBc,KAAKP,aAAaqC,KAAK,CAAEG,OAAMwB,MAAOzD,KAAKd,eAAgB,EAG7D,cAAYwE,GACV,IAAK1D,KAAKf,WAAae,KAAKd,cAAe,OAAOc,KAAKhC,KACvD,MAAM2F,EAAY3D,KAAKd,gBAAkB,YAAc,GAAK,EAC5D,MAAO,IAAIc,KAAKhC,MAAM4F,MAAK,CAACC,EAAGC,KAC7B,MAAMC,EAAKF,EAAE7D,KAAKf,UAClB,MAAM+E,EAAKF,EAAE9D,KAAKf,UAClB,GAAI8E,EAAKC,EAAI,OAAQ,EAAIL,EACzB,GAAII,EAAKC,EAAI,OAAO,EAAIL,EACxB,OAAO,CAAC,G,CAIZ,iBAAYM,GACV,OAAOjE,KAAKhC,KAAKoD,OAAS,GAAKpB,KAAKZ,aAAahB,OAAS4B,KAAKhC,KAAKoD,M,CAGtE,mBAAYwB,GACV,OAAO5C,KAAKZ,aAAahB,KAAO,GAAK4B,KAAKZ,aAAahB,KAAO4B,KAAKhC,KAAKoD,M,CAGlE8C,UAAY,CAAC3C,EAAeS,KAClCA,EAAEE,kBACF,MAAMiC,EAAO,IAAI9E,IAAIW,KAAKZ,cAC1B,GAAI+E,EAAKC,IAAI7C,GAAQ,CACnB4C,EAAKE,OAAO9C,E,KACP,CACL4C,EAAKG,IAAI/C,E,CAEXvB,KAAKZ,aAAe+E,EACpBnE,KAAKC,eAAe,EAGdsE,UAAY,KAClB,GAAIvE,KAAKiE,cAAe,CACtBjE,KAAKZ,aAAe,IAAIC,G,KACnB,CACLW,KAAKZ,aAAe,IAAIC,IAAIW,KAAKhC,KAAKwG,KAAI,CAACC,EAAG5D,IAAMA,I,CAEtDb,KAAKC,eAAe,EAGd,aAAAA,GACN,MAAMyE,EAAWxD,MAAMyD,KAAK3E,KAAKZ,cAC9BwE,MAAK,CAACC,EAAGC,IAAMD,EAAIC,IACnBU,KAAK3D,GAAMb,KAAKhC,KAAK6C,KACrBe,OAAOgD,SACV5E,KAAKL,kBAAkBmC,KAAK4C,E,CAGtBG,eAAiB,CAACjE,EAA0BW,KAClDvB,KAAKb,WAAaoC,EAClBvB,KAAKN,WAAWoC,KAAK,CAAElB,MAAKW,SAAQ,EAG9BuD,aAAe,CAAClE,EAA0BW,EAAewD,KAC/D/E,KAAKJ,SAASkC,KAAK,CAAElB,MAAKW,QAAOwD,UAAS,EAG5C,cAAYC,GACV,QAAShF,KAAKrB,SAAWqB,KAAKrB,QAAQyC,OAAS,C,CAIjD,gBAAY6D,GACV,MAAMvE,EAAsC,GAC5C,IAAIwE,EAAU,MACd,IAAK,MAAMC,KAAKnF,KAAK/B,QAAS,CAC5B,MAAMmH,EAAOD,EAAEE,QAAU,KAAO,OAASF,EAAEE,MAC3C,GAAID,IAAS,OAAQ,CACnB1E,EAAOyE,EAAElD,MAAQ,CAAEmD,KAAM,OAAQE,KAAMJ,GACvCA,EAAU,QAAQA,OAAaC,EAAEI,OAAS,Q,EAG9C,IAAIC,EAAW,MACf,IAAK,IAAI3E,EAAIb,KAAK/B,QAAQmD,OAAS,EAAGP,GAAK,EAAGA,IAAK,CACjD,MAAMsE,EAAInF,KAAK/B,QAAQ4C,GACvB,GAAIsE,EAAEE,QAAU,QAAS,CACvB3E,EAAOyE,EAAElD,MAAQ,CAAEmD,KAAM,QAASK,MAAOD,GACzCA,EAAW,QAAQA,OAAcL,EAAEI,OAAS,Q,EAGhD,OAAO7E,C,CAGD,SAAAgF,CAAUzD,EAAc0D,GAC9B,MAAMC,EAAM5F,KAAKiF,aAAahD,GAC9B,MAAM4D,EAAgC,IAAMF,GAAQ,IACpD,GAAIC,GAAKR,OAAS,OAAQ,CACxBS,EAAMC,SAAW,SACjBD,EAAMP,KAAOM,EAAIN,KACjBO,EAAME,OAAS,G,MACV,GAAIH,GAAKR,OAAS,QAAS,CAChCS,EAAMC,SAAW,SACjBD,EAAMJ,MAAQG,EAAIH,MAClBI,EAAME,OAAS,G,CAEjB,OAAOF,C,CASD,SAAAG,CAAUpF,EAA0BqF,EAAkBC,GAC5D,MAAMC,IAASD,EACf,MAAM3F,EAAQ2F,EAAKA,EAAG3F,MAAQ,EAC9B,MAAM6F,EAAYF,EAAKA,EAAGnF,IAAMf,KAAK1B,OAASsC,EAAIZ,KAAK1B,QAAU2H,EACjE,MAAMI,EAAS9F,EAAQ,GAEvB,MAAM+F,EAAarE,KAAmBjC,KAAKR,aAAeQ,KAAKR,YAAYlB,SAAW8H,GAAapG,KAAKR,YAAYyC,OAASA,EAE7H,OACEsE,EAAA,MACExF,IAAKqF,EACLI,MAAO,CACL,gBAAiB,KACjB,yBAA0BxG,KAAK9B,QAAU+H,EAAW,IAAM,EAC1D,yBAA0BjG,KAAKvB,qBAAuBwH,IAAajG,KAAKb,WACxE,0BAA2Ba,KAAKZ,aAAagF,IAAI6B,GACjD,sBAAuBE,GAEzBM,QAAS,IAAMzG,KAAK6E,eAAejE,EAAKqF,IAEvCjG,KAAKtB,YACJ6H,EAAA,MAAIC,MAAM,sBAAsBC,QAAUzE,GAAMA,EAAEE,mBAChDqE,EAAA,SACEG,KAAK,WACLF,MAAM,qBACNG,QAAS3G,KAAKZ,aAAagF,IAAI6B,GAC/BW,SAAW5E,GAAMhC,KAAKkE,UAAU+B,EAAUjE,MAI/ChC,KAAK/B,QAAQuG,KAAI,CAACqC,EAAKC,KACtB,MAAMlB,EAAM5F,KAAKiF,aAAa4B,EAAI5E,MAElC,MAAM8E,EAAaD,IAAW,EAC9B,MAAME,EAAab,GAAQY,GAAcb,EAAI5E,YAC7C,MAAMK,EAAWqF,GAAchH,KAAKT,gBAAgBiC,QAAQ4E,MAAgB,EAC5E,MAAMa,EAAUjH,KAAKhB,YAAc6H,EAAI7H,UAAYsH,EAAUO,EAAI5E,MACjE,MAAMiF,EAAiBlH,KAAKhB,YAAc6H,EAAI7H,SAE9C,OACEuH,EAAA,MACExF,IAAK8F,EAAI5E,KACT4D,MAAO7F,KAAK0F,UAAUmB,EAAI5E,KAAM,CAAEkF,UAAWN,EAAIO,OAAS,SAC1DZ,MAAO,CACL,eAAgB,KAChB,6BAA8BZ,GAAKR,OAAS,OAC5C,8BAA+BQ,GAAKR,OAAS,QAC7C,2BAA4B8B,GAE9BT,QAASS,EAAkBlF,GAAMhC,KAAK+B,UAAUC,EAAGoE,EAAWS,EAAI5E,MAAQoF,WAEzElB,GAAQY,GACPR,EAAA,QAAMC,MAAM,mBAAmBX,MAAO,CAAEyB,QAAS,eAAgB/B,MAAO,GAAGc,OAAY,cAAc,SAEtGW,GACCT,EAAA,UACEG,KAAK,SACLF,MAAO,CAAE,mBAAoB,KAAM,6BAA8B7E,GAAU,aAC/DA,EAAW,KAAO,KAC9B8E,QAAUzE,IACRA,EAAEE,kBACFlC,KAAKyB,aAAab,EAAKwF,EAAU,GAGlCzE,EAAW,IAAM,KAGrBqF,IAAe,OAASb,GAAQY,GAC/BR,EAAA,QAAMC,MAAM,+BAA+BX,MAAO,CAAEyB,QAAS,eAAgB/B,MAAO,QAAQ,cAAc,SAE3G0B,EACCV,EAAA,SACEC,MAAM,uBACNE,KAAK,OACLpE,MAAO1B,EAAIiG,EAAI5E,OAAS,GACxBsF,OAASvF,GAAMhC,KAAKmC,WAAWH,EAAGpB,EAAKiG,EAAI5E,MAC3CuF,UAAYxF,GAAMhC,KAAKuC,cAAcP,EAAGpB,EAAKiG,EAAI5E,QAGnDsE,EAAA,QAAMkB,KAAM,QAAQZ,EAAI5E,QAAS4E,EAAIa,UAAYb,EAAIa,UAAU9G,EAAKqF,GAAYrF,EAAIiG,EAAI5E,OAAS,IAEhG,IAGRjC,KAAKgF,YACJuB,EAAA,MAAIC,MAAM,wBAAwBX,MAAO,CAAEsB,UAAW,QAASQ,WAAY,UAAYlB,QAAUzE,GAAMA,EAAEE,mBACtGlC,KAAKrB,QAAQ6F,KAAKoD,GACjBrB,EAAA,UACEG,KAAK,SACLF,MAAO,CACL,mBAAoB,KACpB,4BAA6BoB,EAAIlB,OAAS,UAC1C,2BAA4BkB,EAAIlB,OAAS,UAE3CmB,SAAUD,EAAIC,SAAWD,EAAIC,SAASjH,EAAKqF,GAAY,MACvDQ,QAAS,IAAMzG,KAAK8E,aAAalE,EAAKqF,EAAU2B,EAAI7G,MAEnD6G,EAAIE,U,CAUX,YAAAC,GACN,OACExB,EAAA,aACEA,EAAA,UACGvG,KAAKtB,YACJ6H,EAAA,MAAIC,MAAM,uBACRD,EAAA,SACEG,KAAK,WACLF,MAAM,qBACNG,QAAS3G,KAAKiE,cACd+D,IAAMC,IACJjI,KAAKyC,eAAiBwF,CAAsB,EAE9CrB,SAAU5G,KAAKuE,aAIpBvE,KAAK/B,QAAQuG,KAAKqC,IACjB,MAAMjB,EAAM5F,KAAKiF,aAAa4B,EAAI5E,MAClC,OACEsE,EAAA,MACExF,IAAK8F,EAAI5E,KACT4D,MAAO7F,KAAK0F,UAAUmB,EAAI5E,KAAM,CAC9BsD,MAAOsB,EAAItB,MACX2C,SAAUrB,EAAIqB,SACdf,UAAWN,EAAIO,OAAS,SAE1BZ,MAAO,CACL,yBAA0BK,EAAIsB,SAC9B,6BAA8BvC,GAAKR,OAAS,OAC5C,8BAA+BQ,GAAKR,OAAS,SAE/CqB,QAASI,EAAIsB,SAAW,IAAMnI,KAAKwD,WAAWqD,EAAI5E,MAAQoF,WAE1Dd,EAAA,OAAKC,MAAM,wBACTD,EAAA,YAAOM,EAAIiB,OACVjB,EAAIsB,UACH5B,EAAA,QAAMC,MAAM,kBACVD,EAAA,QAAMC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BxG,KAAKf,WAAa4H,EAAI5E,MAAQjC,KAAKd,gBAAkB,cAAa,KAC7IqH,EAAA,QAAMC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BxG,KAAKf,WAAa4H,EAAI5E,MAAQjC,KAAKd,gBAAkB,eAAc,OAIjJ,IAGRc,KAAKgF,YACJuB,EAAA,MAAIC,MAAM,wBAAwBX,MAAO,CAAEsB,UAAW,QAASQ,WAAY,WAAU,O,CAS/F,MAAAS,GACE,MAAMC,EAAcrI,KAAK0D,WACzB,MAAM4E,EAAUD,EAAYjH,SAAW,EAGvC,MAAMmH,EAAsBvI,KAAKE,WAAaF,KAAKK,YAAYgI,GAAe,GAK9E,MAAMG,EAAoB,KACxB,MAAMvF,WAAEA,EAAUC,SAAEA,GAAalD,KAAK+C,aACtC,MAAM0F,EAAYxF,GAAcjD,KAAKnB,WAAa,EAAImB,KAAKnB,WAAa,GACxE,OACE0H,EAAA,OACEC,MAAM,6BACNX,MAAO,CAAE6C,OAAQ,GAAG1I,KAAKlB,wBAAyB6J,UAAW,QAC7DC,SAAU5I,KAAK8C,qBAEfyD,EAAA,OAAKC,MAAM,2BAA2BX,MAAO,CAAE6C,OAAQ,GAAG1I,KAAKuD,uBAAwBuC,SAAU,aAC/FS,EAAA,SAAOC,MAAM,4CACXD,EAAA,aACG+B,EACC/B,EAAA,UACEA,EAAA,MAAIsC,QAAS7I,KAAK/B,QAAQmD,QAAUpB,KAAKtB,WAAa,EAAI,IAAMsB,KAAKgF,WAAa,EAAI,GAAIwB,MAAM,mBAC7FxG,KAAKzB,YAIVgI,EAAA,MAAIV,MAAO,CAAE6C,OAAQ,GAAGD,OAAe,cAAc,SAEtDJ,EAAYS,MAAM7F,EAAYC,GAAUsB,KAAI,CAAC5D,EAAKC,IAAMb,KAAKgG,UAAUpF,EAAKqC,EAAapC,QAI5F,EAKV,MAAMkI,EAAmB,IACvBxC,EAAA,aACG+B,EACC/B,EAAA,UACEA,EAAA,MAAIsC,QAAS7I,KAAK/B,QAAQmD,QAAUpB,KAAKtB,WAAa,EAAI,IAAMsB,KAAKgF,WAAa,EAAI,GAAIwB,MAAM,mBAC7FxG,KAAKzB,YAGRyB,KAAKE,WACPqI,EAAS/D,KAAI,CAAC0B,EAAIrF,IAAMb,KAAKgG,UAAUE,EAAGtF,IAAKC,EAAGqF,KAElDmC,EAAY7D,KAAI,CAAC5D,EAAKqF,IAAajG,KAAKgG,UAAUpF,EAAKqF,MAK7D,OACEM,EAAA,OAAKC,MAAO,CAAE,WAAY,KAAM,CAAC,aAAaxG,KAAK5B,QAAS,KAAM,mBAAoB4B,KAAK7B,OAAQ,oBAAqB6B,KAAKpB,gBAC1HoB,KAAK3B,SACJkI,EAAA,OAAKC,MAAM,qBACTD,EAAA,OAAKC,MAAM,+BAGdxG,KAAKpB,cACJ2H,EAAA,OAAKC,MAAM,6BACTD,EAAA,SAAOC,MAAM,mBACVxG,KAAK+H,gBAEPS,KAGHjC,EAAA,OAAKC,MAAM,oBAAoBX,MAAO7F,KAAKxB,UAAY,CAAEA,UAAWwB,KAAKxB,UAAWwK,SAAU,QAAW3B,WACvGd,EAAA,SAAOC,MAAM,mBACVxG,KAAK+H,eACLgB,M","ignoreList":[]}

package/dist/huibo-ui/p-672076c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["imagePreviewCss","HbImagePreviewStyle0","ImagePreview","modelValue","src","srcList","current","zoomStep","minZoom","maxZoom","hbClose","hbChange","zoom","rotate","keyDownHandler","e","this","key","close","prev","next","handleVisibleChange","newVal","document","addEventListener","removeEventListener","handleCurrentChange","componentDidLoad","disconnectedCallback","imageList","length","currentIndex","list","currentSrc","isMulti","emit","emitChange","index","zoomIn","Math","min","round","zoomOut","max","handleReset","handleRotateLeft","handleRotateRight","handleWheel","preventDefault","deltaY","handleOverlayClick","target","currentTarget","stopAndClose","stopPropagation","render","imgStyle","transform","h","class","onClick","alt","style","onWheel","type"],"sources":["src/components/ImagePreview/image-preview.css?tag=hb-image-preview&encapsulation=shadow","src/components/ImagePreview/ImagePreview.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.hb-image-preview {\n  position: fixed;\n  inset: 0;\n  z-index: var(--hb-z-index-modal-mask, 2000);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--hb-color-bg-mask, rgba(0, 0, 0, 0.5));\n}\n\n.hb-image-preview__wrapper {\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hb-image-preview__img {\n  max-width: 90vw;\n  max-height: 90vh;\n  object-fit: contain;\n  user-select: none;\n  transition: transform 0.2s ease;\n  pointer-events: none;\n}\n\n.hb-image-preview__btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__btn:hover {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n\n.hb-image-preview__btn--prev {\n  left: 24px;\n}\n\n.hb-image-preview__btn--next {\n  right: 24px;\n}\n\n.hb-image-preview__toolbar {\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n  border-radius: var(--hb-border-radius-base, 4px);\n  background-color: rgba(0, 0, 0, 0.5);\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-image-preview__tool {\n  min-width: 32px;\n  height: 32px;\n  padding: 0 8px;\n  border: none;\n  border-radius: var(--hb-border-radius-sm, 2px);\n  background: transparent;\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 16px;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__tool:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n\n.hb-image-preview__tool-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 48px;\n  padding: 0 4px;\n  font-size: 13px;\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-image-preview__close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__close:hover {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\nexport interface ImagePreviewChangeDetail {\n  src: string;\n  index: number;\n}\n\n/**\n * ImagePreview 图片预览组件\n * 点击图片后展示大图，支持缩放、旋转、多图切换\n */\n@Component({\n  tag: 'hb-image-preview',\n  styleUrl: 'image-preview.css',\n  shadow: true,\n})\nexport class ImagePreview {\n  @Element() el: HTMLElement;\n\n  /** 是否显示预览（受控，可双向） */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /** 单图源（srcList 为空时使用） */\n  @Prop() src: string = '';\n\n  /** 多图源列表 */\n  @Prop() srcList: string[] = [];\n\n  /** 多图当前索引 */\n  @Prop({ mutable: true }) current: number = 0;\n\n  /** 单次缩放步长 */\n  @Prop() zoomStep: number = 0.2;\n\n  /** 最小缩放比例 */\n  @Prop() minZoom: number = 0.5;\n\n  /** 最大缩放比例 */\n  @Prop() maxZoom: number = 3;\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  /** 切换事件，detail 为 { src, index } */\n  @Event() hbChange: EventEmitter<ImagePreviewChangeDetail>;\n\n  /** 当前缩放比例 */\n  @State() zoom: number = 1;\n\n  /** 当前旋转角度 */\n  @State() rotate: number = 0;\n\n  private keyDownHandler = (e: KeyboardEvent) => {\n    if (!this.modelValue) return;\n    if (e.key === 'Escape') {\n      this.close();\n    } else if (e.key === 'ArrowLeft') {\n      this.prev();\n    } else if (e.key === 'ArrowRight') {\n      this.next();\n    }\n  };\n\n  @Watch('modelValue')\n  handleVisibleChange(newVal: boolean) {\n    if (newVal) {\n      // 打开时重置缩放与旋转\n      this.zoom = 1;\n      this.rotate = 0;\n      document.addEventListener('keydown', this.keyDownHandler);\n    } else {\n      document.removeEventListener('keydown', this.keyDownHandler);\n    }\n  }\n\n  @Watch('current')\n  handleCurrentChange() {\n    // 切换图片时重置变换\n    this.zoom = 1;\n    this.rotate = 0;\n  }\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      document.addEventListener('keydown', this.keyDownHandler);\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.keyDownHandler);\n  }\n\n  /** 实际可切换的图片列表 */\n  private get imageList(): string[] {\n    if (this.srcList && this.srcList.length > 0) {\n      return this.srcList;\n    }\n    return this.src ? [this.src] : [];\n  }\n\n  private get currentIndex(): number {\n    const list = this.imageList;\n    if (list.length === 0) return 0;\n    if (this.current < 0) return 0;\n    if (this.current >= list.length) return list.length - 1;\n    return this.current;\n  }\n\n  private get currentSrc(): string {\n    const list = this.imageList;\n    if (list.length === 0) return '';\n    return list[this.currentIndex] || '';\n  }\n\n  private get isMulti(): boolean {\n    return this.imageList.length > 1;\n  }\n\n  private close = () => {\n    this.modelValue = false;\n    this.hbClose.emit();\n  };\n\n  private emitChange() {\n    this.hbChange.emit({ src: this.currentSrc, index: this.currentIndex });\n  }\n\n  private next = () => {\n    const list = this.imageList;\n    if (list.length <= 1) return;\n    this.current = (this.currentIndex + 1) % list.length;\n    this.emitChange();\n  };\n\n  private prev = () => {\n    const list = this.imageList;\n    if (list.length <= 1) return;\n    this.current = (this.currentIndex - 1 + list.length) % list.length;\n    this.emitChange();\n  };\n\n  private zoomIn = () => {\n    const next = Math.min(this.zoom + this.zoomStep, this.maxZoom);\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  private zoomOut = () => {\n    const next = Math.max(this.zoom - this.zoomStep, this.minZoom);\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  private handleReset = () => {\n    this.zoom = 1;\n    this.rotate = 0;\n  };\n\n  private handleRotateLeft = () => {\n    this.rotate = this.rotate - 90;\n  };\n\n  private handleRotateRight = () => {\n    this.rotate = this.rotate + 90;\n  };\n\n  /** 滚轮缩放 */\n  private handleWheel = (e: WheelEvent) => {\n    // TODO: 平滑缩放 + 图片中心锚点；当前实现为基础步长缩放\n    e.preventDefault();\n    if (e.deltaY < 0) {\n      this.zoomIn();\n    } else {\n      this.zoomOut();\n    }\n  };\n\n  /** 点击遮罩空白处关闭 */\n  private handleOverlayClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      this.close();\n    }\n  };\n\n  private stopAndClose = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.close();\n  };\n\n  render() {\n    if (!this.modelValue) return null;\n\n    const imgStyle = {\n      transform: `scale(${this.zoom}) rotate(${this.rotate}deg)`,\n    };\n\n    return (\n      <div class=\"hb-image-preview\" onClick={this.handleOverlayClick}>\n        <div class=\"hb-image-preview__wrapper\">\n          <img\n            class=\"hb-image-preview__img\"\n            src={this.currentSrc}\n            alt=\"\"\n            style={imgStyle}\n            onWheel={this.handleWheel}\n          />\n        </div>\n\n        {this.isMulti && (\n          <button\n            type=\"button\"\n            class=\"hb-image-preview__btn hb-image-preview__btn--prev\"\n            onClick={this.prev}\n            aria-label=\"上一张\"\n          >\n            ‹\n          </button>\n        )}\n        {this.isMulti && (\n          <button\n            type=\"button\"\n            class=\"hb-image-preview__btn hb-image-preview__btn--next\"\n            onClick={this.next}\n            aria-label=\"下一张\"\n          >\n            ›\n          </button>\n        )}\n\n        <div class=\"hb-image-preview__toolbar\" onClick={(e) => e.stopPropagation()}>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.zoomOut} aria-label=\"缩小\">\n            －\n          </button>\n          <span class=\"hb-image-preview__tool-label\">{Math.round(this.zoom * 100)}%</span>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.zoomIn} aria-label=\"放大\">\n            ＋\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleRotateLeft} aria-label=\"左旋\">\n            ↺\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleRotateRight} aria-label=\"右旋\">\n            ↻\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleReset} aria-label=\"重置\">\n            ⟲\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.stopAndClose} aria-label=\"关闭\">\n            ✕\n          </button>\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"hb-image-preview__close\"\n          onClick={this.stopAndClose}\n          aria-label=\"关闭\"\n        >\n          ×\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-6b381d0e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["radioCss","HbRadioStyle0","Radio","modelValue","value","disabled","checked","name","radioId","label","border","size","hbChange","isChecked","handleValueChange","this","updateChecked","componentDidLoad","undefined","handleChange","e","target","preventDefault","emit","render","inputId","Math","random","toString","substr","h","key","class","type","id","onChange"],"sources":["src/components/Radio/radio.css?tag=hb-radio&encapsulation=shadow","src/components/Radio/Radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-radio-font-size: 14px;\n  --hb-radio-color: var(--hb-color-primary);\n  --hb-radio-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-radio-text-color: var(--hb-color-text-regular, #606266);\n  --hb-radio-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-radio {\n  color: var(--hb-radio-text-color);\n  font-weight: 500;\n  font-size: var(--hb-radio-font-size);\n  position: relative;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  user-select: none;\n  margin-right: 30px;\n}\n\n.hb-radio:last-child {\n  margin-right: 0;\n}\n\n.hb-radio__input {\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  position: relative;\n  vertical-align: middle;\n}\n\n.hb-radio__original {\n  opacity: 0;\n  outline: none;\n  position: absolute;\n  margin: 0;\n  width: 0;\n  height: 0;\n  z-index: -1;\n}\n\n.hb-radio__inner {\n  border: 1px solid var(--hb-radio-border-color);\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: var(--hb-color-white, #ffffff);\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  box-sizing: border-box;\n  transition: all 0.2s;\n}\n\n.hb-radio__inner::after {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--hb-color-white, #ffffff);\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) scale(0);\n  transition: transform 0.15s ease-in;\n}\n\n.hb-radio--checked .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n  background: var(--hb-radio-color);\n}\n\n.hb-radio--checked .hb-radio__inner::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.hb-radio__label {\n  padding-left: 8px;\n  line-height: 1;\n  font-size: var(--hb-radio-font-size);\n}\n\n.hb-radio--disabled {\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__inner {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__label {\n  color: var(--hb-radio-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--border {\n  padding: 9px 15px 9px 9px;\n  border-radius: 4px;\n  border: 1px solid var(--hb-radio-border-color);\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n\n.hb-radio--border.hb-radio--checked {\n  border-color: var(--hb-radio-color);\n}\n\n.hb-radio--border.hb-radio--disabled {\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--small {\n  font-size: 12px;\n}\n\n.hb-radio--small .hb-radio__inner {\n  width: 12px;\n  height: 12px;\n}\n\n.hb-radio--small .hb-radio__inner::after {\n  width: 3px;\n  height: 3px;\n}\n\n.hb-radio--small .hb-radio__label {\n  padding-left: 6px;\n}\n\n.hb-radio--large {\n  font-size: 16px;\n}\n\n.hb-radio--large .hb-radio__inner {\n  width: 16px;\n  height: 16px;\n}\n\n.hb-radio--large .hb-radio__inner::after {\n  width: 5px;\n  height: 5px;\n}\n\n.hb-radio--large .hb-radio__label {\n  padding-left: 10px;\n}\n\n.hb-radio:hover:not(.hb-radio--disabled) .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * Radio 单选框组件\n * 在一组备选项中进行单选\n */\n@Component({\n  tag: 'hb-radio',\n  styleUrl: 'radio.css',\n  shadow: true,\n})\nexport class Radio {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string | number;\n\n  /**\n   * 单选框的值\n   */\n  @Prop() value?: string | number;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否选中\n   * @default false\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() radioId?: string;\n\n  /**\n   * 文本标签\n   */\n  @Prop() label?: string;\n\n  /**\n   * 是否显示边框\n   * @default false\n   */\n  @Prop() border: boolean = false;\n\n  /**\n   * 尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string | number | boolean>;\n\n  @State() isChecked: boolean = false;\n\n  @Watch('modelValue')\n  @Watch('checked')\n  @Watch('value')\n  handleValueChange() {\n    this.updateChecked();\n  }\n\n  componentDidLoad() {\n    this.updateChecked();\n  }\n\n  private updateChecked() {\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.isChecked = this.modelValue === this.value;\n    } else {\n      // 单个 radio\n      this.isChecked = this.checked;\n    }\n  }\n\n  private handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    \n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.modelValue = this.value;\n      this.isChecked = true;\n      this.hbChange.emit(this.value);\n    } else {\n      // 单个 radio\n      this.isChecked = target.checked;\n      if (target.checked && this.value !== undefined) {\n        this.hbChange.emit(this.value);\n      } else {\n        this.hbChange.emit(target.checked);\n      }\n    }\n  };\n\n  render() {\n    const inputId = this.radioId || `hb-radio-${Math.random().toString(36).substr(2, 9)}`;\n    \n    return (\n      <label\n        class={{\n          'hb-radio': true,\n          'hb-radio--checked': this.isChecked,\n          'hb-radio--disabled': this.disabled,\n          'hb-radio--border': this.border,\n          [`hb-radio--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-radio__input\">\n          <input\n            type=\"radio\"\n            id={inputId}\n            name={this.name}\n            checked={this.isChecked}\n            disabled={this.disabled}\n            value={this.value}\n            onChange={this.handleChange}\n            class=\"hb-radio__original\"\n          />\n          <span class=\"hb-radio__inner\"></span>\n        </span>\n        {(this.label || this.value !== undefined) && (\n          <span class=\"hb-radio__label\">\n            <slot>{this.label || this.value}</slot>\n          </span>\n        )}\n      </label>\n    );\n  }\n}\n\n"],"mappings":"yDAAA,MAAMA,EAAW,mvQACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,oFAMSC,WAKjBC,MAMAC,SAAoB,MAMpBC,QAAmB,MAKnBC,KAKAC,QAKAC,MAMAC,OAAkB,MAKlBC,KAAsC,UAKrCC,SAEAC,UAAqB,MAK9B,iBAAAC,GACEC,KAAKC,e,CAGP,gBAAAC,GACEF,KAAKC,e,CAGC,aAAAA,GACN,GAAID,KAAKX,QAAUc,UAAW,CAE5BH,KAAKF,UAAYE,KAAKZ,aAAeY,KAAKX,K,KACrC,CAELW,KAAKF,UAAYE,KAAKT,O,EAIlBa,aAAgBC,IACtB,MAAMC,EAASD,EAAEC,OAEjB,GAAIN,KAAKV,SAAU,CACjBe,EAAEE,iBACF,M,CAGF,GAAIP,KAAKX,QAAUc,UAAW,CAE5BH,KAAKZ,WAAaY,KAAKX,MACvBW,KAAKF,UAAY,KACjBE,KAAKH,SAASW,KAAKR,KAAKX,M,KACnB,CAELW,KAAKF,UAAYQ,EAAOf,QACxB,GAAIe,EAAOf,SAAWS,KAAKX,QAAUc,UAAW,CAC9CH,KAAKH,SAASW,KAAKR,KAAKX,M,KACnB,CACLW,KAAKH,SAASW,KAAKF,EAAOf,Q,IAKhC,MAAAkB,GACE,MAAMC,EAAUV,KAAKP,SAAW,YAAYkB,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,KAEjF,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAO,CACL,WAAY,KACZ,oBAAqBjB,KAAKF,UAC1B,qBAAsBE,KAAKV,SAC3B,mBAAoBU,KAAKL,OACzB,CAAC,aAAaK,KAAKJ,QAAS,OAG9BmB,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBACVF,EAAA,SAAAC,IAAA,2CACEE,KAAK,QACLC,GAAIT,EACJlB,KAAMQ,KAAKR,KACXD,QAASS,KAAKF,UACdR,SAAUU,KAAKV,SACfD,MAAOW,KAAKX,MACZ+B,SAAUpB,KAAKI,aACfa,MAAM,uBAERF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,sBAEZjB,KAAKN,OAASM,KAAKX,QAAUc,YAC7BY,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBACVF,EAAA,QAAAC,IAAA,4CAAOhB,KAAKN,OAASM,KAAKX,Q","ignoreList":[]}

package/dist/huibo-ui/p-710f38de.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeCss","HbTreeStyle0","Tree","data","expandedKeys","selectedKeys","checkable","checkedKeys","defaultExpandAll","showLine","internalExpanded","internalSelected","internalChecked","hbSelect","hbExpand","hbCheck","componentWillLoad","this","all","collectExpandableKeys","handleDataChange","current","getExpandedKeys","merged","deduped","Array","from","Set","handleExpandedKeysChange","handleSelectedKeysChange","handleCheckedKeysChange","nodes","out","node","children","length","push","key","getSelectedKeys","getCheckedKeys","isExpanded","includes","isSelected","isChecked","handleToggleExpand","e","stopPropagation","disabled","idx","indexOf","splice","emit","handleSelect","handleCheck","wasChecked","next","removeDescendantKeys","delete","add","collectCheckableDescendantKeys","reconcileAncestors","result","child","parents","findAncestors","parent","checkableChildren","filter","c","allChecked","every","has","acc","found","computeIndeterminateKeys","checked","walk","hasCheckedDescendant","childState","root","renderNode","level","indeterminateKeys","hasChildren","expanded","selected","indeterminate","h","class","role","String","undefined","tabindex","style","paddingLeft","onClick","title","map","render"],"sources":["src/components/Tree/tree.css?tag=hb-tree&encapsulation=shadow","src/components/Tree/Tree.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg-container);\n  box-sizing: border-box;\n}\n\n.hb-tree__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree__node-content {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  height: 28px;\n  padding-right: var(--hb-spacing-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) var(--hb-transition-function, ease);\n  box-sizing: border-box;\n}\n\n.hb-tree__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree__switcher {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree__arrow {\n  font-size: 10px;\n  display: inline-block;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree--show-line .hb-tree__switcher {\n  color: var(--hb-color-border);\n}\n\n.hb-tree__line-dot {\n  width: 6px;\n  height: 6px;\n  border-left: 1px solid var(--hb-color-border);\n  border-bottom: 1px solid var(--hb-color-border);\n  border-bottom-left-radius: var(--hb-border-radius-sm);\n}\n\n.hb-tree__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-xs, 2px);\n  background-color: var(--hb-color-bg-container);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__checkbox:hover:not(.hb-tree__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--checked {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--indeterminate {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n\n.hb-tree__node-content--selected .hb-tree__title {\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\nexport interface TreeNode {\n  /** 节点唯一标识 */\n  key: string;\n  /** 节点标题 */\n  title: string;\n  /** 子节点 */\n  children?: TreeNode[];\n  /** 是否禁用 */\n  disabled?: boolean;\n}\n\n/**\n * Tree 树形组件\n * 文件夹、组织架构、分类导航等层级结构的展示与选择\n */\n@Component({\n  tag: 'hb-tree',\n  styleUrl: 'tree.css',\n  shadow: true,\n})\nexport class Tree {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）展开的节点 key 集合\n   */\n  @Prop({ mutable: true }) expandedKeys: string[] = [];\n\n  /**\n   * （受控）选中的节点 key 集合\n   */\n  @Prop({ mutable: true }) selectedKeys: string[] = [];\n\n  /**\n   * 是否显示 checkbox 复选框\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * （受控）勾选的节点 key 集合\n   */\n  @Prop({ mutable: true }) checkedKeys: string[] = [];\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  /**\n   * 是否显示连接线\n   * @default false\n   */\n  @Prop() showLine: boolean = false;\n\n  @State() internalExpanded: string[] | null = null;\n  @State() internalSelected: string[] | null = null;\n  @State() internalChecked: string[] | null = null;\n\n  /**\n   * 选中节点变化事件（detail: 选中节点 key 数组）\n   */\n  @Event() hbSelect: EventEmitter<string[]>;\n\n  /**\n   * 展开节点变化事件（detail: 展开节点 key 数组）\n   */\n  @Event() hbExpand: EventEmitter<string[]>;\n\n  /**\n   * 勾选节点变化事件（detail: 勾选节点 key 数组）\n   */\n  @Event() hbCheck: EventEmitter<string[]>;\n\n  componentWillLoad() {\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  /**\n   * data 变化时，若 defaultExpandAll=true，把所有含 children 的节点 key\n   * 合并进 expandedKeys（保留用户已手动展开的节点，不收起任何已展开项）。\n   * 解决「先 mount 再赋 data」时 componentWillLoad 基于空数据计算导致不展开的问题。\n   */\n  @Watch('data')\n  handleDataChange() {\n    if (!this.defaultExpandAll) {\n      return;\n    }\n    const current = this.getExpandedKeys();\n    const merged = [...current];\n    this.collectExpandableKeys(this.data, merged);\n    // 去重\n    const deduped = Array.from(new Set(merged));\n    this.internalExpanded = deduped;\n    this.expandedKeys = deduped;\n  }\n\n  @Watch('expandedKeys')\n  handleExpandedKeysChange() {\n    this.internalExpanded = null;\n  }\n\n  @Watch('selectedKeys')\n  handleSelectedKeysChange() {\n    this.internalSelected = null;\n  }\n\n  @Watch('checkedKeys')\n  handleCheckedKeysChange() {\n    this.internalChecked = null;\n  }\n\n  private collectExpandableKeys(nodes: TreeNode[], out: string[]) {\n    for (const node of nodes) {\n      if (node.children && node.children.length > 0) {\n        out.push(node.key);\n        this.collectExpandableKeys(node.children, out);\n      }\n    }\n  }\n\n  private getExpandedKeys(): string[] {\n    return this.internalExpanded !== null ? this.internalExpanded : this.expandedKeys;\n  }\n\n  private getSelectedKeys(): string[] {\n    return this.internalSelected !== null ? this.internalSelected : this.selectedKeys;\n  }\n\n  private getCheckedKeys(): string[] {\n    return this.internalChecked !== null ? this.internalChecked : this.checkedKeys;\n  }\n\n  private isExpanded = (key: string) => this.getExpandedKeys().includes(key);\n  private isSelected = (key: string) => this.getSelectedKeys().includes(key);\n  private isChecked = (key: string) => this.getCheckedKeys().includes(key);\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    if (node.disabled) return;\n    const current = [...this.getExpandedKeys()];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n    } else {\n      current.push(node.key);\n    }\n    this.internalExpanded = current;\n    this.expandedKeys = current;\n    this.hbExpand.emit(current);\n  };\n\n  private handleSelect = (node: TreeNode) => {\n    if (node.disabled) return;\n    const current = [...this.getSelectedKeys()];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n    } else {\n      current.push(node.key);\n    }\n    this.internalSelected = current;\n    this.selectedKeys = current;\n    this.hbSelect.emit(current);\n  };\n\n  private handleCheck = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    if (node.disabled) return;\n    const current = [...this.getCheckedKeys()];\n    const wasChecked = current.includes(node.key);\n\n    // 计算本次操作应进入/移出 checkedKeys 的所有 key 集合（含级联）。\n    // 不可变：始终基于副本计算，绝不原地修改 current。\n    const next = new Set(current);\n    if (wasChecked) {\n      // 取消：取消自身 + 取消所有后代（含禁用后代，因为它们当时是被父级带选的）。\n      this.removeDescendantKeys(node, next);\n      next.delete(node.key);\n    } else {\n      // 勾选：勾选自身 + 勾选所有非禁用后代。\n      next.add(node.key);\n      this.collectCheckableDescendantKeys(node, next);\n    }\n\n    // 父子联动自底向上修正祖先：所有非禁用子节点全选 → 父加入 checkedKeys；\n    // 子节点部分选/全未选 → 父移出 checkedKeys（部分选体现为 indeterminate，由 detail 暴露）。\n    this.reconcileAncestors(node, next);\n\n    const result = Array.from(next);\n    this.internalChecked = result;\n    this.checkedKeys = result;\n    this.hbCheck.emit(result);\n  };\n\n  /**\n   * 从集合中移除某节点所有后代 key（含禁用项），用于取消父级时级联取消。\n   * 不可变：仅修改传入的 Set 副本，不修改树本身。\n   */\n  private removeDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      out.delete(child.key);\n      this.removeDescendantKeys(child, out);\n    }\n  }\n\n  /**\n   * 收集某节点所有「可勾选（非禁用）」后代 key，用于勾选父级时级联勾选。\n   * 注意：禁用子节点本身不可手动勾选，但若其下还有非禁用后代，仍应被级联勾选。\n   */\n  private collectCheckableDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      if (!child.disabled) {\n        out.add(child.key);\n      }\n      // 无论 child 是否禁用，继续向下寻找可勾选后代。\n      this.collectCheckableDescendantKeys(child, out);\n    }\n  }\n\n  /**\n   * 自底向上修正 checkedKeys 中某节点的所有祖先勾选状态。\n   * 规则：一个祖先节点，当且仅当其所有「非禁用子节点」均被勾选时，自身才被勾选；\n   * 否则移出 checkedKeys（部分选情况由 indeterminate 集合在渲染层暴露，不进入 checkedKeys）。\n   */\n  private reconcileAncestors(node: TreeNode, next: Set<string>) {\n    const parents = this.findAncestors(this.data, node.key, []);\n    // parents 为从直接父到根的数组；逐层判断。\n    for (const parent of parents) {\n      if (parent.disabled || !parent.children || parent.children.length === 0) continue;\n      const checkableChildren = parent.children.filter((c) => !c.disabled);\n      if (checkableChildren.length === 0) continue;\n      const allChecked = checkableChildren.every((c) => next.has(c.key));\n      if (allChecked) {\n        next.add(parent.key);\n      } else {\n        next.delete(parent.key);\n      }\n    }\n  }\n\n  /**\n   * 递归查找某 key 的祖先链（不含自身），返回从直接父到根的数组。\n   * 找不到返回空数组（key 为根节点或不存在时）。\n   */\n  private findAncestors(nodes: TreeNode[], key: string, acc: TreeNode[]): TreeNode[] | null {\n    for (const node of nodes) {\n      if (node.key === key) {\n        return acc;\n      }\n      if (node.children && node.children.length > 0) {\n        const found = this.findAncestors(node.children, key, [node, ...acc]);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * 计算当前 checkedKeys 下处于「部分选中（indeterminate）」的节点 key 集合。\n   * 一个节点为 indeterminate 当：其本身不在 checkedKeys，但其下（递归）存在被勾选的后代。\n   * 用于渲染层暴露三方态（aria-checked=\"mixed\" + class）。\n   */\n  private computeIndeterminateKeys(): Set<string> {\n    const checked = this.getCheckedKeys();\n    const result = new Set<string>();\n    const walk = (node: TreeNode): { hasCheckedDescendant: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { hasCheckedDescendant: false };\n      }\n      let hasCheckedDescendant = false;\n      for (const child of node.children) {\n        const childState = walk(child);\n        if (checked.includes(child.key) || childState.hasCheckedDescendant) {\n          hasCheckedDescendant = true;\n        }\n      }\n      // 节点本身未勾选，但有被勾选后代 → indeterminate\n      if (hasCheckedDescendant && !checked.includes(node.key)) {\n        result.add(node.key);\n      }\n      return { hasCheckedDescendant };\n    };\n    for (const root of this.data) {\n      walk(root);\n    }\n    return result;\n  }\n\n  private renderNode = (node: TreeNode, level: number, indeterminateKeys: Set<string>): any => {\n    const hasChildren = !!(node.children && node.children.length > 0);\n    const expanded = this.isExpanded(node.key);\n    const selected = this.isSelected(node.key);\n    const checked = this.isChecked(node.key);\n    const indeterminate = indeterminateKeys.has(node.key);\n    const disabled = !!node.disabled;\n\n    return (\n      <li\n        class={{\n          'hb-tree__node': true,\n          'hb-tree__node--disabled': disabled,\n        }}\n        role=\"treeitem\"\n        aria-level={level + 1}\n        aria-expanded={hasChildren ? String(expanded) : undefined}\n        aria-selected={selected ? 'true' : 'false'}\n        aria-checked={\n          this.checkable\n            ? indeterminate\n              ? 'mixed'\n              : checked\n                ? 'true'\n                : 'false'\n            : undefined\n        }\n        aria-disabled={disabled ? 'true' : undefined}\n        tabindex={selected ? 0 : -1}\n      >\n        <div\n          class={{\n            'hb-tree__node-content': true,\n            'hb-tree__node-content--selected': selected,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree__switcher\" onClick={(e) => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree__arrow': true, 'hb-tree__arrow--expanded': expanded }}>▶</span>\n            ) : this.showLine ? (\n              <span class=\"hb-tree__line-dot\" />\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree__checkbox': true,\n                'hb-tree__checkbox--checked': checked,\n                'hb-tree__checkbox--indeterminate': indeterminate,\n                'hb-tree__checkbox--disabled': disabled,\n              }}\n              onClick={(e) => this.handleCheck(node, e)}\n            >\n              {checked ? '✓' : indeterminate ? '–' : ''}\n            </span>\n          )}\n\n          <span class=\"hb-tree__title\" onClick={() => this.handleSelect(node)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree__children\" role=\"group\">\n            {node.children!.map((child) => this.renderNode(child, level + 1, indeterminateKeys))}\n          </ul>\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set<string>();\n    return (\n      <ul class={{ 'hb-tree': true, 'hb-tree--show-line': this.showLine }} role=\"tree\">\n        {this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))}\n      </ul>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-756acbdb.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a}from"./p-e42dfa95.js";import{p as i,a as o,W as r,g as n,M as s}from"./p-cf94cbf6.js";const l='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-calendar{background-color:var(--hb-color-white,#fff);border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.hb-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-calendar__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-calendar__next-btn,.hb-calendar__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color .2s}.hb-calendar__next-btn:hover,.hb-calendar__prev-btn:hover{color:var(--hb-color-primary)}.hb-calendar__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-calendar__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;padding:4px 0;text-align:center}.hb-calendar__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-calendar__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none}.hb-calendar__day:hover:not(.hb-calendar__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-calendar__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-calendar__day--today{color:var(--hb-color-primary);font-weight:600}.hb-calendar__day--selected{color:var(--hb-color-white,#fff)}.hb-calendar__day--selected,.hb-calendar__day--selected:hover{background-color:var(--hb-color-primary)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const d=l;const c=class{constructor(a){e(this,a);this.hbChange=t(this,"hbChange",7)}modelValue;firstDayOfWeek=0;disabledDate;hbChange;viewDate=new Date;selectedDate;componentDidLoad(){this.initFromModelValue()}handleModelValueChange(){this.initFromModelValue()}initFromModelValue(){const e=i(this.modelValue);this.selectedDate=e;if(e){this.viewDate=new Date(e.getFullYear(),e.getMonth(),1)}}handleSelect=e=>{if(!e.isCurrentMonth)return;if(this.disabledDate&&this.disabledDate(e.date))return;this.selectedDate=e.date;const t=this.toISODate(e.date);this.modelValue=t;this.hbChange.emit(t)};toISODate(e){const t=e.getFullYear();const a=String(e.getMonth()+1).padStart(2,"0");const i=String(e.getDate()).padStart(2,"0");return`${t}-${a}-${i}`}changeMonth(e){this.viewDate=o(this.viewDate,e)}get orderedWeekNames(){const e=(this.firstDayOfWeek%7+7)%7;return[...r.slice(e),...r.slice(0,e)]}render(){const e=n(this.viewDate,this.selectedDate);const t=this.viewDate;return a("div",{key:"349964b635ebec88f000ea4b26c4c6779f9f8925",class:"hb-calendar"},a("div",{key:"05a23a21700199202f902cab89c01af76ebe4bb6",class:"hb-calendar__header"},a("button",{key:"442c8a247cff4cbfc76e1a73a983f6e1255f7fd5",type:"button",class:"hb-calendar__prev-btn",onClick:()=>this.changeMonth(-1),"aria-label":"上一月"},"‹"),a("span",{key:"be82bfda5eddbee738587405924ebad7cb4757f9",class:"hb-calendar__header-label"},t.getFullYear(),"年 ",s[t.getMonth()]),a("button",{key:"d25451367e0ae14dd93efe57bfa7381535940d4b",type:"button",class:"hb-calendar__next-btn",onClick:()=>this.changeMonth(1),"aria-label":"下一月"},"›")),a("div",{key:"1ecc238f1f6c08e4e32aad8067277dd4f6ee94b8",class:"hb-calendar__body"},a("div",{key:"52e7bfd36efbcb3cf0d0ee5f5f8a2798169f9a64",class:"hb-calendar__weekdays"},this.orderedWeekNames.map((e=>a("div",{class:"hb-calendar__weekday"},e)))),a("div",{key:"54545d72d643142c0b3f46f2b6817764fe22fdb2",class:"hb-calendar__days"},e.map(((e,t)=>a("div",{key:t,class:{"hb-calendar__day":true,"hb-calendar__day--other-month":!e.isCurrentMonth,"hb-calendar__day--today":e.isToday,"hb-calendar__day--selected":e.isSelected},onClick:()=>this.handleSelect(e)},e.date.getDate()))))))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};c.style=d;export{c as hb_calendar};
-//# sourceMappingURL=p-756acbdb.entry.js.map

package/dist/huibo-ui/p-756acbdb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["calendarCss","HbCalendarStyle0","Calendar","modelValue","firstDayOfWeek","disabledDate","hbChange","viewDate","Date","selectedDate","componentDidLoad","this","initFromModelValue","handleModelValueChange","parsed","parseDate","getFullYear","getMonth","handleSelect","day","isCurrentMonth","date","iso","toISODate","emit","y","m","String","padStart","d","getDate","changeMonth","delta","addMonths","orderedWeekNames","offset","WEEK_DAY_NAMES","slice","render","days","getCalendarDays","current","h","key","class","type","onClick","MONTH_NAMES","map","index","isToday","isSelected"],"sources":["src/components/Calendar/calendar.css?tag=hb-calendar&encapsulation=shadow","src/components/Calendar/Calendar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-calendar {\n  width: 100%;\n  padding: 12px;\n  box-sizing: border-box;\n  background-color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n}\n\n/* 头部：年月 + 上下月按钮 */\n.hb-calendar__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-calendar__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-calendar__prev-btn,\n.hb-calendar__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  line-height: 1;\n  transition: color 0.2s;\n}\n\n.hb-calendar__prev-btn:hover,\n.hb-calendar__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n/* 星期行 */\n.hb-calendar__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-calendar__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n  padding: 4px 0;\n}\n\n/* 日期网格 */\n.hb-calendar__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-calendar__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n  user-select: none;\n}\n\n.hb-calendar__day:hover:not(.hb-calendar__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-calendar__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-calendar__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-calendar__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-calendar__day--selected:hover {\n  background-color: var(--hb-color-primary);\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport {\n  getCalendarDays,\n  parseDate,\n  addMonths,\n  MONTH_NAMES,\n  WEEK_DAY_NAMES,\n} from '../../utils/date-helpers';\n\n/**\n * Calendar 日历组件\n * 月份视图日历，支持选中日期与月份切换\n */\n@Component({\n  tag: 'hb-calendar',\n  styleUrl: 'calendar.css',\n  shadow: true,\n})\nexport class Calendar {\n  /**\n   * 绑定值（ISO 日期字符串）\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 每周第一天（0=周日，1=周一 …）\n   * @default 0\n   */\n  @Prop() firstDayOfWeek: number = 0;\n\n  /**\n   * 禁用日期判定（声明预留，暂不强求实现）\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /**\n   * 值改变事件，detail 为 ISO 日期字符串\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  @State() viewDate: Date = new Date();\n  @State() selectedDate?: Date;\n\n  componentDidLoad() {\n    this.initFromModelValue();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.initFromModelValue();\n  }\n\n  private initFromModelValue() {\n    const parsed = parseDate(this.modelValue);\n    this.selectedDate = parsed;\n    if (parsed) {\n      this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n    }\n  }\n\n  private handleSelect = (day: { date: Date; isCurrentMonth: boolean }) => {\n    if (!day.isCurrentMonth) return;\n    if (this.disabledDate && this.disabledDate(day.date)) return;\n    this.selectedDate = day.date;\n    const iso = this.toISODate(day.date);\n    this.modelValue = iso;\n    this.hbChange.emit(iso);\n  };\n\n  private toISODate(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private changeMonth(delta: number) {\n    this.viewDate = addMonths(this.viewDate, delta);\n  }\n\n  /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */\n  private get orderedWeekNames(): string[] {\n    const offset = ((this.firstDayOfWeek % 7) + 7) % 7;\n    return [...WEEK_DAY_NAMES.slice(offset), ...WEEK_DAY_NAMES.slice(0, offset)];\n  }\n\n  render() {\n    const days = getCalendarDays(this.viewDate, this.selectedDate);\n    const current = this.viewDate;\n\n    return (\n      <div class=\"hb-calendar\">\n        <div class=\"hb-calendar__header\">\n          <button\n            type=\"button\"\n            class=\"hb-calendar__prev-btn\"\n            onClick={() => this.changeMonth(-1)}\n            aria-label=\"上一月\"\n          >\n            ‹\n          </button>\n          <span class=\"hb-calendar__header-label\">\n            {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n          </span>\n          <button\n            type=\"button\"\n            class=\"hb-calendar__next-btn\"\n            onClick={() => this.changeMonth(1)}\n            aria-label=\"下一月\"\n          >\n            ›\n          </button>\n        </div>\n        <div class=\"hb-calendar__body\">\n          <div class=\"hb-calendar__weekdays\">\n            {this.orderedWeekNames.map((day) => (\n              <div class=\"hb-calendar__weekday\">{day}</div>\n            ))}\n          </div>\n          <div class=\"hb-calendar__days\">\n            {days.map((day, index) => (\n              <div\n                key={index}\n                class={{\n                  'hb-calendar__day': true,\n                  'hb-calendar__day--other-month': !day.isCurrentMonth,\n                  'hb-calendar__day--today': day.isToday,\n                  'hb-calendar__day--selected': day.isSelected,\n                }}\n                onClick={() => this.handleSelect(day)}\n              >\n                {day.date.getDate()}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAc,yoOACpB,MAAAC,EAAeD,E,MCiBFE,EAAQ,M,4DAIMC,WAMjBC,eAAyB,EAKzBC,aAKCC,SAEAC,SAAiB,IAAIC,KACrBC,aAET,gBAAAC,GACEC,KAAKC,oB,CAIP,sBAAAC,GACEF,KAAKC,oB,CAGC,kBAAAA,GACN,MAAME,EAASC,EAAUJ,KAAKR,YAC9BQ,KAAKF,aAAeK,EACpB,GAAIA,EAAQ,CACVH,KAAKJ,SAAW,IAAIC,KAAKM,EAAOE,cAAeF,EAAOG,WAAY,E,EAI9DC,aAAgBC,IACtB,IAAKA,EAAIC,eAAgB,OACzB,GAAIT,KAAKN,cAAgBM,KAAKN,aAAac,EAAIE,MAAO,OACtDV,KAAKF,aAAeU,EAAIE,KACxB,MAAMC,EAAMX,KAAKY,UAAUJ,EAAIE,MAC/BV,KAAKR,WAAamB,EAClBX,KAAKL,SAASkB,KAAKF,EAAI,EAGjB,SAAAC,CAAUF,GAChB,MAAMI,EAAIJ,EAAKL,cACf,MAAMU,EAAIC,OAAON,EAAKJ,WAAa,GAAGW,SAAS,EAAG,KAClD,MAAMC,EAAIF,OAAON,EAAKS,WAAWF,SAAS,EAAG,KAC7C,MAAO,GAAGH,KAAKC,KAAKG,G,CAGd,WAAAE,CAAYC,GAClBrB,KAAKJ,SAAW0B,EAAUtB,KAAKJ,SAAUyB,E,CAI3C,oBAAYE,GACV,MAAMC,GAAWxB,KAAKP,eAAiB,EAAK,GAAK,EACjD,MAAO,IAAIgC,EAAeC,MAAMF,MAAYC,EAAeC,MAAM,EAAGF,G,CAGtE,MAAAG,GACE,MAAMC,EAAOC,EAAgB7B,KAAKJ,SAAUI,KAAKF,cACjD,MAAMgC,EAAU9B,KAAKJ,SAErB,OACEmC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,UAAAC,IAAA,2CACEE,KAAK,SACLD,MAAM,wBACNE,QAAS,IAAMnC,KAAKoB,aAAa,GAAE,aACxB,OAAK,KAIlBW,EAAA,QAAAC,IAAA,2CAAMC,MAAM,6BACTH,EAAQzB,cAAa,KAAI+B,EAAYN,EAAQxB,aAEhDyB,EAAA,UAAAC,IAAA,2CACEE,KAAK,SACLD,MAAM,wBACNE,QAAS,IAAMnC,KAAKoB,YAAY,GAAE,aACvB,OAAK,MAKpBW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACRjC,KAAKuB,iBAAiBc,KAAK7B,GAC1BuB,EAAA,OAAKE,MAAM,wBAAwBzB,MAGvCuB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBACRL,EAAKS,KAAI,CAAC7B,EAAK8B,IACdP,EAAA,OACEC,IAAKM,EACLL,MAAO,CACL,mBAAoB,KACpB,iCAAkCzB,EAAIC,eACtC,0BAA2BD,EAAI+B,QAC/B,6BAA8B/B,EAAIgC,YAEpCL,QAAS,IAAMnC,KAAKO,aAAaC,IAEhCA,EAAIE,KAAKS,e","ignoreList":[]}

package/dist/huibo-ui/p-75a93de3.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as a}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{p as o,f as n,a as s,g as l,M as d,W as c}from"./p-cf94cbf6.js";const h='/*! 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{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;margin-right:8px;transition:color .2s}.hb-date-picker__clear:hover{color:var(--hb-color-text-regular,#606266)}.hb-date-picker__icon{font-size:14px}.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}@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 p=h;const b=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7)}get el(){return i(this)}modelValue;placeholder="请选择日期";disabled=false;size="default";clearable=false;format="YYYY-MM-DD";valueFormat;type="date";disabledDate;name;inputId;isOpen=false;inputValue="";selectedDate;hbChange;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});this.clickOutside.connect();this.updateInputValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}updateInputValue(){const e=o(this.modelValue);if(!e){this.inputValue="";this.selectedDate=undefined;return}this.selectedDate=e;this.inputValue=n(e,this.format)}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.selectedDate=undefined;this.isOpen=false;this.hbChange.emit(undefined)};handleDateSelect=e=>{if(this.disabledDate&&this.disabledDate(e))return;this.selectedDate=e;this.modelValue=this.valueFormat?n(e,this.format):e;this.updateInputValue();this.isOpen=false;this.hbChange.emit(this.modelValue)};changeMonth(e){this.selectedDate=s(this.selectedDate||new Date,e)}isDateDisabled=e=>!!this.disabledDate&&this.disabledDate(e);render(){const e=l(this.selectedDate||new Date,this.selectedDate);const t=this.selectedDate||new Date;return a("div",{key:"79e20fe927318faa30086dbe5cd3e17b24077f8f",class:{"hb-date-picker":true,"hb-date-picker--open":this.isOpen,"hb-date-picker--disabled":this.disabled,[`hb-date-picker--${this.size}`]:true}},a("div",{key:"eb216f889017004192cdc04496334c21e714e971",class:"hb-date-picker__input-wrapper",onClick:this.handleInputClick},a("input",{key:"ac23cc7e2d3ba77141ec342477bf984ce581b30a",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}),a("span",{key:"d9371788b72feacd581e908d65770af8b9eb535a",class:"hb-date-picker__suffix"},this.clearable&&this.modelValue&&a("span",{key:"86601557f8419ba22111ca214c3130ee444b383e",class:"hb-date-picker__clear",role:"button","aria-label":"清空",onClick:this.handleClear},"×"),a("span",{key:"55662b6a4b49cf42c54e2906fb062c8c45a9259e",class:"hb-date-picker__icon","aria-hidden":"true"},"📅"))),this.isOpen&&a("div",{key:"3b1d2bbb8fd12b5b8c2748028f7b13daa08df5a0",class:"hb-date-picker__dropdown",role:"dialog","aria-label":"选择日期"},a("div",{key:"310b54cb7c477fc52657b220201e82f69059b3a0",class:"hb-date-picker__header"},a("button",{key:"63cf02ce80ea6522592863a31696b91b79ebd0ef",type:"button",class:"hb-date-picker__prev-btn","aria-label":"上一月",onClick:()=>this.changeMonth(-1)},"‹"),a("span",{key:"f74837430f189198929125413a7b61568e37c1a7",class:"hb-date-picker__header-label","aria-live":"polite"},t.getFullYear(),"年 ",d[t.getMonth()]),a("button",{key:"db36b5b8823fa3dc5f8355d77225b19ea262d2fd",type:"button",class:"hb-date-picker__next-btn","aria-label":"下一月",onClick:()=>this.changeMonth(1)},"›")),a("div",{key:"2adbe9940556d5f01049bcdb4777c67b2519c5ef",class:"hb-date-picker__body",role:"grid"},a("div",{key:"d4b2deab072b795b852abdb4e54f9c3493feaecd",class:"hb-date-picker__weekdays",role:"row"},c.map((e=>a("div",{class:"hb-date-picker__weekday",role:"columnheader","aria-disabled":"true"},e)))),a("div",{key:"208e6260719c97616be80386b3fc9da3521eed83",class:"hb-date-picker__days",role:"row"},e.map(((e,t)=>{const i=e.isCurrentMonth&&this.isDateDisabled(e.date);return a("div",{key:t,class:{"hb-date-picker__day":true,"hb-date-picker__day--other-month":!e.isCurrentMonth,"hb-date-picker__day--today":e.isToday,"hb-date-picker__day--selected":e.isSelected,"hb-date-picker__day--disabled":i},role:"gridcell","aria-selected":e.isSelected?"true":"false","aria-disabled":!e.isCurrentMonth||i?"true":undefined,"aria-label":n(e.date,this.format),onClick:()=>e.isCurrentMonth&&!i&&this.handleDateSelect(e.date)},e.date.getDate())}))))))}static get watchers(){return{modelValue:["handleValueChange"]}}};b.style=p;export{b as hb_date_picker};
-//# sourceMappingURL=p-75a93de3.entry.js.map

package/dist/huibo-ui/p-75a93de3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["datePickerCss","HbDatePickerStyle0","DatePicker","modelValue","placeholder","disabled","size","clearable","format","valueFormat","type","disabledDate","name","inputId","isOpen","inputValue","selectedDate","hbChange","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","date","parseDate","undefined","formatDate","handleInputClick","handleClear","e","stopPropagation","emit","handleDateSelect","changeMonth","delta","addMonths","Date","isDateDisabled","render","days","getCalendarDays","current","h","key","class","onClick","id","value","readonly","role","getFullYear","MONTH_NAMES","getMonth","WEEK_DAY_NAMES","map","day","index","dayDisabled","isCurrentMonth","isToday","isSelected","getDate"],"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  font-size: 16px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-date-picker__clear:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__icon {\n  font-size: 14px;\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","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   */\n  @Prop() type = 'date' as const;\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\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  };\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  private changeMonth(delta: number) {\n    this.selectedDate = addMonths(this.selectedDate || new Date(), delta);\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    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        }}\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                ×\n              </span>\n            )}\n            <span class=\"hb-date-picker__icon\" aria-hidden=\"true\">📅</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-date-picker__dropdown\" role=\"dialog\" aria-label=\"选择日期\">\n            <div class=\"hb-date-picker__header\">\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__prev-btn\"\n                aria-label=\"上一月\"\n                onClick={() => this.changeMonth(-1)}\n              >\n                ‹\n              </button>\n              <span class=\"hb-date-picker__header-label\" aria-live=\"polite\">\n                {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n              </span>\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__next-btn\"\n                aria-label=\"下一月\"\n                onClick={() => this.changeMonth(1)}\n              >\n                ›\n              </button>\n            </div>\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          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-769960f4.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as a,h as t}from"./p-e42dfa95.js";import{i as s}from"./p-cc0aeb50.js";const i=class{constructor(a){e(this,a)}get el(){return a(this)}key="";title="";disabled=false;active=false;isOpen=false;componentDidLoad(){this.isOpen=this.active}handleActiveChange(e){this.isOpen=e}toggle=()=>{if(this.disabled)return;this.isOpen=!this.isOpen;this.active=this.isOpen;this.el.dispatchEvent(new CustomEvent("hbCollapseItemToggle",{detail:{key:this.key,active:this.isOpen},bubbles:true,composed:true}))};handleHeaderKeydown=e=>{if(this.disabled)return;if(s(e.key)){e.preventDefault();this.toggle()}};render(){return t("div",{key:"37cf0afe29b3a3b6bb538a8dc962804a71c9dce9",class:{"hb-collapse-item":true,"hb-collapse-item--active":this.isOpen,"hb-collapse-item--disabled":this.disabled}},t("div",{key:"be864927a75dc717aab21745f728adbd149fd3b8",class:"hb-collapse-item__header",role:"button",tabindex:this.disabled?-1:0,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":undefined,onClick:this.toggle,onKeyDown:this.handleHeaderKeydown},t("span",{key:"afea7c20f59efc964aeebfb995d0b713ebb28542",class:"hb-collapse-item__title"},this.title),t("span",{key:"1aa30ec50c6105f8a07a2ac30ea8108d19923eb8",class:{"hb-collapse-item__arrow":true,"hb-collapse-item__arrow--open":this.isOpen}},"▶")),t("div",{key:"6e6d66dd8477019c7dc8dbc66fd81646e8c3899a",class:{"hb-collapse-item__wrapper":true,"hb-collapse-item__wrapper--open":this.isOpen}},t("div",{key:"776a67a054ea8fd5b664f2e475843ff2344b41c4",class:"hb-collapse-item__content"},t("slot",{key:"1fc2c8492891d16fef88b83c2f46207a2508a81e"}))))}static get watchers(){return{active:["handleActiveChange"]}}};export{i as hb_collapse_item};
-//# sourceMappingURL=p-769960f4.entry.js.map

package/dist/huibo-ui/p-769960f4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CollapseItem","key","title","disabled","active","isOpen","componentDidLoad","this","handleActiveChange","val","toggle","el","dispatchEvent","CustomEvent","detail","bubbles","composed","handleHeaderKeydown","e","isActivationKey","preventDefault","render","h","class","role","tabindex","undefined","onClick","onKeyDown"],"sources":["src/components/Collapse/CollapseItem.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n@Component({ tag: 'hb-collapse-item', shadow: true })\nexport class CollapseItem {\n  @Element() el: HTMLElement;\n\n  /** 唯一标识（手风琴模式协调用） */\n  @Prop() key: string = '';\n\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否展开（受控；由父级 hb-collapse 在手风琴模式下联动） */\n  @Prop({ mutable: true }) active: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  componentDidLoad() {\n    this.isOpen = this.active;\n  }\n\n  @Watch('active')\n  handleActiveChange(val: boolean) {\n    this.isOpen = val;\n  }\n\n  private toggle = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.active = this.isOpen;\n    // 通知父级 hb-collapse（composed 穿越 shadow 边界，用于手风琴协调）\n    this.el.dispatchEvent(\n      new CustomEvent('hbCollapseItemToggle', {\n        detail: { key: this.key, active: this.isOpen },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  };\n\n  private handleHeaderKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  render() {\n    return (\n      <div\n        class={{ 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled }}\n      >\n        <div\n          class=\"hb-collapse-item__header\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : undefined}\n          onClick={this.toggle}\n          onKeyDown={this.handleHeaderKeydown}\n        >\n          <span class=\"hb-collapse-item__title\">{this.title}</span>\n          <span class={{ 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen }}>▶</span>\n        </div>\n        <div class={{ 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen }}>\n          <div class=\"hb-collapse-item__content\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAIaA,EAAY,M,iDAIfC,IAAc,GAGdC,MAAgB,GAGhBC,SAAoB,MAGHC,OAAkB,MAElCC,OAAkB,MAE3B,gBAAAC,GACEC,KAAKF,OAASE,KAAKH,M,CAIrB,kBAAAI,CAAmBC,GACjBF,KAAKF,OAASI,C,CAGRC,OAAS,KACf,GAAIH,KAAKJ,SAAU,OACnBI,KAAKF,QAAUE,KAAKF,OACpBE,KAAKH,OAASG,KAAKF,OAEnBE,KAAKI,GAAGC,cACN,IAAIC,YAAY,uBAAwB,CACtCC,OAAQ,CAAEb,IAAKM,KAAKN,IAAKG,OAAQG,KAAKF,QACtCU,QAAS,KACTC,SAAU,OAEb,EAGKC,oBAAuBC,IAC7B,GAAIX,KAAKJ,SAAU,OACnB,GAAIgB,EAAgBD,EAAEjB,KAAM,CAC1BiB,EAAEE,iBACFb,KAAKG,Q,GAIT,MAAAW,GACE,OACEC,EAAA,OAAArB,IAAA,2CACEsB,MAAO,CAAE,mBAAoB,KAAM,2BAA4BhB,KAAKF,OAAQ,6BAA8BE,KAAKJ,WAE/GmB,EAAA,OAAArB,IAAA,2CACEsB,MAAM,2BACNC,KAAK,SACLC,SAAUlB,KAAKJ,UAAY,EAAI,EAAC,gBACjBI,KAAKF,OAAS,OAAS,QAAO,gBAC9BE,KAAKJ,SAAW,OAASuB,UACxCC,QAASpB,KAAKG,OACdkB,UAAWrB,KAAKU,qBAEhBK,EAAA,QAAArB,IAAA,2CAAMsB,MAAM,2BAA2BhB,KAAKL,OAC5CoB,EAAA,QAAArB,IAAA,2CAAMsB,MAAO,CAAE,0BAA2B,KAAM,gCAAiChB,KAAKF,SAAQ,MAEhGiB,EAAA,OAAArB,IAAA,2CAAKsB,MAAO,CAAE,4BAA6B,KAAM,kCAAmChB,KAAKF,SACvFiB,EAAA,OAAArB,IAAA,2CAAKsB,MAAM,6BACTD,EAAA,QAAArB,IAAA,+C","ignoreList":[]}

package/dist/huibo-ui/p-7f6975ad.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i}from"./p-e42dfa95.js";const o='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-alert{align-items:flex-start;border-radius:var(--hb-border-radius-base);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xs);line-height:1.5;padding:var(--hb-spacing-sm)var(--hb-spacing-md)}.hb-alert--center{justify-content:center;text-align:center}.hb-alert__icon{flex-shrink:0;font-size:16px;margin-top:2px}.hb-alert__body{flex:1}.hb-alert__title{font-weight:600}.hb-alert__description{font-size:var(--hb-font-size-xs);margin-top:4px;opacity:.85}.hb-alert__close{cursor:pointer;flex-shrink:0;font-size:16px;opacity:.6}.hb-alert__close:hover{opacity:1}.hb-alert--success{background:var(--hb-color-success-bg);border:1px solid var(--hb-color-success-border);color:var(--hb-color-success)}.hb-alert--warning{background:var(--hb-color-warning-bg);border:1px solid var(--hb-color-warning-border);color:var(--hb-color-warning)}.hb-alert--error{background:var(--hb-color-danger-bg);border:1px solid var(--hb-color-danger-border);color:var(--hb-color-danger)}.hb-alert--info{background:var(--hb-color-primary-bg);border:1px solid var(--hb-color-primary-border);color:var(--hb-color-primary)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const r=o;const a=class{constructor(i){e(this,i);this.hbClose=t(this,"hbClose",7)}title="";description;type="info";closable=false;showIcon=true;center=false;closed=false;hbClose;handleClose=()=>{this.closed=true;this.hbClose.emit()};render(){if(this.closed)return null;const e={success:"✓",warning:"⚠",info:"ℹ",error:"✕"};const t=this.type==="error"||this.type==="warning"?"alert":"status";return i("div",{class:{"hb-alert":true,[`hb-alert--${this.type}`]:true,"hb-alert--center":this.center,"hb-alert--with-description":!!this.description},role:t},this.showIcon&&i("span",{class:"hb-alert__icon","aria-hidden":"true"},e[this.type]),i("div",{class:"hb-alert__body"},i("div",{class:"hb-alert__title"},this.title),this.description&&i("div",{class:"hb-alert__description"},this.description)),this.closable&&i("span",{class:"hb-alert__close",role:"button","aria-label":"关闭",tabIndex:0,onClick:this.handleClose},"×"))}};a.style=r;export{a as hb_alert};
-//# sourceMappingURL=p-7f6975ad.entry.js.map

package/dist/huibo-ui/p-7f6975ad.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["alertCss","HbAlertStyle0","Alert","title","description","type","closable","showIcon","center","closed","hbClose","handleClose","this","emit","render","icons","success","warning","info","error","liveRole","h","class","role","tabIndex","onClick"],"sources":["src/components/Alert/alert.css?tag=hb-alert&encapsulation=shadow","src/components/Alert/Alert.tsx"],"sourcesContent":[":host { display: block; }\n.hb-alert {\n  display: flex; align-items: flex-start; gap: var(--hb-spacing-xs);\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-radius: var(--hb-border-radius-base);\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.5;\n}\n.hb-alert--center { justify-content: center; text-align: center; }\n.hb-alert__icon { font-size: 16px; margin-top: 2px; flex-shrink: 0; }\n.hb-alert__body { flex: 1; }\n.hb-alert__title { font-weight: 600; }\n.hb-alert__description { margin-top: 4px; font-size: var(--hb-font-size-xs); opacity: 0.85; }\n.hb-alert__close { cursor: pointer; font-size: 16px; opacity: 0.6; flex-shrink: 0; }\n.hb-alert__close:hover { opacity: 1; }\n\n.hb-alert--success { background: var(--hb-color-success-bg); color: var(--hb-color-success); border: 1px solid var(--hb-color-success-border); }\n.hb-alert--warning { background: var(--hb-color-warning-bg); color: var(--hb-color-warning); border: 1px solid var(--hb-color-warning-border); }\n.hb-alert--error   { background: var(--hb-color-danger-bg); color: var(--hb-color-danger); border: 1px solid var(--hb-color-danger-border); }\n.hb-alert--info    { background: var(--hb-color-primary-bg); color: var(--hb-color-primary); border: 1px solid var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter, State } from '@stencil/core';\n\n/**\n * Alert 警告提示组件\n * 展示需要关注的信息\n */\n@Component({\n  tag: 'hb-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class Alert {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 描述文字 */\n  @Prop() description?: string;\n\n  /** 类型 */\n  @Prop() type: 'success' | 'warning' | 'info' | 'error' = 'info';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 是否显示图标 */\n  @Prop() showIcon: boolean = true;\n\n  /** 是否居中 */\n  @Prop() center: boolean = false;\n\n  @State() closed: boolean = false;\n\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = () => {\n    this.closed = true;\n    this.hbClose.emit();\n  };\n\n  render() {\n    if (this.closed) return null;\n    const icons: Record<string, string> = { success: '✓', warning: '⚠', info: 'ℹ', error: '✕' };\n    // error/warning 是紧急通告 → role=alert（断言式，屏幕阅读器即时朗读）；\n    // info/success 是状态信息 → role=status（礼貌式，不打断）。\n    const liveRole = this.type === 'error' || this.type === 'warning' ? 'alert' : 'status';\n    return (\n      <div\n        class={{ 'hb-alert': true, [`hb-alert--${this.type}`]: true, 'hb-alert--center': this.center, 'hb-alert--with-description': !!this.description }}\n        role={liveRole}\n      >\n        {this.showIcon && <span class=\"hb-alert__icon\" aria-hidden=\"true\">{icons[this.type]}</span>}\n        <div class=\"hb-alert__body\">\n          <div class=\"hb-alert__title\">{this.title}</div>\n          {this.description && <div class=\"hb-alert__description\">{this.description}</div>}\n        </div>\n        {this.closable && <span class=\"hb-alert__close\" role=\"button\" aria-label=\"关闭\" tabIndex={0} onClick={this.handleClose}>×</span>}\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,iqNACjB,MAAAC,EAAeD,E,MCUFE,EAAK,M,0DAERC,MAAgB,GAGhBC,YAGAC,KAAiD,OAGjDC,SAAoB,MAGpBC,SAAoB,KAGpBC,OAAkB,MAEjBC,OAAkB,MAElBC,QAEDC,YAAc,KACpBC,KAAKH,OAAS,KACdG,KAAKF,QAAQG,MAAM,EAGrB,MAAAC,GACE,GAAIF,KAAKH,OAAQ,OAAO,KACxB,MAAMM,EAAgC,CAAEC,QAAS,IAAKC,QAAS,IAAKC,KAAM,IAAKC,MAAO,KAGtF,MAAMC,EAAWR,KAAKP,OAAS,SAAWO,KAAKP,OAAS,UAAY,QAAU,SAC9E,OACEgB,EAAA,OACEC,MAAO,CAAE,WAAY,KAAM,CAAC,aAAaV,KAAKP,QAAS,KAAM,mBAAoBO,KAAKJ,OAAQ,+BAAgCI,KAAKR,aACnImB,KAAMH,GAELR,KAAKL,UAAYc,EAAA,QAAMC,MAAM,iBAAgB,cAAa,QAAQP,EAAMH,KAAKP,OAC9EgB,EAAA,OAAKC,MAAM,kBACTD,EAAA,OAAKC,MAAM,mBAAmBV,KAAKT,OAClCS,KAAKR,aAAeiB,EAAA,OAAKC,MAAM,yBAAyBV,KAAKR,cAE/DQ,KAAKN,UAAYe,EAAA,QAAMC,MAAM,kBAAkBC,KAAK,SAAQ,aAAY,KAAKC,SAAU,EAAGC,QAASb,KAAKD,aAAW,K","ignoreList":[]}

package/dist/huibo-ui/p-85f68526.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["timePickerCss","HbTimePickerStyle0","TimePicker","modelValue","placeholder","disabled","size","clearable","format","name","inputId","isOpen","inputValue","selectedHour","selectedMinute","selectedSecond","hbChange","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","parts","split","length","parseInt","handleInputClick","handleClear","e","stopPropagation","undefined","emit","handleTimeSelect","hour","minute","second","timeStr","String","padStart","generateNumbers","max","Array","from","_","i","render","hours","minutes","seconds","h","key","class","onClick","type","id","value","readonly","map","includes"],"sources":["src/components/TimePicker/time-picker.css?tag=hb-time-picker&encapsulation=shadow","src/components/TimePicker/TimePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-time-picker-font-size: 14px;\n  --hb-time-picker-height: 32px;\n  --hb-time-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-time-picker-border-color-hover: var(--hb-color-primary);\n  --hb-time-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-time-picker {\n  display: inline-block;\n  position: relative;\n  width: 200px;\n}\n\n.hb-time-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-time-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-time-picker-height);\n  line-height: var(--hb-time-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-time-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-time-picker-bg-color);\n  border: 1px solid var(--hb-time-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-time-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-time-picker-border-color-hover);\n}\n\n.hb-time-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-time-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-time-picker__icon {\n  font-size: 14px;\n}\n\n.hb-time-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-time-picker-bg-color);\n  border: 1px solid var(--hb-time-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: 200px;\n  max-height: 300px;\n}\n\n.hb-time-picker__body {\n  display: flex;\n  padding: 8px;\n}\n\n.hb-time-picker__list {\n  flex: 1;\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.hb-time-picker__list-title {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  padding: 8px 0;\n  border-bottom: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n}\n\n.hb-time-picker__list-content {\n  padding: 4px 0;\n}\n\n.hb-time-picker__item {\n  padding: 8px 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.hb-time-picker__item:hover {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-time-picker__item--selected {\n  background-color: var(--hb-color-primary-light-9, #ecf5ff);\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-time-picker--small {\n  width: 180px;\n}\n\n.hb-time-picker--small .hb-time-picker__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n}\n\n.hb-time-picker--large {\n  width: 220px;\n}\n\n.hb-time-picker--large .hb-time-picker__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n}\n\n.hb-time-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-time-picker--disabled .hb-time-picker__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-time-picker-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\n\n/**\n * TimePicker 时间选择器组件\n * 用于选择或输入时间\n */\n@Component({\n  tag: 'hb-time-picker',\n  styleUrl: 'time-picker.css',\n  shadow: true,\n})\nexport class TimePicker {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 输入框占位文本\n   */\n  @Prop() placeholder: string = '请选择时间';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 输入框尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否可清空\n   * @default false\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * 时间格式\n   * @default 'HH:mm:ss'\n   */\n  @Prop() format: string = 'HH:mm:ss';\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedHour: number = 0;\n  @State() selectedMinute: number = 0;\n  @State() selectedSecond: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\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    if (!this.modelValue) {\n      this.inputValue = '';\n      return;\n    }\n\n    const parts = this.modelValue.split(':');\n    if (parts.length >= 2) {\n      this.selectedHour = parseInt(parts[0]) || 0;\n      this.selectedMinute = parseInt(parts[1]) || 0;\n      this.selectedSecond = parseInt(parts[2]) || 0;\n      this.inputValue = this.modelValue;\n    }\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleTimeSelect = (hour: number, minute: number, second: number) => {\n    this.selectedHour = hour;\n    this.selectedMinute = minute;\n    this.selectedSecond = second;\n    \n    const timeStr = `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}:${String(second).padStart(2, '0')}`;\n    this.modelValue = timeStr;\n    this.inputValue = timeStr;\n    this.isOpen = false;\n    this.hbChange.emit(timeStr);\n  };\n\n  private generateNumbers(max: number): number[] {\n    return Array.from({ length: max + 1 }, (_, i) => i);\n  }\n\n  render() {\n    const hours = this.generateNumbers(23);\n    const minutes = this.generateNumbers(59);\n    const seconds = this.generateNumbers(59);\n\n    return (\n      <div\n        class={{\n          'hb-time-picker': true,\n          'hb-time-picker--open': this.isOpen,\n          'hb-time-picker--disabled': this.disabled,\n          [`hb-time-picker--${this.size}`]: true,\n        }}\n      >\n        <div class=\"hb-time-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-time-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n          />\n          <span class=\"hb-time-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-time-picker__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-time-picker__icon\">🕐</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-time-picker__dropdown\">\n            <div class=\"hb-time-picker__body\">\n              <div class=\"hb-time-picker__list\">\n                <div class=\"hb-time-picker__list-title\">时</div>\n                <div class=\"hb-time-picker__list-content\">\n                  {hours.map((hour) => (\n                    <div\n                      class={{\n                        'hb-time-picker__item': true,\n                        'hb-time-picker__item--selected': hour === this.selectedHour,\n                      }}\n                      onClick={() => this.handleTimeSelect(hour, this.selectedMinute, this.selectedSecond)}\n                    >\n                      {String(hour).padStart(2, '0')}\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <div class=\"hb-time-picker__list\">\n                <div class=\"hb-time-picker__list-title\">分</div>\n                <div class=\"hb-time-picker__list-content\">\n                  {minutes.map((minute) => (\n                    <div\n                      class={{\n                        'hb-time-picker__item': true,\n                        'hb-time-picker__item--selected': minute === this.selectedMinute,\n                      }}\n                      onClick={() => this.handleTimeSelect(this.selectedHour, minute, this.selectedSecond)}\n                    >\n                      {String(minute).padStart(2, '0')}\n                    </div>\n                  ))}\n                </div>\n              </div>\n              {this.format.includes('ss') && (\n                <div class=\"hb-time-picker__list\">\n                  <div class=\"hb-time-picker__list-title\">秒</div>\n                  <div class=\"hb-time-picker__list-content\">\n                    {seconds.map((second) => (\n                      <div\n                        class={{\n                          'hb-time-picker__item': true,\n                          'hb-time-picker__item--selected': second === this.selectedSecond,\n                        }}\n                        onClick={() => this.handleTimeSelect(this.selectedHour, this.selectedMinute, second)}\n                      >\n                        {String(second).padStart(2, '0')}\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-8d615521.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as o}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{g as n}from"./p-ecce2b5e.js";const a='/*! 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;position:relative}.hb-dropdown__trigger{cursor:pointer;display:inline-block}.hb-dropdown__menu{animation:hb-dropdown-fade-in .15s ease-out;background-color:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);left:0;margin-top:4px;min-width:120px;padding:4px 0;position:absolute;top:100%}.hb-dropdown__item{align-items:center;color:var(--hb-color-text);cursor:pointer;display:flex;font-size:var(--hb-font-size-sm);padding:6px 16px;transition:background-color var(--hb-transition-duration);white-space:nowrap}.hb-dropdown__item:hover:not(.hb-dropdown__item--disabled){background-color:var(--hb-color-fill-tertiary);color:var(--hb-color-primary)}.hb-dropdown__item--disabled{color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-dropdown__item--divided{border-top:1px solid var(--hb-color-border-secondary);margin-top:4px;padding-top:8px}.hb-dropdown__item--danger{color:var(--hb-color-danger)}.hb-dropdown__item--danger:hover:not(.hb-dropdown__item--disabled){background-color:var(--hb-color-danger-bg);color:var(--hb-color-danger)}@keyframes hb-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@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 s=a;const d=class{constructor(i){e(this,i);this.hbCommand=t(this,"hbCommand",7)}get el(){return i(this)}items=[];trigger="hover";disabled=false;isOpen=false;hbCommand;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});if(this.trigger==="click"){this.clickOutside.connect()}}disconnectedCallback(){this.clickOutside.disconnect()}show=()=>{if(this.disabled)return;this.isOpen=true};hide=()=>{this.isOpen=false};toggle=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleSelect=e=>{if(e.disabled)return;this.isOpen=false;this.hbCommand.emit(e.key)};render(){const e=this.trigger==="hover"?{onMouseEnter:this.show,onMouseLeave:this.hide}:{onClick:this.toggle};return o("div",{key:"65db176398a94c702f6c3fcdc4128ed0e6afc376",class:"hb-dropdown",...e},o("div",{key:"2c96f9af4f69d1a1c52195546b5b777e5a2d54b8",class:"hb-dropdown__trigger"},o("slot",{key:"cd007dcd7d357cc1d041472a72faa0a3a025bda2"})),this.isOpen&&o("div",{key:"a3bdebbc0a701e01df36b701bc13de130c4e8d24",class:"hb-dropdown__menu",style:{zIndex:String(n())}},this.items.map((e=>o("div",{class:{"hb-dropdown__item":true,"hb-dropdown__item--disabled":e.disabled,"hb-dropdown__item--divided":e.divided,"hb-dropdown__item--danger":e.danger},onClick:()=>this.handleSelect(e)},e.label)))))}};d.style=s;export{d as hb_dropdown};
-//# sourceMappingURL=p-8d615521.entry.js.map