huibo-ui 0.3.0 → 0.5.0

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

@@ -1 +1 @@
-{"file":"hb-select.entry.cjs.js","mappings":"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","names":["createClickOutsideHandler","handleListKeyboard","h","index"],"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"],"version":3}
+{"file":"hb-select.entry.cjs.js","mappings":"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","names":["createClickOutsideHandler","handleListKeyboard","h","activationClickHandler","index"],"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  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  cursor: pointer;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-select__tag-close svg {\n  width: 100%;\n  height: 100%;\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  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  cursor: pointer;\n  color: var(--hb-select-placeholder-color);\n  transition: color 0.2s;\n}\n\n.hb-select__clear svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-select__clear:hover {\n  color: var(--hb-select-text-color);\n}\n\n.hb-select__arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  color: var(--hb-select-placeholder-color);\n  transition: transform 0.3s;\n}\n\n.hb-select__arrow svg {\n  width: 100%;\n  height: 100%;\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  height: 14px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--hb-color-primary, #1677ff);\n}\n\n.hb-select__menu-item-checkbox svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-select__menu-item--create {\n  color: var(--hb-color-primary, #1677ff);\n  font-weight: 500;\n}\n\n.hb-select__menu-item--create:hover {\n  background-color: var(--hb-color-primary-bg, #e6f4ff);\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","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { handleListKeyboard, activationClickHandler } 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   * O4：实例级稳定 id，用于 combobox 的 aria-controls / aria-activedescendant 关联，\n   * 让读屏在键盘导航时播报当前高亮项。\n   */\n  private listboxId = `hb-select-listbox-${Math.random().toString(36).slice(2, 11)}`;\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: () => {\n      this.isOpen = false;\n      this.hbVisibleChange.emit(false);\n    },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => {\n        this.isOpen = false;\n        this.hbVisibleChange.emit(false);\n      },\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) {\n      // defaultFirstOption=true：打开时自动高亮第一个可选（非禁用）项\n      this.activeOptionIndex = this.defaultFirstOption\n        ? Math.max(\n            -1,\n            this.options.findIndex(o => !o.disabled),\n          )\n        : -1;\n    }\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' || 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 => opt.label.toLowerCase().includes(target.value.toLowerCase()));\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  /**\n   * allowCreate + filterable：当用户输入的文本在已有选项中不存在时，\n   * 渲染一个\"创建 xxx\"项。返回待创建的文本（已 trim）；无需创建返回 null。\n   */\n  private get createOption(): SelectOption | null {\n    if (!this.allowCreate || !this.filterable || !this.isOpen) return null;\n    const q = this.searchValue.trim();\n    if (!q) return null;\n    const exists = this.options.some(o => String(o.label).toLowerCase() === q.toLowerCase() || String(o.value).toLowerCase() === q.toLowerCase());\n    if (exists) return null;\n    return { value: q, label: q };\n  }\n\n  private handleCreate = () => {\n    const opt = this.createOption;\n    if (!opt) return;\n    if (this.multiple) {\n      const arr = ((this.modelValue as (string | number)[]) || []).slice();\n      if (!arr.includes(opt.value)) arr.push(opt.value);\n      this.modelValue = arr;\n    } else {\n      this.modelValue = opt.value;\n      this.isOpen = false;\n      this.hbVisibleChange.emit(false);\n    }\n    this.searchValue = '';\n    this.filteredOptions = this.options;\n    this.updateInputValue();\n    this.hbChange.emit(this.modelValue);\n  };\n\n  render() {\n    const displayOptions = this.filterable ? this.filteredOptions : this.options;\n    const showClear = this.clearable && this.modelValue !== undefined && (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        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={this.isOpen ? 'true' : 'false'}\n        aria-controls={this.isOpen ? this.listboxId : undefined}\n        aria-activedescendant={this.isOpen && this.activeOptionIndex >= 0 ? `${this.listboxId}-opt-${this.activeOptionIndex}` : undefined}\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\n                      class=\"hb-select__tag-close\"\n                      role=\"button\"\n                      aria-label=\"移除标签\"\n                      tabIndex={0}\n                      onClick={e => {\n                        e.stopPropagation();\n                        this.handleSelect(option || { value: val, label: String(val) });\n                      }}\n                      onKeyDown={activationClickHandler}\n                    >\n                      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                        <path d=\"M6 6l12 12M18 6L6 18\" />\n                      </svg>\n                    </span>\n                  </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=\"清空\" tabIndex={0} onClick={this.handleClear} onKeyDown={activationClickHandler}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class=\"hb-select__arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M6 9l6 6 6-6\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-select__dropdown\">\n            <ul class=\"hb-select__menu\" role=\"listbox\" id={this.listboxId}>\n              {/* allowCreate：用户输入文本不存在时，渲染创建项（置顶） */}\n              {this.createOption && (\n                <li class={{ 'hb-select__menu-item': true, 'hb-select__menu-item--create': true }} role=\"option\" aria-selected=\"false\" onClick={this.handleCreate}>\n                  <span class=\"hb-select__menu-item-label\">创建「{this.createOption.label}」</span>\n                </li>\n              )}\n              {displayOptions.length === 0 && !this.createOption ? (\n                <li class=\"hb-select__menu-item hb-select__menu-item--empty\" aria-disabled=\"true\">\n                  无数据\n                </li>\n              ) : (\n                displayOptions.map((option, index) => (\n                  <li\n                    id={`${this.listboxId}-opt-${index}`}\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\" aria-hidden=\"true\">\n                        {this.isSelected(option) ? (\n                          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={3} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12l5 5L20 7\" />\n                          </svg>\n                        ) : null}\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"],"version":3}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5aa5c817.js');
 
-const sliderCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-slider-main-bg-color:var(--hb-color-primary);--hb-slider-runway-bg-color:var(--hb-fill-color-light,#e4e7ed);--hb-slider-stop-bg-color:var(--hb-color-white,#fff);--hb-slider-button-size:20px;display:inline-block}.hb-slider{align-items:center;display:flex;height:40px;position:relative;width:100%}.hb-slider--vertical{flex-direction:column;height:100%;width:40px}.hb-slider__runway{background-color:var(--hb-slider-runway-bg-color);border-radius:3px;cursor:pointer;height:6px;margin:16px 0;position:relative;vertical-align:middle;width:100%}.hb-slider--vertical .hb-slider__runway{height:100%;margin:0 16px;width:6px}.hb-slider__bar{background-color:var(--hb-slider-main-bg-color);border-bottom-left-radius:3px;border-top-left-radius:3px;height:6px;left:0;position:absolute;top:0}.hb-slider--vertical .hb-slider__bar{border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;height:auto;top:auto;width:6px}.hb-slider__button-wrapper{background-color:#0000;margin-left:calc(var(--hb-slider-button-size)/-2);outline:none;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:1001}.hb-slider--vertical .hb-slider__button-wrapper{bottom:0;left:50%;margin-bottom:calc(var(--hb-slider-button-size)/-2);margin-left:0;top:auto;transform:translate(-50%)}.hb-slider__button{background-color:var(--hb-color-white,#fff);border:2px solid var(--hb-slider-main-bg-color);border-radius:50%;cursor:grab;height:var(--hb-slider-button-size);transition:all .2s;-webkit-user-select:none;user-select:none;width:var(--hb-slider-button-size)}.hb-slider__button:active{cursor:grabbing}.hb-slider__button-wrapper--hover .hb-slider__button,.hb-slider__button-wrapper:hover .hb-slider__button{transform:scale(1.2)}.hb-slider__tooltip{background-color:#000000bf;border-radius:4px;bottom:calc(100% + 12px);color:var(--hb-color-white,#fff);font-size:12px;padding:6px 8px;white-space:nowrap}.hb-slider__tooltip,.hb-slider__tooltip:after{left:50%;position:absolute;transform:translate(-50%)}.hb-slider__tooltip:after{border:4px solid #0000;border-top-color:#000000bf;content:\"\";top:100%}.hb-slider--disabled{cursor:not-allowed}.hb-slider--disabled .hb-slider__runway{background-color:var(--hb-fill-color-light,#e4e7ed);cursor:not-allowed}.hb-slider--disabled .hb-slider__bar{background-color:var(--hb-color-text-disabled,#c0c4cc)}.hb-slider--disabled .hb-slider__button{border-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 sliderCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-slider-main-bg-color:var(--hb-color-primary);--hb-slider-runway-bg-color:var(--hb-fill-color-light,#e4e7ed);--hb-slider-stop-bg-color:var(--hb-color-white,#fff);--hb-slider-button-size:20px;display:inline-block}.hb-slider{align-items:center;display:flex;height:40px;position:relative;width:100%}.hb-slider--vertical{flex-direction:column;height:100%;width:40px}.hb-slider__runway{background-color:var(--hb-slider-runway-bg-color);border-radius:3px;cursor:pointer;height:6px;margin:16px 0;position:relative;vertical-align:middle;width:100%}.hb-slider--vertical .hb-slider__runway{height:100%;margin:0 16px;width:6px}.hb-slider__bar{background-color:var(--hb-slider-main-bg-color);border-bottom-left-radius:3px;border-top-left-radius:3px;height:6px;position:absolute;top:0}.hb-slider--vertical .hb-slider__bar{border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;height:auto;top:auto;width:6px}.hb-slider__button-wrapper{align-items:center;background-color:#0000;cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:1001}.hb-slider--vertical .hb-slider__button-wrapper{left:50%;top:auto;transform:translate(-50%,50%)}.hb-slider__button{background-color:var(--hb-color-white,#fff);border:2px solid var(--hb-slider-main-bg-color);border-radius:50%;cursor:grab;height:var(--hb-slider-button-size);transition:all .2s;-webkit-user-select:none;user-select:none;width:var(--hb-slider-button-size)}.hb-slider__button:active{cursor:grabbing}.hb-slider__button-wrapper--hover .hb-slider__button,.hb-slider__button-wrapper:hover .hb-slider__button{transform:scale(1.2)}.hb-slider__tooltip{background-color:#000000bf;border-radius:4px;bottom:calc(100% + 12px);color:var(--hb-color-white,#fff);font-size:12px;padding:6px 8px;white-space:nowrap}.hb-slider__tooltip,.hb-slider__tooltip:after{left:50%;position:absolute;transform:translate(-50%)}.hb-slider__tooltip:after{border:4px solid #0000;border-top-color:#000000bf;content:\"\";top:100%}.hb-slider--disabled{cursor:not-allowed}.hb-slider--disabled .hb-slider__runway{background-color:var(--hb-fill-color-light,#e4e7ed);cursor:not-allowed}.hb-slider--disabled .hb-slider__bar{background-color:var(--hb-color-text-disabled,#c0c4cc)}.hb-slider--disabled .hb-slider__button{border-color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-slider__mark{background-color:var(--hb-color-border,#dcdfe6);height:6px;pointer-events:none;top:0;width:2px}.hb-slider__mark,.hb-slider__mark-label{position:absolute;transform:translate(-50%)}.hb-slider__mark-label{color:var(--hb-color-text-secondary,#606266);font-size:var(--hb-font-size-xs,12px);left:50%;margin-top:var(--hb-spacing-xs,4px);top:100%;white-space:nowrap}.hb-slider--with-marks{padding-bottom:var(--hb-spacing-lg,16px)}.hb-slider--vertical .hb-slider__mark{height:2px;left:50%;top:auto;transform:translate(-50%,-50%);width:6px}.hb-slider--vertical .hb-slider__mark-label{left:100%;margin-left:var(--hb-spacing-xs,4px);margin-top:0;top:50%;transform:translateY(-50%)}.hb-slider__button-wrapper:focus{outline:none}.hb-slider__button-wrapper:focus-visible .hb-slider__button{box-shadow:0 0 0 4px var(--hb-color-primary-bg,#1677ff1f)}@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 HbSliderStyle0 = sliderCss;
 
 const Slider = class {
@@ -61,12 +61,20 @@ const Slider = class {
      * 高度，竖向模式时必填
      */
     height;
+    /**
+     * 刻度标记（对齐 antd marks）
+     */
+    marks;
     dragging = false;
     currentValue = 0;
     tooltipVisible = false;
     tooltipValue = 0;
+    /** range 模式下当前拖动的是哪个手柄（0/1），用于 tooltip 定位与渲染 */
+    activeHandle = 0;
     sliderRef;
     isDragging = false;
+    /** 拖动期间锁定的手柄索引（鼠标按下时确定） */
+    dragHandle = null;
     /**
      * 值改变事件
      */
@@ -76,12 +84,28 @@ const Slider = class {
      */
     hbInput;
     componentDidLoad() {
-        this.currentValue = this.modelValue;
+        this.currentValue = this.normalizeInitial(this.modelValue);
         this.addEventListeners();
     }
     disconnectedCallback() {
         this.removeEventListeners();
     }
+    /** 外部更新 modelValue 时同步内部 currentValue（对齐 antd 受控语义） */
+    handleModelChange() {
+        if (!this.isDragging) {
+            this.currentValue = this.normalizeInitial(this.modelValue);
+        }
+    }
+    /** range 模式下确保 currentValue 为 [min, max] 形状的有序数组 */
+    normalizeInitial(v) {
+        if (this.range) {
+            if (Array.isArray(v) && v.length === 2) {
+                return v[0] <= v[1] ? [v[0], v[1]] : [v[1], v[0]];
+            }
+            return [this.min, this.max];
+        }
+        return typeof v === 'number' ? v : Array.isArray(v) ? (v[0] ?? this.min) : this.min;
+    }
     addEventListeners() {
         document.addEventListener('mousemove', this.handleMouseMove);
         document.addEventListener('mouseup', this.handleMouseUp);
@@ -91,18 +115,31 @@ const Slider = class {
         document.removeEventListener('mouseup', this.handleMouseUp);
     }
     getPercentage(value) {
+        if (this.max === this.min)
+            return 0;
         return ((value - this.min) / (this.max - this.min)) * 100;
     }
     getValueFromPercentage(percentage) {
         const value = this.min + (percentage / 100) * (this.max - this.min);
-        return Math.round(value / this.step) * this.step;
+        const snapped = Math.round(value / this.step) * this.step;
+        return Math.max(this.min, Math.min(this.max, snapped));
+    }
+    /** 鼠标按下时根据落点决定拖哪个手柄（range：更近的那个） */
+    resolveHandle(percentage) {
+        if (!this.range)
+            return 0;
+        const vals = this.currentValue;
+        const leftPct = this.getPercentage(vals[0]);
+        const rightPct = this.getPercentage(vals[1]);
+        return Math.abs(percentage - leftPct) <= Math.abs(percentage - rightPct) ? 0 : 1;
     }
-    handleMouseDown = (e) => {
+    handleMouseDown = (e, handle = null) => {
         if (this.disabled)
             return;
         e.preventDefault();
         this.isDragging = true;
         this.dragging = true;
+        this.dragHandle = handle;
         this.handleDrag(e);
     };
     handleMouseMove = (e) => {
@@ -116,23 +153,34 @@ const Slider = class {
         this.isDragging = false;
         this.dragging = false;
         this.tooltipVisible = false;
+        this.dragHandle = null;
         this.hbChange.emit(this.currentValue);
     };
     handleDrag(e) {
         if (!this.sliderRef)
             return;
         const rect = this.sliderRef.getBoundingClientRect();
-        const percentage = this.vertical
-            ? 1 - (e.clientY - rect.top) / rect.height
-            : (e.clientX - rect.left) / rect.width;
+        const percentage = this.vertical ? 1 - (e.clientY - rect.top) / rect.height : (e.clientX - rect.left) / rect.width;
         const clampedPercentage = Math.max(0, Math.min(100, percentage * 100));
         const value = this.getValueFromPercentage(clampedPercentage);
         if (this.range) {
-            const values = this.currentValue;
-            // 简化处理：更新第一个值
-            this.currentValue = [value, values[1] || this.max];
+            const vals = this.currentValue;
+            // 优先用 mousedown 时锁定的手柄；未锁定（点击 runway）则按落点就近
+            const handle = this.dragHandle !== null ? this.dragHandle : this.resolveHandle(clampedPercentage);
+            this.activeHandle = handle;
+            let [lo, hi] = [vals[0], vals[1]];
+            if (handle === 0) {
+                lo = Math.min(value, hi);
+            }
+            else {
+                hi = Math.max(value, lo);
+            }
+            this.currentValue = [lo, hi];
+            this.tooltipValue = handle === 0 ? lo : hi;
+            this.tooltipVisible = true;
         }
         else {
+            this.activeHandle = 0;
             this.currentValue = value;
             this.tooltipValue = value;
             this.tooltipVisible = true;
@@ -140,30 +188,145 @@ const Slider = class {
         this.modelValue = this.currentValue;
         this.hbInput.emit(this.currentValue);
     }
+    /** 键盘可访问：方向键调整当前手柄，对齐 WAI-ARIA slider pattern */
+    handleKeyDown = (e) => {
+        if (this.disabled)
+            return;
+        const { key } = e;
+        const isDecrease = key === 'ArrowLeft' || key === 'ArrowDown';
+        const isIncrease = key === 'ArrowRight' || key === 'ArrowUp';
+        const isBigDecrease = key === 'PageDown' || key === 'Home';
+        const isBigIncrease = key === 'PageUp' || key === 'End';
+        if (!isDecrease && !isIncrease && !isBigDecrease && !isBigIncrease)
+            return;
+        e.preventDefault();
+        const delta = isBigDecrease ? -this.max : isBigIncrease ? this.max : (isDecrease ? -1 : 1) * this.step;
+        if (this.range) {
+            const vals = this.currentValue;
+            let [lo, hi] = [vals[0], vals[1]];
+            if (this.activeHandle === 0) {
+                lo = Math.max(this.min, Math.min(lo + delta, hi));
+            }
+            else {
+                hi = Math.min(this.max, Math.max(hi + delta, lo));
+            }
+            this.currentValue = [lo, hi];
+            this.tooltipValue = this.activeHandle === 0 ? lo : hi;
+            this.tooltipVisible = true;
+        }
+        else {
+            const next = Math.max(this.min, Math.min(this.currentValue + delta, this.max));
+            this.currentValue = next;
+            this.tooltipValue = next;
+            this.tooltipVisible = true;
+        }
+        this.modelValue = this.currentValue;
+        this.hbChange.emit(this.currentValue);
+        this.hbInput.emit(this.currentValue);
+    };
     formatValue(value) {
         if (this.formatTooltip) {
             return this.formatTooltip(value);
         }
         return String(value);
     }
+    /** 规范化 marks 为 [{value,label}] 数组 */
+    get markList() {
+        if (!this.marks)
+            return [];
+        if (Array.isArray(this.marks))
+            return this.marks;
+        return Object.entries(this.marks).map(([k, v]) => ({ value: Number(k), label: v }));
+    }
     render() {
-        const percentage = this.range
-            ? this.getPercentage(this.currentValue[0])
-            : this.getPercentage(this.currentValue);
-        return (index.h("div", { key: 'b8ee15c3375f6786c252e6755ff6dd5d4ab0023f', class: {
+        const range = this.range;
+        const singlePct = this.getPercentage(this.currentValue);
+        const rangeVals = range ? this.currentValue : [0, 0];
+        const leftPct = range ? this.getPercentage(rangeVals[0]) : 0;
+        const rightPct = range ? this.getPercentage(rangeVals[1]) : singlePct;
+        // bar：单滑块从 min 到 value；range 从 lo 到 hi
+        const barStart = range ? leftPct : 0;
+        const barSize = range ? rightPct - leftPct : singlePct;
+        const posProp = this.vertical ? 'bottom' : 'left';
+        const sizeProp = this.vertical ? 'height' : 'width';
+        const renderHandle = (handle, pct) => {
+            const tooltipVal = range ? rangeVals[handle] : this.currentValue;
+            const isActive = this.tooltipVisible && (range ? this.activeHandle === handle : true);
+            return (index.h("div", { class: {
+                    'hb-slider__button-wrapper': true,
+                    'hb-slider__button-wrapper--hover': isActive,
+                }, style: { [posProp]: `${pct}%` }, onMouseDown: (e) => this.handleMouseDown(e, handle), onTouchStart: (e) => this.handleTouchStart(e, handle), role: "slider", tabindex: this.disabled ? -1 : 0, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": tooltipVal, "aria-valuetext": this.formatValue(tooltipVal), "aria-orientation": this.vertical ? 'vertical' : 'horizontal', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: this.handleKeyDown }, this.showTooltip && isActive && index.h("div", { class: "hb-slider__tooltip" }, this.formatValue(this.tooltipValue)), index.h("div", { class: "hb-slider__button" })));
+        };
+        return (index.h("div", { class: {
                 'hb-slider': true,
                 'hb-slider--vertical': this.vertical,
                 'hb-slider--disabled': this.disabled,
-            }, style: this.vertical && this.height ? { height: this.height } : undefined }, index.h("div", { key: 'c75f1194e3a8a630d4ffa0cb82579fddc42e2461', class: "hb-slider__runway", ref: (el) => (this.sliderRef = el), onMouseDown: this.handleMouseDown }, index.h("div", { key: '5dcf4d4807e85cd4a96fd919d4b9d999f0d837d7', class: "hb-slider__bar", style: {
-                [this.vertical ? 'height' : 'width']: `${percentage}%`,
-                [this.vertical ? 'bottom' : 'left']: '0',
-            } }), index.h("div", { key: 'e10dc431c839183de585debfd9991a2d75922cc9', class: {
-                'hb-slider__button-wrapper': true,
-                'hb-slider__button-wrapper--hover': this.tooltipVisible,
-            }, style: {
-                [this.vertical ? 'bottom' : 'left']: `${percentage}%`,
-            } }, this.showTooltip && this.tooltipVisible && (index.h("div", { key: '270c0d8dd46b03fac7b4b8e62265a14158de18b7', class: "hb-slider__tooltip" }, this.formatValue(this.tooltipValue))), index.h("div", { key: '20772f2a08bed8c009c119b1c148ff0448c9a288', class: "hb-slider__button" })))));
+                'hb-slider--with-marks': this.markList.length > 0,
+            }, style: this.vertical && this.height ? { height: this.height } : undefined }, index.h("div", { class: "hb-slider__runway", ref: el => (this.sliderRef = el), onMouseDown: (e) => this.handleMouseDown(e, null), onTouchStart: (e) => this.handleTouchStart(e, null) }, index.h("div", { class: "hb-slider__bar", style: {
+                [sizeProp]: `${Math.max(0, barSize)}%`,
+                [posProp]: `${barStart}%`,
+            } }), this.markList.map(m => {
+            const pct = this.getPercentage(m.value);
+            return (index.h("div", { class: "hb-slider__mark", style: { [posProp]: `${pct}%` }, "aria-hidden": "true" }, m.label && index.h("span", { class: "hb-slider__mark-label" }, m.label)));
+        }), range ? renderHandle(0, leftPct) : null, renderHandle(range ? 1 : 0, range ? rightPct : singlePct))));
+    }
+    /** 触屏支持：把 touch 事件映射到 mouse 同等逻辑（移动端可用） */
+    handleTouchStart = (e, handle) => {
+        if (this.disabled)
+            return;
+        e.preventDefault();
+        const touch = e.touches[0];
+        this.isDragging = true;
+        this.dragging = true;
+        this.dragHandle = handle;
+        this.dragFromTouch(touch.clientX, touch.clientY);
+        const move = (ev) => {
+            const t = ev.touches[0];
+            this.dragFromTouch(t.clientX, t.clientY);
+        };
+        const end = () => {
+            this.isDragging = false;
+            this.dragging = false;
+            this.tooltipVisible = false;
+            this.dragHandle = null;
+            this.hbChange.emit(this.currentValue);
+            document.removeEventListener('touchmove', move);
+            document.removeEventListener('touchend', end);
+        };
+        document.addEventListener('touchmove', move, { passive: false });
+        document.addEventListener('touchend', end);
+    };
+    dragFromTouch(clientX, clientY) {
+        if (!this.sliderRef)
+            return;
+        const rect = this.sliderRef.getBoundingClientRect();
+        const percentage = this.vertical ? 1 - (clientY - rect.top) / rect.height : (clientX - rect.left) / rect.width;
+        const clamped = Math.max(0, Math.min(100, percentage * 100));
+        const value = this.getValueFromPercentage(clamped);
+        if (this.range) {
+            const vals = this.currentValue;
+            const handle = this.dragHandle !== null ? this.dragHandle : this.resolveHandle(clamped);
+            this.activeHandle = handle;
+            let [lo, hi] = [vals[0], vals[1]];
+            if (handle === 0)
+                lo = Math.min(value, hi);
+            else
+                hi = Math.max(value, lo);
+            this.currentValue = [lo, hi];
+            this.tooltipValue = handle === 0 ? lo : hi;
+            this.tooltipVisible = true;
+        }
+        else {
+            this.currentValue = value;
+            this.tooltipValue = value;
+            this.tooltipVisible = true;
+        }
+        this.modelValue = this.currentValue;
+        this.hbInput.emit(this.currentValue);
     }
+    static get watchers() { return {
+        "modelValue": ["handleModelChange"]
+    }; }
 };
 Slider.style = HbSliderStyle0;
 

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

@@ -1 +1 @@
-{"file":"hb-slider.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/Slider/slider.css?tag=hb-slider&encapsulation=shadow","src/components/Slider/Slider.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-slider-main-bg-color: var(--hb-color-primary);\n  --hb-slider-runway-bg-color: var(--hb-fill-color-light, #e4e7ed);\n  --hb-slider-stop-bg-color: var(--hb-color-white, #ffffff);\n  --hb-slider-button-size: 20px;\n}\n\n.hb-slider {\n  width: 100%;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.hb-slider--vertical {\n  width: 40px;\n  height: 100%;\n  flex-direction: column;\n}\n\n.hb-slider__runway {\n  width: 100%;\n  height: 6px;\n  margin: 16px 0;\n  background-color: var(--hb-slider-runway-bg-color);\n  border-radius: 3px;\n  position: relative;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.hb-slider--vertical .hb-slider__runway {\n  width: 6px;\n  height: 100%;\n  margin: 0 16px;\n}\n\n.hb-slider__bar {\n  height: 6px;\n  background-color: var(--hb-slider-main-bg-color);\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.hb-slider--vertical .hb-slider__bar {\n  width: 6px;\n  height: auto;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  border-bottom-left-radius: 0;\n  bottom: 0;\n  top: auto;\n}\n\n.hb-slider__button-wrapper {\n  position: absolute;\n  z-index: 1001;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: transparent;\n  text-align: center;\n  user-select: none;\n  outline: none;\n  margin-left: calc(var(--hb-slider-button-size) / -2);\n}\n\n.hb-slider--vertical .hb-slider__button-wrapper {\n  left: 50%;\n  top: auto;\n  bottom: 0;\n  transform: translateX(-50%);\n  margin-left: 0;\n  margin-bottom: calc(var(--hb-slider-button-size) / -2);\n}\n\n.hb-slider__button {\n  width: var(--hb-slider-button-size);\n  height: var(--hb-slider-button-size);\n  background-color: var(--hb-color-white, #ffffff);\n  border: 2px solid var(--hb-slider-main-bg-color);\n  border-radius: 50%;\n  transition: 0.2s;\n  user-select: none;\n  cursor: grab;\n}\n\n.hb-slider__button:active {\n  cursor: grabbing;\n}\n\n.hb-slider__button-wrapper:hover .hb-slider__button,\n.hb-slider__button-wrapper--hover .hb-slider__button {\n  transform: scale(1.2);\n}\n\n.hb-slider__tooltip {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 8px;\n  background-color: rgba(0, 0, 0, 0.75);\n  color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.hb-slider__tooltip::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border: 4px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.75);\n}\n\n.hb-slider--disabled {\n  cursor: not-allowed;\n}\n\n.hb-slider--disabled .hb-slider__runway {\n  cursor: not-allowed;\n  background-color: var(--hb-fill-color-light, #e4e7ed);\n}\n\n.hb-slider--disabled .hb-slider__bar {\n  background-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-slider--disabled .hb-slider__button {\n  border-color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element } from '@stencil/core';\n\n/**\n * Slider 滑块组件\n * 通过拖动滑块在一个固定区间内进行选择\n */\n@Component({\n  tag: 'hb-slider',\n  styleUrl: 'slider.css',\n  shadow: true,\n})\nexport class Slider {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number | number[] = 0;\n\n  /**\n   * 最小值\n   * @default 0\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * 最大值\n   * @default 100\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * 步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 是否显示工具提示\n   * @default true\n   */\n  @Prop() showTooltip: boolean = true;\n\n  /**\n   * 格式化 tooltip message\n   */\n  @Prop() formatTooltip?: (value: number) => string;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否为范围选择\n   * @default false\n   */\n  @Prop() range: boolean = false;\n\n  /**\n   * 是否竖向模式\n   * @default false\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * 高度，竖向模式时必填\n   */\n  @Prop() height?: string;\n\n  @State() dragging: boolean = false;\n  @State() currentValue: number | number[] = 0;\n  @State() tooltipVisible: boolean = false;\n  @State() tooltipValue: number = 0;\n\n  private sliderRef?: HTMLDivElement;\n  private isDragging: boolean = false;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number | number[]>;\n\n  /**\n   * 值改变事件（拖拽时实时触发）\n   */\n  @Event() hbInput: EventEmitter<number | number[]>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n    this.addEventListeners();\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n  }\n\n  private addEventListeners() {\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private getPercentage(value: number): number {\n    return ((value - this.min) / (this.max - this.min)) * 100;\n  }\n\n  private getValueFromPercentage(percentage: number): number {\n    const value = this.min + (percentage / 100) * (this.max - this.min);\n    return Math.round(value / this.step) * this.step;\n  }\n\n  private handleMouseDown = (e: MouseEvent) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    this.isDragging = true;\n    this.dragging = true;\n    this.handleDrag(e);\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging) return;\n    this.handleDrag(e);\n  };\n\n  private handleMouseUp = () => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n    this.dragging = false;\n    this.tooltipVisible = false;\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private handleDrag(e: MouseEvent) {\n    if (!this.sliderRef) return;\n\n    const rect = this.sliderRef.getBoundingClientRect();\n    const percentage = this.vertical\n      ? 1 - (e.clientY - rect.top) / rect.height\n      : (e.clientX - rect.left) / rect.width;\n    \n    const clampedPercentage = Math.max(0, Math.min(100, percentage * 100));\n    const value = this.getValueFromPercentage(clampedPercentage);\n\n    if (this.range) {\n      const values = this.currentValue as number[];\n      // 简化处理：更新第一个值\n      this.currentValue = [value, values[1] || this.max];\n    } else {\n      this.currentValue = value;\n      this.tooltipValue = value;\n      this.tooltipVisible = true;\n    }\n\n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  }\n\n  private formatValue(value: number): string {\n    if (this.formatTooltip) {\n      return this.formatTooltip(value);\n    }\n    return String(value);\n  }\n\n  render() {\n    const percentage = this.range\n      ? this.getPercentage((this.currentValue as number[])[0])\n      : this.getPercentage(this.currentValue as number);\n\n    return (\n      <div\n        class={{\n          'hb-slider': true,\n          'hb-slider--vertical': this.vertical,\n          'hb-slider--disabled': this.disabled,\n        }}\n        style={this.vertical && this.height ? { height: this.height } : undefined}\n      >\n        <div\n          class=\"hb-slider__runway\"\n          ref={(el) => (this.sliderRef = el)}\n          onMouseDown={this.handleMouseDown}\n        >\n          <div\n            class=\"hb-slider__bar\"\n            style={{\n              [this.vertical ? 'height' : 'width']: `${percentage}%`,\n              [this.vertical ? 'bottom' : 'left']: '0',\n            }}\n          ></div>\n          <div\n            class={{\n              'hb-slider__button-wrapper': true,\n              'hb-slider__button-wrapper--hover': this.tooltipVisible,\n            }}\n            style={{\n              [this.vertical ? 'bottom' : 'left']: `${percentage}%`,\n            }}\n          >\n            {this.showTooltip && this.tooltipVisible && (\n              <div class=\"hb-slider__tooltip\">\n                {this.formatValue(this.tooltipValue)}\n              </div>\n            )}\n            <div class=\"hb-slider__button\"></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\n"],"version":3}
+{"file":"hb-slider.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/Slider/slider.css?tag=hb-slider&encapsulation=shadow","src/components/Slider/Slider.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-slider-main-bg-color: var(--hb-color-primary);\n  --hb-slider-runway-bg-color: var(--hb-fill-color-light, #e4e7ed);\n  --hb-slider-stop-bg-color: var(--hb-color-white, #ffffff);\n  --hb-slider-button-size: 20px;\n}\n\n.hb-slider {\n  width: 100%;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.hb-slider--vertical {\n  width: 40px;\n  height: 100%;\n  flex-direction: column;\n}\n\n.hb-slider__runway {\n  width: 100%;\n  height: 6px;\n  margin: 16px 0;\n  background-color: var(--hb-slider-runway-bg-color);\n  border-radius: 3px;\n  position: relative;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.hb-slider--vertical .hb-slider__runway {\n  width: 6px;\n  height: 100%;\n  margin: 0 16px;\n}\n\n.hb-slider__bar {\n  height: 6px;\n  background-color: var(--hb-slider-main-bg-color);\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n  position: absolute;\n  top: 0;\n}\n\n.hb-slider--vertical .hb-slider__bar {\n  width: 6px;\n  height: auto;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  border-bottom-left-radius: 0;\n  bottom: 0;\n  top: auto;\n}\n\n.hb-slider__button-wrapper {\n  position: absolute;\n  z-index: 1001;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  background-color: transparent;\n  text-align: center;\n  user-select: none;\n  outline: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.hb-slider--vertical .hb-slider__button-wrapper {\n  left: 50%;\n  top: auto;\n  transform: translate(-50%, 50%);\n}\n\n.hb-slider__button {\n  width: var(--hb-slider-button-size);\n  height: var(--hb-slider-button-size);\n  background-color: var(--hb-color-white, #ffffff);\n  border: 2px solid var(--hb-slider-main-bg-color);\n  border-radius: 50%;\n  transition: 0.2s;\n  user-select: none;\n  cursor: grab;\n}\n\n.hb-slider__button:active {\n  cursor: grabbing;\n}\n\n.hb-slider__button-wrapper:hover .hb-slider__button,\n.hb-slider__button-wrapper--hover .hb-slider__button {\n  transform: scale(1.2);\n}\n\n.hb-slider__tooltip {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 8px;\n  background-color: rgba(0, 0, 0, 0.75);\n  color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.hb-slider__tooltip::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border: 4px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.75);\n}\n\n.hb-slider--disabled {\n  cursor: not-allowed;\n}\n\n.hb-slider--disabled .hb-slider__runway {\n  cursor: not-allowed;\n  background-color: var(--hb-fill-color-light, #e4e7ed);\n}\n\n.hb-slider--disabled .hb-slider__bar {\n  background-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-slider--disabled .hb-slider__button {\n  border-color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n/* ---- 刻度标记（marks）---- */\n.hb-slider__mark {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  height: 6px;\n  transform: translateX(-50%);\n  background-color: var(--hb-color-border, #dcdfe6);\n  pointer-events: none;\n}\n\n.hb-slider__mark-label {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-top: var(--hb-spacing-xs, 4px);\n  font-size: var(--hb-font-size-xs, 12px);\n  color: var(--hb-color-text-secondary, #606266);\n  white-space: nowrap;\n}\n\n/* 有刻度时给底部留出标签空间 */\n.hb-slider--with-marks {\n  padding-bottom: var(--hb-spacing-lg, 16px);\n}\n\n.hb-slider--vertical .hb-slider__mark {\n  top: auto;\n  left: 50%;\n  width: 6px;\n  height: 2px;\n  transform: translate(-50%, -50%);\n}\n\n.hb-slider--vertical .hb-slider__mark-label {\n  top: 50%;\n  left: 100%;\n  transform: translateY(-50%);\n  margin-top: 0;\n  margin-left: var(--hb-spacing-xs, 4px);\n}\n\n/* 聚焦态：对齐 antd 的蓝色外圈 */\n.hb-slider__button-wrapper:focus {\n  outline: none;\n}\n\n.hb-slider__button-wrapper:focus-visible .hb-slider__button {\n  box-shadow: 0 0 0 4px var(--hb-color-primary-bg, rgba(22, 119, 255, 0.12));\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\n/** 刻度定义：值 →（可选）标签 */\nexport interface SliderMark {\n  value: number;\n  label?: string;\n}\n\n/**\n * Slider 滑块组件\n * 通过拖动滑块在一个固定区间内进行选择，支持单滑块/双滑块（range）/竖向/刻度。\n */\n@Component({\n  tag: 'hb-slider',\n  styleUrl: 'slider.css',\n  shadow: true,\n})\nexport class Slider {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number | number[] = 0;\n\n  /**\n   * 最小值\n   * @default 0\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * 最大值\n   * @default 100\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * 步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 是否显示工具提示\n   * @default true\n   */\n  @Prop() showTooltip: boolean = true;\n\n  /**\n   * 格式化 tooltip message\n   */\n  @Prop() formatTooltip?: (value: number) => string;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否为范围选择\n   * @default false\n   */\n  @Prop() range: boolean = false;\n\n  /**\n   * 是否竖向模式\n   * @default false\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * 高度，竖向模式时必填\n   */\n  @Prop() height?: string;\n\n  /**\n   * 刻度标记（对齐 antd marks）\n   */\n  @Prop() marks?: SliderMark[] | Record<number, string>;\n\n  @State() dragging: boolean = false;\n  @State() currentValue: number | number[] = 0;\n  @State() tooltipVisible: boolean = false;\n  @State() tooltipValue: number = 0;\n  /** range 模式下当前拖动的是哪个手柄（0/1），用于 tooltip 定位与渲染 */\n  @State() activeHandle: 0 | 1 = 0;\n\n  private sliderRef?: HTMLDivElement;\n  private isDragging: boolean = false;\n  /** 拖动期间锁定的手柄索引（鼠标按下时确定） */\n  private dragHandle: 0 | 1 | null = null;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number | number[]>;\n\n  /**\n   * 值改变事件（拖拽时实时触发）\n   */\n  @Event() hbInput: EventEmitter<number | number[]>;\n\n  componentDidLoad() {\n    this.currentValue = this.normalizeInitial(this.modelValue);\n    this.addEventListeners();\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n  }\n\n  /** 外部更新 modelValue 时同步内部 currentValue（对齐 antd 受控语义） */\n  @Watch('modelValue')\n  handleModelChange() {\n    if (!this.isDragging) {\n      this.currentValue = this.normalizeInitial(this.modelValue);\n    }\n  }\n\n  /** range 模式下确保 currentValue 为 [min, max] 形状的有序数组 */\n  private normalizeInitial(v: number | number[]): number | number[] {\n    if (this.range) {\n      if (Array.isArray(v) && v.length === 2) {\n        return v[0] <= v[1] ? [v[0], v[1]] : [v[1], v[0]];\n      }\n      return [this.min, this.max];\n    }\n    return typeof v === 'number' ? v : Array.isArray(v) ? (v[0] ?? this.min) : this.min;\n  }\n\n  private addEventListeners() {\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private getPercentage(value: number): number {\n    if (this.max === this.min) return 0;\n    return ((value - this.min) / (this.max - this.min)) * 100;\n  }\n\n  private getValueFromPercentage(percentage: number): number {\n    const value = this.min + (percentage / 100) * (this.max - this.min);\n    const snapped = Math.round(value / this.step) * this.step;\n    return Math.max(this.min, Math.min(this.max, snapped));\n  }\n\n  /** 鼠标按下时根据落点决定拖哪个手柄（range：更近的那个） */\n  private resolveHandle(percentage: number): 0 | 1 {\n    if (!this.range) return 0;\n    const vals = this.currentValue as number[];\n    const leftPct = this.getPercentage(vals[0]);\n    const rightPct = this.getPercentage(vals[1]);\n    return Math.abs(percentage - leftPct) <= Math.abs(percentage - rightPct) ? 0 : 1;\n  }\n\n  private handleMouseDown = (e: MouseEvent, handle: 0 | 1 | null = null) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    this.isDragging = true;\n    this.dragging = true;\n    this.dragHandle = handle;\n    this.handleDrag(e);\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging) return;\n    this.handleDrag(e);\n  };\n\n  private handleMouseUp = () => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n    this.dragging = false;\n    this.tooltipVisible = false;\n    this.dragHandle = null;\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private handleDrag(e: MouseEvent) {\n    if (!this.sliderRef) return;\n\n    const rect = this.sliderRef.getBoundingClientRect();\n    const percentage = this.vertical ? 1 - (e.clientY - rect.top) / rect.height : (e.clientX - rect.left) / rect.width;\n\n    const clampedPercentage = Math.max(0, Math.min(100, percentage * 100));\n    const value = this.getValueFromPercentage(clampedPercentage);\n\n    if (this.range) {\n      const vals = this.currentValue as number[];\n      // 优先用 mousedown 时锁定的手柄；未锁定（点击 runway）则按落点就近\n      const handle = this.dragHandle !== null ? this.dragHandle : this.resolveHandle(clampedPercentage);\n      this.activeHandle = handle;\n      let [lo, hi] = [vals[0], vals[1]];\n      if (handle === 0) {\n        lo = Math.min(value, hi);\n      } else {\n        hi = Math.max(value, lo);\n      }\n      this.currentValue = [lo, hi];\n      this.tooltipValue = handle === 0 ? lo : hi;\n      this.tooltipVisible = true;\n    } else {\n      this.activeHandle = 0;\n      this.currentValue = value;\n      this.tooltipValue = value;\n      this.tooltipVisible = true;\n    }\n\n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  }\n\n  /** 键盘可访问：方向键调整当前手柄，对齐 WAI-ARIA slider pattern */\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    const { key } = e;\n    const isDecrease = key === 'ArrowLeft' || key === 'ArrowDown';\n    const isIncrease = key === 'ArrowRight' || key === 'ArrowUp';\n    const isBigDecrease = key === 'PageDown' || key === 'Home';\n    const isBigIncrease = key === 'PageUp' || key === 'End';\n    if (!isDecrease && !isIncrease && !isBigDecrease && !isBigIncrease) return;\n\n    e.preventDefault();\n    const delta = isBigDecrease ? -this.max : isBigIncrease ? this.max : (isDecrease ? -1 : 1) * this.step;\n\n    if (this.range) {\n      const vals = this.currentValue as number[];\n      let [lo, hi] = [vals[0], vals[1]];\n      if (this.activeHandle === 0) {\n        lo = Math.max(this.min, Math.min(lo + delta, hi));\n      } else {\n        hi = Math.min(this.max, Math.max(hi + delta, lo));\n      }\n      this.currentValue = [lo, hi];\n      this.tooltipValue = this.activeHandle === 0 ? lo : hi;\n      this.tooltipVisible = true;\n    } else {\n      const next = Math.max(this.min, Math.min((this.currentValue as number) + delta, this.max));\n      this.currentValue = next;\n      this.tooltipValue = next;\n      this.tooltipVisible = true;\n    }\n    this.modelValue = this.currentValue;\n    this.hbChange.emit(this.currentValue);\n    this.hbInput.emit(this.currentValue);\n  };\n\n  private formatValue(value: number): string {\n    if (this.formatTooltip) {\n      return this.formatTooltip(value);\n    }\n    return String(value);\n  }\n\n  /** 规范化 marks 为 [{value,label}] 数组 */\n  private get markList(): { value: number; label?: string }[] {\n    if (!this.marks) return [];\n    if (Array.isArray(this.marks)) return this.marks;\n    return Object.entries(this.marks).map(([k, v]) => ({ value: Number(k), label: v as string }));\n  }\n\n  render() {\n    const range = this.range;\n    const singlePct = this.getPercentage(this.currentValue as number);\n    const rangeVals = range ? (this.currentValue as number[]) : [0, 0];\n    const leftPct = range ? this.getPercentage(rangeVals[0]) : 0;\n    const rightPct = range ? this.getPercentage(rangeVals[1]) : singlePct;\n    // bar：单滑块从 min 到 value；range 从 lo 到 hi\n    const barStart = range ? leftPct : 0;\n    const barSize = range ? rightPct - leftPct : singlePct;\n    const posProp = this.vertical ? 'bottom' : 'left';\n    const sizeProp = this.vertical ? 'height' : 'width';\n\n    const renderHandle = (handle: 0 | 1, pct: number) => {\n      const tooltipVal = range ? rangeVals[handle] : (this.currentValue as number);\n      const isActive = this.tooltipVisible && (range ? this.activeHandle === handle : true);\n      return (\n        <div\n          class={{\n            'hb-slider__button-wrapper': true,\n            'hb-slider__button-wrapper--hover': isActive,\n          }}\n          style={{ [posProp]: `${pct}%` }}\n          onMouseDown={(e: MouseEvent) => this.handleMouseDown(e, handle)}\n          onTouchStart={(e: TouchEvent) => this.handleTouchStart(e, handle)}\n          role=\"slider\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-valuemin={this.min}\n          aria-valuemax={this.max}\n          aria-valuenow={tooltipVal}\n          aria-valuetext={this.formatValue(tooltipVal)}\n          aria-orientation={this.vertical ? 'vertical' : 'horizontal'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          onKeyDown={this.handleKeyDown}\n        >\n          {this.showTooltip && isActive && <div class=\"hb-slider__tooltip\">{this.formatValue(this.tooltipValue)}</div>}\n          <div class=\"hb-slider__button\"></div>\n        </div>\n      );\n    };\n\n    return (\n      <div\n        class={{\n          'hb-slider': true,\n          'hb-slider--vertical': this.vertical,\n          'hb-slider--disabled': this.disabled,\n          'hb-slider--with-marks': this.markList.length > 0,\n        }}\n        style={this.vertical && this.height ? { height: this.height } : undefined}\n      >\n        <div\n          class=\"hb-slider__runway\"\n          ref={el => (this.sliderRef = el as HTMLDivElement)}\n          onMouseDown={(e: MouseEvent) => this.handleMouseDown(e, null)}\n          onTouchStart={(e: TouchEvent) => this.handleTouchStart(e, null)}\n        >\n          <div\n            class=\"hb-slider__bar\"\n            style={{\n              [sizeProp]: `${Math.max(0, barSize)}%`,\n              [posProp]: `${barStart}%`,\n            }}\n          ></div>\n          {this.markList.map(m => {\n            const pct = this.getPercentage(m.value);\n            return (\n              <div class=\"hb-slider__mark\" style={{ [posProp]: `${pct}%` }} aria-hidden=\"true\">\n                {m.label && <span class=\"hb-slider__mark-label\">{m.label}</span>}\n              </div>\n            );\n          })}\n          {range ? renderHandle(0, leftPct) : null}\n          {renderHandle(range ? 1 : 0, range ? rightPct : singlePct)}\n        </div>\n      </div>\n    );\n  }\n\n  /** 触屏支持：把 touch 事件映射到 mouse 同等逻辑（移动端可用） */\n  private handleTouchStart = (e: TouchEvent, handle: 0 | 1 | null) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    const touch = e.touches[0];\n    this.isDragging = true;\n    this.dragging = true;\n    this.dragHandle = handle;\n    this.dragFromTouch(touch.clientX, touch.clientY);\n    const move = (ev: TouchEvent) => {\n      const t = ev.touches[0];\n      this.dragFromTouch(t.clientX, t.clientY);\n    };\n    const end = () => {\n      this.isDragging = false;\n      this.dragging = false;\n      this.tooltipVisible = false;\n      this.dragHandle = null;\n      this.hbChange.emit(this.currentValue);\n      document.removeEventListener('touchmove', move);\n      document.removeEventListener('touchend', end);\n    };\n    document.addEventListener('touchmove', move, { passive: false });\n    document.addEventListener('touchend', end);\n  };\n\n  private dragFromTouch(clientX: number, clientY: number) {\n    if (!this.sliderRef) return;\n    const rect = this.sliderRef.getBoundingClientRect();\n    const percentage = this.vertical ? 1 - (clientY - rect.top) / rect.height : (clientX - rect.left) / rect.width;\n    const clamped = Math.max(0, Math.min(100, percentage * 100));\n    const value = this.getValueFromPercentage(clamped);\n    if (this.range) {\n      const vals = this.currentValue as number[];\n      const handle = this.dragHandle !== null ? this.dragHandle : this.resolveHandle(clamped);\n      this.activeHandle = handle;\n      let [lo, hi] = [vals[0], vals[1]];\n      if (handle === 0) lo = Math.min(value, hi);\n      else hi = Math.max(value, lo);\n      this.currentValue = [lo, hi];\n      this.tooltipValue = handle === 0 ? lo : hi;\n      this.tooltipVisible = true;\n    } else {\n      this.currentValue = value;\n      this.tooltipValue = value;\n      this.tooltipVisible = true;\n    }\n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  }\n}\n"],"version":3}

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

@@ -53,7 +53,7 @@ const Space = class {
     }
     render() {
         const sizeValue = this.getSizeValue();
-        return (index.h("div", { key: 'c6a3c89f29c25988b47aa100c8d3ac45c44f550e', class: {
+        return (index.h("div", { key: 'bf6b529ca457b65b9cdb9180dc31d88829f9605b', class: {
                 'hb-space': true,
                 [`hb-space--${this.direction}`]: true,
                 'hb-space--wrap': this.wrap && this.direction === 'horizontal',
@@ -62,7 +62,7 @@ const Space = class {
                 '--hb-space-size': sizeValue,
                 '--hb-space-alignment': this.alignment,
                 '--hb-space-fill-ratio': `${this.fillRatio}%`,
-            } }, index.h("slot", { key: '638d65e135eb572d71d3220183031cb0b18b1078' })));
+            } }, index.h("slot", { key: '5c9c0891c379451ec3c8bb987530904171f49f36' })));
     }
 };
 Space.style = HbSpaceStyle0;

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

@@ -56,7 +56,7 @@ const Statistic = class {
         return decPart !== undefined ? `${grouped}.${decPart}` : grouped;
     }
     render() {
-        return (index.h("div", { key: 'e38db3c8ae83480a933a7a9fd03d4ecb8e3cb07d', class: "hb-statistic" }, this.title && index.h("div", { key: '2d4af905f79558e98b6db498db1d251d10b64151', class: "hb-statistic__title" }, this.title), index.h("div", { key: 'f60f0263f6f22ca95d863c1fcd7f94556b351cea', class: "hb-statistic__content", style: this.valueStyle ? { cssText: this.valueStyle } : undefined }, this.valuePrefix && index.h("span", { key: '4dd5f92066507ad0abf5c5bbeca64001d425b83a', class: "hb-statistic__prefix" }, this.valuePrefix), index.h("span", { key: '746806287e5f0752263ce913a4b81fa221b0fb3b', class: "hb-statistic__value" }, this.getFormattedValue()), this.suffix !== undefined && index.h("span", { key: 'a93c66aeb111922903214884e664b425279cc5ac', class: "hb-statistic__suffix" }, this.suffix))));
+        return (index.h("div", { key: '7fd81b3093db861e1af481c05f5ffa3d1a3c5078', class: "hb-statistic" }, this.title && index.h("div", { key: '06d93b0bd9dcd852a84e02c6dc79e966fe6abfa4', class: "hb-statistic__title" }, this.title), index.h("div", { key: 'e11a079483edefb794604ce91d5f5aff67e8a4ec', class: "hb-statistic__content", style: this.valueStyle ? { cssText: this.valueStyle } : undefined }, this.valuePrefix && index.h("span", { key: '69f0bd55b827a76953b1ea99dfa5d41b37c6695d', class: "hb-statistic__prefix" }, this.valuePrefix), index.h("span", { key: '5a22b8533657904f98b63395c6b395525b94d280', class: "hb-statistic__value" }, this.getFormattedValue()), this.suffix !== undefined && index.h("span", { key: '0475826d2a700bbc43b16e075a3963018a0e1979', class: "hb-statistic__suffix" }, this.suffix))));
     }
 };
 Statistic.style = HbStatisticStyle0;

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

@@ -13,7 +13,7 @@ const Step = class {
     icon;
     status = "wait";
     render() {
-        return index.h("div", { key: "8a42e9bcdb6ab736095af526989a331edc76f0bb", class: "hb-step" }, index.h("slot", { key: "cff737be2d6690f6edee1b0996c2d49e9621ffaa" }));
+        return index.h("div", { key: "aef0fdedd0607289d0268e8d72aab5f44fc20e68", class: "hb-step" }, index.h("slot", { key: "1db9e594e00431c6b5d44c5b9b0e535e464fb359" }));
     }
 };