npm - huibo-ui - Versions diffs - 0.3.0 → 0.4.0 - Mend

huibo-ui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (668) hide show

package/dist/components/hb-cascader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hb-cascader.js","mappings":"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","names":[],"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"],"version":3}
1	+ {"file":"hb-cascader.js","mappings":"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","names":[],"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 width: 14px;\n height: 14px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--hb-cascader-placeholder-color);\n transition: color 0.2s;\n}\n\n.hb-cascader__clear svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader__clear:hover {\n color: var(--hb-cascader-text-color);\n}\n\n.hb-cascader__arrow {\n display: inline-flex;\n align-items: center;\n width: 12px;\n height: 12px;\n color: var(--hb-cascader-placeholder-color);\n transition: transform 0.3s;\n}\n\n.hb-cascader__arrow svg {\n width: 100%;\n height: 100%;\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-list {\n margin: 0;\n padding: 0;\n list-style: none;\n min-width: 180px;\n max-height: 300px;\n overflow-y: auto;\n}\n\n/* 多列时，除最后一列外右侧加分隔线（对齐 antd 多面板视觉） /\n.hb-cascader__menus .hb-cascader__menu-list:not(:last-child) {\n border-right: 1px solid var(--hb-border-color-secondary, var(--hb-cascader-border-color));\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 width: 12px;\n height: 12px;\n display: inline-flex;\n align-items: center;\n color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__menu-item-arrow svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader__menu-item-loading {\n margin-left: 8px;\n width: 12px;\n height: 12px;\n display: inline-flex;\n align-items: center;\n color: var(--hb-color-primary, #1677ff);\n}\n\n.hb-cascader__menu-item-loading-svg {\n width: 100%;\n height: 100%;\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 {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\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/ ---- 多选（multiple）：tag 输入框 ---- /\n.hb-cascader--multiple .hb-cascader__input-wrapper {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n min-height: 32px;\n padding: 3px 30px 3px 4px;\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n background-color: var(--hb-cascader-bg-color);\n box-sizing: border-box;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-cascader--multiple .hb-cascader__input-wrapper:hover {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader--multiple .hb-cascader__input {\n flex: 1;\n min-width: 40px;\n width: auto;\n height: 24px;\n line-height: 24px;\n padding: 0 4px;\n border: none;\n background-color: transparent;\n}\n\n.hb-cascader__tag {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n height: 22px;\n padding: 0 6px;\n margin: 2px;\n font-size: var(--hb-cascader-font-size-small);\n color: var(--hb-color-text-primary, #303133);\n background-color: var(--hb-fill-color, #f0f2f5);\n border-radius: 3px;\n}\n\n.hb-cascader__tag-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.hb-cascader__tag-close {\n margin-left: 4px;\n width: 12px;\n height: 12px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n color: var(--hb-cascader-placeholder-color);\n cursor: pointer;\n transition: color 0.2s;\n}\n\n.hb-cascader__tag-close svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader__tag-close:hover {\n color: var(--hb-color-text-primary, #606266);\n}\n\n.hb-cascader__tag-overflow {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 6px;\n margin: 2px;\n font-size: var(--hb-cascader-font-size-small);\n color: var(--hb-cascader-text-color);\n}\n\n/ ---- 多选：菜单项 checkbox（三态，纯 CSS）---- /\n.hb-cascader__menu-item-checkbox {\n width: 14px;\n height: 14px;\n margin-right: 8px;\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 2px;\n background-color: var(--hb-cascader-bg-color);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition:\n background-color 0.2s,\n border-color 0.2s;\n}\n\n.hb-cascader__menu-item-checkbox--checked,\n.hb-cascader__menu-item-checkbox--indeterminate {\n background-color: var(--hb-color-primary);\n border-color: var(--hb-color-primary);\n}\n\n.hb-cascader__menu-item-checkbox--checked::after {\n content: '';\n width: 4px;\n height: 8px;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) translate(-1px, -1px);\n}\n\n.hb-cascader__menu-item-checkbox--indeterminate::after {\n content: '';\n width: 8px;\n height: 2px;\n background-color: #fff;\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\nexport type ValuePath = (string \| number)[];\n\n/\n Cascader 级联选择器组件\n * 当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。\n * 支持单选 / 多选（multiple）、可选任意层级（checkStrictly）、搜索（filterable）、动态加载（lazy）。\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 选中项绑定值。单选为一维路径数组（如 ['zhejiang','hangzhou']），\n * 多选（multiple）为二维数组（如 [['zhejiang','ningbo'], ['jiangsu']]）。\n /\n @Prop({ mutable: true }) modelValue?: ValuePath \| ValuePath[];\n\n /* 可选项数据源 /\n @Prop() options: CascaderOption[] = [];\n\n /* 输入框占位文本 /\n @Prop() placeholder: string = '请选择';\n\n /* 是否禁用 /\n @Prop() disabled: boolean = false;\n\n /* 输入框尺寸 /\n @Prop() size: 'large' \| 'default' \| 'small' = 'default';\n\n /* 是否可清空 /\n @Prop() clearable: boolean = false;\n\n /* 是否显示完整路径（单选输入框 / 多选 tag 文本） /\n @Prop() showAllLevels: boolean = true;\n\n /* 输入框原生属性 /\n @Prop() name?: string;\n\n /* 输入框原生属性 /\n @Prop() inputId?: string;\n\n /* 路径分隔符 /\n @Prop() separator: string = ' / ';\n\n /* modelValue 是否输出完整路径（保留 AntD 兼容位） /\n @Prop() emitPath: boolean = true;\n\n /\n 是否可搜索（filterable）。下拉顶部渲染搜索框，输入时按 label 扁平化过滤，\n * 匹配项以完整路径展示，点击即选中（单选）或 toggle 勾选（多选）。\n /\n @Prop() filterable: boolean = false;\n\n /\n 是否开启动态加载（lazy）。展开 children=undefined 的节点时调用 load(node) 填充子级。\n /\n @Prop() lazy: boolean = false;\n\n /* 动态加载函数（仅 lazy=true 生效） /\n @Prop() load?: (node: CascaderOption) => Promise<CascaderOption[]>;\n\n /\n 是否开启多选。开启后 modelValue 为二维数组，每条为一个选中路径；\n * 菜单项前渲染 checkbox，输入框以 tag 列表展示选中项。\n /\n @Prop() multiple: boolean = false;\n\n /\n 是否严格的选中行为（父子不关联）。\n * 单选：点击任意层级（含非叶子）即选中该路径；\n * 多选：勾选独立，不向下联动选中叶子、取消也不联动。\n /\n @Prop() checkStrictly: boolean = false;\n\n /\n 多选时输入框最多展示的 tag 数量，超出折叠为 +N（可选）。\n /\n @Prop() maxTagCount?: number;\n\n @State() isOpen: boolean = false;\n @State() inputValue: string = '';\n @State() searchValue: string = '';\n /* 正在动态加载子级的节点 value 集合 /\n @State() loadingKeys: Set<string \| number> = new Set();\n /* 扁平化搜索结果：每项为根到匹配节点的完整路径 /\n @State() filteredPaths: CascaderOption[][] = [];\n @State() activePath: ValuePath = [];\n\n /* 值改变事件：单选 emit 一维路径或 undefined；多选 emit 二维数组（可能为 []） /\n @Event() hbChange: EventEmitter<ValuePath \| ValuePath[] \| undefined>;\n\n /* 展开节点变化时触发 /\n @Event() hbExpandChange: EventEmitter<ValuePath>;\n\n private clickOutside = createClickOutsideHandler({\n host: null as any,\n isOpen: () => this.isOpen,\n onClose: () => {\n this.closeAndClearSearch();\n },\n });\n\n componentDidLoad() {\n this.clickOutside = createClickOutsideHandler({\n host: this.el,\n isOpen: () => this.isOpen,\n onClose: () => {\n this.closeAndClearSearch();\n },\n });\n this.clickOutside.connect();\n this.updateInputValue();\n }\n\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.multiple) {\n this.inputValue = '';\n return;\n }\n if (!this.modelValue \|\| (this.modelValue as ValuePath).length === 0) {\n this.inputValue = '';\n return;\n }\n const mv = this.modelValue as ValuePath;\n if (!this.showAllLevels) {\n const lastValue = mv[mv.length - 1];\n const option = this.findOptionByValue(this.options, lastValue);\n this.inputValue = option ? option.label : '';\n return;\n }\n const labels: string[] = [];\n let currentOptions = this.options;\n for (const value of mv) {\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 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) return option;\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 // ===== 多选（multiple）核心算法 =====\n\n /* 取多选 modelValue 为二维数组（非多选模式或形状不符时返回 []） /\n private getMultiModel(): ValuePath[] {\n if (!this.multiple) return [];\n const mv = this.modelValue as ValuePath[] \| undefined;\n if (Array.isArray(mv) && mv.length > 0 && Array.isArray(mv[0])) return mv;\n return [];\n }\n\n /* 两条 value 路径是否完全相等 /\n private pathEquals(a: ValuePath \| undefined, b: ValuePath): boolean {\n if (!a \|\| a.length !== b.length) return false;\n return a.every((v, i) => v === b[i]);\n }\n\n /* 收集某节点子树下的全部叶子 value 路径（用于父子联动计算） /\n private collectLeafValuePaths(option: CascaderOption, basePath: ValuePath): ValuePath[] {\n const currentPath = [...basePath, option.value];\n const hasChildren = option.children && option.children.length > 0;\n if (!hasChildren \|\| option.leaf) return [currentPath];\n const result: ValuePath[] = [];\n for (const child of option.children!) {\n result.push(...this.collectLeafValuePaths(child, currentPath));\n }\n return result;\n }\n\n /\n 多选模式下某节点的勾选三态。\n * checkStrictly：该节点路径是否在 modelValue（checked / unchecked）。\n * 默认：按叶子计算 —— 全部叶子入选=checked，部分=indeterminate，无=unchecked。\n /\n private getCheckState(option: CascaderOption, path: ValuePath): 'checked' \| 'indeterminate' \| 'unchecked' {\n const valuePath = [...path, option.value];\n const model = this.getMultiModel();\n if (this.checkStrictly) {\n return model.some(p => this.pathEquals(p, valuePath)) ? 'checked' : 'unchecked';\n }\n const leafPaths = this.collectLeafValuePaths(option, path);\n if (leafPaths.every(lp => model.some(p => this.pathEquals(p, lp)))) return 'checked';\n if (leafPaths.some(lp => model.some(p => this.pathEquals(p, lp)))) return 'indeterminate';\n return 'unchecked';\n }\n\n /* 多选：toggle 某节点勾选（按 checkStrictly 决定是否联动叶子） /\n private handleCheck(option: CascaderOption, path: ValuePath) {\n let model = this.getMultiModel().map(p => [...p]);\n const valuePath = [...path, option.value];\n if (this.checkStrictly) {\n const idx = model.findIndex(p => this.pathEquals(p, valuePath));\n if (idx >= 0) model.splice(idx, 1);\n else model.push(valuePath);\n } else {\n const leafPaths = this.collectLeafValuePaths(option, path);\n const allIn = leafPaths.every(lp => model.some(p => this.pathEquals(p, lp)));\n if (allIn) {\n model = model.filter(p => !leafPaths.some(lp => this.pathEquals(lp, p)));\n } else {\n for (const lp of leafPaths) {\n if (!model.some(p => this.pathEquals(p, lp))) model.push([...lp]);\n }\n }\n }\n this.modelValue = model;\n this.hbChange.emit(model);\n }\n\n /* 多选输入框 tag 数据：每条选中路径 → 展示文本 + 路径 /\n private getDisplayTags(): { label: string; path: ValuePath }[] {\n return this.getMultiModel().map(path => {\n const labels = path.map(v => {\n const opt = this.findOptionByValue(this.options, v);\n return opt ? opt.label : String(v);\n });\n const label = this.showAllLevels ? labels.join(this.separator) : labels[labels.length - 1];\n return { label, path };\n });\n }\n\n /* 多选：删除单个 tag（移除对应路径） /\n private handleTagRemove = (path: ValuePath, e: Event) => {\n e.stopPropagation();\n const model = this.getMultiModel().filter(p => !this.pathEquals(p, path));\n this.modelValue = model;\n this.hbChange.emit(model);\n };\n\n private hasValue(): boolean {\n return this.multiple ? this.getMultiModel().length > 0 : !!this.modelValue && (this.modelValue as ValuePath).length > 0;\n }\n\n // ===== 交互 =====\n\n private handleInputClick = () => {\n if (this.disabled) return;\n if (this.isOpen) {\n this.closeAndClearSearch();\n } else {\n this.isOpen = true;\n }\n };\n\n /\n 键盘交互（对齐 antd / WAI-ARIA combobox）：\n * Enter/Space/ArrowDown 在关闭时打开；Escape 关闭；ArrowRight/ArrowLeft 跨级导航。\n /\n private handleKeyDown = (e: KeyboardEvent) => {\n if (this.disabled) return;\n const key = e.key;\n if (!this.isOpen) {\n if (key === 'Enter' \|\| key === ' ' \|\| key === 'ArrowDown') {\n e.preventDefault();\n this.isOpen = true;\n }\n return;\n }\n if (key === 'Escape') {\n e.preventDefault();\n this.closeAndClearSearch();\n } else if (key === 'Enter' && this.activePath.length > 0 && !this.multiple) {\n // 选中当前路径末端叶子（若已是叶子）\n e.preventDefault();\n const lastValue = this.activePath[this.activePath.length - 1];\n const parentPath = this.activePath.slice(0, -1);\n this.handleSelect(lastValue, parentPath);\n }\n };\n\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 private collectFilteredPaths(keyword: string): CascaderOption[][] {\n const trimmed = keyword.trim().toLowerCase();\n if (!trimmed) return [];\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)) results.push(currentPath);\n if (opt.children && opt.children.length > 0) walk(opt.children, currentPath);\n }\n };\n walk(this.options, []);\n return results;\n }\n\n /* 搜索结果点击：单选选中（叶子或 checkStrictly 任意层），多选 toggle 该路径 /\n private handleSearchSelect = (path: CascaderOption[]) => {\n const valuePath = path.map(opt => opt.value);\n if (this.multiple) {\n let model = this.getMultiModel().map(p => [...p]);\n const idx = model.findIndex(p => this.pathEquals(p, valuePath));\n if (idx >= 0) model.splice(idx, 1);\n else model.push(valuePath);\n this.modelValue = model;\n this.hbChange.emit(model);\n this.searchValue = '';\n this.filteredPaths = [];\n return;\n }\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 \|\| this.checkStrictly) {\n this.modelValue = valuePath;\n this.updateInputValue();\n this.hbChange.emit(valuePath);\n this.isOpen = false;\n this.activePath = [];\n } else {\n this.activePath = valuePath;\n this.hbExpandChange.emit(valuePath);\n }\n };\n\n private handleClear = (e: Event) => {\n e.stopPropagation();\n if (this.multiple) {\n this.modelValue = [];\n this.hbChange.emit([]);\n } else {\n this.modelValue = undefined;\n this.inputValue = '';\n this.hbChange.emit(undefined);\n }\n this.isOpen = false;\n };\n\n /* 菜单项点击（label 区）：多选→叶子 toggle/非叶子展开；单选→handleSelect /\n private handleItemClick = (option: CascaderOption, path: ValuePath) => {\n if (this.multiple) {\n const isLeaf = !option.children \|\| option.children.length === 0 \|\| option.leaf;\n if (isLeaf) {\n this.handleCheck(option, path);\n } else {\n const newPath = [...path, option.value];\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n }\n return;\n }\n this.handleSelect(option.value, path);\n };\n\n /* 单选：选中（叶子或 checkStrictly 任意层）或展开 / lazy 加载 */\n private handleSelect(value: string \| number, path: ValuePath) {\n const newPath = [...path, value];\n let currentOptions = this.options;\n let selectedOption: CascaderOption \| null = null;\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 未加载 → 触发加载\n if (this.lazy && this.load && selectedOption && selectedOption.children === undefined && !selectedOption.leaf) {\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n void this.loadChildren(selectedOption, newPath);\n return;\n }\n\n const isLeaf = !selectedOption \|\| !selectedOption.children \|\| selectedOption.children.length === 0 \|\| selectedOption.leaf;\n\n // checkStrictly 或叶子 → 选中并关闭\n if (this.checkStrictly \|\| isLeaf) {\n this.modelValue = newPath;\n this.updateInputValue();\n this.hbChange.emit(newPath);\n this.isOpen = false;\n this.activePath = [];\n } else {\n // 非叶子 → 展开\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n }\n }\n\n private async loadChildren(node: CascaderOption, path: ValuePath) {\n if (!this.load) return;\n this.loadingKeys = new Set([...this.loadingKeys, node.value]);\n try {\n const children = await this.load(node);\n this.options = this.replaceOptionChildren(this.options, node.value, children);\n } catch (err) {\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 void path;\n void node;\n }\n\n private replaceOptionChildren(options: CascaderOption[], targetValue: string \| number, newChildren: CascaderOption[]): CascaderOption[] {\n return options.map(opt => {\n if (opt.value === targetValue) return { ...opt, children: newChildren };\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\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--multiple': this.multiple,\n [`hb-cascader--${this.size}`]: true,\n }}\n >\n <div class=\"hb-cascader__input-wrapper\" onClick={this.handleInputClick}>\n {this.multiple &&\n this.getDisplayTags()\n .slice(0, this.maxTagCount === undefined ? undefined : this.maxTagCount)\n .map(tag => (\n <span class=\"hb-cascader__tag\">\n <span class=\"hb-cascader__tag-label\">{tag.label}</span>\n {!this.disabled && (\n <span\n class=\"hb-cascader__tag-close\"\n role=\"button\"\n aria-label=\"删除\"\n tabindex={0}\n onClick={e => this.handleTagRemove(tag.path, e)}\n onKeyDown={e => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n this.handleTagRemove(tag.path, e);\n }\n }}\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n </span>\n )}\n </span>\n ))}\n {this.multiple && this.maxTagCount !== undefined && this.getDisplayTags().length > this.maxTagCount && (\n <span class=\"hb-cascader__tag-overflow\">+{this.getDisplayTags().length - this.maxTagCount}</span>\n )}\n <input\n type=\"text\"\n id={this.inputId}\n name={this.name}\n class=\"hb-cascader__input\"\n placeholder={this.hasValue() ? '' : this.placeholder}\n value={this.multiple ? '' : this.inputValue}\n disabled={this.disabled}\n readonly\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={this.isOpen ? 'true' : 'false'}\n onKeyDown={this.handleKeyDown}\n />\n <span class=\"hb-cascader__suffix\">\n {this.clearable && this.hasValue() && (\n <span\n class=\"hb-cascader__clear\"\n role=\"button\"\n aria-label=\"清空\"\n tabindex={0}\n onClick={this.handleClear}\n onKeyDown={e => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n this.handleClear(e);\n }\n }}\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n </span>\n )}\n <span class=\"hb-cascader__arrow\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 9l6 6 6-6\" />\n </svg>\n </span>\n </span>\n </div>\n {this.isOpen && (\n <div class=\"hb-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={this.multiple ? 'true' : '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: ValuePath = [];\n\n menus.push(this.renderMenu(currentOptions, currentPath));\n\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 if (!option) break;\n\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 return menus;\n }\n\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 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 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 const selected = this.multiple\n ? this.getMultiModel().some(p => this.pathEquals(p, valuePath))\n : !!this.modelValue && this.pathEquals(this.modelValue as ValuePath, valuePath);\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 {this.multiple && (\n <span class=\"hb-cascader__menu-item-checkbox\" data-state={selected ? 'checked' : 'unchecked'} role=\"checkbox\" aria-checked={selected ? 'true' : 'false'} />\n )}\n {labelPath}\n </div>\n );\n })}\n </div>\n );\n }\n\n private renderMenu(options: CascaderOption[], path: ValuePath) {\n if (!options \|\| options.length === 0) return null;\n return (\n <ul class=\"hb-cascader__menu-list\" role=\"group\">\n {options.map(option => {\n const checkState = this.getCheckState(option, path);\n // 单选高亮：路径在当前 modelValue 上\n const isSelected =\n !this.multiple &&\n path.length > 0 &&\n !!this.modelValue &&\n path.every((val, idx) => (this.modelValue as ValuePath)[idx] === val) &&\n (this.modelValue as ValuePath).length === path.length + 1 &&\n (this.modelValue as ValuePath)[path.length] === option.value;\n const showArrow = this.loadingKeys.has(option.value)\n ? false\n : (option.children && option.children.length > 0) \|\| (this.lazy && option.children === undefined && !option.leaf);\n\n return (\n <li\n class={{\n 'hb-cascader__menu-item': true,\n 'hb-cascader__menu-item--selected': isSelected,\n 'hb-cascader__menu-item--disabled': option.disabled,\n }}\n role=\"option\"\n aria-selected={isSelected ? 'true' : 'false'}\n aria-disabled={option.disabled ? 'true' : undefined}\n onClick={() => !option.disabled && this.handleItemClick(option, path)}\n >\n {this.multiple && (\n <span\n class={{\n 'hb-cascader__menu-item-checkbox': true,\n 'hb-cascader__menu-item-checkbox--checked': checkState === 'checked',\n 'hb-cascader__menu-item-checkbox--indeterminate': checkState === 'indeterminate',\n }}\n data-state={checkState}\n role=\"checkbox\"\n aria-checked={checkState === 'indeterminate' ? 'mixed' : checkState === 'checked' ? 'true' : 'false'}\n onClick={e => {\n e.stopPropagation();\n if (!option.disabled) this.handleCheck(option, path);\n }}\n />\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\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"hb-cascader__menu-item-loading-svg\">\n <path d=\"M12 5V2L8 6l4 4V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7z\" />\n </svg>\n </span>\n ) : showArrow ? (\n <span class=\"hb-cascader__menu-item-arrow\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M9 6l6 6-6 6\" />\n </svg>\n </span>\n ) : null}\n </li>\n );\n })}\n </ul>\n );\n }\n}\n"],"version":3}

package/dist/components/hb-checkbox-group.js CHANGED Viewed

@@ -97,9 +97,9 @@ const CheckboxGroup = /*@__PURE__*/ proxyCustomElement(class CheckboxGroup exten
         this.hbChange.emit(newValue);
     };
     render() {
-        return (h("div", { key: 'bec6679f9d71e61ef19f8c57216be635bed70c7b', class: {
+        return (h("div", { key: '04b1a84ce9831a6d18c8309d4c79061d125791be', class: {
                 'hb-checkbox-group': true,
-            } }, h("slot", { key: '5e137ca5381a35e9a63b99dbed7f1897117daf47' })));
+            } }, h("slot", { key: 'cda444c6794cdb873a34aaa4e32c0d2307ee9be6' })));
     }
     static get watchers() { return {
         "modelValue": ["handleValueChange"],

package/dist/components/hb-checkbox.js CHANGED Viewed

@@ -104,16 +104,16 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
     };
     render() {
         const inputId = this.checkboxId || `hb-checkbox-${Math.random().toString(36).substr(2, 9)}`;
-        return (h("label", { key: '4a8a921d4acee922e78022b7a2d9acbbe4c81ca9', class: {
+        return (h("label", { key: '3454531e94317be24e62b1eb74b18ccc337f4e87', class: {
                 'hb-checkbox': true,
                 'hb-checkbox--checked': this.isChecked,
                 'hb-checkbox--disabled': this.disabled,
                 'hb-checkbox--border': this.border,
                 [`hb-checkbox--${this.size}`]: true,
-            } }, h("span", { key: '53b12cc28cdb425aae8313b82e42c3d6495ba29b', class: "hb-checkbox__input" }, h("input", { key: '91bf4e03b846281ba487dbe66a7e89ecd90cec47', type: "checkbox", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, indeterminate: this.indeterminate, onChange: this.handleChange, class: "hb-checkbox__original" }), h("span", { key: 'f8c2cf109ccd867a11d90202b2ccc9e65a24f209', class: {
+            } }, h("span", { key: '7b889197f591ffe75912ad536946654994e1550b', class: "hb-checkbox__input" }, h("input", { key: '100100c49fd6ab3a3ae82d01b10a762402c6bc7e', type: "checkbox", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, indeterminate: this.indeterminate, onChange: this.handleChange, class: "hb-checkbox__original" }), h("span", { key: 'b9a7072747f298d80763c9fb3b5966c26312a777', class: {
                 'hb-checkbox__inner': true,
                 'hb-checkbox__inner--indeterminate': this.indeterminate,
-            } })), (this.label || this.value !== undefined) && (h("span", { key: '388050b4cc69b3d760ba7d3ae9f115adeb3e47f0', class: "hb-checkbox__label" }, h("slot", { key: '3368be81921aa59e5114bb975e8821aab60ec396' }, this.label || this.value)))));
+            } })), (this.label || this.value !== undefined) && (h("span", { key: '207fa5fe0d219c0c1f693d9d26a46f6bf75526e1', class: "hb-checkbox__label" }, h("slot", { key: '8bb056dd9f287d5224d0f973e006a7566f511e5e' }, this.label || this.value)))));
     }
     static get watchers() { return {
         "modelValue": ["handleValueChange"],

package/dist/components/hb-collapse-item.js CHANGED Viewed

@@ -44,7 +44,7 @@ const CollapseItem = /*@__PURE__*/ proxyCustomElement(class CollapseItem extends
         }
     };
     render() {
-        return (h("div", { key: '37cf0afe29b3a3b6bb538a8dc962804a71c9dce9', class: { 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled } }, h("div", { key: 'be864927a75dc717aab21745f728adbd149fd3b8', class: "hb-collapse-item__header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.toggle, onKeyDown: this.handleHeaderKeydown }, h("span", { key: 'afea7c20f59efc964aeebfb995d0b713ebb28542', class: "hb-collapse-item__title" }, this.title), h("span", { key: '1aa30ec50c6105f8a07a2ac30ea8108d19923eb8', class: { 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen } }, "\u25B6")), h("div", { key: '6e6d66dd8477019c7dc8dbc66fd81646e8c3899a', class: { 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen } }, h("div", { key: '776a67a054ea8fd5b664f2e475843ff2344b41c4', class: "hb-collapse-item__content" }, h("slot", { key: '1fc2c8492891d16fef88b83c2f46207a2508a81e' })))));
+        return (h("div", { key: '98bb39328b3f8286bdc192bafd79fc5745c6e44c', class: { 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled } }, h("div", { key: '777f4d272ac88422ac0035e7f58034535b419ec7', class: "hb-collapse-item__header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.toggle, onKeyDown: this.handleHeaderKeydown }, h("span", { key: 'db1edadb885a81efd8b45d196d05da282a006cc5', class: "hb-collapse-item__title" }, this.title), h("span", { key: '551dd3ecdda882b3bb32c0ee88203e5dfa73239c', class: { 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen } }, "\u25B6")), h("div", { key: '292b47291364947872dc2fa71f470c93ace7fce8', class: { 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen } }, h("div", { key: '051d493b7d5f7f907480aad1c6b0684e83d1bd03', class: "hb-collapse-item__content" }, h("slot", { key: '5f7e1afc4e416d9cf6f88925a7e06ea089572c7c' })))));
     }
     static get watchers() { return {
         "active": ["handleActiveChange"]

package/dist/components/hb-collapse.js CHANGED Viewed

@@ -29,7 +29,7 @@ const Collapse = /*@__PURE__*/ proxyCustomElement(class Collapse extends H {
         }));
     }
     render() {
-        return (h("div", { key: '24dd4feed226f43872d718544b72ca82415645fa', class: { 'hb-collapse': true, 'hb-collapse--accordion': this.accordion } }, h("slot", { key: 'f0f66d8ffb59b9bdebe72a093eea33551a1cd5c9' })));
+        return (h("div", { key: '908cf5e3266479599d1923b0ffe5d70509499f1e', class: { 'hb-collapse': true, 'hb-collapse--accordion': this.accordion } }, h("slot", { key: '162114d7a208a99be9d6e4210dc68196ae3ddde7' })));
     }
     static get style() { return HbCollapseStyle0; }
 }, [1, "hb-collapse", {

package/dist/components/hb-color-picker-panel.js CHANGED Viewed

@@ -65,10 +65,10 @@ const ColorPickerPanel = /*@__PURE__*/ proxyCustomElement(class ColorPickerPanel
             '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1',
             '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080',
         ];
-        return (h("div", { key: '7f5215f6908b85c016b9fc68423d63736adc64ac', class: "hb-color-picker-panel" }, h("div", { key: '6e918eb9cfd1932f6b01bd1b4e34eab37f12d486', class: "hb-color-picker-panel__saturation" }, h("div", { key: '72b61931cb7d87060868328de1675998ebd59ec1', class: "hb-color-picker-panel__saturation-white" }), h("div", { key: 'a4e3f1c4ab9217793e710cf940ec15539eaa2f9d', class: "hb-color-picker-panel__saturation-black" }), h("div", { key: '68f53e538a84d86c6093a56a1cbc566e08a2e43e', class: "hb-color-picker-panel__saturation-pointer", style: {
+        return (h("div", { key: 'bf226e5918769e715aaf121e03316a9ba7165174', class: "hb-color-picker-panel" }, h("div", { key: 'e1940500a929515478b5a47540aabc716c81ff27', class: "hb-color-picker-panel__saturation" }, h("div", { key: 'cbb6de28453a7b72a2be56258af413814621bd04', class: "hb-color-picker-panel__saturation-white" }), h("div", { key: 'd982e1f04dc0566448bab44354bb47f9ed06e549', class: "hb-color-picker-panel__saturation-black" }), h("div", { key: 'd51391dd12c2383f01f0c80f677bbd30ffdf7540', class: "hb-color-picker-panel__saturation-pointer", style: {
                 left: rgb ? `${(rgb.r / 255) * 100}%` : '50%',
                 top: rgb ? `${(1 - rgb.g / 255) * 100}%` : '50%',
-            } })), h("div", { key: '990b800e049ea8c5fd421a011486df34754584df', class: "hb-color-picker-panel__controls" }, h("div", { key: 'f2ae82fe0034874c623c259efdaeb4f4101c9b4b', class: "hb-color-picker-panel__hue" }, h("div", { key: '85a4d5b390e52856addafe49f9a467ab9554d895', class: "hb-color-picker-panel__hue-bar" })), this.showAlpha && (h("div", { key: 'c4d984971839bed5d5af92d9a15942f30f44073e', class: "hb-color-picker-panel__alpha" }, h("div", { key: 'b61fd80f873c2c62561f4d814a397e5a8eed2cb6', class: "hb-color-picker-panel__alpha-bar", style: { backgroundColor: this.currentColor } })))), h("div", { key: '64b5d37078471a314c26ef3e3e64c54887310cc1', class: "hb-color-picker-panel__input" }, h("input", { key: '2769607efa327d7b3c9c5e3fda4842a553c30cd2', type: "text", class: "hb-color-picker-panel__input-hex", value: this.currentColor, onInput: this.handleInputChange }), rgb && (h("div", { key: '4d3bf72b243b12f5f39d9c3f9800877a6d1eae9c', class: "hb-color-picker-panel__input-rgb" }, h("input", { key: 'd71850226823825cdc9eacc3cf8ff8a9b4d2c001', type: "number", min: "0", max: "255", value: rgb.r }), h("input", { key: 'ac86df2ab2e50574ddfb4938a85154e58969170e', type: "number", min: "0", max: "255", value: rgb.g }), h("input", { key: '457450f4ccdfe741dc28077a7160c504608cc23c', type: "number", min: "0", max: "255", value: rgb.b })))), this.predefine && this.predefine.length > 0 && (h("div", { key: 'b6ed00f9d32b953c4985a2336ee7901b61c64931', class: "hb-color-picker-panel__predefine" }, predefinedColors.map((color) => (h("div", { class: {
+            } })), h("div", { key: '3a962859eeeddabbe34ffd3459b6fead2bb93e20', class: "hb-color-picker-panel__controls" }, h("div", { key: '2d64a8c40a17a1a1e827b2ee3ebac717cfa10286', class: "hb-color-picker-panel__hue" }, h("div", { key: '30ab4768f4f6fd027d169480d44fc14089ed1452', class: "hb-color-picker-panel__hue-bar" })), this.showAlpha && (h("div", { key: '09984d0734eb3446962b4deb5ef617358a6d2c2f', class: "hb-color-picker-panel__alpha" }, h("div", { key: '1e2e49e7e6532a62ae1a539b4787adbde9a484da', class: "hb-color-picker-panel__alpha-bar", style: { backgroundColor: this.currentColor } })))), h("div", { key: '8a34f379cbd1032ec9ae024b1b1168a5b1ae0af1', class: "hb-color-picker-panel__input" }, h("input", { key: '181d1f41a560fc7f49a0e334c749bb539476549c', type: "text", class: "hb-color-picker-panel__input-hex", value: this.currentColor, onInput: this.handleInputChange }), rgb && (h("div", { key: '1580bf0e898561e1c9f93da1e6f121cecc452824', class: "hb-color-picker-panel__input-rgb" }, h("input", { key: 'ba0970b200000c7ccf744883caaf4fa3d33dad61', type: "number", min: "0", max: "255", value: rgb.r }), h("input", { key: '6b35330cce8d4b2a7f040c113b1c9e9bd243e1b6', type: "number", min: "0", max: "255", value: rgb.g }), h("input", { key: '723c29edbf58a838b7bedaee6758ae38cd948e13', type: "number", min: "0", max: "255", value: rgb.b })))), this.predefine && this.predefine.length > 0 && (h("div", { key: 'c5c89935fc736fde14d946139c31404a1b978be5', class: "hb-color-picker-panel__predefine" }, predefinedColors.map((color) => (h("div", { class: {
                 'hb-color-picker-panel__predefine-color': true,
                 'hb-color-picker-panel__predefine-color--selected': color === this.currentColor,
             }, style: { backgroundColor: color }, onClick: () => this.handleColorSelect(color) })))))));

package/dist/components/hb-color-picker.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
-const colorPickerCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block;position:relative}.hb-color-picker{display:inline-block}.hb-color-picker__trigger{align-items:center;border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;cursor:pointer;display:inline-flex;padding:4px;transition:border-color .2s}.hb-color-picker__trigger:hover:not(.hb-color-picker--disabled){border-color:var(--hb-color-primary)}.hb-color-picker__color{border:1px solid var(--hb-border-color-lighter,#e4e7ed);border-radius:2px;height:20px;width:40px}.hb-color-picker__text{color:var(--hb-color-text-regular,#606266);font-size:14px;margin-left:8px}.hb-color-picker__dropdown{background-color:var(--hb-color-white,#fff);border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:300px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-color-picker__saturation{border-radius:4px;cursor:crosshair;height:180px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.hb-color-picker__saturation-bg{inset:0;position:absolute}.hb-color-picker__saturation-white{background:linear-gradient(90deg,#fff,#fff0);inset:0;position:absolute}.hb-color-picker__saturation-black{background:linear-gradient(#0000,#000);inset:0;position:absolute}.hb-color-picker__saturation-pointer{border:2px solid var(--hb-color-white,#fff);border-radius:50%;box-shadow:0 0 2px #0000004d;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.hb-color-picker__controls{margin-top:12px}.hb-color-picker__alpha,.hb-color-picker__hue{border-radius:2px;cursor:pointer;height:12px;margin-bottom:8px;position:relative}.hb-color-picker__hue{position:relative}.hb-color-picker__hue-bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:2px;height:100%}.hb-color-picker__hue-pointer{background:#fff;border:1px solid #0000004d;border-radius:2px;box-shadow:0 0 2px #0000004d;height:100%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:4px}.hb-color-picker__alpha-bar{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:2px;height:100%}.hb-color-picker__input{margin-top:12px}.hb-color-picker__input-hex{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;font-size:13px;margin-bottom:8px;padding:6px 8px;width:100%}.hb-color-picker__input-rgb{display:flex;gap:8px}.hb-color-picker__input-rgb input{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;flex:1;font-size:13px;padding:6px 8px}.hb-color-picker__predefine{border-top:1px solid var(--hb-border-color-lighter,#e4e7ed);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.hb-color-picker__predefine-color{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:transform .2s;width:24px}.hb-color-picker__predefine-color:hover{transform:scale(1.1)}.hb-color-picker__predefine-color--selected{border-color:var(--hb-color-primary);transform:scale(1.1)}.hb-color-picker--disabled{cursor:not-allowed;opacity:.6}.hb-color-picker--disabled .hb-color-picker__trigger{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 colorPickerCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block;position:relative}.hb-color-picker{display:inline-block}.hb-color-picker__trigger{align-items:center;border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;cursor:pointer;display:inline-flex;padding:4px;transition:border-color .2s}.hb-color-picker__trigger:hover:not(.hb-color-picker--disabled){border-color:var(--hb-color-primary)}.hb-color-picker__color{border:1px solid var(--hb-border-color-lighter,#e4e7ed);border-radius:2px;height:20px;width:40px}.hb-color-picker__text{color:var(--hb-color-text-regular,#606266);font-size:14px;margin-left:8px}.hb-color-picker__dropdown{background-color:var(--hb-color-white,#fff);border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:300px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-color-picker__saturation{border-radius:4px;cursor:crosshair;height:180px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.hb-color-picker__saturation-bg{inset:0;position:absolute}.hb-color-picker__saturation-white{background:linear-gradient(90deg,#fff,#fff0);inset:0;position:absolute}.hb-color-picker__saturation-black{background:linear-gradient(#0000,#000);inset:0;position:absolute}.hb-color-picker__saturation-pointer{border:2px solid var(--hb-color-white,#fff);border-radius:50%;box-shadow:0 0 2px #0000004d;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.hb-color-picker__controls{margin-top:12px}.hb-color-picker__alpha,.hb-color-picker__hue{border-radius:2px;cursor:pointer;height:12px;margin-bottom:8px;position:relative}.hb-color-picker__hue{position:relative}.hb-color-picker__hue-bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:2px;height:100%}.hb-color-picker__hue-pointer{background:#fff;border:1px solid #0000004d;border-radius:2px;box-shadow:0 0 2px #0000004d;height:100%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:4px}.hb-color-picker__alpha-bar{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:2px;height:100%}.hb-color-picker__alpha-pointer{background:#fff;border:1px solid #0000004d;border-radius:2px;box-shadow:0 0 2px #0000004d;height:100%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:4px}.hb-color-picker__input{margin-top:12px}.hb-color-picker__input-hex{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;font-size:13px;margin-bottom:8px;padding:6px 8px;width:100%}.hb-color-picker__input-rgb{display:flex;gap:8px}.hb-color-picker__input-rgb input{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;flex:1;font-size:13px;padding:6px 8px}.hb-color-picker__predefine{border-top:1px solid var(--hb-border-color-lighter,#e4e7ed);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.hb-color-picker__predefine-color{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:transform .2s;width:24px}.hb-color-picker__predefine-color:hover{transform:scale(1.1)}.hb-color-picker__predefine-color--selected{border-color:var(--hb-color-primary);transform:scale(1.1)}.hb-color-picker--disabled{cursor:not-allowed;opacity:.6}.hb-color-picker--disabled .hb-color-picker__trigger{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 HbColorPickerStyle0 = colorPickerCss;
 const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H {
@@ -39,6 +39,7 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
     hue = 210; // 色相值 0-360
     saturation = 100; // 饱和度 0-100
     value = 100; // 明度 0-100
+    alpha = 100; // 透明度 0-100（仅 showAlpha=true 时生效）
     /**
      * 值改变事件
      */
@@ -79,11 +80,36 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
             return;
         this.isOpen = !this.isOpen;
     };
+    /** 键盘交互：Escape 关闭面板（对齐 antd / WAI-ARIA） */
+    handleKeyDown = (e) => {
+        if (this.disabled)
+            return;
+        if (e.key === 'Escape' && this.isOpen) {
+            e.preventDefault();
+            this.isOpen = false;
+        }
+    };
+    /** 把 3 位简写 hex 规范化为 6 位，避免后续 hexToRgb 解析失败 */
+    normalizeHex(color) {
+        if (typeof color !== 'string')
+            return null;
+        const c = color.trim();
+        if (/^#([A-Fa-f0-9]{6})$/.test(c))
+            return c.toLowerCase();
+        if (/^#([A-Fa-f0-9]{3})$/.test(c)) {
+            const [, r, g, b] = c.match(/^#(.)(.)(.)$/);
+            return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
+        }
+        return null;
+    }
     handleColorSelect = (color) => {
-        this.currentColor = color;
-        this.modelValue = color;
-        this.hbChange.emit(color);
-        this.hbActiveChange.emit(color);
+        const normalized = this.normalizeHex(color);
+        if (!normalized)
+            return; // 非法颜色直接忽略，防止 currentColor 进入不可解析态
+        this.currentColor = normalized;
+        this.modelValue = normalized;
+        this.hbChange.emit(normalized);
+        this.hbActiveChange.emit(normalized);
     };
     handleSaturationClick = (e) => {
         const target = e.currentTarget;
@@ -109,11 +135,20 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
     handleInputChange = (e) => {
         const target = e.target;
         const value = target.value;
-        // 验证 hex 颜色格式
+        // 验证 hex 颜色格式（3 位简写会被 handleColorSelect 内部规范化为 6 位）
         if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(value)) {
             this.handleColorSelect(value);
         }
     };
+    /** 透明度条点击/拖动：X 轴映射到 alpha 0-100 */
+    handleAlphaClick = (e) => {
+        const target = e.currentTarget;
+        const rect = target.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        this.alpha = Math.max(0, Math.min(100, Math.round((x / rect.width) * 100)));
+        // alpha 变化触发 active 事件（不改变 hex，但通知消费者透明度变化）
+        this.hbActiveChange.emit(this.getFormattedValue());
+    };
     handleRgbInputChange = (index, value) => {
         const rgb = this.hexToRgb(this.currentColor);
         if (rgb) {
@@ -134,7 +169,11 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
         }
     };
     hexToRgb(hex) {
-        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        // 先用 normalizeHex 兜底 3 位简写（#abc → #aabbcc），再解析
+        const normalized = this.normalizeHex(hex);
+        if (!normalized)
+            return null;
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
         return result ? {
             r: parseInt(result[1], 16),
             g: parseInt(result[2], 16),
@@ -230,6 +269,36 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
             this.value = hsv.v;
         }
     }
+    /** 按当前 colorFormat 输出最终颜色字符串（对齐 antd 的 format 行为） */
+    getFormattedValue() {
+        const rgb = this.hexToRgb(this.currentColor);
+        if (!rgb)
+            return this.currentColor;
+        switch (this.colorFormat) {
+            case 'rgb':
+                return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+            case 'hsl': {
+                const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);
+                const [h, s, l] = this.hsvToHsl(hsv.h, hsv.s, hsv.v);
+                return `hsl(${h}, ${s}%, ${l}%)`;
+            }
+            case 'hsv': {
+                const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);
+                return `hsv(${hsv.h}, ${hsv.s}%, ${hsv.v}%)`;
+            }
+            case 'hex':
+            default:
+                return this.currentColor;
+        }
+    }
+    /** HSV → HSL（HSL 字符串输出用） */
+    hsvToHsl(h, s, v) {
+        s /= 100;
+        v /= 100;
+        const l = v - (v * s) / 2;
+        const sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+        return [Math.round(h), Math.round(sl * 100), Math.round(l * 100)];
+    }
     render() {
         const rgb = this.hexToRgb(this.currentColor);
         const predefinedColors = this.predefine || [
@@ -238,19 +307,27 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
         ];
         // 根据当前色相生成饱和度面板的背景色
         const hueColor = this.hsvToHex(this.hue, 100, 100);
-        return (h("div", { key: '3a91756cec6b901dbd98049c6dea3f13cb0125b9', class: {
+        return (h("div", { key: '52393318617ee172eb5ea6cfbe2a4924a3b6b63e', class: {
                 'hb-color-picker': true,
                 'hb-color-picker--open': this.isOpen,
                 'hb-color-picker--disabled': this.disabled,
-            } }, h("div", { key: '60fcf367b48d726dec4626cade99ae39c10c83f7', class: "hb-color-picker__trigger", onClick: this.handleTriggerClick }, h("div", { key: '9b9f4c7f1444d76f1d6df1c480949572affb4a71', class: "hb-color-picker__color", style: { backgroundColor: this.currentColor } }), h("span", { key: 'ddc5c6d1d875012ad46638324b2e9a80eb50d989', class: "hb-color-picker__text" }, this.currentColor)), this.isOpen && (h("div", { key: '4f96c8be969d8b37f0acba6f9ec55d0b0223485d', class: "hb-color-picker__dropdown" }, h("div", { key: '6e754aa587fbe8161315ab3fedfd71ccdf7b9a7e', class: "hb-color-picker__panel" }, h("div", { key: '477dbbe265a0538e3f65f0d3c03dc653cf063982', class: "hb-color-picker__saturation", onClick: this.handleSaturationClick }, h("div", { key: 'eff441602d0795cfb6a05b9470dcec762c47e2a2', class: "hb-color-picker__saturation-bg", style: { backgroundColor: hueColor } }), h("div", { key: '3f3e8c420dbea347c6859f046d0398e1141de926', class: "hb-color-picker__saturation-white" }), h("div", { key: 'e501004e2e2d9f585b48bcc4a90def07c39964c2', class: "hb-color-picker__saturation-black" }), h("div", { key: 'b00cda534203c12195977d0933bd36b1baafab34', class: "hb-color-picker__saturation-pointer", style: {
+            }, onKeyDown: this.handleKeyDown }, h("div", { key: '58a32dc101b842064bade3fbd44b594bbbec05b5', class: "hb-color-picker__trigger", onClick: this.handleTriggerClick, role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    this.handleTriggerClick();
+                }
+            } }, h("div", { key: '5f183c7aa2a29818e13a569f172560a2ee7d475e', class: "hb-color-picker__color", style: { backgroundColor: this.currentColor } }), h("span", { key: 'eb1f178aff0cc1c6eb247322e9162dea60178b60', class: "hb-color-picker__text" }, this.currentColor)), this.isOpen && (h("div", { key: 'cca8bb671e305e262edebf7095128f91dcc78ee0', class: "hb-color-picker__dropdown", role: "dialog" }, h("div", { key: 'ecbbe0b9c3791a2638b0540f49f6cad628a15f64', class: "hb-color-picker__panel" }, h("div", { key: '514850ca7676e52c1fc7385c8cc352e4ad5d0362', class: "hb-color-picker__saturation", onClick: this.handleSaturationClick }, h("div", { key: 'b5e98c45b8a8a750f12e8bea6406a107e235a3be', class: "hb-color-picker__saturation-bg", style: { backgroundColor: hueColor } }), h("div", { key: 'fd7f705ad5e58713adb3dae2892abf830f57051d', class: "hb-color-picker__saturation-white" }), h("div", { key: 'e513305bb22b0753eb0c82829f843d68a19ee4fa', class: "hb-color-picker__saturation-black" }), h("div", { key: '3f44dc010cacd7cac78a88ace1cd86aa253b26f2', class: "hb-color-picker__saturation-pointer", style: {
                 left: `${this.saturation}%`,
                 top: `${100 - this.value}%`,
-            } })), h("div", { key: 'ee86c70a807d70aa292a0208a3a172b35c791325', class: "hb-color-picker__controls" }, h("div", { key: 'd4dda211347b9c3e4ef1dc5e28f5a6a44359a162', class: "hb-color-picker__hue", onClick: this.handleHueClick }, h("div", { key: 'dbab23a4059b6dd2aeada35d7434c79a61860867', class: "hb-color-picker__hue-bar" }), h("div", { key: 'b612775578712beac58a487a23a25c812fb28077', class: "hb-color-picker__hue-pointer", style: {
+            } })), h("div", { key: '3b91d0d162027b58adb790d5f5ca0243fa3cb07c', class: "hb-color-picker__controls" }, h("div", { key: '1c1fe521f3820e86ed71c331e6da7213db907038', class: "hb-color-picker__hue", onClick: this.handleHueClick }, h("div", { key: 'a2caa8290277ad46c59efd087c255c3a55fe3ca6', class: "hb-color-picker__hue-bar" }), h("div", { key: '36f9bdd607dcc6181a554442e47a5f5574d71649', class: "hb-color-picker__hue-pointer", style: {
                 left: `${(this.hue / 360) * 100}%`,
-            } })), this.showAlpha && (h("div", { key: '1aee2cd74b0cdf27d0afcbd09384ae707a5d7485', class: "hb-color-picker__alpha" }, h("div", { key: 'eba46d362053e05c89a93f34dfb453a8ed2253c7', class: "hb-color-picker__alpha-bar", style: { backgroundColor: this.currentColor } })))), h("div", { key: '60f66da4a79a2eb0ce1c389d65fd30362bbb7c61', class: "hb-color-picker__input" }, h("input", { key: '1411561687211e4ea149421bfaf624c7cdc45ead', type: "text", class: "hb-color-picker__input-hex", value: this.currentColor, onInput: this.handleInputChange }), rgb && (h("div", { key: 'c24d2df8b8d04fee9eeba4d8de660d14857cdf77', class: "hb-color-picker__input-rgb" }, h("input", { key: 'e4dd71d86bda84168f7342b3cf0a7513f608f0e1', type: "number", min: "0", max: "255", value: rgb.r, onInput: (e) => this.handleRgbInputChange(0, e.target.value) }), h("input", { key: '198c25b1f2fe03bae65b2a6120b226684623a5a1', type: "number", min: "0", max: "255", value: rgb.g, onInput: (e) => this.handleRgbInputChange(1, e.target.value) }), h("input", { key: 'fe0c9273a4d283f3f4bde1b8c258e0adc370b9a6', type: "number", min: "0", max: "255", value: rgb.b, onInput: (e) => this.handleRgbInputChange(2, e.target.value) })))), this.predefine && this.predefine.length > 0 && (h("div", { key: '52b711be9fd4794a42fb0c4747a53df529895932', class: "hb-color-picker__predefine" }, predefinedColors.map((color) => (h("div", { class: {
-                'hb-color-picker__predefine-color': true,
-                'hb-color-picker__predefine-color--selected': color === this.currentColor,
-            }, style: { backgroundColor: color }, onClick: () => this.handleColorSelect(color) }))))))))));
+            } })), this.showAlpha && (h("div", { key: 'ced86625cf6f3e461752a61022bbb36015fa3b3a', class: "hb-color-picker__alpha", onClick: this.handleAlphaClick }, h("div", { key: '2de6b6937338ccbdf07a89267ca274e1f04a5b0e', class: "hb-color-picker__alpha-bar", style: { backgroundColor: this.currentColor } }), h("div", { key: '4363ebb73a38c7b657ef80144e33220b0063b438', class: "hb-color-picker__alpha-pointer", style: { left: `${this.alpha}%` } })))), h("div", { key: 'd90829aaf4099621bcb438755ca44718f23652cd', class: "hb-color-picker__input" }, h("input", { key: '7209889a410ac83c73b52a4af3809e621ad4dfef', type: "text", class: "hb-color-picker__input-hex", value: this.currentColor, onInput: this.handleInputChange, "aria-label": "HEX \u989C\u8272\u503C" }), rgb && (h("div", { key: '83b2df101257f8ada13a9006dd9d7140db4123bc', class: "hb-color-picker__input-rgb" }, h("input", { key: '7858c1e35bcbe9e0356c3cab386b2e061a47c9ea', type: "number", min: "0", max: "255", value: rgb.r, onInput: (e) => this.handleRgbInputChange(0, e.target.value), "aria-label": "\u7EA2\u8272\u901A\u9053" }), h("input", { key: 'b03784fb1668bfdd78693b58fe912a121810b855', type: "number", min: "0", max: "255", value: rgb.g, onInput: (e) => this.handleRgbInputChange(1, e.target.value), "aria-label": "\u7EFF\u8272\u901A\u9053" }), h("input", { key: 'd40ae6d0ae271cadbd1e9ddca9e98b071357fc78', type: "number", min: "0", max: "255", value: rgb.b, onInput: (e) => this.handleRgbInputChange(2, e.target.value), "aria-label": "\u84DD\u8272\u901A\u9053" })))), this.predefine && this.predefine.length > 0 && (h("div", { key: '5c858086b250b0db9bea5add8685d3a39e073550', class: "hb-color-picker__predefine" }, predefinedColors.map((color) => {
+            const normalized = this.normalizeHex(color) || color;
+            return (h("div", { class: {
+                    'hb-color-picker__predefine-color': true,
+                    'hb-color-picker__predefine-color--selected': normalized === this.currentColor,
+                }, style: { backgroundColor: color }, onClick: () => this.handleColorSelect(color), title: color }));
+        }))))))));
     }
     static get watchers() { return {
         "modelValue": ["handleValueChange"]
@@ -266,7 +343,8 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class ColorPicker extends H
         "currentColor": [32],
         "hue": [32],
         "saturation": [32],
-        "value": [32]
+        "value": [32],
+        "alpha": [32]
     }, undefined, {
         "modelValue": ["handleValueChange"]
     }]);