huibo-ui 0.3.0

package/dist/esm/hb-cascader.entry.js

@@ -0,0 +1,409 @@
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-fdf7135e.js';
+import { c as createClickOutsideHandler } from './click-outside-291294f9.js';
+
+const cascaderCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-cascader-font-size:14px;--hb-cascader-font-size-large:16px;--hb-cascader-font-size-small:12px;--hb-cascader-border-color:var(--hb-border-color,#dcdfe6);--hb-cascader-border-color-hover:var(--hb-color-primary);--hb-cascader-bg-color:var(--hb-color-white,#fff);--hb-cascader-text-color:var(--hb-color-text-regular,#606266);--hb-cascader-placeholder-color:var(--hb-color-text-placeholder,#c0c4cc);--hb-cascader-disabled-color:var(--hb-color-text-disabled,#c0c4cc);--hb-cascader-disabled-bg-color:var(--hb-fill-color-light,#f5f7fa);display:inline-block;position:relative}.hb-cascader{display:inline-block;font-size:var(--hb-cascader-font-size);line-height:32px;position:relative}.hb-cascader__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-cascader__input{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-cascader-text-color);cursor:pointer;display:inline-block;font-size:var(--hb-cascader-font-size);height:32px;line-height:32px;outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-cascader__input::placeholder{color:var(--hb-cascader-placeholder-color)}.hb-cascader__input:focus,.hb-cascader__input:hover:not(:disabled){border-color:var(--hb-cascader-border-color-hover)}.hb-cascader__input:disabled{background-color:var(--hb-cascader-disabled-bg-color);border-color:var(--hb-cascader-border-color);color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__suffix{align-items:center;color:var(--hb-cascader-text-color);display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-cascader__clear{color:var(--hb-cascader-placeholder-color);cursor:pointer;font-size:16px;margin-right:8px;transition:color .2s}.hb-cascader__clear:hover{color:var(--hb-cascader-text-color)}.hb-cascader__arrow{font-size:12px;transition:transform .3s}.hb-cascader--open .hb-cascader__arrow{transform:rotate(180deg)}.hb-cascader__dropdown{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:180px;overflow-y:auto;position:absolute;top:100%;width:max-content;z-index:1000}.hb-cascader__menus{display:flex;padding:6px 0}.hb-cascader__menu{border-right:1px solid var(--hb-cascader-border-color);max-height:300px;min-width:180px;overflow-y:auto}.hb-cascader__menu:last-child{border-right:none}.hb-cascader__menu-list{list-style:none;margin:0;padding:0}.hb-cascader__menu-item{align-items:center;color:var(--hb-cascader-text-color);cursor:pointer;display:flex;font-size:var(--hb-cascader-font-size);justify-content:space-between;padding:8px 20px;transition:background-color .2s}.hb-cascader__menu-item:hover:not(.hb-cascader__menu-item--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-cascader__menu-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-cascader__menu-item--disabled{color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__menu-item-label{flex:1}.hb-cascader__menu-item-arrow{color:var(--hb-cascader-placeholder-color);font-size:12px;margin-left:8px}.hb-cascader__menu-item-loading{animation:hb-cascader-spin .8s linear infinite;color:var(--hb-color-primary,#1677ff);font-size:12px;margin-left:8px}.hb-cascader__menu-list--loading .hb-cascader__menu-item--loading{color:var(--hb-color-text-placeholder,#c0c4cc);justify-content:center}@keyframes hb-cascader-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-cascader--large,.hb-cascader--large .hb-cascader__input{font-size:var(--hb-cascader-font-size-large);line-height:40px}.hb-cascader--large .hb-cascader__input{height:40px}.hb-cascader--small,.hb-cascader--small .hb-cascader__input{font-size:var(--hb-cascader-font-size-small);line-height:24px}.hb-cascader--small .hb-cascader__input{height:24px;padding:0 25px 0 12px}.hb-cascader--disabled{cursor:not-allowed}.hb-cascader__search{border-bottom:1px solid var(--hb-cascader-border-color);padding:8px}.hb-cascader__search-input{background-color:var(--hb-cascader-bg-color);border:1px solid var(--hb-cascader-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-cascader-text-color);cursor:text;font-size:var(--hb-cascader-font-size);height:28px;line-height:28px;outline:none;padding:0 8px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-cascader__search-input:focus{border-color:var(--hb-cascader-border-color-hover)}.hb-cascader__search-results{max-height:264px;min-width:180px;overflow-y:auto;padding:6px 0}.hb-cascader__search-item{color:var(--hb-cascader-text-color);cursor:pointer;font-size:var(--hb-cascader-font-size);padding:8px 20px;transition:background-color .2s;white-space:nowrap}.hb-cascader__search-item:hover:not(.hb-cascader__search-item--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-cascader__search-item--selected{color:var(--hb-color-primary);font-weight:600}.hb-cascader__search-item--disabled{color:var(--hb-cascader-disabled-color);cursor:not-allowed}.hb-cascader__search-empty{color:var(--hb-cascader-placeholder-color);font-size:var(--hb-cascader-font-size);padding:16px 0;text-align:center}@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 HbCascaderStyle0 = cascaderCss;
+
+const Cascader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hbChange = createEvent(this, "hbChange", 7);
+        this.hbExpandChange = createEvent(this, "hbExpandChange", 7);
+    }
+    get el() { return getElement(this); }
+    /**
+     * 选中项绑定值
+     */
+    modelValue;
+    /**
+     * 可选项数据源
+     */
+    options = [];
+    /**
+     * 输入框占位文本
+     */
+    placeholder = '请选择';
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled = false;
+    /**
+     * 输入框尺寸
+     */
+    size = 'default';
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable = false;
+    /**
+     * 是否显示完整路径
+     * @default true
+     */
+    showAllLevels = true;
+    /**
+     * 输入框的原生属性
+     */
+    name;
+    /**
+     * 输入框的原生属性
+     */
+    inputId;
+    /**
+     * 分隔符
+     * @default ' / '
+     */
+    separator = ' / ';
+    /**
+     * 是否动态加载子节点
+     * @default true
+     */
+    emitPath = true;
+    /**
+     * 是否可搜索（filterable）
+     * 开启后下拉顶部渲染搜索输入框，输入时按 label（含所有子级）扁平化过滤，
+     * 匹配项以完整路径展示，点击即选中其完整路径。
+     * @default false
+     */
+    filterable = false;
+    /**
+     * 是否开启动态加载（lazy load）。开启后，展开含 children=undefined 的节点时，
+     * 调用 load(node) 获取其子级并填充进 options，加载中显示 loading 态。
+     * @default false
+     */
+    lazy = false;
+    /**
+     * 动态加载子节点的函数（仅在 lazy=true 时生效）。
+     * 接收被展开的节点，返回其子节点数组（Promise）。
+     * 加载结果会以不可变方式合并进 options 树（替换该节点 children）。
+     */
+    load;
+    isOpen = false;
+    inputValue = '';
+    searchValue = '';
+    /**
+     * 正在动态加载子级的节点 value 集合（用于渲染 loading 态）。
+     */
+    loadingKeys = new Set();
+    /**
+     * 扁平化搜索结果：每一项是一个从根到匹配节点的完整路径（用于点击选中）。
+     * 仅在 filterable 且 searchValue 非空时使用。
+     */
+    filteredPaths = [];
+    activePath = [];
+    /**
+     * 值改变事件
+     */
+    hbChange;
+    /**
+     * 展开节点发生变化时触发
+     */
+    hbExpandChange;
+    clickOutside = createClickOutsideHandler({
+        host: null,
+        isOpen: () => this.isOpen,
+        onClose: () => { this.closeAndClearSearch(); },
+    });
+    componentDidLoad() {
+        this.clickOutside = createClickOutsideHandler({
+            host: this.el,
+            isOpen: () => this.isOpen,
+            onClose: () => { this.closeAndClearSearch(); },
+        });
+        this.clickOutside.connect();
+        this.updateInputValue();
+    }
+    /** 关闭下拉并清空搜索态（filterable 模式下避免重开时残留搜索结果） */
+    closeAndClearSearch() {
+        this.isOpen = false;
+        this.searchValue = '';
+        this.filteredPaths = [];
+    }
+    disconnectedCallback() {
+        this.clickOutside.disconnect();
+    }
+    handleValueChange() {
+        this.updateInputValue();
+    }
+    updateInputValue() {
+        if (!this.modelValue || this.modelValue.length === 0) {
+            this.inputValue = '';
+            return;
+        }
+        if (!this.showAllLevels) {
+            const lastValue = this.modelValue[this.modelValue.length - 1];
+            const option = this.findOptionByValue(this.options, lastValue);
+            this.inputValue = option ? option.label : '';
+            return;
+        }
+        const labels = [];
+        let currentOptions = this.options;
+        for (const value of this.modelValue) {
+            const option = currentOptions.find(opt => opt.value === value);
+            if (option) {
+                labels.push(option.label);
+                currentOptions = option.children || [];
+            }
+            else {
+                break;
+            }
+        }
+        this.inputValue = labels.join(this.separator);
+    }
+    findOptionByValue(options, value) {
+        for (const option of options) {
+            if (option.value === value) {
+                return option;
+            }
+            if (option.children) {
+                const found = this.findOptionByValue(option.children, value);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    handleInputClick = () => {
+        if (this.disabled)
+            return;
+        if (this.isOpen) {
+            // 关闭时清空搜索态
+            this.closeAndClearSearch();
+        }
+        else {
+            this.isOpen = true;
+        }
+    };
+    /** 搜索输入：仅更新 searchValue，过滤在 render 前的 @State 派生 */
+    handleSearchInput = (e) => {
+        const target = e.target;
+        this.searchValue = target.value;
+        this.filteredPaths = this.collectFilteredPaths(this.searchValue);
+    };
+    /**
+     * 扁平化全树搜索：把 options 深度遍历，收集所有「节点 label 含关键字」的完整路径。
+     * 一个节点的完整路径 = 从根到该节点（含自身）的 CascaderOption 数组。
+     * 关键字为空时返回空数组（交由正常级联视图渲染）。
+     *
+     * 注意：这里按 label 子串匹配（大小写不敏感），匹配任意层级的节点，
+     * 并保留其祖先链以便点击时还原完整路径。
+     */
+    collectFilteredPaths(keyword) {
+        const trimmed = keyword.trim().toLowerCase();
+        if (!trimmed)
+            return [];
+        const results = [];
+        const walk = (opts, ancestors) => {
+            for (const opt of opts) {
+                const currentPath = [...ancestors, opt];
+                if (opt.label.toLowerCase().includes(trimmed)) {
+                    results.push(currentPath);
+                }
+                if (opt.children && opt.children.length > 0) {
+                    walk(opt.children, currentPath);
+                }
+            }
+        };
+        walk(this.options, []);
+        return results;
+    }
+    /** 从扁平搜索结果路径中点击叶子（或非叶子）项：直接以该路径的 value 数组作为选中值 */
+    handleSearchSelect = (path) => {
+        const valuePath = path.map((opt) => opt.value);
+        const last = path[path.length - 1];
+        const isLeaf = !last.children || last.children.length === 0 || last.leaf;
+        this.searchValue = '';
+        this.filteredPaths = [];
+        if (isLeaf) {
+            // 叶子：选中并关闭
+            this.modelValue = valuePath;
+            this.updateInputValue();
+            this.hbChange.emit(valuePath);
+            this.isOpen = false;
+            this.activePath = [];
+        }
+        else {
+            // 非叶子：进入该路径的级联展开（便于继续选下级）
+            this.activePath = valuePath;
+            this.hbExpandChange.emit(valuePath);
+        }
+    };
+    handleClear = (e) => {
+        e.stopPropagation();
+        this.modelValue = undefined;
+        this.inputValue = '';
+        this.isOpen = false;
+        this.hbChange.emit(undefined);
+    };
+    handleSelect = (value, path) => {
+        const newPath = [...path, value];
+        // Find the selected option
+        let currentOptions = this.options;
+        let selectedOption = null;
+        for (const pathValue of newPath) {
+            selectedOption = currentOptions.find(opt => opt.value === pathValue) || null;
+            if (!selectedOption)
+                break;
+            currentOptions = selectedOption.children || [];
+        }
+        // lazy + load：节点 children 尚未加载（children === undefined 且 leaf 未声明）→ 触发加载
+        if (this.lazy &&
+            this.load &&
+            selectedOption &&
+            selectedOption.children === undefined &&
+            !selectedOption.leaf) {
+            // 先展开该路径（显示 loading 态的下一级面板占位），再异步填充
+            this.activePath = newPath;
+            this.hbExpandChange.emit(newPath);
+            void this.loadChildren(selectedOption, newPath);
+            return;
+        }
+        // Check if it's a leaf node
+        if (!selectedOption || !selectedOption.children || selectedOption.children.length === 0 || selectedOption.leaf) {
+            // Leaf node - select and close
+            this.modelValue = newPath;
+            this.updateInputValue();
+            this.hbChange.emit(newPath);
+            this.isOpen = false;
+            this.activePath = [];
+        }
+        else {
+            // Has children - expand to next level
+            this.activePath = newPath;
+            this.hbExpandChange.emit(newPath);
+        }
+    };
+    /**
+     * 动态加载某节点的子级。不可变地合并进 options 树（替换该节点 children）。
+     * 加载中：把节点 value 加入 loadingKeys（渲染 loading 态）；
+     * 加载完成：写入 children（新数组，触发 @Watch/重渲染），移出 loadingKeys。
+     * 若 load 返回空数组，把 children 设为 [] 以标记该节点为叶子（避免重复加载）。
+     */
+    async loadChildren(node, path) {
+        if (!this.load)
+            return;
+        // 标记 loading
+        this.loadingKeys = new Set([...this.loadingKeys, node.value]);
+        try {
+            const children = await this.load(node);
+            // 不可变合并：重建 options 树，仅替换目标节点的 children。
+            this.options = this.replaceOptionChildren(this.options, node.value, children);
+        }
+        catch (err) {
+            // 加载失败：回退 activePath，避免卡在 loading；保持 options 不变。
+            // eslint-disable-next-line no-console
+            console.error('[hb-cascader] lazy load failed:', err);
+            this.activePath = this.activePath.slice(0, this.activePath.indexOf(node.value) + 1);
+        }
+        finally {
+            const next = new Set(this.loadingKeys);
+            next.delete(node.value);
+            this.loadingKeys = next;
+        }
+    }
+    /**
+     * 不可变地替换 options 树中 value===targetValue 节点的 children 字段。
+     * 返回一棵全新的 options 树（不修改原数组与原节点对象）。
+     */
+    replaceOptionChildren(options, targetValue, newChildren) {
+        return options.map((opt) => {
+            if (opt.value === targetValue) {
+                return { ...opt, children: newChildren };
+            }
+            if (opt.children && opt.children.length > 0) {
+                return { ...opt, children: this.replaceOptionChildren(opt.children, targetValue, newChildren) };
+            }
+            return opt;
+        });
+    }
+    render() {
+        return (h("div", { key: 'c842622737b0464fca8807b2e6e673de26e66f6c', class: {
+                'hb-cascader': true,
+                'hb-cascader--open': this.isOpen,
+                'hb-cascader--disabled': this.disabled,
+                [`hb-cascader--${this.size}`]: true,
+            } }, h("div", { key: '23279bca07ba9263b6b7daa87fcc6ecf89cfa707', class: "hb-cascader__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '56253203d0684b374ee755d669ce1ef61eebb2e2', type: "text", id: this.inputId, name: this.name, class: "hb-cascader__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false' }), h("span", { key: '27eb1713ab7eabc760652d60d48960685dfdb0ce', class: "hb-cascader__suffix" }, this.clearable && this.modelValue && this.modelValue.length > 0 && (h("span", { key: '26c75b651d82806019f514e9dc030df394419e46', class: "hb-cascader__clear", role: "button", "aria-label": "\u6E05\u7A7A", onClick: this.handleClear }, "\u00D7")), h("span", { key: '01cc98144fa2cf70fcc7588efadd7bbeea17738b', class: "hb-cascader__arrow" }, "\u25BC"))), this.isOpen && (h("div", { key: '23a6230933ffaf0ee98c2c70a8dc9a8444be0555', class: "hb-cascader__dropdown" }, this.filterable && (h("div", { key: '628a293edf4d2f22975801e2e9155f46a5cf90fa', class: "hb-cascader__search" }, h("input", { key: 'bedac6a61a99b8a64d27eaf95880ff4891c33f04', type: "text", class: "hb-cascader__search-input", placeholder: "\u641C\u7D22", value: this.searchValue, onInput: this.handleSearchInput, "aria-label": "\u641C\u7D22\u9009\u9879" }))), this.filterable && this.searchValue.trim() !== '' ? (this.renderSearchResults()) : (h("div", { class: "hb-cascader__menus", role: "listbox", "aria-multiselectable": "false" }, this.renderCascaderMenus()))))));
+    }
+    renderCascaderMenus() {
+        const menus = [];
+        let currentOptions = this.options;
+        let currentPath = [];
+        // Render first level
+        menus.push(this.renderMenu(currentOptions, currentPath));
+        // Render active path levels
+        for (let i = 0; i < this.activePath.length; i++) {
+            const pathValue = this.activePath[i];
+            const option = currentOptions.find(opt => opt.value === pathValue);
+            if (!option)
+                break;
+            // lazy 加载中：节点 children 尚未填充 → 渲染 loading 面板
+            if (option.children === undefined && this.loadingKeys.has(option.value)) {
+                menus.push(this.renderLoadingMenu());
+                break;
+            }
+            if (option.children && option.children.length > 0) {
+                currentPath = [...currentPath, pathValue];
+                currentOptions = option.children;
+                menus.push(this.renderMenu(currentOptions, currentPath));
+            }
+            else {
+                break;
+            }
+        }
+        return menus;
+    }
+    /** lazy 加载中渲染的面板：一个 loading 占位提示 */
+    renderLoadingMenu() {
+        return (h("ul", { class: "hb-cascader__menu-list hb-cascader__menu-list--loading", role: "status", "aria-live": "polite" }, h("li", { class: "hb-cascader__menu-item hb-cascader__menu-item--loading" }, h("span", { class: "hb-cascader__menu-item-label" }, "\u52A0\u8F7D\u4E2D\u2026"))));
+    }
+    /**
+     * 渲染扁平化搜索结果：每一项展示完整路径（label 用 separator 连接），点击选中完整路径。
+     * 无匹配时渲染空状态。
+     */
+    renderSearchResults() {
+        if (this.filteredPaths.length === 0) {
+            return (h("div", { class: "hb-cascader__search-empty", role: "status" }, "\u65E0\u5339\u914D\u6570\u636E"));
+        }
+        return (h("div", { class: "hb-cascader__search-results", role: "listbox", "aria-label": "\u641C\u7D22\u7ED3\u679C" }, this.filteredPaths.map((path) => {
+            const labelPath = path.map((opt) => opt.label).join(this.separator);
+            const valuePath = path.map((opt) => opt.value);
+            const last = path[path.length - 1];
+            const disabled = !!last.disabled;
+            // 当前选中判断：路径 value 与 modelValue 完全一致
+            const selected = !!this.modelValue &&
+                this.modelValue.length === valuePath.length &&
+                valuePath.every((v, idx) => this.modelValue && this.modelValue[idx] === v);
+            return (h("div", { class: {
+                    'hb-cascader__search-item': true,
+                    'hb-cascader__search-item--selected': selected,
+                    'hb-cascader__search-item--disabled': disabled,
+                }, role: "option", "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : undefined, onClick: () => !disabled && this.handleSearchSelect(path) }, labelPath));
+        })));
+    }
+    renderMenu(options, path) {
+        if (!options || options.length === 0) {
+            return null;
+        }
+        return (h("ul", { class: "hb-cascader__menu-list", role: "group" }, options.map((option) => {
+            const isSelected = path.length > 0 && path[path.length - 1] === option.value;
+            const isInPath = this.modelValue && path.length > 0 &&
+                path.every((val, idx) => this.modelValue && this.modelValue[idx] === val) &&
+                this.modelValue.length === path.length + 1 &&
+                this.modelValue[path.length] === option.value;
+            return (h("li", { class: {
+                    'hb-cascader__menu-item': true,
+                    'hb-cascader__menu-item--selected': isSelected || isInPath,
+                    'hb-cascader__menu-item--disabled': option.disabled,
+                }, role: "option", "aria-selected": (isSelected || isInPath) ? 'true' : 'false', "aria-disabled": option.disabled ? 'true' : undefined, onClick: () => !option.disabled && this.handleSelect(option.value, path) }, h("span", { class: "hb-cascader__menu-item-label" }, option.label), this.loadingKeys.has(option.value) ? (h("span", { class: "hb-cascader__menu-item-loading", "aria-hidden": "true" }, "\u27F3")) : (option.children && option.children.length > 0) || (this.lazy && option.children === undefined && !option.leaf) ? (h("span", { class: "hb-cascader__menu-item-arrow" }, "\u25B6")) : null));
+        })));
+    }
+    static get watchers() { return {
+        "modelValue": ["handleValueChange"]
+    }; }
+};
+Cascader.style = HbCascaderStyle0;
+
+export { Cascader as hb_cascader };
+
+//# sourceMappingURL=hb-cascader.entry.js.map

package/dist/esm/hb-cascader.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-cascader.entry.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}

package/dist/esm/hb-checkbox-group.entry.js

@@ -0,0 +1,113 @@
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-fdf7135e.js';
+
+const checkboxGroupCss = "/*! 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-border-style:solid;--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{.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-checkbox-group{display:inline-block;font-size:0}::slotted(hb-checkbox){margin-right:30px}::slotted(hb-checkbox:last-child){margin-right:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@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 HbCheckboxGroupStyle0 = checkboxGroupCss;
+
+const CheckboxGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hbChange = createEvent(this, "hbChange", 7);
+    }
+    get el() { return getElement(this); }
+    /**
+     * 绑定值
+     */
+    modelValue = [];
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled = false;
+    /**
+     * 尺寸
+     */
+    size = 'default';
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border = false;
+    /**
+     * 最小选中数量
+     */
+    min;
+    /**
+     * 最大选中数量
+     */
+    max;
+    /**
+     * 值改变事件
+     */
+    hbChange;
+    checkboxes = [];
+    componentDidLoad() {
+        this.updateCheckboxes();
+    }
+    handleValueChange() {
+        this.updateCheckboxesState();
+    }
+    handlePropsChange() {
+        this.updateCheckboxes();
+    }
+    updateCheckboxes() {
+        const checkboxes = Array.from(this.el.querySelectorAll('hb-checkbox'));
+        this.checkboxes = checkboxes;
+        checkboxes.forEach((checkbox) => {
+            checkbox.disabled = this.disabled || checkbox.disabled;
+            checkbox.size = this.size;
+            checkbox.border = this.border;
+            // 监听checkbox变化
+            checkbox.addEventListener('hbChange', this.handleCheckboxChange);
+        });
+        this.updateCheckboxesState();
+    }
+    updateCheckboxesState() {
+        this.checkboxes.forEach((checkbox) => {
+            if (checkbox.value !== undefined) {
+                const isChecked = this.modelValue.includes(checkbox.value);
+                checkbox.modelValue = isChecked
+                    ? [...this.modelValue]
+                    : this.modelValue.filter((v) => v !== checkbox.value);
+            }
+        });
+    }
+    handleCheckboxChange = (e) => {
+        const checkbox = e.target;
+        const value = checkbox.value;
+        if (value === undefined)
+            return;
+        let newValue;
+        if (this.modelValue.includes(value)) {
+            newValue = this.modelValue.filter((v) => v !== value);
+            // 取消选中后不能低于最小数量
+            if (this.min !== undefined && newValue.length < this.min) {
+                return;
+            }
+        }
+        else {
+            // 选中后不能超过最大数量
+            if (this.max !== undefined && this.modelValue.length >= this.max) {
+                return;
+            }
+            newValue = [...this.modelValue, value];
+        }
+        this.modelValue = newValue;
+        this.hbChange.emit(newValue);
+    };
+    render() {
+        return (h("div", { key: 'bec6679f9d71e61ef19f8c57216be635bed70c7b', class: {
+                'hb-checkbox-group': true,
+            } }, h("slot", { key: '5e137ca5381a35e9a63b99dbed7f1897117daf47' })));
+    }
+    static get watchers() { return {
+        "modelValue": ["handleValueChange"],
+        "disabled": ["handlePropsChange"],
+        "size": ["handlePropsChange"],
+        "border": ["handlePropsChange"]
+    }; }
+};
+CheckboxGroup.style = HbCheckboxGroupStyle0;
+
+export { CheckboxGroup as hb_checkbox_group };
+
+//# sourceMappingURL=hb-checkbox-group.entry.js.map

package/dist/esm/hb-checkbox-group.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-checkbox-group.entry.js","mappings":"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","names":[],"sources":["src/components/Checkbox/checkbox-group.css?tag=hb-checkbox-group&encapsulation=shadow","src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-checkbox-group {\n  display: inline-block;\n  font-size: 0;\n}\n\n::slotted(hb-checkbox) {\n  margin-right: 30px;\n}\n\n::slotted(hb-checkbox:last-child) {\n  margin-right: 0;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * CheckboxGroup 多选框组组件\n * 用于管理多个 checkbox\n */\n@Component({\n  tag: 'hb-checkbox-group',\n  styleUrl: 'checkbox-group.css',\n  shadow: true,\n})\nexport class CheckboxGroup {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: (string | number)[] = [];\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() border: boolean = false;\n\n  /**\n   * 最小选中数量\n   */\n  @Prop() min?: number;\n\n  /**\n   * 最大选中数量\n   */\n  @Prop() max?: number;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<(string | number)[]>;\n\n  @State() checkboxes: HTMLHbCheckboxElement[] = [];\n\n  componentDidLoad() {\n    this.updateCheckboxes();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateCheckboxesState();\n  }\n\n  @Watch('disabled')\n  @Watch('size')\n  @Watch('border')\n  handlePropsChange() {\n    this.updateCheckboxes();\n  }\n\n  private updateCheckboxes() {\n    const checkboxes = Array.from(\n      this.el.querySelectorAll('hb-checkbox')\n    ) as HTMLHbCheckboxElement[];\n\n    this.checkboxes = checkboxes;\n\n    checkboxes.forEach((checkbox) => {\n      checkbox.disabled = this.disabled || checkbox.disabled;\n      checkbox.size = this.size;\n      checkbox.border = this.border;\n      \n      // 监听checkbox变化\n      checkbox.addEventListener('hbChange', this.handleCheckboxChange);\n    });\n\n    this.updateCheckboxesState();\n  }\n\n  private updateCheckboxesState() {\n    this.checkboxes.forEach((checkbox) => {\n      if (checkbox.value !== undefined) {\n        const isChecked = this.modelValue.includes(checkbox.value);\n        checkbox.modelValue = isChecked\n          ? [...this.modelValue]\n          : this.modelValue.filter((v) => v !== checkbox.value);\n      }\n    });\n  }\n\n  private handleCheckboxChange = (e: CustomEvent) => {\n    const checkbox = e.target as HTMLHbCheckboxElement;\n    const value = checkbox.value;\n\n    if (value === undefined) return;\n\n    let newValue: (string | number)[];\n\n    if (this.modelValue.includes(value)) {\n      newValue = this.modelValue.filter((v) => v !== value);\n      // 取消选中后不能低于最小数量\n      if (this.min !== undefined && newValue.length < this.min) {\n        return;\n      }\n    } else {\n      // 选中后不能超过最大数量\n      if (this.max !== undefined && this.modelValue.length >= this.max) {\n        return;\n      }\n      newValue = [...this.modelValue, value];\n    }\n\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-checkbox-group': true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"],"version":3}