huibo-ui 0.3.0 → 0.5.0

package/dist/huibo-ui/p-0bef78ac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cascaderCss","HbCascaderStyle0","Cascader","modelValue","options","placeholder","disabled","size","clearable","showAllLevels","name","inputId","separator","emitPath","filterable","lazy","load","isOpen","inputValue","searchValue","loadingKeys","Set","filteredPaths","activePath","hbChange","hbExpandChange","clickOutside","createClickOutsideHandler","host","this","onClose","closeAndClearSearch","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","length","lastValue","option","findOptionByValue","label","labels","currentOptions","value","find","opt","push","children","join","found","handleInputClick","handleSearchInput","e","target","collectFilteredPaths","keyword","trimmed","trim","toLowerCase","results","walk","opts","ancestors","currentPath","includes","handleSearchSelect","path","valuePath","map","last","isLeaf","leaf","emit","handleClear","stopPropagation","undefined","handleSelect","newPath","selectedOption","pathValue","loadChildren","node","replaceOptionChildren","err","console","error","slice","indexOf","next","delete","targetValue","newChildren","render","h","key","class","onClick","type","id","readonly","role","onInput","renderSearchResults","renderCascaderMenus","menus","renderMenu","i","has","renderLoadingMenu","labelPath","selected","every","v","idx","isSelected","isInPath","val"],"sources":["src/components/Cascader/cascader.css?tag=hb-cascader&encapsulation=shadow","src/components/Cascader/Cascader.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-cascader-font-size: 14px;\n  --hb-cascader-font-size-large: 16px;\n  --hb-cascader-font-size-small: 12px;\n  --hb-cascader-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-cascader-border-color-hover: var(--hb-color-primary);\n  --hb-cascader-bg-color: var(--hb-color-white, #ffffff);\n  --hb-cascader-text-color: var(--hb-color-text-regular, #606266);\n  --hb-cascader-placeholder-color: var(--hb-color-text-placeholder, #c0c4cc);\n  --hb-cascader-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n  --hb-cascader-disabled-bg-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader {\n  display: inline-block;\n  position: relative;\n  font-size: var(--hb-cascader-font-size);\n  line-height: 32px;\n}\n\n.hb-cascader__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-cascader__input {\n  display: inline-block;\n  width: 100%;\n  height: 32px;\n  line-height: 32px;\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-cascader-font-size);\n  color: var(--hb-cascader-text-color);\n  background-color: var(--hb-cascader-bg-color);\n  border: 1px solid var(--hb-cascader-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-cascader__input::placeholder {\n  color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__input:hover:not(:disabled) {\n  border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__input:focus {\n  border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__input:disabled {\n  background-color: var(--hb-cascader-disabled-bg-color);\n  border-color: var(--hb-cascader-border-color);\n  color: var(--hb-cascader-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-cascader__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-cascader-text-color);\n}\n\n.hb-cascader__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-cascader-placeholder-color);\n  transition: color 0.2s;\n}\n\n.hb-cascader__clear:hover {\n  color: var(--hb-cascader-text-color);\n}\n\n.hb-cascader__arrow {\n  font-size: 12px;\n  transition: transform 0.3s;\n}\n\n.hb-cascader--open .hb-cascader__arrow {\n  transform: rotate(180deg);\n}\n\n.hb-cascader__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-cascader-bg-color);\n  border: 1px solid var(--hb-cascader-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: 180px;\n  max-height: 300px;\n  overflow-y: auto;\n  width: max-content;\n}\n\n.hb-cascader__menus {\n  display: flex;\n  padding: 6px 0;\n}\n\n.hb-cascader__menu {\n  min-width: 180px;\n  max-height: 300px;\n  overflow-y: auto;\n  border-right: 1px solid var(--hb-cascader-border-color);\n}\n\n.hb-cascader__menu:last-child {\n  border-right: none;\n}\n\n.hb-cascader__menu-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.hb-cascader__menu-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 20px;\n  font-size: var(--hb-cascader-font-size);\n  color: var(--hb-cascader-text-color);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.hb-cascader__menu-item:hover:not(.hb-cascader__menu-item--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader__menu-item--selected {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-cascader__menu-item--disabled {\n  color: var(--hb-cascader-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-cascader__menu-item-label {\n  flex: 1;\n}\n\n.hb-cascader__menu-item-arrow {\n  margin-left: 8px;\n  font-size: 12px;\n  color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__menu-item-loading {\n  margin-left: 8px;\n  font-size: 12px;\n  color: var(--hb-color-primary, #1677ff);\n  animation: hb-cascader-spin 0.8s linear infinite;\n}\n\n.hb-cascader__menu-list--loading .hb-cascader__menu-item--loading {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  justify-content: center;\n}\n\n@keyframes hb-cascader-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.hb-cascader--large {\n  font-size: var(--hb-cascader-font-size-large);\n  line-height: 40px;\n}\n\n.hb-cascader--large .hb-cascader__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: var(--hb-cascader-font-size-large);\n}\n\n.hb-cascader--small {\n  font-size: var(--hb-cascader-font-size-small);\n  line-height: 24px;\n}\n\n.hb-cascader--small .hb-cascader__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: var(--hb-cascader-font-size-small);\n  padding: 0 25px 0 12px;\n}\n\n.hb-cascader--disabled {\n  cursor: not-allowed;\n}\n\n/* ---- 可搜索（filterable）---- */\n.hb-cascader__search {\n  padding: 8px;\n  border-bottom: 1px solid var(--hb-cascader-border-color);\n}\n\n.hb-cascader__search-input {\n  width: 100%;\n  height: 28px;\n  line-height: 28px;\n  padding: 0 8px;\n  font-size: var(--hb-cascader-font-size);\n  color: var(--hb-cascader-text-color);\n  background-color: var(--hb-cascader-bg-color);\n  border: 1px solid var(--hb-cascader-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  cursor: text;\n}\n\n.hb-cascader__search-input:focus {\n  border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__search-results {\n  padding: 6px 0;\n  max-height: 264px;\n  overflow-y: auto;\n  min-width: 180px;\n}\n\n.hb-cascader__search-item {\n  padding: 8px 20px;\n  font-size: var(--hb-cascader-font-size);\n  color: var(--hb-cascader-text-color);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 0.2s;\n}\n\n.hb-cascader__search-item:hover:not(.hb-cascader__search-item--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader__search-item--selected {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-cascader__search-item--disabled {\n  color: var(--hb-cascader-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-cascader__search-empty {\n  padding: 16px 0;\n  text-align: center;\n  color: var(--hb-cascader-placeholder-color);\n  font-size: var(--hb-cascader-font-size);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\n\nexport interface CascaderOption {\n  value: string | number;\n  label: string;\n  children?: CascaderOption[];\n  disabled?: boolean;\n  leaf?: boolean;\n}\n\n/**\n * Cascader 级联选择器组件\n * 当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择\n */\n@Component({\n  tag: 'hb-cascader',\n  styleUrl: 'cascader.css',\n  shadow: true,\n})\nexport class Cascader {\n  @Element() el: HTMLElement;\n\n  /**\n   * 选中项绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: (string | number)[];\n\n  /**\n   * 可选项数据源\n   */\n  @Prop() options: CascaderOption[] = [];\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 true\n   */\n  @Prop() showAllLevels: boolean = true;\n\n  /**\n   * 输入框的原生属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 输入框的原生属性\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * 分隔符\n   * @default ' / '\n   */\n  @Prop() separator: string = ' / ';\n\n  /**\n   * 是否动态加载子节点\n   * @default true\n   */\n  @Prop() emitPath: boolean = true;\n\n  /**\n   * 是否可搜索（filterable）\n   * 开启后下拉顶部渲染搜索输入框，输入时按 label（含所有子级）扁平化过滤，\n   * 匹配项以完整路径展示，点击即选中其完整路径。\n   * @default false\n   */\n  @Prop() filterable: boolean = false;\n\n  /**\n   * 是否开启动态加载（lazy load）。开启后，展开含 children=undefined 的节点时，\n   * 调用 load(node) 获取其子级并填充进 options，加载中显示 loading 态。\n   * @default false\n   */\n  @Prop() lazy: boolean = false;\n\n  /**\n   * 动态加载子节点的函数（仅在 lazy=true 时生效）。\n   * 接收被展开的节点，返回其子节点数组（Promise）。\n   * 加载结果会以不可变方式合并进 options 树（替换该节点 children）。\n   */\n  @Prop() load?: (node: CascaderOption) => Promise<CascaderOption[]>;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() searchValue: string = '';\n  /**\n   * 正在动态加载子级的节点 value 集合（用于渲染 loading 态）。\n   */\n  @State() loadingKeys: Set<string | number> = new Set();\n  /**\n   * 扁平化搜索结果：每一项是一个从根到匹配节点的完整路径（用于点击选中）。\n   * 仅在 filterable 且 searchValue 非空时使用。\n   */\n  @State() filteredPaths: CascaderOption[][] = [];\n  @State() activePath: (string | number)[] = [];\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<(string | number)[] | undefined>;\n\n  /**\n   * 展开节点发生变化时触发\n   */\n  @Event() hbExpandChange: EventEmitter<(string | number)[]>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => { this.closeAndClearSearch(); },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => { this.closeAndClearSearch(); },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  /** 关闭下拉并清空搜索态（filterable 模式下避免重开时残留搜索结果） */\n  private closeAndClearSearch() {\n    this.isOpen = false;\n    this.searchValue = '';\n    this.filteredPaths = [];\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    if (!this.modelValue || this.modelValue.length === 0) {\n      this.inputValue = '';\n      return;\n    }\n\n    if (!this.showAllLevels) {\n      const lastValue = this.modelValue[this.modelValue.length - 1];\n      const option = this.findOptionByValue(this.options, lastValue);\n      this.inputValue = option ? option.label : '';\n      return;\n    }\n\n    const labels: string[] = [];\n    let currentOptions = this.options;\n    \n    for (const value of this.modelValue) {\n      const option = currentOptions.find(opt => opt.value === value);\n      if (option) {\n        labels.push(option.label);\n        currentOptions = option.children || [];\n      } else {\n        break;\n      }\n    }\n\n    this.inputValue = labels.join(this.separator);\n  }\n\n  private findOptionByValue(options: CascaderOption[], value: string | number): CascaderOption | null {\n    for (const option of options) {\n      if (option.value === value) {\n        return option;\n      }\n      if (option.children) {\n        const found = this.findOptionByValue(option.children, value);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    if (this.isOpen) {\n      // 关闭时清空搜索态\n      this.closeAndClearSearch();\n    } else {\n      this.isOpen = true;\n    }\n  };\n\n  /** 搜索输入：仅更新 searchValue，过滤在 render 前的 @State 派生 */\n  private handleSearchInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchValue = target.value;\n    this.filteredPaths = this.collectFilteredPaths(this.searchValue);\n  };\n\n  /**\n   * 扁平化全树搜索：把 options 深度遍历，收集所有「节点 label 含关键字」的完整路径。\n   * 一个节点的完整路径 = 从根到该节点（含自身）的 CascaderOption 数组。\n   * 关键字为空时返回空数组（交由正常级联视图渲染）。\n   *\n   * 注意：这里按 label 子串匹配（大小写不敏感），匹配任意层级的节点，\n   * 并保留其祖先链以便点击时还原完整路径。\n   */\n  private collectFilteredPaths(keyword: string): CascaderOption[][] {\n    const trimmed = keyword.trim().toLowerCase();\n    if (!trimmed) return [];\n\n    const results: CascaderOption[][] = [];\n    const walk = (opts: CascaderOption[], ancestors: CascaderOption[]) => {\n      for (const opt of opts) {\n        const currentPath = [...ancestors, opt];\n        if (opt.label.toLowerCase().includes(trimmed)) {\n          results.push(currentPath);\n        }\n        if (opt.children && opt.children.length > 0) {\n          walk(opt.children, currentPath);\n        }\n      }\n    };\n    walk(this.options, []);\n    return results;\n  }\n\n  /** 从扁平搜索结果路径中点击叶子（或非叶子）项：直接以该路径的 value 数组作为选中值 */\n  private handleSearchSelect = (path: CascaderOption[]) => {\n    const valuePath = path.map((opt) => opt.value);\n    const last = path[path.length - 1];\n    const isLeaf = !last.children || last.children.length === 0 || last.leaf;\n    this.searchValue = '';\n    this.filteredPaths = [];\n    if (isLeaf) {\n      // 叶子：选中并关闭\n      this.modelValue = valuePath;\n      this.updateInputValue();\n      this.hbChange.emit(valuePath);\n      this.isOpen = false;\n      this.activePath = [];\n    } else {\n      // 非叶子：进入该路径的级联展开（便于继续选下级）\n      this.activePath = valuePath;\n      this.hbExpandChange.emit(valuePath);\n    }\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleSelect = (value: string | number, path: (string | number)[]) => {\n    const newPath = [...path, value];\n\n    // Find the selected option\n    let currentOptions = this.options;\n    let selectedOption: CascaderOption | null = null;\n\n    for (const pathValue of newPath) {\n      selectedOption = currentOptions.find(opt => opt.value === pathValue) || null;\n      if (!selectedOption) break;\n      currentOptions = selectedOption.children || [];\n    }\n\n    // lazy + load：节点 children 尚未加载（children === undefined 且 leaf 未声明）→ 触发加载\n    if (\n      this.lazy &&\n      this.load &&\n      selectedOption &&\n      selectedOption.children === undefined &&\n      !selectedOption.leaf\n    ) {\n      // 先展开该路径（显示 loading 态的下一级面板占位），再异步填充\n      this.activePath = newPath;\n      this.hbExpandChange.emit(newPath);\n      void this.loadChildren(selectedOption, newPath);\n      return;\n    }\n\n    // Check if it's a leaf node\n    if (!selectedOption || !selectedOption.children || selectedOption.children.length === 0 || selectedOption.leaf) {\n      // Leaf node - select and close\n      this.modelValue = newPath;\n      this.updateInputValue();\n      this.hbChange.emit(newPath);\n      this.isOpen = false;\n      this.activePath = [];\n    } else {\n      // Has children - expand to next level\n      this.activePath = newPath;\n      this.hbExpandChange.emit(newPath);\n    }\n  };\n\n  /**\n   * 动态加载某节点的子级。不可变地合并进 options 树（替换该节点 children）。\n   * 加载中：把节点 value 加入 loadingKeys（渲染 loading 态）；\n   * 加载完成：写入 children（新数组，触发 @Watch/重渲染），移出 loadingKeys。\n   * 若 load 返回空数组，把 children 设为 [] 以标记该节点为叶子（避免重复加载）。\n   */\n  private async loadChildren(node: CascaderOption, path: (string | number)[]) {\n    if (!this.load) return;\n    // 标记 loading\n    this.loadingKeys = new Set([...this.loadingKeys, node.value]);\n\n    try {\n      const children = await this.load(node);\n      // 不可变合并：重建 options 树，仅替换目标节点的 children。\n      this.options = this.replaceOptionChildren(this.options, node.value, children);\n    } catch (err) {\n      // 加载失败：回退 activePath，避免卡在 loading；保持 options 不变。\n      // eslint-disable-next-line no-console\n      console.error('[hb-cascader] lazy load failed:', err);\n      this.activePath = this.activePath.slice(0, this.activePath.indexOf(node.value) + 1);\n    } finally {\n      const next = new Set(this.loadingKeys);\n      next.delete(node.value);\n      this.loadingKeys = next;\n    }\n\n    // 重新校验该路径是否还能继续展开（叶子情况则收起下一级面板）\n    void path;\n    void node;\n  }\n\n  /**\n   * 不可变地替换 options 树中 value===targetValue 节点的 children 字段。\n   * 返回一棵全新的 options 树（不修改原数组与原节点对象）。\n   */\n  private replaceOptionChildren(\n    options: CascaderOption[],\n    targetValue: string | number,\n    newChildren: CascaderOption[]\n  ): CascaderOption[] {\n    return options.map((opt) => {\n      if (opt.value === targetValue) {\n        return { ...opt, children: newChildren };\n      }\n      if (opt.children && opt.children.length > 0) {\n        return { ...opt, children: this.replaceOptionChildren(opt.children, targetValue, newChildren) };\n      }\n      return opt;\n    });\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-cascader': true,\n          'hb-cascader--open': this.isOpen,\n          'hb-cascader--disabled': this.disabled,\n          [`hb-cascader--${this.size}`]: true,\n        }}\n      >\n        <div class=\"hb-cascader__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-cascader__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n          />\n          <span class=\"hb-cascader__suffix\">\n            {this.clearable && this.modelValue && this.modelValue.length > 0 && (\n              <span class=\"hb-cascader__clear\" role=\"button\" aria-label=\"清空\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-cascader__arrow\">▼</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-cascader__dropdown\">\n            {this.filterable && (\n              <div class=\"hb-cascader__search\">\n                <input\n                  type=\"text\"\n                  class=\"hb-cascader__search-input\"\n                  placeholder=\"搜索\"\n                  value={this.searchValue}\n                  onInput={this.handleSearchInput}\n                  aria-label=\"搜索选项\"\n                />\n              </div>\n            )}\n            {this.filterable && this.searchValue.trim() !== '' ? (\n              this.renderSearchResults()\n            ) : (\n              <div class=\"hb-cascader__menus\" role=\"listbox\" aria-multiselectable=\"false\">\n                {this.renderCascaderMenus()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderCascaderMenus() {\n    const menus: any[] = [];\n    let currentOptions = this.options;\n    let currentPath: (string | number)[] = [];\n\n    // Render first level\n    menus.push(this.renderMenu(currentOptions, currentPath));\n\n    // Render active path levels\n    for (let i = 0; i < this.activePath.length; i++) {\n      const pathValue = this.activePath[i];\n      const option = currentOptions.find(opt => opt.value === pathValue);\n\n      if (!option) break;\n\n      // lazy 加载中：节点 children 尚未填充 → 渲染 loading 面板\n      if (option.children === undefined && this.loadingKeys.has(option.value)) {\n        menus.push(this.renderLoadingMenu());\n        break;\n      }\n\n      if (option.children && option.children.length > 0) {\n        currentPath = [...currentPath, pathValue];\n        currentOptions = option.children;\n        menus.push(this.renderMenu(currentOptions, currentPath));\n      } else {\n        break;\n      }\n    }\n\n    return menus;\n  }\n\n  /** lazy 加载中渲染的面板：一个 loading 占位提示 */\n  private renderLoadingMenu() {\n    return (\n      <ul class=\"hb-cascader__menu-list hb-cascader__menu-list--loading\" role=\"status\" aria-live=\"polite\">\n        <li class=\"hb-cascader__menu-item hb-cascader__menu-item--loading\">\n          <span class=\"hb-cascader__menu-item-label\">加载中…</span>\n        </li>\n      </ul>\n    );\n  }\n\n  /**\n   * 渲染扁平化搜索结果：每一项展示完整路径（label 用 separator 连接），点击选中完整路径。\n   * 无匹配时渲染空状态。\n   */\n  private renderSearchResults() {\n    if (this.filteredPaths.length === 0) {\n      return (\n        <div class=\"hb-cascader__search-empty\" role=\"status\">\n          无匹配数据\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"hb-cascader__search-results\" role=\"listbox\" aria-label=\"搜索结果\">\n        {this.filteredPaths.map((path) => {\n          const labelPath = path.map((opt) => opt.label).join(this.separator);\n          const valuePath = path.map((opt) => opt.value);\n          const last = path[path.length - 1];\n          const disabled = !!last.disabled;\n          // 当前选中判断：路径 value 与 modelValue 完全一致\n          const selected =\n            !!this.modelValue &&\n            this.modelValue.length === valuePath.length &&\n            valuePath.every((v, idx) => this.modelValue && this.modelValue[idx] === v);\n\n          return (\n            <div\n              class={{\n                'hb-cascader__search-item': true,\n                'hb-cascader__search-item--selected': selected,\n                'hb-cascader__search-item--disabled': disabled,\n              }}\n              role=\"option\"\n              aria-selected={selected ? 'true' : 'false'}\n              aria-disabled={disabled ? 'true' : undefined}\n              onClick={() => !disabled && this.handleSearchSelect(path)}\n            >\n              {labelPath}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n\n  private renderMenu(options: CascaderOption[], path: (string | number)[]) {\n    if (!options || options.length === 0) {\n      return null;\n    }\n    \n    return (\n      <ul class=\"hb-cascader__menu-list\" role=\"group\">\n        {options.map((option) => {\n          const isSelected = path.length > 0 && path[path.length - 1] === option.value;\n          const isInPath = this.modelValue && path.length > 0 &&\n            path.every((val, idx) => this.modelValue && this.modelValue[idx] === val) &&\n            this.modelValue.length === path.length + 1 &&\n            this.modelValue[path.length] === option.value;\n\n          return (\n            <li\n              class={{\n                'hb-cascader__menu-item': true,\n                'hb-cascader__menu-item--selected': isSelected || isInPath,\n                'hb-cascader__menu-item--disabled': option.disabled,\n              }}\n              role=\"option\"\n              aria-selected={(isSelected || isInPath) ? 'true' : 'false'}\n              aria-disabled={option.disabled ? 'true' : undefined}\n              onClick={() => !option.disabled && this.handleSelect(option.value, path)}\n            >\n              <span class=\"hb-cascader__menu-item-label\">{option.label}</span>\n              {this.loadingKeys.has(option.value) ? (\n                <span class=\"hb-cascader__menu-item-loading\" aria-hidden=\"true\">⟳</span>\n              ) : (option.children && option.children.length > 0) || (this.lazy && option.children === undefined && !option.leaf) ? (\n                <span class=\"hb-cascader__menu-item-arrow\">▶</span>\n              ) : null}\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-0e65e1bd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formCss","HbFormStyle0","Form","model","rules","labelPosition","labelWidth","inline","size","disabled","fields","fieldRegistry","Map","componentWillLoad","this","el","addEventListener","e","prop","validate","resetValue","getValue","detail","set","async","results","Promise","all","Array","from","values","map","field","errors","length","every","Boolean","resetFields","forEach","render","h","key","class","onSubmit","preventDefault","novalidate"],"sources":["src/components/Form/form.css?tag=hb-form&encapsulation=shadow","src/components/Form/Form.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--hb-spacing-md);\n}\n\n.hb-form--inline {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: var(--hb-spacing-sm) var(--hb-spacing-lg);\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\ninterface FormFieldRegistration {\n  prop: string;\n  validate: () => Promise<string[]>;\n  resetValue: () => void;\n  getValue: () => any;\n}\n\n/**\n * Form 表单组件\n * 由输入框、选择器、单选框、多选框等控件组成，配合表单校验\n */\n@Component({\n  tag: 'hb-form',\n  styleUrl: 'form.css',\n  shadow: true,\n})\nexport class Form {\n  @Element() el: HTMLElement;\n\n  /** 表单数据对象 */\n  @Prop() model: Record<string, any> = {};\n\n  /** 表单验证规则 */\n  @Prop() rules: Record<string, any[]> = {};\n\n  /** 标签位置 */\n  @Prop() labelPosition: 'left' | 'right' | 'top' = 'right';\n\n  /** 标签宽度 */\n  @Prop() labelWidth: string = '80px';\n\n  /** 是否行内表单 */\n  @Prop() inline: boolean = false;\n\n  /** 表单尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  @State() fields: FormFieldRegistration[] = [];\n\n  private fieldRegistry = new Map<string, FormFieldRegistration>();\n\n  // 用 componentWillLoad 而非 componentDidLoad 注册监听器：\n  // Stencil 生命周期里子组件(FormItem)的 componentDidLoad 先于父组件(Form)触发，\n  // 若在 componentDidLoad 才挂监听，会错过子项派发的 hbFormFieldRegister，\n  // 导致 fieldRegistry 为空、validate() 永远返回 true（真实浏览器里复现，mock-doc 被 waitForChanges 掩盖）。\n  componentWillLoad() {\n    this.el.addEventListener('hbFormFieldRegister', ((e: CustomEvent) => {\n      const { prop, validate, resetValue, getValue } = e.detail;\n      this.fieldRegistry.set(prop, { prop, validate, resetValue, getValue });\n    }) as EventListener);\n  }\n\n  /**\n   * 验证整个表单\n   * @returns 是否验证通过\n   */\n  @Prop() validate = async (): Promise<boolean> => {\n    const results = await Promise.all(\n      Array.from(this.fieldRegistry.values()).map(async (field) => {\n        const errors = await field.validate();\n        return errors.length === 0;\n      })\n    );\n    return results.every(Boolean);\n  };\n\n  /**\n   * 重置表单\n   */\n  @Prop() resetFields = (): void => {\n    this.fieldRegistry.forEach((field) => field.resetValue());\n  };\n\n  render() {\n    return (\n      <form\n        class={{\n          'hb-form': true,\n          [`hb-form--label-${this.labelPosition}`]: true,\n          'hb-form--inline': this.inline,\n        }}\n        onSubmit={(e) => e.preventDefault()}\n        novalidate\n      >\n        <slot />\n      </form>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,uvLAChB,MAAAC,EAAeD,E,MCiBFE,EAAI,M,iDAIPC,MAA6B,GAG7BC,MAA+B,GAG/BC,cAA0C,QAG1CC,WAAqB,OAGrBC,OAAkB,MAGlBC,KAAsC,UAGtCC,SAAoB,MAEnBC,OAAkC,GAEnCC,cAAgB,IAAIC,IAM5B,iBAAAC,GACEC,KAAKC,GAAGC,iBAAiB,uBAAyBC,IAChD,MAAMC,KAAEA,EAAIC,SAAEA,EAAQC,WAAEA,EAAUC,SAAEA,GAAaJ,EAAEK,OACnDR,KAAKH,cAAcY,IAAIL,EAAM,CAAEA,OAAMC,WAAUC,aAAYC,YAC5D,G,CAOKF,SAAWK,UACjB,MAAMC,QAAgBC,QAAQC,IAC5BC,MAAMC,KAAKf,KAAKH,cAAcmB,UAAUC,KAAIP,MAAOQ,IACjD,MAAMC,QAAeD,EAAMb,WAC3B,OAAOc,EAAOC,SAAW,CAAC,KAG9B,OAAOT,EAAQU,MAAMC,QAAQ,EAMvBC,YAAc,KACpBvB,KAAKH,cAAc2B,SAASN,GAAUA,EAAMZ,cAAa,EAG3D,MAAAmB,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,UAAW,KACX,CAAC,kBAAkB5B,KAAKT,iBAAkB,KAC1C,kBAAmBS,KAAKP,QAE1BoC,SAAW1B,GAAMA,EAAE2B,iBACnBC,WAAU,MAEVL,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-0f189251.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as i,h as o}from"./p-e42dfa95.js";const n=["large","default","small"];function r(t,e){const i=e&&n.includes(e)?e:"default";return`${t}--${i}`}function a(t){return Boolean(t.clearable&&!t.disabled&&!t.readonly&&t.hasValue)}function s(t){if(t===null||t===undefined)return false;if(typeof t==="string")return t.length>0;if(typeof t==="number")return!Number.isNaN(t);if(Array.isArray(t))return t.length>0;return true}function l(t,e){return{[t]:true,[r(t,e)]:true}}const h='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.resize{resize:both}.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-input-font-size:14px;--hb-input-font-size-large:16px;--hb-input-font-size-small:12px;--hb-input-height:32px;--hb-input-height-large:40px;--hb-input-height-small:24px;--hb-input-border-color:var(--hb-border-color,#dcdfe6);--hb-input-border-color-hover:var(--hb-color-primary);--hb-input-bg-color:var(--hb-color-white,#fff);--hb-input-text-color:var(--hb-color-text-regular,#606266);--hb-input-placeholder-color:var(--hb-color-text-placeholder,#c0c4cc);--hb-input-disabled-color:var(--hb-color-text-disabled,#c0c4cc);--hb-input-disabled-bg-color:var(--hb-fill-color-light,#f5f7fa);display:inline-block;position:relative}.hb-input{font-size:var(--hb-input-font-size);position:relative}.hb-input,.hb-input__inner{display:inline-block;width:100%}.hb-input__inner{-webkit-appearance:none;background-color:var(--hb-input-bg-color);background-image:none;border:1px solid var(--hb-input-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-input-text-color);font-size:inherit;height:var(--hb-input-height);line-height:var(--hb-input-height);outline:none;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.hb-input__inner::placeholder{color:var(--hb-input-placeholder-color)}.hb-input__inner:focus,.hb-input__inner:hover:not(:disabled){border-color:var(--hb-input-border-color-hover)}.hb-input__inner:disabled{background-color:var(--hb-input-disabled-bg-color);border-color:var(--hb-input-border-color);color:var(--hb-input-disabled-color);cursor:not-allowed}.hb-input__inner[readonly]{background-color:var(--hb-input-disabled-bg-color);cursor:default}.hb-input--small .hb-input__inner{font-size:var(--hb-input-font-size-small);height:var(--hb-input-height-small);line-height:var(--hb-input-height-small);padding:0 12px}.hb-input--large .hb-input__inner{font-size:var(--hb-input-font-size-large);height:var(--hb-input-height-large);line-height:var(--hb-input-height-large);padding:0 18px}.hb-input__prefix,.hb-input__suffix{align-items:center;color:var(--hb-input-placeholder-color);display:flex;height:100%;position:absolute;text-align:center;top:0;transition:all .3s}.hb-input__prefix{left:5px}.hb-input__suffix{right:5px}.hb-input__suffix-inner{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.hb-input__clear{color:var(--hb-input-placeholder-color);font-size:16px;transition:color .2s}.hb-input__clear:hover{color:var(--hb-input-text-color)}.hb-input__password{cursor:pointer;font-size:16px}.hb-input__inner[type=textarea]{line-height:1.5;min-height:60px;padding:5px 15px;resize:vertical;vertical-align:bottom}.hb-input__count{bottom:5px;color:var(--hb-input-placeholder-color);font-size:12px;position:absolute;right:10px}.hb-input__count-inner{background-color:var(--hb-input-bg-color);padding:0 4px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const d=h;const p=class{constructor(i){t(this,i);this.hbChange=e(this,"hbChange",7);this.hbInput=e(this,"hbInput",7);this.hbFocus=e(this,"hbFocus",7);this.hbBlur=e(this,"hbBlur",7);this.hbClear=e(this,"hbClear",7)}get el(){return i(this)}modelValue="";type="text";size="default";disabled=false;readonly=false;placeholder;clearable=false;showPassword=false;showWordLimit=false;maxlength;minlength;name;inputId;autocomplete;autofocus=false;prefixIcon;suffixIcon;rows=2;autosize=false;resize;isFocused=false;showClear=false;passwordVisible=false;inputValue="";inputRef;hbChange;hbInput;hbFocus;hbBlur;hbClear;handleValueChange(){this.inputValue=this.modelValue;this.updateClearVisible()}componentDidLoad(){this.inputValue=this.modelValue;this.updateClearVisible()}updateClearVisible(){this.showClear=a({clearable:this.clearable,disabled:this.disabled,readonly:this.readonly,hasValue:s(this.inputValue)})}handleInput=t=>{const e=t.target;this.inputValue=e.value;this.modelValue=e.value;this.updateClearVisible();this.hbInput.emit(e.value)};handleChange=t=>{const e=t.target;this.hbChange.emit(e.value)};handleFocus=t=>{this.isFocused=true;this.updateClearVisible();this.hbFocus.emit(t)};handleBlur=t=>{this.isFocused=false;this.updateClearVisible();this.hbBlur.emit(t)};handleClear=t=>{t.stopPropagation();this.inputValue="";this.modelValue="";this.updateClearVisible();this.hbClear.emit();this.hbChange.emit("");if(this.inputRef){this.inputRef.focus()}};togglePasswordVisible=()=>{this.passwordVisible=!this.passwordVisible};getInputType(){if(this.type==="password"&&this.showPassword){return this.passwordVisible?"text":"password"}return this.type}render(){const t=this.type==="textarea";const e=t?"textarea":"input";return o("div",{key:"22b51bd1c9e0c3086ed167eea57f3b5818685785",class:{...l("hb-input",this.size),"hb-input--disabled":this.disabled,"hb-input--focused":this.isFocused}},this.prefixIcon&&o("span",{key:"ef3b02d947c45ac282814a0e2e4909f8473469eb",class:"hb-input__prefix"},o("i",{key:"88f95312bf9aa489d5d27a1f701b2eadc794d7cf",class:this.prefixIcon})),o(e,{key:"fe5de1f3dcf5441aebb5bcc943c64d59221211d7",ref:t=>this.inputRef=t,type:t?undefined:this.getInputType(),id:this.inputId,name:this.name,class:"hb-input__inner",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:this.readonly,autocomplete:this.autocomplete,autofocus:this.autofocus,maxlength:this.maxlength,minlength:this.minlength,rows:t?this.rows:undefined,style:t&&this.resize?{resize:this.resize}:undefined,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur}),(this.showClear||this.suffixIcon||this.type==="password"&&this.showPassword)&&o("span",{key:"db106e66989483c48171aad758cd5a443ef7670a",class:"hb-input__suffix"},this.showClear&&o("span",{key:"3fa676f9860aa3018247c9d61bad432afdea4345",class:"hb-input__suffix-inner hb-input__clear",onClick:this.handleClear},"×"),this.type==="password"&&this.showPassword&&o("span",{key:"8911301b65aa3435f7f3b933b9b8de1b055c266e",class:"hb-input__suffix-inner hb-input__password",onClick:this.togglePasswordVisible},this.passwordVisible?"👁️":"👁️‍🗨️"),this.suffixIcon&&o("span",{key:"14fa885ec429419525ea5cd550fc7d9cec9f3ee4",class:"hb-input__suffix-inner"},o("i",{key:"36995c1f4e5d2c258170e7ad8a012e586d905e62",class:this.suffixIcon}))),this.showWordLimit&&this.maxlength&&o("span",{key:"383d7d25fbbb77dad3df3ebbbf4e0b1fc504a4b4",class:"hb-input__count"},o("span",{key:"564d4a6ac0feae0be61378f52aae3b22872566fb",class:"hb-input__count-inner"},this.inputValue.length," / ",this.maxlength)))}static get watchers(){return{modelValue:["handleValueChange"]}}};p.style=d;export{p as hb_input};
-//# sourceMappingURL=p-0f189251.entry.js.map

package/dist/huibo-ui/p-0f189251.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["COMPONENT_SIZES","buildSizeClass","base","size","normalized","includes","isClearVisible","options","Boolean","clearable","disabled","readonly","hasValue","hasInputValue","value","undefined","length","Number","isNaN","Array","isArray","sizeClassMap","inputCss","HbInputStyle0","Input","modelValue","type","placeholder","showPassword","showWordLimit","maxlength","minlength","name","inputId","autocomplete","autofocus","prefixIcon","suffixIcon","rows","autosize","resize","isFocused","showClear","passwordVisible","inputValue","inputRef","hbChange","hbInput","hbFocus","hbBlur","hbClear","handleValueChange","this","updateClearVisible","componentDidLoad","handleInput","e","target","emit","handleChange","handleFocus","handleBlur","handleClear","stopPropagation","focus","togglePasswordVisible","getInputType","render","isTextarea","InputTag","h","key","class","ref","el","id","style","onInput","onChange","onFocus","onBlur","onClick"],"sources":["src/utils/form-input-base.ts","src/components/Input/input.css?tag=hb-input&encapsulation=shadow","src/components/Input/Input.tsx"],"sourcesContent":["/**\n * 表单输入组件共享基础\n * 统一 size / disabled / clearable / modelValue 这一组在 Input / Select / Cascader /\n * DatePicker / InputNumber / TimePicker 等组件中重复出现的包装模式。\n *\n * 设计原则：纯函数 + 类型导出，不引入基类继承，避免 Stencil 装饰器在继承链上的隐式行为。\n * 组件按需 import 对应工具，渲染时调用即可。\n */\n\n/** 组件尺寸（与 Ant Design 对齐，便于迁移） */\nexport type ComponentSize = 'large' | 'default' | 'small';\n\n/** 全部合法尺寸，用于运行期校验 */\nexport const COMPONENT_SIZES: readonly ComponentSize[] = ['large', 'default', 'small'] as const;\n\n/**\n * 表单输入组件共享的 prop 契约。\n * 跨框架消费方（React / Vue / 原生）可据此推断任一表单输入组件的通用能力，\n * 各组件在此基础上扩展自身特有 prop。\n */\nexport interface FormInputProps {\n  /** 绑定值（双向，配合 hbChange 事件） */\n  modelValue: unknown;\n  /** 尺寸 */\n  size?: ComponentSize;\n  /** 是否禁用 */\n  disabled?: boolean;\n  /** 是否只读 */\n  readonly?: boolean;\n  /** 是否可清空 */\n  clearable?: boolean;\n  /** 占位文本 */\n  placeholder?: string;\n}\n\n/**\n * 生成尺寸 class 名：buildSizeClass('hb-input', 'large') -> 'hb-input--large'\n * 用于替代各组件 render 中重复的 `[`hb-input--${this.size}`]: true` 模板字面量。\n */\nexport function buildSizeClass(base: string, size: ComponentSize | undefined): string {\n  const normalized = size && COMPONENT_SIZES.includes(size) ? size : 'default';\n  return `${base}--${normalized}`;\n}\n\n/** 清空按钮可见性判定参数 */\nexport interface ClearVisibleOptions {\n  /** 是否声明了 clearable */\n  clearable: boolean;\n  /** 是否禁用（禁用时不显示） */\n  disabled?: boolean;\n  /** 是否只读（只读时不显示） */\n  readonly?: boolean;\n  /** 当前是否有值（无值时不显示） */\n  hasValue: boolean;\n}\n\n/**\n * 判定清空按钮是否应显示。\n * 抽取自 Input/Select/Cascader 中重复的 `clearable && !disabled && !readonly && hasValue`。\n */\nexport function isClearVisible(options: ClearVisibleOptions): boolean {\n  return Boolean(options.clearable && !options.disabled && !options.readonly && options.hasValue);\n}\n\n/**\n * 判定一个值是否「非空」（用于清空按钮显隐）。\n * 兼容字符串、数字、数组（多选）。\n */\nexport function hasInputValue(value: unknown): boolean {\n  if (value === null || value === undefined) return false;\n  if (typeof value === 'string') return value.length > 0;\n  if (typeof value === 'number') return !Number.isNaN(value);\n  if (Array.isArray(value)) return value.length > 0;\n  return true;\n}\n\n/**\n * 尺寸 class 集合生成器：返回包含 base 与 size class 的对象，可直接展开进 JSX class 绑定。\n * 例：sizeClassMap('hb-input', 'large', this.size) -> { 'hb-input': true, 'hb-input--large': true }\n */\nexport function sizeClassMap(base: string, size: ComponentSize | undefined): Record<string, boolean> {\n  return { [base]: true, [buildSizeClass(base, size)]: true };\n}\n",":host {\n  display: inline-block;\n  position: relative;\n  --hb-input-font-size: 14px;\n  --hb-input-font-size-large: 16px;\n  --hb-input-font-size-small: 12px;\n  --hb-input-height: 32px;\n  --hb-input-height-large: 40px;\n  --hb-input-height-small: 24px;\n  --hb-input-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-input-border-color-hover: var(--hb-color-primary);\n  --hb-input-bg-color: var(--hb-color-white, #ffffff);\n  --hb-input-text-color: var(--hb-color-text-regular, #606266);\n  --hb-input-placeholder-color: var(--hb-color-text-placeholder, #c0c4cc);\n  --hb-input-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n  --hb-input-disabled-bg-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-input {\n  position: relative;\n  font-size: var(--hb-input-font-size);\n  display: inline-block;\n  width: 100%;\n}\n\n.hb-input__inner {\n  -webkit-appearance: none;\n  background-color: var(--hb-input-bg-color);\n  background-image: none;\n  border-radius: 4px;\n  border: 1px solid var(--hb-input-border-color);\n  box-sizing: border-box;\n  color: var(--hb-input-text-color);\n  display: inline-block;\n  font-size: inherit;\n  height: var(--hb-input-height);\n  line-height: var(--hb-input-height);\n  outline: none;\n  padding: 0 15px;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  width: 100%;\n}\n\n.hb-input__inner::placeholder {\n  color: var(--hb-input-placeholder-color);\n}\n\n.hb-input__inner:hover:not(:disabled) {\n  border-color: var(--hb-input-border-color-hover);\n}\n\n.hb-input__inner:focus {\n  border-color: var(--hb-input-border-color-hover);\n}\n\n.hb-input__inner:disabled {\n  background-color: var(--hb-input-disabled-bg-color);\n  border-color: var(--hb-input-border-color);\n  color: var(--hb-input-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-input__inner[readonly] {\n  background-color: var(--hb-input-disabled-bg-color);\n  cursor: default;\n}\n\n.hb-input--small .hb-input__inner {\n  height: var(--hb-input-height-small);\n  line-height: var(--hb-input-height-small);\n  font-size: var(--hb-input-font-size-small);\n  padding: 0 12px;\n}\n\n.hb-input--large .hb-input__inner {\n  height: var(--hb-input-height-large);\n  line-height: var(--hb-input-height-large);\n  font-size: var(--hb-input-font-size-large);\n  padding: 0 18px;\n}\n\n.hb-input__prefix,\n.hb-input__suffix {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  text-align: center;\n  color: var(--hb-input-placeholder-color);\n  transition: all 0.3s;\n  display: flex;\n  align-items: center;\n}\n\n.hb-input__prefix {\n  left: 5px;\n}\n\n.hb-input__suffix {\n  right: 5px;\n}\n\n.hb-input__suffix-inner {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.hb-input__clear {\n  font-size: 16px;\n  color: var(--hb-input-placeholder-color);\n  transition: color 0.2s;\n}\n\n.hb-input__clear:hover {\n  color: var(--hb-input-text-color);\n}\n\n.hb-input__password {\n  font-size: 16px;\n  cursor: pointer;\n}\n\n.hb-input__inner[type=\"textarea\"] {\n  min-height: 60px;\n  padding: 5px 15px;\n  line-height: 1.5;\n  vertical-align: bottom;\n  resize: vertical;\n}\n\n.hb-input__count {\n  position: absolute;\n  bottom: 5px;\n  right: 10px;\n  font-size: 12px;\n  color: var(--hb-input-placeholder-color);\n}\n\n.hb-input__count-inner {\n  background-color: var(--hb-input-bg-color);\n  padding: 0 4px;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\nimport { ComponentSize, hasInputValue, isClearVisible, sizeClassMap } from '../../utils/form-input-base';\n\n/**\n * Input 输入框组件\n * 通过鼠标或键盘输入字符\n */\n@Component({\n  tag: 'hb-input',\n  styleUrl: 'input.css',\n  shadow: true,\n})\nexport class Input {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: string = '';\n\n  /**\n   * 输入框类型\n   */\n  @Prop() type: string = 'text';\n\n  /**\n   * 输入框尺寸\n   */\n  @Prop() size: ComponentSize = 'default';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 输入框占位文本\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * 是否可清空\n   * @default false\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * 是否显示密码可见性切换\n   * @default false\n   */\n  @Prop() showPassword: boolean = false;\n\n  /**\n   * 是否显示字数统计\n   * @default false\n   */\n  @Prop() showWordLimit: boolean = false;\n\n  /**\n   * 最大输入长度\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * 最小输入长度\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * 原生 autocomplete 属性\n   */\n  @Prop() autocomplete?: string;\n\n  /**\n   * 原生 autofocus 属性\n   */\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * 输入框头部图标\n   */\n  @Prop() prefixIcon?: string;\n\n  /**\n   * 输入框尾部图标\n   */\n  @Prop() suffixIcon?: string;\n\n  /**\n   * 输入框行数，仅 type 为 'textarea' 时有效\n   */\n  @Prop() rows: number = 2;\n\n  /**\n   * 是否自适应内容高度，仅 type 为 'textarea' 时有效\n   */\n  @Prop() autosize: boolean | { minRows?: number; maxRows?: number } = false;\n\n  /**\n   * 是否调整 textarea 大小\n   */\n  @Prop() resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n\n  @State() isFocused: boolean = false;\n  @State() showClear: boolean = false;\n  @State() passwordVisible: boolean = false;\n  @State() inputValue: string = '';\n\n  private inputRef?: HTMLInputElement | HTMLTextAreaElement;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  /**\n   * 输入事件\n   */\n  @Event() hbInput: EventEmitter<string>;\n\n  /**\n   * 聚焦事件\n   */\n  @Event() hbFocus: EventEmitter<FocusEvent>;\n\n  /**\n   * 失焦事件\n   */\n  @Event() hbBlur: EventEmitter<FocusEvent>;\n\n  /**\n   * 清空事件\n   */\n  @Event() hbClear: EventEmitter<void>;\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.inputValue = this.modelValue;\n    this.updateClearVisible();\n  }\n\n  componentDidLoad() {\n    this.inputValue = this.modelValue;\n    this.updateClearVisible();\n  }\n\n  private updateClearVisible() {\n    this.showClear = isClearVisible({\n      clearable: this.clearable,\n      disabled: this.disabled,\n      readonly: this.readonly,\n      hasValue: hasInputValue(this.inputValue),\n    });\n  }\n\n  private handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement | HTMLTextAreaElement;\n    this.inputValue = target.value;\n    this.modelValue = target.value;\n    this.updateClearVisible();\n    this.hbInput.emit(target.value);\n  };\n\n  private handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement | HTMLTextAreaElement;\n    this.hbChange.emit(target.value);\n  };\n\n  private handleFocus = (e: FocusEvent) => {\n    this.isFocused = true;\n    this.updateClearVisible();\n    this.hbFocus.emit(e);\n  };\n\n  private handleBlur = (e: FocusEvent) => {\n    this.isFocused = false;\n    this.updateClearVisible();\n    this.hbBlur.emit(e);\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.inputValue = '';\n    this.modelValue = '';\n    this.updateClearVisible();\n    this.hbClear.emit();\n    this.hbChange.emit('');\n    if (this.inputRef) {\n      this.inputRef.focus();\n    }\n  };\n\n  private togglePasswordVisible = () => {\n    this.passwordVisible = !this.passwordVisible;\n  };\n\n  private getInputType(): string {\n    if (this.type === 'password' && this.showPassword) {\n      return this.passwordVisible ? 'text' : 'password';\n    }\n    return this.type;\n  }\n\n  render() {\n    const isTextarea = this.type === 'textarea';\n    const InputTag = isTextarea ? 'textarea' : 'input';\n\n    return (\n      <div\n        class={{\n          ...sizeClassMap('hb-input', this.size),\n          'hb-input--disabled': this.disabled,\n          'hb-input--focused': this.isFocused,\n        }}\n      >\n        {this.prefixIcon && (\n          <span class=\"hb-input__prefix\">\n            <i class={this.prefixIcon}></i>\n          </span>\n        )}\n        <InputTag\n          ref={(el) => (this.inputRef = el)}\n          type={isTextarea ? undefined : this.getInputType()}\n          id={this.inputId}\n          name={this.name}\n          class=\"hb-input__inner\"\n          placeholder={this.placeholder}\n          value={this.inputValue}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          autocomplete={this.autocomplete}\n          autofocus={this.autofocus}\n          maxlength={this.maxlength}\n          minlength={this.minlength}\n          rows={isTextarea ? this.rows : undefined}\n          style={isTextarea && this.resize ? { resize: this.resize } : undefined}\n          onInput={this.handleInput}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n        {(this.showClear || this.suffixIcon || (this.type === 'password' && this.showPassword)) && (\n          <span class=\"hb-input__suffix\">\n            {this.showClear && (\n              <span class=\"hb-input__suffix-inner hb-input__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            {this.type === 'password' && this.showPassword && (\n              <span class=\"hb-input__suffix-inner hb-input__password\" onClick={this.togglePasswordVisible}>\n                {this.passwordVisible ? '👁️' : '👁️‍🗨️'}\n              </span>\n            )}\n            {this.suffixIcon && (\n              <span class=\"hb-input__suffix-inner\">\n                <i class={this.suffixIcon}></i>\n              </span>\n            )}\n          </span>\n        )}\n        {this.showWordLimit && this.maxlength && (\n          <span class=\"hb-input__count\">\n            <span class=\"hb-input__count-inner\">\n              {this.inputValue.length} / {this.maxlength}\n            </span>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-1b5acd6d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as i}from"./p-e42dfa95.js";import{c as o,g as a}from"./p-ecce2b5e.js";const r='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.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;.hb-popover__trigger,:host{display:inline-block}.hb-popover__popup{animation:hb-popover-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);padding:var(--hb-spacing-sm)0;pointer-events:auto;position:fixed}.hb-popover__title{border-bottom:1px solid var(--hb-color-border-secondary);font-size:var(--hb-font-size-sm);font-weight:600;padding:var(--hb-spacing-xs)var(--hb-spacing-md)}.hb-popover__body{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-sm)var(--hb-spacing-md)}@keyframes hb-popover-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@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 n=r;const s=class{constructor(t){e(this,t)}get el(){return t(this)}title="";width="240px";placement="bottom";trigger="hover";disabled=false;visible=false;popupStyle={};triggerRef;popupRef;show=()=>{if(!this.disabled){this.visible=true;requestAnimationFrame((()=>this.updatePosition()))}};hide=()=>{this.visible=false};toggle=()=>{if(this.visible){this.hide()}else{this.show()}};updatePosition(){if(!this.triggerRef||!this.popupRef)return;const e=this.triggerRef.getBoundingClientRect();const{width:t,height:i}=this.popupRef.getBoundingClientRect();const r=o(e,t,i,this.placement,8);this.popupStyle={top:`${r.top}px`,left:`${r.left}px`,zIndex:String(a())}}render(){const e=this.trigger==="hover"?{onMouseEnter:this.show,onMouseLeave:this.hide}:{onClick:this.toggle};return i("div",{key:"b094fdab875b54a1334489467d87cab19d5d495c",class:"hb-popover",...e},i("div",{key:"0d87497b9f31c97aab530a5298722b594388a036",ref:e=>{this.triggerRef=e},class:"hb-popover__trigger"},i("slot",{key:"93740d59a42e448997f44fe9a636e2858d15121a"})),this.visible&&i("div",{key:"54f77abc1aa942b45e69bf4c63ec6b8f4fd49bad",ref:e=>{this.popupRef=e},class:"hb-popover__popup",style:{...this.popupStyle,width:this.width},onMouseEnter:()=>this.trigger==="hover"&&this.show(),onMouseLeave:()=>this.trigger==="hover"&&this.hide()},this.title&&i("div",{key:"44f71196d287712f9895546d03d1849ba2092241",class:"hb-popover__title"},this.title),i("div",{key:"7f558d395de6937bb453f9a3453509654fb14514",class:"hb-popover__body"},i("slot",{key:"19677384409687a3936393b2aaf6722c071de5eb",name:"content"}))))}};s.style=n;export{s as hb_popover};
-//# sourceMappingURL=p-1b5acd6d.entry.js.map

package/dist/huibo-ui/p-1b5acd6d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["popoverCss","HbPopoverStyle0","Popover","title","width","placement","trigger","disabled","visible","popupStyle","triggerRef","popupRef","show","this","requestAnimationFrame","updatePosition","hide","toggle","rect","getBoundingClientRect","pw","height","ph","pos","computePosition","top","left","zIndex","String","getNextZIndex","render","events","onMouseEnter","onMouseLeave","onClick","h","key","class","ref","el","style","name"],"sources":["src/components/Popover/popover.css?tag=hb-popover&encapsulation=shadow","src/components/Popover/Popover.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-popover__trigger { display: inline-block; }\n.hb-popover__popup {\n  position: fixed; background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-sm) 0; animation: hb-popover-fade 0.15s ease-out; pointer-events: auto;\n}\n.hb-popover__title { padding: var(--hb-spacing-xs) var(--hb-spacing-md); font-weight: 600; font-size: var(--hb-font-size-sm); border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-popover__body { padding: var(--hb-spacing-sm) var(--hb-spacing-md); font-size: var(--hb-font-size-sm); color: var(--hb-color-text); }\n@keyframes hb-popover-fade { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\n\n@Component({ tag: 'hb-popover', styleUrl: 'popover.css', shadow: true })\nexport class Popover {\n  @Element() el: HTMLElement;\n  // 注意：使用默认值使其成为 required string，避免与 HTMLElement.title（string）\n  // 的可选类型冲突；同时保留 Ant Design 兼容的 `title` API。\n  @Prop() title: string = '';\n  @Prop() width: string = '240px';\n  @Prop() placement: Placement = 'bottom';\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n  @Prop() disabled: boolean = false;\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n\n  private show = () => { if (!this.disabled) { this.visible = true; requestAnimationFrame(() => this.updatePosition()); } };\n  private hide = () => { this.visible = false; };\n  private toggle = () => {\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  render() {\n    const events = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };\n    return (\n      <div class=\"hb-popover\" {...events}>\n        <div ref={(el: any) => { this.triggerRef = el; }} class=\"hb-popover__trigger\"><slot /></div>\n        {this.visible && (\n          <div ref={(el: any) => { this.popupRef = el; }} class=\"hb-popover__popup\" style={{ ...this.popupStyle, width: this.width }}\n            onMouseEnter={() => this.trigger === 'hover' && this.show()} onMouseLeave={() => this.trigger === 'hover' && this.hide()}>\n            {this.title && <div class=\"hb-popover__title\">{this.title}</div>}\n            <div class=\"hb-popover__body\"><slot name=\"content\" /></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,+vMACnB,MAAAC,EAAeD,E,MCGFE,EAAO,M,iDAIVC,MAAgB,GAChBC,MAAgB,QAChBC,UAAuB,SACvBC,QAA6B,QAC7BC,SAAoB,MACnBC,QAAmB,MACnBC,WAAqC,GAEtCC,WACAC,SAEAC,KAAO,KAAQ,IAAKC,KAAKN,SAAU,CAAEM,KAAKL,QAAU,KAAMM,uBAAsB,IAAMD,KAAKE,kB,GAC3FC,KAAO,KAAQH,KAAKL,QAAU,KAAK,EACnCS,OAAS,KACf,GAAIJ,KAAKL,QAAS,CAChBK,KAAKG,M,KACA,CACLH,KAAKD,M,GAID,cAAAG,GACN,IAAKF,KAAKH,aAAeG,KAAKF,SAAU,OACxC,MAAMO,EAAOL,KAAKH,WAAWS,wBAC7B,MAAQf,MAAOgB,EAAIC,OAAQC,GAAOT,KAAKF,SAASQ,wBAChD,MAAMI,EAAMC,EAAgBN,EAAME,EAAIE,EAAIT,KAAKR,UAAW,GAC1DQ,KAAKJ,WAAa,CAAEgB,IAAK,GAAGF,EAAIE,QAASC,KAAM,GAAGH,EAAIG,SAAUC,OAAQC,OAAOC,K,CAGjF,MAAAC,GACE,MAAMC,EAASlB,KAAKP,UAAY,QAAU,CAAE0B,aAAcnB,KAAKD,KAAMqB,aAAcpB,KAAKG,MAAS,CAAEkB,QAASrB,KAAKI,QACjH,OACEkB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAiBN,GAC1BI,EAAA,OAAAC,IAAA,2CAAKE,IAAMC,IAAc1B,KAAKH,WAAa6B,CAAE,EAAKF,MAAM,uBAAsBF,EAAA,QAAAC,IAAA,8CAC7EvB,KAAKL,SACJ2B,EAAA,OAAAC,IAAA,2CAAKE,IAAMC,IAAc1B,KAAKF,SAAW4B,CAAE,EAAKF,MAAM,oBAAoBG,MAAO,IAAK3B,KAAKJ,WAAYL,MAAOS,KAAKT,OACjH4B,aAAc,IAAMnB,KAAKP,UAAY,SAAWO,KAAKD,OAAQqB,aAAc,IAAMpB,KAAKP,UAAY,SAAWO,KAAKG,QACjHH,KAAKV,OAASgC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAAqBxB,KAAKV,OACpDgC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmBF,EAAA,QAAAC,IAAA,2CAAMK,KAAK,c","ignoreList":[]}

package/dist/huibo-ui/p-231a7335.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["collapseCss","HbCollapseStyle0","Collapse","accordion","componentDidLoad","this","el","addEventListener","e","active","detail","current","target","querySelectorAll","forEach","item","render","h","key","class"],"sources":["src/components/Collapse/collapse.css?tag=hb-collapse&encapsulation=shadow","src/components/Collapse/Collapse.tsx"],"sourcesContent":[":host { display: block; }\n.hb-collapse { border-top: 1px solid var(--hb-color-border-secondary); border-bottom: 1px solid var(--hb-color-border-secondary); }\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-collapse', styleUrl: 'collapse.css', shadow: true })\nexport class Collapse {\n  @Element() el: HTMLElement;\n\n  /** 是否开启手风琴模式（同时仅展开一项） */\n  @Prop({ mutable: true }) accordion: boolean = false;\n\n  componentDidLoad() {\n    this.el.addEventListener(\n      'hbCollapseItemToggle',\n      ((e: CustomEvent) => {\n        if (!this.accordion) return;\n        const { active } = e.detail;\n        // 手风琴模式：某项展开时，关闭其余项\n        if (!active) return;\n        const current = e.target as HTMLElement;\n        this.el.querySelectorAll('hb-collapse-item').forEach((item) => {\n          if (item !== current) {\n            (item as any).active = false;\n          }\n        });\n      }) as EventListener,\n    );\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-collapse': true, 'hb-collapse--accordion': this.accordion }}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,0sLACpB,MAAAC,EAAeD,E,MCEFE,EAAQ,M,iDAIMC,UAAqB,MAE9C,gBAAAC,GACEC,KAAKC,GAAGC,iBACN,wBACEC,IACA,IAAKH,KAAKF,UAAW,OACrB,MAAMM,OAAEA,GAAWD,EAAEE,OAErB,IAAKD,EAAQ,OACb,MAAME,EAAUH,EAAEI,OAClBP,KAAKC,GAAGO,iBAAiB,oBAAoBC,SAASC,IACpD,GAAIA,IAASJ,EAAS,CACnBI,EAAaN,OAAS,K,IAG5B,G,CAIL,MAAAO,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,cAAe,KAAM,yBAA0Bd,KAAKF,YAChEc,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-24ad7eec.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i}from"./p-e42dfa95.js";const n='/*! 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-input-number-font-size:14px;--hb-input-number-height:32px;--hb-input-number-border-color:var(--hb-border-color,#dcdfe6);--hb-input-number-border-color-hover:var(--hb-color-primary);--hb-input-number-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-input-number{display:inline-block;position:relative;width:180px}.hb-input-number,.hb-input-number__inner{line-height:var(--hb-input-number-height)}.hb-input-number__inner{-webkit-appearance:none;background-color:var(--hb-input-number-bg-color);border:1px solid var(--hb-input-number-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);display:block;font-size:inherit;height:var(--hb-input-number-height);outline:none;padding:0 50px 0 15px;text-align:left;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-input-number--without-controls .hb-input-number__inner{padding:0 15px}.hb-input-number--controls-right .hb-input-number__inner{padding:0 15px 0 50px}.hb-input-number__inner:focus,.hb-input-number__inner:hover:not(:disabled){border-color:var(--hb-input-number-border-color-hover)}.hb-input-number__inner:disabled{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-input-number-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__decrease,.hb-input-number__increase{align-items:center;background:var(--hb-fill-color-light,#f5f7fa);color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;height:calc(100% - 2px);justify-content:center;position:absolute;text-align:center;top:1px;transition:all .2s;-webkit-user-select:none;user-select:none;width:35px;z-index:1}.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled),.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled){color:var(--hb-color-primary)}.hb-input-number__decrease--disabled,.hb-input-number__increase--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number__decrease,.hb-input-number__increase{border-left:1px solid var(--hb-input-number-border-color)}.hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number--controls-right .hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number--controls-right .hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number__controls{background:var(--hb-fill-color-light,#f5f7fa);border-left:1px solid var(--hb-input-number-border-color);border-radius:0 4px 4px 0;height:calc(100% - 2px);position:absolute;right:1px;top:1px;width:35px}.hb-input-number--controls-right .hb-input-number__controls{border-left:none;border-radius:4px 0 0 4px;border-right:1px solid var(--hb-input-number-border-color);left:1px;right:auto}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase{border:none;border-bottom:1px solid var(--hb-input-number-border-color);border-radius:0;position:static}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease{border:none;border-radius:0 0 0 4px;position:static}.hb-input-number--small{width:150px}.hb-input-number--small .hb-input-number__inner{font-size:12px;height:24px;line-height:24px;padding:0 40px 0 12px}.hb-input-number--large{width:200px}.hb-input-number--large .hb-input-number__inner{font-size:16px;height:40px;line-height:40px;padding:0 55px 0 18px}.hb-input-number--disabled{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 r=n;const o=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbInput=t(this,"hbInput",7)}modelValue=0;size="default";disabled=false;readonly=false;min=-Infinity;max=Infinity;step=1;precision;stepStrictly=false;controls=true;controlsPosition="";name;inputId;placeholder;currentValue=0;hbChange;hbInput;componentDidLoad(){this.currentValue=this.modelValue}handleModelValueChange(){this.currentValue=this.modelValue}formatValue(e){if(this.precision!==undefined){return Number(e.toFixed(this.precision))}return e}clampValue(e){let t=Math.max(this.min,Math.min(this.max,e));if(this.stepStrictly){const e=this.step;t=Math.round(t/e)*e}return this.formatValue(t)}handleInput=e=>{const t=e.target;const i=parseFloat(t.value);if(isNaN(i)){this.currentValue=this.min}else{this.currentValue=this.clampValue(i)}this.modelValue=this.currentValue;this.hbInput.emit(this.currentValue)};handleChange=()=>{this.hbChange.emit(this.currentValue)};increase=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue+this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};decrease=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue-this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};render(){return i("div",{key:"490fe763a00f34486cbbe6502204433071a863eb",class:{"hb-input-number":true,[`hb-input-number--${this.size}`]:true,"hb-input-number--disabled":this.disabled,"hb-input-number--controls-right":this.controlsPosition==="right","hb-input-number--without-controls":!this.controls}},this.controls&&this.controlsPosition!=="right"&&i("span",{key:"a43a038a8914dbff0c8b9759c04c74fa791f2e6c",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},onClick:this.decrease},"−"),i("input",{key:"83a7bb1d73a709e92f31044396fdb73daed77ea9",type:"number",id:this.inputId,name:this.name,class:"hb-input-number__inner",value:this.currentValue,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,min:this.min,max:this.max,step:this.step,onInput:this.handleInput,onChange:this.handleChange}),this.controls&&this.controlsPosition==="right"&&i("span",{key:"e202c7b06c991550eb9a5cae441ead7d82231b0f",class:"hb-input-number__controls"},i("span",{key:"876db137bb4539e93a1f7ccb08a2fb754722a7bf",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},onClick:this.increase},"+"),i("span",{key:"98acd918f10a7f8d3c399aa60677eac231be503b",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},onClick:this.decrease},"−")),this.controls&&this.controlsPosition!=="right"&&i("span",{key:"4befdfc2a0d7ac3af63027f0947f27d866fbe158",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},onClick:this.increase},"+"))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};o.style=r;export{o as hb_input_number};
-//# sourceMappingURL=p-24ad7eec.entry.js.map

package/dist/huibo-ui/p-24ad7eec.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputNumberCss","HbInputNumberStyle0","InputNumber","modelValue","size","disabled","readonly","min","Infinity","max","step","precision","stepStrictly","controls","controlsPosition","name","inputId","placeholder","currentValue","hbChange","hbInput","componentDidLoad","this","handleModelValueChange","formatValue","value","undefined","Number","toFixed","clampValue","clamped","Math","round","handleInput","e","target","parseFloat","isNaN","emit","handleChange","increase","newValue","decrease","render","h","key","class","onClick","type","id","onInput","onChange"],"sources":["src/components/InputNumber/input-number.css?tag=hb-input-number&encapsulation=shadow","src/components/InputNumber/InputNumber.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-input-number-font-size: 14px;\n  --hb-input-number-height: 32px;\n  --hb-input-number-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-input-number-border-color-hover: var(--hb-color-primary);\n  --hb-input-number-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-input-number {\n  position: relative;\n  display: inline-block;\n  width: 180px;\n  line-height: var(--hb-input-number-height);\n}\n\n.hb-input-number__inner {\n  -webkit-appearance: none;\n  background-color: var(--hb-input-number-bg-color);\n  border: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: var(--hb-color-text-regular, #606266);\n  display: block;\n  font-size: inherit;\n  height: var(--hb-input-number-height);\n  line-height: var(--hb-input-number-height);\n  outline: none;\n  padding: 0 50px 0 15px;\n  text-align: left;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  width: 100%;\n}\n\n.hb-input-number--without-controls .hb-input-number__inner {\n  padding: 0 15px;\n}\n\n.hb-input-number--controls-right .hb-input-number__inner {\n  padding: 0 15px 0 50px;\n}\n\n.hb-input-number__inner:hover:not(:disabled) {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:focus {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-input-number-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase,\n.hb-input-number__decrease {\n  position: absolute;\n  z-index: 1;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  text-align: center;\n  background: var(--hb-fill-color-light, #f5f7fa);\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  font-size: 13px;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s;\n}\n\n.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled),\n.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled) {\n  color: var(--hb-color-primary);\n}\n\n.hb-input-number__increase--disabled,\n.hb-input-number__decrease--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number--controls-right .hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n}\n\n.hb-input-number__controls {\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  border-left: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0 4px 4px 0;\n  background: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-input-number--controls-right .hb-input-number__controls {\n  left: 1px;\n  right: auto;\n  border-left: none;\n  border-right: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px 0 0 4px;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase {\n  position: static;\n  border: none;\n  border-bottom: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease {\n  position: static;\n  border: none;\n  border-radius: 0 0 0 4px;\n}\n\n.hb-input-number--small {\n  width: 150px;\n}\n\n.hb-input-number--small .hb-input-number__inner {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 40px 0 12px;\n}\n\n.hb-input-number--large {\n  width: 200px;\n}\n\n.hb-input-number--large .hb-input-number__inner {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 55px 0 18px;\n}\n\n.hb-input-number--disabled {\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * InputNumber 数字输入框组件\n * 仅允许输入标准的数字值，可定义范围\n */\n@Component({\n  tag: 'hb-input-number',\n  styleUrl: 'input-number.css',\n  shadow: true,\n})\nexport class InputNumber {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 计数器尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 最小值\n   * @default -Infinity\n   */\n  @Prop() min: number = -Infinity;\n\n  /**\n   * 最大值\n   * @default Infinity\n   */\n  @Prop() max: number = Infinity;\n\n  /**\n   * 计数器步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 精度\n   */\n  @Prop() precision?: number;\n\n  /**\n   * 是否只能输入 step 的倍数\n   * @default false\n   */\n  @Prop() stepStrictly: boolean = false;\n\n  /**\n   * 是否使用控制按钮\n   * @default true\n   */\n  @Prop() controls: boolean = true;\n\n  /**\n   * 控制按钮位置\n   */\n  @Prop() controlsPosition: '' | 'right' = '';\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * 原生 placeholder 属性\n   */\n  @Prop() placeholder?: string;\n\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  /**\n   * 输入事件\n   */\n  @Event() hbInput: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  /** 受控模式：外部修改 modelValue 时同步内部 currentValue，保证 UI 与值一致 */\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private formatValue(value: number): number {\n    if (this.precision !== undefined) {\n      return Number(value.toFixed(this.precision));\n    }\n    return value;\n  }\n\n  private clampValue(value: number): number {\n    let clamped = Math.max(this.min, Math.min(this.max, value));\n    \n    if (this.stepStrictly) {\n      const step = this.step;\n      clamped = Math.round(clamped / step) * step;\n    }\n    \n    return this.formatValue(clamped);\n  }\n\n  private handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = parseFloat(target.value);\n    \n    if (isNaN(value)) {\n      this.currentValue = this.min;\n    } else {\n      this.currentValue = this.clampValue(value);\n    }\n    \n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  };\n\n  private handleChange = () => {\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private increase = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue + this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  private decrease = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue - this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-input-number': true,\n          [`hb-input-number--${this.size}`]: true,\n          'hb-input-number--disabled': this.disabled,\n          'hb-input-number--controls-right': this.controlsPosition === 'right',\n          'hb-input-number--without-controls': !this.controls,\n        }}\n      >\n        {this.controls && this.controlsPosition !== 'right' && (\n          <span\n            class={{\n              'hb-input-number__decrease': true,\n              'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n            }}\n            onClick={this.decrease}\n          >\n            −\n          </span>\n        )}\n        <input\n          type=\"number\"\n          id={this.inputId}\n          name={this.name}\n          class=\"hb-input-number__inner\"\n          value={this.currentValue}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          placeholder={this.placeholder}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          onInput={this.handleInput}\n          onChange={this.handleChange}\n        />\n        {this.controls && this.controlsPosition === 'right' && (\n          <span class=\"hb-input-number__controls\">\n            <span\n              class={{\n                'hb-input-number__increase': true,\n                'hb-input-number__increase--disabled': this.currentValue >= this.max,\n              }}\n              onClick={this.increase}\n            >\n              +\n            </span>\n            <span\n              class={{\n                'hb-input-number__decrease': true,\n                'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n              }}\n              onClick={this.decrease}\n            >\n              −\n            </span>\n          </span>\n        )}\n        {this.controls && this.controlsPosition !== 'right' && (\n          <span\n            class={{\n              'hb-input-number__increase': true,\n              'hb-input-number__increase--disabled': this.currentValue >= this.max,\n            }}\n            onClick={this.increase}\n          >\n            +\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"kDAAA,MAAMA,EAAiB,sgSACvB,MAAAC,EAAeD,E,MCUFE,EAAW,M,6FAIGC,WAAqB,EAKtCC,KAAsC,UAMtCC,SAAoB,MAMpBC,SAAoB,MAMpBC,KAAeC,SAMfC,IAAcD,SAMdE,KAAe,EAKfC,UAMAC,aAAwB,MAMxBC,SAAoB,KAKpBC,iBAAiC,GAKjCC,KAKAC,QAKAC,YAECC,aAAuB,EAKvBC,SAKAC,QAET,gBAAAC,GACEC,KAAKJ,aAAeI,KAAKnB,U,CAK3B,sBAAAoB,GACED,KAAKJ,aAAeI,KAAKnB,U,CAGnB,WAAAqB,CAAYC,GAClB,GAAIH,KAAKX,YAAce,UAAW,CAChC,OAAOC,OAAOF,EAAMG,QAAQN,KAAKX,W,CAEnC,OAAOc,C,CAGD,UAAAI,CAAWJ,GACjB,IAAIK,EAAUC,KAAKtB,IAAIa,KAAKf,IAAKwB,KAAKxB,IAAIe,KAAKb,IAAKgB,IAEpD,GAAIH,KAAKV,aAAc,CACrB,MAAMF,EAAOY,KAAKZ,KAClBoB,EAAUC,KAAKC,MAAMF,EAAUpB,GAAQA,C,CAGzC,OAAOY,KAAKE,YAAYM,E,CAGlBG,YAAeC,IACrB,MAAMC,EAASD,EAAEC,OACjB,MAAMV,EAAQW,WAAWD,EAAOV,OAEhC,GAAIY,MAAMZ,GAAQ,CAChBH,KAAKJ,aAAeI,KAAKf,G,KACpB,CACLe,KAAKJ,aAAeI,KAAKO,WAAWJ,E,CAGtCH,KAAKnB,WAAamB,KAAKJ,aACvBI,KAAKF,QAAQkB,KAAKhB,KAAKJ,aAAa,EAG9BqB,aAAe,KACrBjB,KAAKH,SAASmB,KAAKhB,KAAKJ,aAAa,EAG/BsB,SAAW,KACjB,GAAIlB,KAAKjB,UAAYiB,KAAKhB,SAAU,OACpC,MAAMmC,EAAWnB,KAAKO,WAAWP,KAAKJ,aAAeI,KAAKZ,MAC1DY,KAAKJ,aAAeuB,EACpBnB,KAAKnB,WAAasC,EAClBnB,KAAKH,SAASmB,KAAKG,EAAS,EAGtBC,SAAW,KACjB,GAAIpB,KAAKjB,UAAYiB,KAAKhB,SAAU,OACpC,MAAMmC,EAAWnB,KAAKO,WAAWP,KAAKJ,aAAeI,KAAKZ,MAC1DY,KAAKJ,aAAeuB,EACpBnB,KAAKnB,WAAasC,EAClBnB,KAAKH,SAASmB,KAAKG,EAAS,EAG9B,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,kBAAmB,KACnB,CAAC,oBAAoBxB,KAAKlB,QAAS,KACnC,4BAA6BkB,KAAKjB,SAClC,kCAAmCiB,KAAKR,mBAAqB,QAC7D,qCAAsCQ,KAAKT,WAG5CS,KAAKT,UAAYS,KAAKR,mBAAqB,SAC1C8B,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,4BAA6B,KAC7B,sCAAuCxB,KAAKJ,cAAgBI,KAAKf,KAEnEwC,QAASzB,KAAKoB,UAAQ,KAK1BE,EAAA,SAAAC,IAAA,2CACEG,KAAK,SACLC,GAAI3B,KAAKN,QACTD,KAAMO,KAAKP,KACX+B,MAAM,yBACNrB,MAAOH,KAAKJ,aACZb,SAAUiB,KAAKjB,SACfC,SAAUgB,KAAKhB,SACfW,YAAaK,KAAKL,YAClBV,IAAKe,KAAKf,IACVE,IAAKa,KAAKb,IACVC,KAAMY,KAAKZ,KACXwC,QAAS5B,KAAKW,YACdkB,SAAU7B,KAAKiB,eAEhBjB,KAAKT,UAAYS,KAAKR,mBAAqB,SAC1C8B,EAAA,QAAAC,IAAA,2CAAMC,MAAM,6BACVF,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,4BAA6B,KAC7B,sCAAuCxB,KAAKJ,cAAgBI,KAAKb,KAEnEsC,QAASzB,KAAKkB,UAAQ,KAIxBI,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,4BAA6B,KAC7B,sCAAuCxB,KAAKJ,cAAgBI,KAAKf,KAEnEwC,QAASzB,KAAKoB,UAAQ,MAM3BpB,KAAKT,UAAYS,KAAKR,mBAAqB,SAC1C8B,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,4BAA6B,KAC7B,sCAAuCxB,KAAKJ,cAAgBI,KAAKb,KAEnEsC,QAASzB,KAAKkB,UAAQ,K","ignoreList":[]}

package/dist/huibo-ui/p-315feadf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["watermarkCss","HbWatermarkStyle0","Watermark","content","width","height","gap","rotate","fontColor","fontSize","backgroundImage","this","safeText","escapeXml","svg","encodeURIComponent","input","replace","layerStyle","backgroundRepeat","backgroundSize","render","h","key","class","style"],"sources":["src/components/Watermark/watermark.css?tag=hb-watermark&encapsulation=shadow","src/components/Watermark/Watermark.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n.hb-watermark {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n\n.hb-watermark__content {\n  position: relative;\n  z-index: 1;\n}\n\n.hb-watermark__layer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n  pointer-events: none;\n  background-position: 0 0;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * Watermark 水印组件\n * 在内容之上平铺一层文字水印，常用于版权/防泄密标识\n */\n@Component({\n  tag: 'hb-watermark',\n  styleUrl: 'watermark.css',\n  shadow: true,\n})\nexport class Watermark {\n  @Element() host!: HTMLElement;\n\n  /** 水印文字 */\n  @Prop() content: string = '';\n\n  /** 单个水印单元宽度 */\n  @Prop() width: number = 120;\n\n  /** 单个水印单元高度 */\n  @Prop() height: number = 120;\n\n  /** 水印单元之间的间距 */\n  @Prop() gap: number = 8;\n\n  /** 旋转角度 */\n  @Prop() rotate: number = -22;\n\n  /** 字体颜色 */\n  @Prop() fontColor: string = 'rgba(0,0,0,0.15)';\n\n  /** 字号 */\n  @Prop() fontSize: number = 14;\n\n  private get backgroundImage(): string {\n    const { width, height, content, fontColor, fontSize, rotate } = this;\n    const safeText = this.escapeXml(content || '');\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\"><text x=\"50%\" y=\"50%\" dy=\"${fontSize / 4}\" text-anchor=\"middle\" fill=\"${fontColor}\" font-size=\"${fontSize}\" font-family=\"sans-serif\" transform=\"rotate(${rotate} ${width / 2} ${height / 2})\">${safeText}</text></svg>`;\n    return `url(\"data:image/svg+xml;utf8,${encodeURIComponent(svg)}\")`;\n  }\n\n  private escapeXml(input: string): string {\n    return input\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n      .replace(/\"/g, '&quot;')\n      .replace(/'/g, '&apos;');\n  }\n\n  private get layerStyle(): Record<string, string> {\n    const { backgroundImage, width, height, gap } = this;\n    return {\n      backgroundImage,\n      backgroundRepeat: 'repeat',\n      backgroundSize: `${width + gap}px ${height + gap}px`,\n    };\n  }\n\n  render() {\n    return (\n      <div class=\"hb-watermark\">\n        <div class=\"hb-watermark__content\">\n          <slot />\n        </div>\n        <div class=\"hb-watermark__layer\" style={this.layerStyle} aria-hidden=\"true\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,kwMACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,mDAIZC,QAAkB,GAGlBC,MAAgB,IAGhBC,OAAiB,IAGjBC,IAAc,EAGdC,QAAkB,GAGlBC,UAAoB,mBAGpBC,SAAmB,GAE3B,mBAAYC,GACV,MAAMN,MAAEA,EAAKC,OAAEA,EAAMF,QAAEA,EAAOK,UAAEA,EAASC,SAAEA,EAAQF,OAAEA,GAAWI,KAChE,MAAMC,EAAWD,KAAKE,UAAUV,GAAW,IAC3C,MAAMW,EAAM,kDAAkDV,cAAkBC,mBAAwBD,KAASC,gCAAqCI,EAAW,iCAAiCD,iBAAyBC,iDAAwDF,KAAUH,EAAQ,KAAKC,EAAS,OAAOO,iBAC1T,MAAO,gCAAgCG,mBAAmBD,M,CAGpD,SAAAD,CAAUG,GAChB,OAAOA,EACJC,QAAQ,KAAM,SACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,UACdA,QAAQ,KAAM,S,CAGnB,cAAYC,GACV,MAAMR,gBAAEA,EAAeN,MAAEA,EAAKC,OAAEA,EAAMC,IAAEA,GAAQK,KAChD,MAAO,CACLD,kBACAS,iBAAkB,SAClBC,eAAgB,GAAGhB,EAAQE,OAASD,EAASC,M,CAIjD,MAAAe,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBAAsBC,MAAOd,KAAKO,WAAU,cAAc,S","ignoreList":[]}

package/dist/huibo-ui/p-3c7f73c8.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as r}from"./p-e42dfa95.js";import{c as o}from"./p-4ef5a884.js";const s='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-tree-select{box-sizing:border-box;color:var(--hb-color-text);font-size:var(--hb-font-size-base);position:relative;width:100%}.hb-tree-select__input-wrapper{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-input-border-color,var(--hb-color-border));border-radius:var(--hb-input-radius,var(--hb-border-radius-sm));box-sizing:border-box;cursor:pointer;display:flex;height:var(--hb-size-default,32px);padding:0 var(--hb-spacing-sm);transition:border-color var(--hb-transition-duration,.2s)}.hb-tree-select__input-wrapper:hover{border-color:var(--hb-input-hover-border-color,var(--hb-color-primary))}.hb-tree-select--open .hb-tree-select__input-wrapper{border-color:var(--hb-input-focus-border-color,var(--hb-color-primary))}.hb-tree-select--disabled .hb-tree-select__input-wrapper{background-color:var(--hb-color-fill-tertiary);cursor:not-allowed;opacity:.6}.hb-tree-select__display{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-tree-select__display--placeholder{color:var(--hb-input-placeholder-color,var(--hb-color-text-placeholder))}.hb-tree-select__suffix{gap:var(--hb-spacing-xxs)}.hb-tree-select__clear,.hb-tree-select__suffix{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex}.hb-tree-select__clear{background-color:var(--hb-color-fill);border-radius:50%;cursor:pointer;font-size:12px;height:16px;justify-content:center;width:16px}.hb-tree-select__clear:hover{color:var(--hb-color-text-secondary)}.hb-tree-select__arrow-icon{font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree-select__arrow-icon--open{transform:rotate(180deg)}.hb-tree-select__dropdown{background-color:var(--hb-color-bg-elevated);border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-border-radius-sm);box-shadow:0 6px 16px #00000014;box-sizing:border-box;left:0;max-height:280px;overflow-y:auto;padding:var(--hb-spacing-xxs);position:absolute;top:calc(100% + 4px);width:100%;z-index:1050}.hb-tree-select__empty{color:var(--hb-color-text-tertiary);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-md);text-align:center}.hb-tree-select__children,.hb-tree-select__tree{list-style:none;margin:0;padding:0}.hb-tree-select__node{list-style:none;white-space:nowrap}.hb-tree-select__node-content{align-items:center;border-radius:var(--hb-border-radius-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xxs);height:28px;padding-right:var(--hb-spacing-xs);transition:background-color var(--hb-transition-duration,.2s)}.hb-tree-select__node-content:hover{background-color:var(--hb-color-fill-tertiary)}.hb-tree-select__node-content--selected{color:var(--hb-color-primary);font-weight:500}.hb-tree-select__node-content--checked,.hb-tree-select__node-content--selected{background-color:var(--hb-color-primary-bg)}.hb-tree-select__node--disabled>.hb-tree-select__node-content{cursor:not-allowed;opacity:.5}.hb-tree-select__node--disabled>.hb-tree-select__node-content:hover{background-color:#0000}.hb-tree-select__switcher{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.hb-tree-select__arrow{display:inline-block;font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree-select__arrow--expanded{transform:rotate(90deg)}.hb-tree-select__checkbox{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-xs,2px);color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;height:16px;justify-content:center;line-height:1;transition:all var(--hb-transition-duration,.2s);width:16px}.hb-tree-select__checkbox--checked,.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled){border-color:var(--hb-color-primary)}.hb-tree-select__checkbox--checked{background-color:var(--hb-color-primary)}.hb-tree-select__checkbox--disabled{cursor:not-allowed}.hb-tree-select__title{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}@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 n=s;const a=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbVisibleChange=t(this,"hbVisibleChange",7)}get el(){return i(this)}data=[];modelValue="";multiple=false;placeholder="请选择";disabled=false;checkable=false;defaultExpandAll=false;isOpen=false;internalExpanded=[];internalSelected=[];internalChecked=[];hbChange;hbVisibleChange;clickOutside=o({host:null,isOpen:()=>this.isOpen,onClose:()=>this.closeDropdown()});componentWillLoad(){this.syncFromModelValue();if(this.defaultExpandAll){const e=[];this.collectExpandableKeys(this.data,e);this.internalExpanded=e}}componentDidLoad(){this.clickOutside=o({host:this.el,isOpen:()=>this.isOpen,onClose:()=>this.closeDropdown()});this.clickOutside.connect()}disconnectedCallback(){this.clickOutside.disconnect()}syncFromModelValue(){if(this.multiple){const e=Array.isArray(this.modelValue)?this.modelValue:[];this.internalSelected=[...e];this.internalChecked=[...e]}else{const e=typeof this.modelValue==="string"?this.modelValue:"";this.internalSelected=e?[e]:[];this.internalChecked=e?[e]:[]}}collectExpandableKeys(e,t){for(const i of e){if(i.children&&i.children.length>0){t.push(i.key);this.collectExpandableKeys(i.children,t)}}}findTitle(e,t){for(const i of e){if(i.key===t)return i.title;if(i.children){const e=this.findTitle(i.children,t);if(e)return e}}return null}getDisplayText(){if(this.multiple){const e=Array.isArray(this.modelValue)?this.modelValue:[];if(e.length===0)return"";const t=e.map((e=>this.findTitle(this.data,e)||e));return t.join(" / ")}const e=typeof this.modelValue==="string"?this.modelValue:"";return e?this.findTitle(this.data,e)||e:""}openDropdown=()=>{if(this.disabled||this.isOpen)return;this.isOpen=true;this.hbVisibleChange.emit(true)};closeDropdown=()=>{if(!this.isOpen)return;this.isOpen=false;this.hbVisibleChange.emit(false)};toggleDropdown=()=>{if(this.disabled)return;if(this.isOpen)this.closeDropdown();else this.openDropdown()};handleNodeSelect=e=>{if(this.multiple){const t=[...this.internalSelected];const i=t.indexOf(e);if(i>=0)t.splice(i,1);else t.push(e);this.internalSelected=t;this.modelValue=t;this.hbChange.emit(t)}else{this.internalSelected=[e];this.modelValue=e;this.hbChange.emit(e);this.closeDropdown()}};handleNodeCheck=e=>{const t=[...this.internalChecked];const i=t.indexOf(e);if(i>=0)t.splice(i,1);else t.push(e);this.internalChecked=t;this.modelValue=t;this.hbChange.emit(t)};handleToggleExpand=(e,t)=>{t.stopPropagation();const i=[...this.internalExpanded];const r=i.indexOf(e.key);if(r>=0)i.splice(r,1);else i.push(e.key);this.internalExpanded=i};handleClear=e=>{e.stopPropagation();if(this.disabled)return;this.internalSelected=[];this.internalChecked=[];this.modelValue=this.multiple?[]:"";this.hbChange.emit(this.modelValue)};renderNode=(e,t)=>{const i=!!(e.children&&e.children.length>0);const o=this.internalExpanded.includes(e.key);const s=this.internalSelected.includes(e.key);const n=this.internalChecked.includes(e.key);const a=!!e.disabled;return r("li",{class:{"hb-tree-select__node":true,"hb-tree-select__node--disabled":a},role:"treeitem"},r("div",{class:{"hb-tree-select__node-content":true,"hb-tree-select__node-content--selected":s,"hb-tree-select__node-content--checked":n},style:{paddingLeft:`${t*18+8}px`}},r("span",{class:"hb-tree-select__switcher",onClick:t=>i&&this.handleToggleExpand(e,t)},i?r("span",{class:{"hb-tree-select__arrow":true,"hb-tree-select__arrow--expanded":o}},"▶"):null),this.checkable&&r("span",{class:{"hb-tree-select__checkbox":true,"hb-tree-select__checkbox--checked":n,"hb-tree-select__checkbox--disabled":a},onClick:()=>!a&&this.handleNodeCheck(e.key)},n?"✓":""),r("span",{class:"hb-tree-select__title",onClick:()=>!a&&this.handleNodeSelect(e.key)},e.title)),i&&o&&r("ul",{class:"hb-tree-select__children",role:"group"},e.children.map((e=>this.renderNode(e,t+1)))))};render(){const e=this.getDisplayText();const t=this.multiple?Array.isArray(this.modelValue)&&this.modelValue.length>0:typeof this.modelValue==="string"&&this.modelValue!=="";return r("div",{key:"38d8a150ce1436bbea77250dd0bb3a44b9722cbc",class:{"hb-tree-select":true,"hb-tree-select--open":this.isOpen,"hb-tree-select--disabled":this.disabled,"hb-tree-select--multiple":this.multiple}},r("div",{key:"5928b61ce45dabece866b8de93a4353804ed05e4",class:"hb-tree-select__input-wrapper",onClick:this.toggleDropdown},r("span",{key:"af7b313ec51033487044aa3b9ef1620fbe292490",class:{"hb-tree-select__display":true,"hb-tree-select__display--placeholder":!t}},t?e:this.placeholder),r("span",{key:"ab26baf601b42f2e5d28768d70927a38afbf612f",class:"hb-tree-select__suffix"},t&&r("span",{key:"0095371d8cdb31f569e53117a36d93de1f09b304",class:"hb-tree-select__clear",onClick:this.handleClear},"×"),r("span",{key:"b824565183607eb6341223fcfc0110b224d9d156",class:{"hb-tree-select__arrow-icon":true,"hb-tree-select__arrow-icon--open":this.isOpen}},"▼"))),this.isOpen&&r("div",{key:"e03726804631a7e69c86319f9f5ec81fecb60bf0",class:"hb-tree-select__dropdown"},this.data.length===0?r("div",{class:"hb-tree-select__empty"},"暂无数据"):r("ul",{class:"hb-tree-select__tree",role:"tree"},this.data.map((e=>this.renderNode(e,0))))))}};a.style=n;export{a as hb_tree_select};
-//# sourceMappingURL=p-3c7f73c8.entry.js.map

package/dist/huibo-ui/p-3c7f73c8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeSelectCss","HbTreeSelectStyle0","TreeSelect","data","modelValue","multiple","placeholder","disabled","checkable","defaultExpandAll","isOpen","internalExpanded","internalSelected","internalChecked","hbChange","hbVisibleChange","clickOutside","createClickOutsideHandler","host","this","onClose","closeDropdown","componentWillLoad","syncFromModelValue","all","collectExpandableKeys","componentDidLoad","el","connect","disconnectedCallback","disconnect","arr","Array","isArray","single","nodes","out","node","children","length","push","key","findTitle","title","found","getDisplayText","titles","map","k","join","openDropdown","emit","toggleDropdown","handleNodeSelect","current","idx","indexOf","splice","handleNodeCheck","handleToggleExpand","e","stopPropagation","handleClear","renderNode","level","hasChildren","expanded","includes","selected","checked","h","class","role","style","paddingLeft","onClick","child","render","displayText","hasValue"],"sources":["src/components/TreeSelect/tree-select.css?tag=hb-tree-select&encapsulation=shadow","src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree-select {\n  position: relative;\n  width: 100%;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper {\n  display: flex;\n  align-items: center;\n  height: var(--hb-size-default, 32px);\n  padding: 0 var(--hb-spacing-sm);\n  border: 1px solid var(--hb-input-border-color, var(--hb-color-border));\n  border-radius: var(--hb-input-radius, var(--hb-border-radius-sm));\n  background-color: var(--hb-color-bg-container);\n  cursor: pointer;\n  transition: border-color var(--hb-transition-duration, 0.2s);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper:hover {\n  border-color: var(--hb-input-hover-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--open .hb-tree-select__input-wrapper {\n  border-color: var(--hb-input-focus-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--disabled .hb-tree-select__input-wrapper {\n  background-color: var(--hb-color-fill-tertiary);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hb-tree-select__display {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-tree-select__display--placeholder {\n  color: var(--hb-input-placeholder-color, var(--hb-color-text-placeholder));\n}\n\n.hb-tree-select__suffix {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree-select__clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  font-size: 12px;\n  border-radius: 50%;\n  color: var(--hb-color-text-tertiary);\n  background-color: var(--hb-color-fill);\n  cursor: pointer;\n}\n\n.hb-tree-select__clear:hover {\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-tree-select__arrow-icon {\n  font-size: 10px;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow-icon--open {\n  transform: rotate(180deg);\n}\n\n.hb-tree-select__dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  width: 100%;\n  max-height: 280px;\n  overflow-y: auto;\n  padding: var(--hb-spacing-xxs);\n  background-color: var(--hb-color-bg-elevated);\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-border-radius-sm);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  z-index: 1050;\n}\n\n.hb-tree-select__empty {\n  padding: var(--hb-spacing-md);\n  text-align: center;\n  color: var(--hb-color-text-tertiary);\n  font-size: var(--hb-font-size-sm);\n}\n\n.hb-tree-select__tree,\n.hb-tree-select__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree-select__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree-select__node-content {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  height: 28px;\n  padding-right: var(--hb-spacing-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree-select__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n\n.hb-tree-select__node-content--checked {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree-select__switcher {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree-select__arrow {\n  font-size: 10px;\n  display: inline-block;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree-select__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-xs, 2px);\n  background-color: var(--hb-color-bg-container);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--checked {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--disabled {\n  cursor: not-allowed;\n}\n\n.hb-tree-select__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport type { TreeNode } from '../Tree/Tree';\n\n/**\n * TreeSelect 树形选择器\n * 类似 Select，但下拉选项以树形结构展示，支持单选与多选\n */\n@Component({\n  tag: 'hb-tree-select',\n  styleUrl: 'tree-select.css',\n  shadow: true,\n})\nexport class TreeSelect {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（与 Tree 相同的递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）绑定值，单选为 string，多选为 string[]\n   */\n  @Prop({ mutable: true }) modelValue: string | string[] = '';\n\n  /**\n   * 是否多选\n   * @default false\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * 占位文本\n   * @default '请选择'\n   */\n  @Prop() placeholder: string = '请选择';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示 checkbox（多选模式下推荐开启）\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() internalExpanded: string[] = [];\n  @State() internalSelected: string[] = [];\n  @State() internalChecked: string[] = [];\n\n  /**\n   * 值变化事件（单选为 string，多选为 string[]）\n   */\n  @Event() hbChange: EventEmitter<string | string[]>;\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.closeDropdown(),\n  });\n\n  componentWillLoad() {\n    this.syncFromModelValue();\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => this.closeDropdown(),\n    });\n    this.clickOutside.connect();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  private syncFromModelValue() {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      this.internalSelected = [...arr];\n      this.internalChecked = [...arr];\n    } else {\n      const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n      this.internalSelected = single ? [single] : [];\n      this.internalChecked = single ? [single] : [];\n    }\n  }\n\n  private collectExpandableKeys(nodes: TreeNode[], out: string[]) {\n    for (const node of nodes) {\n      if (node.children && node.children.length > 0) {\n        out.push(node.key);\n        this.collectExpandableKeys(node.children, out);\n      }\n    }\n  }\n\n  private findTitle(nodes: TreeNode[], key: string): string | null {\n    for (const node of nodes) {\n      if (node.key === key) return node.title;\n      if (node.children) {\n        const found = this.findTitle(node.children, key);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  private getDisplayText(): string {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      if (arr.length === 0) return '';\n      const titles = arr.map((k) => this.findTitle(this.data, k) || k);\n      return titles.join(' / ');\n    }\n    const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n    return single ? this.findTitle(this.data, single) || single : '';\n  }\n\n  private openDropdown = () => {\n    if (this.disabled || this.isOpen) return;\n    this.isOpen = true;\n    this.hbVisibleChange.emit(true);\n  };\n\n  private closeDropdown = () => {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.hbVisibleChange.emit(false);\n  };\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    if (this.isOpen) this.closeDropdown();\n    else this.openDropdown();\n  };\n\n  private handleNodeSelect = (key: string) => {\n    if (this.multiple) {\n      const current = [...this.internalSelected];\n      const idx = current.indexOf(key);\n      if (idx >= 0) current.splice(idx, 1);\n      else current.push(key);\n      this.internalSelected = current;\n      this.modelValue = current;\n      this.hbChange.emit(current);\n    } else {\n      this.internalSelected = [key];\n      this.modelValue = key;\n      this.hbChange.emit(key);\n      this.closeDropdown();\n    }\n  };\n\n  private handleNodeCheck = (key: string) => {\n    // TODO: 父子联动 —— 当前仅管理单个节点勾选状态。\n    const current = [...this.internalChecked];\n    const idx = current.indexOf(key);\n    if (idx >= 0) current.splice(idx, 1);\n    else current.push(key);\n    this.internalChecked = current;\n    this.modelValue = current;\n    this.hbChange.emit(current);\n  };\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    const current = [...this.internalExpanded];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) current.splice(idx, 1);\n    else current.push(node.key);\n    this.internalExpanded = current;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    if (this.disabled) return;\n    this.internalSelected = [];\n    this.internalChecked = [];\n    this.modelValue = this.multiple ? [] : '';\n    this.hbChange.emit(this.modelValue);\n  };\n\n  private renderNode = (node: TreeNode, level: number): any => {\n    const hasChildren = !!(node.children && node.children.length > 0);\n    const expanded = this.internalExpanded.includes(node.key);\n    const selected = this.internalSelected.includes(node.key);\n    const checked = this.internalChecked.includes(node.key);\n    const disabled = !!node.disabled;\n\n    return (\n      <li class={{ 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }} role=\"treeitem\">\n        <div\n          class={{\n            'hb-tree-select__node-content': true,\n            'hb-tree-select__node-content--selected': selected,\n            'hb-tree-select__node-content--checked': checked,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree-select__switcher\" onClick={(e) => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }}>▶</span>\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree-select__checkbox': true,\n                'hb-tree-select__checkbox--checked': checked,\n                'hb-tree-select__checkbox--disabled': disabled,\n              }}\n              onClick={() => !disabled && this.handleNodeCheck(node.key)}\n            >\n              {checked ? '✓' : ''}\n            </span>\n          )}\n\n          <span class=\"hb-tree-select__title\" onClick={() => !disabled && this.handleNodeSelect(node.key)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree-select__children\" role=\"group\">\n            {node.children!.map((child) => this.renderNode(child, level + 1))}\n          </ul>\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const displayText = this.getDisplayText();\n    const hasValue = this.multiple\n      ? Array.isArray(this.modelValue) && this.modelValue.length > 0\n      : typeof this.modelValue === 'string' && this.modelValue !== '';\n\n    return (\n      <div\n        class={{\n          'hb-tree-select': true,\n          'hb-tree-select--open': this.isOpen,\n          'hb-tree-select--disabled': this.disabled,\n          'hb-tree-select--multiple': this.multiple,\n        }}\n      >\n        <div class=\"hb-tree-select__input-wrapper\" onClick={this.toggleDropdown}>\n          <span\n            class={{\n              'hb-tree-select__display': true,\n              'hb-tree-select__display--placeholder': !hasValue,\n            }}\n          >\n            {hasValue ? displayText : this.placeholder}\n          </span>\n          <span class=\"hb-tree-select__suffix\">\n            {hasValue && (\n              <span class=\"hb-tree-select__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class={{ 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }}>▼</span>\n          </span>\n        </div>\n\n        {this.isOpen && (\n          <div class=\"hb-tree-select__dropdown\">\n            {this.data.length === 0 ? (\n              <div class=\"hb-tree-select__empty\">暂无数据</div>\n            ) : (\n              <ul class=\"hb-tree-select__tree\" role=\"tree\">\n                {this.data.map((node) => this.renderNode(node, 0))}\n              </ul>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-4001c08d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paginationCss","HbPaginationStyle0","Pagination","total","pageSize","currentPage","pageSizes","pagerCount","disabled","showTotal","showPageSize","internalCurrent","hbCurrentChange","hbSizeChange","handleCurrentPageChange","this","componentDidLoad","totalPages","Math","max","ceil","handlePageClick","page","emit","handleSizeChange","e","target","size","parseInt","value","getPages","pages","current","pager","i","push","half","floor","start","end","min","render","h","key","class","onChange","map","selected","type","onClick"],"sources":["src/components/Pagination/pagination.css?tag=hb-pagination&encapsulation=shadow","src/components/Pagination/Pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  user-select: none;\n}\n\n.hb-pagination--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.hb-pagination__total {\n  margin-right: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-pagination__sizes {\n  height: 28px;\n  padding: 0 var(--hb-spacing-xs);\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  margin-right: var(--hb-spacing-xs);\n}\n\n.hb-pagination__sizes:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 4px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn:disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n  background: var(--hb-color-fill-quaternary);\n}\n\n.hb-pagination__btn--active {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n  color: #fff;\n}\n\n.hb-pagination__ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  color: var(--hb-color-text-secondary);\n  letter-spacing: 2px;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Pagination 分页组件\n * 当数据量过多时，使用分页分解数据\n */\n@Component({\n  tag: 'hb-pagination',\n  styleUrl: 'pagination.css',\n  shadow: true,\n})\nexport class Pagination {\n  /** 总条目数 */\n  @Prop() total: number = 0;\n\n  /** 每页显示条目数 */\n  @Prop() pageSize: number = 10;\n\n  /** 当前页数 */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** 每页显示个数选择器的选项设置 */\n  @Prop() pageSizes: number[] = [10, 20, 50, 100];\n\n  /** 最大页码按钮数 */\n  @Prop() pagerCount: number = 7;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示总条数 */\n  @Prop() showTotal: boolean = false;\n\n  /** 是否显示每页条数选择器 */\n  @Prop() showPageSize: boolean = false;\n\n  @State() internalCurrent: number = 1;\n\n  /** 当前页改变事件 */\n  @Event() hbCurrentChange: EventEmitter<number>;\n\n  /** 每页条数改变事件 */\n  @Event() hbSizeChange: EventEmitter<number>;\n\n  @Watch('currentPage')\n  handleCurrentPageChange() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  componentDidLoad() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.pageSize));\n  }\n\n  private handlePageClick(page: number) {\n    if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages) return;\n    this.internalCurrent = page;\n    this.currentPage = page;\n    this.hbCurrentChange.emit(page);\n  }\n\n  private handleSizeChange(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    const size = parseInt(target.value, 10);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = 1;\n    this.currentPage = 1;\n    this.hbCurrentChange.emit(1);\n  }\n\n  private getPages(): (number | '...')[] {\n    const pages: (number | '...')[] = [];\n    const total = this.totalPages;\n    const current = this.internalCurrent;\n    const pager = this.pagerCount;\n\n    if (total <= pager) {\n      for (let i = 1; i <= total; i++) pages.push(i);\n      return pages;\n    }\n\n    const half = Math.floor((pager - 2) / 2);\n    let start = current - half;\n    let end = current + half;\n\n    if (start < 2) {\n      start = 2;\n      end = Math.min(pager - 1, total - 1);\n    }\n    if (end > total - 1) {\n      end = total - 1;\n      start = Math.max(2, total - pager + 2);\n    }\n\n    pages.push(1);\n    if (start > 2) pages.push('...');\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total - 1) pages.push('...');\n    pages.push(total);\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.getPages();\n\n    return (\n      <div class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }}>\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\">共 {this.total} 条</span>\n        )}\n\n        {this.showPageSize && (\n          <select class=\"hb-pagination__sizes\" onChange={this.handleSizeChange} disabled={this.disabled}>\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.pageSize}>{size} 条/页</option>\n            ))}\n          </select>\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__prev\"\n          disabled={this.disabled || this.internalCurrent <= 1}\n          onClick={() => this.handlePageClick(this.internalCurrent - 1)}\n        >\n          ‹\n        </button>\n\n        {pages.map(page =>\n          page === '...' ? (\n            <span class=\"hb-pagination__ellipsis\">...</span>\n          ) : (\n            <button\n              type=\"button\"\n              class={{\n                'hb-pagination__btn': true,\n                'hb-pagination__btn--active': page === this.internalCurrent,\n              }}\n              disabled={this.disabled}\n              onClick={() => this.handlePageClick(page as number)}\n            >\n              {page}\n            </button>\n          )\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__next\"\n          disabled={this.disabled || this.internalCurrent >= this.totalPages}\n          onClick={() => this.handlePageClick(this.internalCurrent + 1)}\n        >\n          ›\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-44c48246.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as i,h as o}from"./p-e42dfa95.js";const r='/*! 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 s=r;const a=class{constructor(i){t(this,i);this.hbChange=e(this,"hbChange",7);this.hbInput=e(this,"hbInput",7)}get el(){return i(this)}modelValue=0;min=0;max=100;step=1;showTooltip=true;formatTooltip;disabled=false;range=false;vertical=false;height;dragging=false;currentValue=0;tooltipVisible=false;tooltipValue=0;sliderRef;isDragging=false;hbChange;hbInput;componentDidLoad(){this.currentValue=this.modelValue;this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){document.addEventListener("mousemove",this.handleMouseMove);document.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){document.removeEventListener("mousemove",this.handleMouseMove);document.removeEventListener("mouseup",this.handleMouseUp)}getPercentage(t){return(t-this.min)/(this.max-this.min)*100}getValueFromPercentage(t){const e=this.min+t/100*(this.max-this.min);return Math.round(e/this.step)*this.step}handleMouseDown=t=>{if(this.disabled)return;t.preventDefault();this.isDragging=true;this.dragging=true;this.handleDrag(t)};handleMouseMove=t=>{if(!this.isDragging)return;this.handleDrag(t)};handleMouseUp=()=>{if(!this.isDragging)return;this.isDragging=false;this.dragging=false;this.tooltipVisible=false;this.hbChange.emit(this.currentValue)};handleDrag(t){if(!this.sliderRef)return;const e=this.sliderRef.getBoundingClientRect();const i=this.vertical?1-(t.clientY-e.top)/e.height:(t.clientX-e.left)/e.width;const o=Math.max(0,Math.min(100,i*100));const r=this.getValueFromPercentage(o);if(this.range){const t=this.currentValue;this.currentValue=[r,t[1]||this.max]}else{this.currentValue=r;this.tooltipValue=r;this.tooltipVisible=true}this.modelValue=this.currentValue;this.hbInput.emit(this.currentValue)}formatValue(t){if(this.formatTooltip){return this.formatTooltip(t)}return String(t)}render(){const t=this.range?this.getPercentage(this.currentValue[0]):this.getPercentage(this.currentValue);return o("div",{key:"b8ee15c3375f6786c252e6755ff6dd5d4ab0023f",class:{"hb-slider":true,"hb-slider--vertical":this.vertical,"hb-slider--disabled":this.disabled},style:this.vertical&&this.height?{height:this.height}:undefined},o("div",{key:"c75f1194e3a8a630d4ffa0cb82579fddc42e2461",class:"hb-slider__runway",ref:t=>this.sliderRef=t,onMouseDown:this.handleMouseDown},o("div",{key:"5dcf4d4807e85cd4a96fd919d4b9d999f0d837d7",class:"hb-slider__bar",style:{[this.vertical?"height":"width"]:`${t}%`,[this.vertical?"bottom":"left"]:"0"}}),o("div",{key:"e10dc431c839183de585debfd9991a2d75922cc9",class:{"hb-slider__button-wrapper":true,"hb-slider__button-wrapper--hover":this.tooltipVisible},style:{[this.vertical?"bottom":"left"]:`${t}%`}},this.showTooltip&&this.tooltipVisible&&o("div",{key:"270c0d8dd46b03fac7b4b8e62265a14158de18b7",class:"hb-slider__tooltip"},this.formatValue(this.tooltipValue)),o("div",{key:"20772f2a08bed8c009c119b1c148ff0448c9a288",class:"hb-slider__button"}))))}};a.style=s;export{a as hb_slider};
-//# sourceMappingURL=p-44c48246.entry.js.map

package/dist/huibo-ui/p-44c48246.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sliderCss","HbSliderStyle0","Slider","modelValue","min","max","step","showTooltip","formatTooltip","disabled","range","vertical","height","dragging","currentValue","tooltipVisible","tooltipValue","sliderRef","isDragging","hbChange","hbInput","componentDidLoad","this","addEventListeners","disconnectedCallback","removeEventListeners","document","addEventListener","handleMouseMove","handleMouseUp","removeEventListener","getPercentage","value","getValueFromPercentage","percentage","Math","round","handleMouseDown","e","preventDefault","handleDrag","emit","rect","getBoundingClientRect","clientY","top","clientX","left","width","clampedPercentage","values","formatValue","String","render","h","key","class","style","undefined","ref","el","onMouseDown"],"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"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-476527c1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["descriptionsCss","HbDescriptionsStyle0","Descriptions","title","border","column","colon","items","render","h","key","class","this","style","gridTemplateColumns","map","item","span","gridColumn","undefined","label","value"],"sources":["src/components/Descriptions/descriptions.css?tag=hb-descriptions&encapsulation=shadow","src/components/Descriptions/Descriptions.tsx"],"sourcesContent":[":host { display: block; }\n.hb-descriptions {\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  background: var(--hb-color-bg-container);\n  border-radius: var(--hb-border-radius-sm);\n}\n.hb-descriptions__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n  margin-bottom: var(--hb-spacing-sm);\n}\n.hb-descriptions__view { width: 100%; }\n.hb-descriptions__row {\n  display: grid;\n  gap: 0;\n  width: 100%;\n}\n.hb-descriptions__item {\n  display: flex;\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-descriptions__row .hb-descriptions__item:nth-last-child(-n+3):not(:nth-last-child(1)) {\n  /* 保留默认下边框，最后一项由下方规则移除 */\n}\n/* 简化：最后一个 item 无下边框 */\n.hb-descriptions__row .hb-descriptions__item:last-child { border-bottom: none; }\n\n.hb-descriptions__label {\n  color: var(--hb-color-text-secondary);\n  white-space: nowrap;\n  margin-right: var(--hb-spacing-sm);\n  flex-shrink: 0;\n}\n.hb-descriptions__colon { margin-left: 0; }\n.hb-descriptions__value {\n  color: var(--hb-color-text);\n  word-break: break-all;\n}\n\n/* 带边框样式 */\n.hb-descriptions--bordered {\n  border: 1px solid var(--hb-color-border-secondary);\n  overflow: hidden;\n}\n.hb-descriptions--bordered .hb-descriptions__title { padding: var(--hb-spacing-sm) var(--hb-spacing-md); margin-bottom: 0; border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-descriptions--bordered .hb-descriptions__item { border-right: 1px solid var(--hb-color-border-secondary); }\n.hb-descriptions--bordered .hb-descriptions__item:nth-child(3n) { border-right: none; }\n.hb-descriptions--bordered .hb-descriptions__item { padding: var(--hb-spacing-sm) var(--hb-spacing-md); }\n.hb-descriptions--bordered .hb-descriptions__item:last-child { border-bottom: none; }\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Descriptions 描述列表组件\n * 成组展示多个描述字段，支持列数、边框、冒号、跨列 span\n */\n@Component({ tag: 'hb-descriptions', styleUrl: 'descriptions.css', shadow: true })\nexport class Descriptions {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 每行列数 */\n  @Prop() column: number = 3;\n\n  /** 是否显示冒号 */\n  @Prop() colon: boolean = true;\n\n  /** 描述项数组 */\n  @Prop() items: DescriptionItem[] = [];\n\n  render() {\n    return (\n      <div class={{ 'hb-descriptions': true, 'hb-descriptions--bordered': this.border }}>\n        {this.title && <div class=\"hb-descriptions__title\">{this.title}</div>}\n        <div class=\"hb-descriptions__view\">\n          <div class=\"hb-descriptions__row\" style={{ gridTemplateColumns: `repeat(${this.column}, minmax(0, 1fr))` }}>\n            {this.items.map((item) => (\n              <div\n                class=\"hb-descriptions__item\"\n                style={item.span ? { gridColumn: `span ${item.span}` } : undefined}\n              >\n                <span class=\"hb-descriptions__label\">\n                  {item.label}\n                  {this.colon && <span class=\"hb-descriptions__colon\">：</span>}\n                </span>\n                <span class=\"hb-descriptions__value\">{item.value}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport interface DescriptionItem {\n  label: string;\n  value: string;\n  span?: number;\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,ipOACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEfC,MAAgB,GAGhBC,OAAkB,MAGlBC,OAAiB,EAGjBC,MAAiB,KAGjBC,MAA2B,GAEnC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,kBAAmB,KAAM,4BAA6BC,KAAKR,SACtEQ,KAAKT,OAASM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAA0BC,KAAKT,OACzDM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBAAuBE,MAAO,CAAEC,oBAAqB,UAAUF,KAAKP,4BAC5EO,KAAKL,MAAMQ,KAAKC,GACfP,EAAA,OACEE,MAAM,wBACNE,MAAOG,EAAKC,KAAO,CAAEC,WAAY,QAAQF,EAAKC,QAAWE,WAEzDV,EAAA,QAAME,MAAM,0BACTK,EAAKI,MACLR,KAAKN,OAASG,EAAA,QAAME,MAAM,0BAAwB,MAErDF,EAAA,QAAME,MAAM,0BAA0BK,EAAKK,Y","ignoreList":[]}

package/dist/huibo-ui/p-4d0dff15.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as a,h as b}from"./p-e42dfa95.js";const r=class{constructor(a){e(this,a)}get el(){return a(this)}href;render(){const e=this.href?"a":"span";const a=this.el.closest("hb-breadcrumb")?.separator;return b("span",{key:"f9ced0c34ef309a1240258786b4ecba3055caeed",class:"hb-breadcrumb-item"},b(e,{key:"2218776bb05edeba450f3ecaa23c6602f4ff3480",class:"hb-breadcrumb-item__inner",href:this.href},b("slot",{key:"5598e7b2fbd95c16b5ad5456f36c97e708104cf9"})),b("span",{key:"fcb0f6f10b2707a8d1d3d882e80854b0b24cb665",class:"hb-breadcrumb-item__separator"},b("slot",{key:"502eec59718fdd8391132d2395bc4d4420e851b1",name:"separator"},a??"/")))}};export{r as hb_breadcrumb_item};
-//# sourceMappingURL=p-4d0dff15.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as o}from"./p-e42dfa95.js";import{c as s}from"./p-4ef5a884.js";import{h as r}from"./p-cc0aeb50.js";const a='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-select-font-size:14px;--hb-select-height:32px;--hb-select-border-color:var(--hb-border-color,#dcdfe6);--hb-select-border-color-hover:var(--hb-color-primary);--hb-select-bg-color:var(--hb-color-white,#fff);--hb-select-text-color:var(--hb-color-text-regular,#606266);--hb-select-placeholder-color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-block;position:relative}.hb-select{display:inline-block;position:relative;width:240px}.hb-select__input-wrapper{position:relative}.hb-select__input,.hb-select__input-wrapper{cursor:pointer;display:inline-block;width:100%}.hb-select__input{background-color:var(--hb-select-bg-color);border:1px solid var(--hb-select-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-select-text-color);font-size:var(--hb-select-font-size);height:var(--hb-select-height);line-height:var(--hb-select-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.hb-select__input::placeholder{color:var(--hb-select-placeholder-color)}.hb-select__input:focus,.hb-select__input:hover:not(:disabled){border-color:var(--hb-select-border-color-hover)}.hb-select__tags{align-items:center;background-color:var(--hb-select-bg-color);border:1px solid var(--hb-select-border-color);border-radius:4px;display:flex;flex-wrap:wrap;min-height:var(--hb-select-height);padding:0 30px 0 5px}.hb-select__tag{align-items:center;background-color:var(--hb-fill-color-light,#f0f2f5);border:1px solid var(--hb-border-color-lighter,#e4e7ed);border-radius:4px;color:var(--hb-color-text-regular,#606266);display:inline-flex;font-size:12px;height:24px;margin:2px 0 2px 6px;padding:0 8px}.hb-select__tag-text{margin-right:4px}.hb-select__tag-close{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:14px;transition:color .2s}.hb-select__tag-close:hover{color:var(--hb-color-text-regular,#606266)}.hb-select__suffix{align-items:center;color:var(--hb-select-text-color);display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-select__clear{color:var(--hb-select-placeholder-color);cursor:pointer;font-size:16px;margin-right:8px;transition:color .2s}.hb-select__clear:hover{color:var(--hb-select-text-color)}.hb-select__arrow{font-size:12px;transition:transform .3s}.hb-select--open .hb-select__arrow{transform:rotate(180deg)}.hb-select__dropdown{background-color:var(--hb-select-bg-color);border:1px solid var(--hb-select-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:100%;overflow-y:auto;position:absolute;top:100%;z-index:1000}.hb-select__menu{list-style:none;margin:0;padding:6px 0}.hb-select__menu-item{align-items:center;color:var(--hb-select-text-color);cursor:pointer;display:flex;font-size:var(--hb-select-font-size);padding:8px 20px;transition:background-color .2s}.hb-select__menu-item:hover:not(.hb-select__menu-item--disabled):not(.hb-select__menu-item--divided){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-select__menu-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-select__menu-item--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-select__menu-item--divided{border-top:1px solid var(--hb-border-color-lighter,#e4e7ed);margin-top:6px;padding-top:6px}.hb-select__menu-item--empty{color:var(--hb-select-placeholder-color);cursor:default}.hb-select__menu-item-checkbox{margin-right:8px;text-align:center;width:14px}.hb-select__menu-item-label{flex:1}.hb-select--small{font-size:12px}.hb-select--small .hb-select__input{font-size:12px;height:24px;line-height:24px;padding:0 25px 0 12px}.hb-select--large{font-size:16px}.hb-select--large .hb-select__input{font-size:16px;height:40px;line-height:40px;padding:0 35px 0 18px}.hb-select--disabled{cursor:not-allowed}.hb-select--disabled .hb-select__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-select-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const l=a;const n=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbVisibleChange=t(this,"hbVisibleChange",7)}get el(){return i(this)}modelValue;options=[];placeholder="请选择";disabled=false;size="default";clearable=false;multiple=false;filterable=false;filterMethod;defaultFirstOption=false;allowCreate=false;collapseTags=false;maxCollapseTags;isOpen=false;inputValue="";searchValue="";filteredOptions=[];activeOptionIndex=-1;hbChange;hbVisibleChange;clickOutside=s({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false;this.hbVisibleChange.emit(false)}});componentDidLoad(){this.clickOutside=s({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false;this.hbVisibleChange.emit(false)}});this.clickOutside.connect();this.updateInputValue();if(this.filterable){this.filteredOptions=this.options}}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}handleOptionsChange(){if(this.filterable){this.filteredOptions=this.options}}updateInputValue(){if(!this.modelValue){this.inputValue="";return}if(this.multiple&&Array.isArray(this.modelValue)){const e=this.modelValue.map((e=>{const t=this.options.find((t=>t.value===e));return t?t.label:String(e)}));this.inputValue=e.join(", ")}else{const e=this.options.find((e=>e.value===this.modelValue));this.inputValue=e?e.label:String(this.modelValue)}}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen;if(this.isOpen)this.activeOptionIndex=-1;this.hbVisibleChange.emit(this.isOpen)};handleWrapperKeydown=e=>{if(this.disabled)return;const t=this.filterable?this.filteredOptions:this.options;if(!this.isOpen){if(e.key==="Enter"||e.key===" "||e.key==="Spacebar"||e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();this.isOpen=true;this.activeOptionIndex=-1;this.hbVisibleChange.emit(true)}return}const i=r(e,{activeIndex:this.activeOptionIndex,itemCount:t.length,loop:true});switch(i.type){case"navigate":e.preventDefault();this.activeOptionIndex=i.index;break;case"select":{e.preventDefault();const o=t[i.index];if(o&&!o.disabled)this.handleSelect(o);break}case"close":e.preventDefault();this.isOpen=false;this.hbVisibleChange.emit(false);break}};handleSelect=e=>{if(e.disabled)return;if(this.multiple){const t=this.modelValue||[];const i=t.indexOf(e.value);if(i>-1){t.splice(i,1)}else{t.push(e.value)}this.modelValue=[...t]}else{this.modelValue=e.value;this.isOpen=false;this.hbVisibleChange.emit(false)}this.updateInputValue();this.hbChange.emit(this.modelValue)};handleClear=e=>{e.stopPropagation();this.modelValue=this.multiple?[]:undefined;this.inputValue="";this.isOpen=false;this.hbChange.emit(this.modelValue);this.hbVisibleChange.emit(false)};handleSearch=e=>{const t=e.target;this.searchValue=t.value;if(this.filterMethod){this.filterMethod(t.value)}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(t.value.toLowerCase())))}};isSelected(e){if(this.multiple&&Array.isArray(this.modelValue)){return this.modelValue.includes(e.value)}return this.modelValue===e.value}render(){const e=this.filterable?this.filteredOptions:this.options;const t=this.clearable&&this.modelValue!==undefined&&(this.multiple?this.modelValue.length>0:true);return o("div",{key:"74d4a02c34f152b6795a11a54a276a2325e28fc8",class:{"hb-select":true,"hb-select--open":this.isOpen,"hb-select--disabled":this.disabled,[`hb-select--${this.size}`]:true},"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false"},o("div",{key:"acc60d9dd0cafa2264fae4bb2e468f9921eaf210",class:"hb-select__input-wrapper",onClick:this.handleInputClick,onKeyDown:this.handleWrapperKeydown},this.multiple&&Array.isArray(this.modelValue)&&this.modelValue.length>0?o("div",{class:"hb-select__tags"},this.modelValue.slice(0,this.collapseTags&&this.maxCollapseTags?this.maxCollapseTags:undefined).map((e=>{const t=this.options.find((t=>t.value===e));return o("span",{class:"hb-select__tag"},o("span",{class:"hb-select__tag-text"},t?t.label:e),o("span",{class:"hb-select__tag-close",role:"button","aria-label":"移除标签",onClick:i=>{i.stopPropagation();this.handleSelect(t||{value:e,label:String(e)})}},"×"))})),this.collapseTags&&this.maxCollapseTags&&this.modelValue.length>this.maxCollapseTags&&o("span",{class:"hb-select__tag"},o("span",{class:"hb-select__tag-text"},"+",this.modelValue.length-this.maxCollapseTags))):o("input",{type:"text",class:"hb-select__input",placeholder:this.placeholder,value:this.filterable&&this.isOpen?this.searchValue:this.inputValue,disabled:this.disabled,readonly:!this.filterable||!this.isOpen,onInput:this.handleSearch,"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false",role:"combobox"}),o("span",{key:"af18dc75d5ae183d953ff4c1ae9a1c437f5cb4f9",class:"hb-select__suffix"},t&&o("span",{key:"23d6891fa82878f78de89dea464c1a1787be6695",class:"hb-select__clear",role:"button","aria-label":"清空",onClick:this.handleClear},"×"),o("span",{key:"45bef57ec15707fe4f9c9b5fa4699eb8082b27d4",class:"hb-select__arrow"},"▼"))),this.isOpen&&o("div",{key:"a359fae561a9a25f85a72437f88f6ab11abcd90a",class:"hb-select__dropdown"},o("ul",{key:"f599eb59c8ff2f7e3effe395253a11c7934b41b8",class:"hb-select__menu",role:"listbox"},e.length===0?o("li",{class:"hb-select__menu-item hb-select__menu-item--empty","aria-disabled":"true"},"无数据"):e.map(((e,t)=>o("li",{class:{"hb-select__menu-item":true,"hb-select__menu-item--selected":this.isSelected(e),"hb-select__menu-item--disabled":e.disabled,"hb-select__menu-item--divided":e.divided,"hb-select__menu-item--active":t===this.activeOptionIndex},role:"option","aria-selected":this.isSelected(e)?"true":"false","aria-disabled":e.disabled?"true":undefined,onClick:()=>this.handleSelect(e)},this.multiple&&o("span",{class:"hb-select__menu-item-checkbox"},this.isSelected(e)?"✓":""),o("span",{class:"hb-select__menu-item-label"},e.label)))))))}static get watchers(){return{modelValue:["handleValueChange"],options:["handleOptionsChange"]}}};n.style=l;export{n as hb_select};
-//# sourceMappingURL=p-58d20809.entry.js.map