huibo-ui 0.3.0

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

@@ -0,0 +1,236 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+const clickOutside = require('./click-outside-3fcc00dd.js');
+
+const treeSelectCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-tree-select{box-sizing:border-box;color:var(--hb-color-text);font-size:var(--hb-font-size-base);position:relative;width:100%}.hb-tree-select__input-wrapper{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-input-border-color,var(--hb-color-border));border-radius:var(--hb-input-radius,var(--hb-border-radius-sm));box-sizing:border-box;cursor:pointer;display:flex;height:var(--hb-size-default,32px);padding:0 var(--hb-spacing-sm);transition:border-color var(--hb-transition-duration,.2s)}.hb-tree-select__input-wrapper:hover{border-color:var(--hb-input-hover-border-color,var(--hb-color-primary))}.hb-tree-select--open .hb-tree-select__input-wrapper{border-color:var(--hb-input-focus-border-color,var(--hb-color-primary))}.hb-tree-select--disabled .hb-tree-select__input-wrapper{background-color:var(--hb-color-fill-tertiary);cursor:not-allowed;opacity:.6}.hb-tree-select__display{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-tree-select__display--placeholder{color:var(--hb-input-placeholder-color,var(--hb-color-text-placeholder))}.hb-tree-select__suffix{gap:var(--hb-spacing-xxs)}.hb-tree-select__clear,.hb-tree-select__suffix{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex}.hb-tree-select__clear{background-color:var(--hb-color-fill);border-radius:50%;cursor:pointer;font-size:12px;height:16px;justify-content:center;width:16px}.hb-tree-select__clear:hover{color:var(--hb-color-text-secondary)}.hb-tree-select__arrow-icon{font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree-select__arrow-icon--open{transform:rotate(180deg)}.hb-tree-select__dropdown{background-color:var(--hb-color-bg-elevated);border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-border-radius-sm);box-shadow:0 6px 16px #00000014;box-sizing:border-box;left:0;max-height:280px;overflow-y:auto;padding:var(--hb-spacing-xxs);position:absolute;top:calc(100% + 4px);width:100%;z-index:1050}.hb-tree-select__empty{color:var(--hb-color-text-tertiary);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-md);text-align:center}.hb-tree-select__children,.hb-tree-select__tree{list-style:none;margin:0;padding:0}.hb-tree-select__node{list-style:none;white-space:nowrap}.hb-tree-select__node-content{align-items:center;border-radius:var(--hb-border-radius-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xxs);height:28px;padding-right:var(--hb-spacing-xs);transition:background-color var(--hb-transition-duration,.2s)}.hb-tree-select__node-content:hover{background-color:var(--hb-color-fill-tertiary)}.hb-tree-select__node-content--selected{color:var(--hb-color-primary);font-weight:500}.hb-tree-select__node-content--checked,.hb-tree-select__node-content--selected{background-color:var(--hb-color-primary-bg)}.hb-tree-select__node--disabled>.hb-tree-select__node-content{cursor:not-allowed;opacity:.5}.hb-tree-select__node--disabled>.hb-tree-select__node-content:hover{background-color:#0000}.hb-tree-select__switcher{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.hb-tree-select__arrow{display:inline-block;font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree-select__arrow--expanded{transform:rotate(90deg)}.hb-tree-select__checkbox{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-xs,2px);color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;height:16px;justify-content:center;line-height:1;transition:all var(--hb-transition-duration,.2s);width:16px}.hb-tree-select__checkbox--checked,.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled){border-color:var(--hb-color-primary)}.hb-tree-select__checkbox--checked{background-color:var(--hb-color-primary)}.hb-tree-select__checkbox--disabled{cursor:not-allowed}.hb-tree-select__title{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const HbTreeSelectStyle0 = treeSelectCss;
+
+const TreeSelect = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hbChange = index.createEvent(this, "hbChange", 7);
+        this.hbVisibleChange = index.createEvent(this, "hbVisibleChange", 7);
+    }
+    get el() { return index.getElement(this); }
+    /**
+     * 可选项数据源（与 Tree 相同的递归树结构）
+     */
+    data = [];
+    /**
+     * （受控）绑定值，单选为 string，多选为 string[]
+     */
+    modelValue = '';
+    /**
+     * 是否多选
+     * @default false
+     */
+    multiple = false;
+    /**
+     * 占位文本
+     * @default '请选择'
+     */
+    placeholder = '请选择';
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled = false;
+    /**
+     * 是否显示 checkbox（多选模式下推荐开启）
+     * @default false
+     */
+    checkable = false;
+    /**
+     * 是否默认展开全部节点
+     * @default false
+     */
+    defaultExpandAll = false;
+    isOpen = false;
+    internalExpanded = [];
+    internalSelected = [];
+    internalChecked = [];
+    /**
+     * 值变化事件（单选为 string，多选为 string[]）
+     */
+    hbChange;
+    /**
+     * 下拉浮层显隐变化事件
+     */
+    hbVisibleChange;
+    clickOutside = clickOutside.createClickOutsideHandler({
+        host: null,
+        isOpen: () => this.isOpen,
+        onClose: () => this.closeDropdown(),
+    });
+    componentWillLoad() {
+        this.syncFromModelValue();
+        if (this.defaultExpandAll) {
+            const all = [];
+            this.collectExpandableKeys(this.data, all);
+            this.internalExpanded = all;
+        }
+    }
+    componentDidLoad() {
+        this.clickOutside = clickOutside.createClickOutsideHandler({
+            host: this.el,
+            isOpen: () => this.isOpen,
+            onClose: () => this.closeDropdown(),
+        });
+        this.clickOutside.connect();
+    }
+    disconnectedCallback() {
+        this.clickOutside.disconnect();
+    }
+    syncFromModelValue() {
+        if (this.multiple) {
+            const arr = Array.isArray(this.modelValue) ? this.modelValue : [];
+            this.internalSelected = [...arr];
+            this.internalChecked = [...arr];
+        }
+        else {
+            const single = typeof this.modelValue === 'string' ? this.modelValue : '';
+            this.internalSelected = single ? [single] : [];
+            this.internalChecked = single ? [single] : [];
+        }
+    }
+    collectExpandableKeys(nodes, out) {
+        for (const node of nodes) {
+            if (node.children && node.children.length > 0) {
+                out.push(node.key);
+                this.collectExpandableKeys(node.children, out);
+            }
+        }
+    }
+    findTitle(nodes, key) {
+        for (const node of nodes) {
+            if (node.key === key)
+                return node.title;
+            if (node.children) {
+                const found = this.findTitle(node.children, key);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    getDisplayText() {
+        if (this.multiple) {
+            const arr = Array.isArray(this.modelValue) ? this.modelValue : [];
+            if (arr.length === 0)
+                return '';
+            const titles = arr.map((k) => this.findTitle(this.data, k) || k);
+            return titles.join(' / ');
+        }
+        const single = typeof this.modelValue === 'string' ? this.modelValue : '';
+        return single ? this.findTitle(this.data, single) || single : '';
+    }
+    openDropdown = () => {
+        if (this.disabled || this.isOpen)
+            return;
+        this.isOpen = true;
+        this.hbVisibleChange.emit(true);
+    };
+    closeDropdown = () => {
+        if (!this.isOpen)
+            return;
+        this.isOpen = false;
+        this.hbVisibleChange.emit(false);
+    };
+    toggleDropdown = () => {
+        if (this.disabled)
+            return;
+        if (this.isOpen)
+            this.closeDropdown();
+        else
+            this.openDropdown();
+    };
+    handleNodeSelect = (key) => {
+        if (this.multiple) {
+            const current = [...this.internalSelected];
+            const idx = current.indexOf(key);
+            if (idx >= 0)
+                current.splice(idx, 1);
+            else
+                current.push(key);
+            this.internalSelected = current;
+            this.modelValue = current;
+            this.hbChange.emit(current);
+        }
+        else {
+            this.internalSelected = [key];
+            this.modelValue = key;
+            this.hbChange.emit(key);
+            this.closeDropdown();
+        }
+    };
+    handleNodeCheck = (key) => {
+        // TODO: 父子联动 —— 当前仅管理单个节点勾选状态。
+        const current = [...this.internalChecked];
+        const idx = current.indexOf(key);
+        if (idx >= 0)
+            current.splice(idx, 1);
+        else
+            current.push(key);
+        this.internalChecked = current;
+        this.modelValue = current;
+        this.hbChange.emit(current);
+    };
+    handleToggleExpand = (node, e) => {
+        e.stopPropagation();
+        const current = [...this.internalExpanded];
+        const idx = current.indexOf(node.key);
+        if (idx >= 0)
+            current.splice(idx, 1);
+        else
+            current.push(node.key);
+        this.internalExpanded = current;
+    };
+    handleClear = (e) => {
+        e.stopPropagation();
+        if (this.disabled)
+            return;
+        this.internalSelected = [];
+        this.internalChecked = [];
+        this.modelValue = this.multiple ? [] : '';
+        this.hbChange.emit(this.modelValue);
+    };
+    renderNode = (node, level) => {
+        const hasChildren = !!(node.children && node.children.length > 0);
+        const expanded = this.internalExpanded.includes(node.key);
+        const selected = this.internalSelected.includes(node.key);
+        const checked = this.internalChecked.includes(node.key);
+        const disabled = !!node.disabled;
+        return (index.h("li", { class: { 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }, role: "treeitem" }, index.h("div", { class: {
+                'hb-tree-select__node-content': true,
+                'hb-tree-select__node-content--selected': selected,
+                'hb-tree-select__node-content--checked': checked,
+            }, style: { paddingLeft: `${level * 18 + 8}px` } }, index.h("span", { class: "hb-tree-select__switcher", onClick: (e) => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (index.h("span", { class: { 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded } }, "\u25B6")) : null), this.checkable && (index.h("span", { class: {
+                'hb-tree-select__checkbox': true,
+                'hb-tree-select__checkbox--checked': checked,
+                'hb-tree-select__checkbox--disabled': disabled,
+            }, onClick: () => !disabled && this.handleNodeCheck(node.key) }, checked ? '✓' : '')), index.h("span", { class: "hb-tree-select__title", onClick: () => !disabled && this.handleNodeSelect(node.key) }, node.title)), hasChildren && expanded && (index.h("ul", { class: "hb-tree-select__children", role: "group" }, node.children.map((child) => this.renderNode(child, level + 1))))));
+    };
+    render() {
+        const displayText = this.getDisplayText();
+        const hasValue = this.multiple
+            ? Array.isArray(this.modelValue) && this.modelValue.length > 0
+            : typeof this.modelValue === 'string' && this.modelValue !== '';
+        return (index.h("div", { key: '38d8a150ce1436bbea77250dd0bb3a44b9722cbc', class: {
+                'hb-tree-select': true,
+                'hb-tree-select--open': this.isOpen,
+                'hb-tree-select--disabled': this.disabled,
+                'hb-tree-select--multiple': this.multiple,
+            } }, index.h("div", { key: '5928b61ce45dabece866b8de93a4353804ed05e4', class: "hb-tree-select__input-wrapper", onClick: this.toggleDropdown }, index.h("span", { key: 'af7b313ec51033487044aa3b9ef1620fbe292490', class: {
+                'hb-tree-select__display': true,
+                'hb-tree-select__display--placeholder': !hasValue,
+            } }, hasValue ? displayText : this.placeholder), index.h("span", { key: 'ab26baf601b42f2e5d28768d70927a38afbf612f', class: "hb-tree-select__suffix" }, hasValue && (index.h("span", { key: '0095371d8cdb31f569e53117a36d93de1f09b304', class: "hb-tree-select__clear", onClick: this.handleClear }, "\u00D7")), index.h("span", { key: 'b824565183607eb6341223fcfc0110b224d9d156', class: { 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen } }, "\u25BC"))), this.isOpen && (index.h("div", { key: 'e03726804631a7e69c86319f9f5ec81fecb60bf0', class: "hb-tree-select__dropdown" }, this.data.length === 0 ? (index.h("div", { class: "hb-tree-select__empty" }, "\u6682\u65E0\u6570\u636E")) : (index.h("ul", { class: "hb-tree-select__tree", role: "tree" }, this.data.map((node) => this.renderNode(node, 0))))))));
+    }
+};
+TreeSelect.style = HbTreeSelectStyle0;
+
+exports.hb_tree_select = TreeSelect;
+
+//# sourceMappingURL=hb-tree-select.cjs.entry.js.map

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

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

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

@@ -0,0 +1,313 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const treeCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-tree{background-color:var(--hb-color-bg-container);box-sizing:border-box;color:var(--hb-color-text);font-size:var(--hb-font-size-base)}.hb-tree,.hb-tree__children{list-style:none;margin:0;padding:0}.hb-tree__node{list-style:none;white-space:nowrap}.hb-tree__node-content{align-items:center;border-radius:var(--hb-border-radius-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xxs);height:28px;padding-right:var(--hb-spacing-xs);transition:background-color var(--hb-transition-duration,.2s)var(--hb-transition-function,ease)}.hb-tree__node-content:hover{background-color:var(--hb-color-fill-tertiary)}.hb-tree__node-content--selected{background-color:var(--hb-color-primary-bg)}.hb-tree__node--disabled>.hb-tree__node-content{cursor:not-allowed;opacity:.5}.hb-tree__node--disabled>.hb-tree__node-content:hover{background-color:#0000}.hb-tree__switcher{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.hb-tree__arrow{display:inline-block;font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree__arrow--expanded{transform:rotate(90deg)}.hb-tree--show-line .hb-tree__switcher{color:var(--hb-color-border)}.hb-tree__line-dot{border-bottom:1px solid var(--hb-color-border);border-bottom-left-radius:var(--hb-border-radius-sm);border-left:1px solid var(--hb-color-border);height:6px;width:6px}.hb-tree__checkbox{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-xs,2px);color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;height:16px;justify-content:center;line-height:1;transition:all var(--hb-transition-duration,.2s);width:16px}.hb-tree__checkbox:hover:not(.hb-tree__checkbox--disabled){border-color:var(--hb-color-primary)}.hb-tree__checkbox--checked,.hb-tree__checkbox--indeterminate{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary)}.hb-tree__checkbox--disabled{cursor:not-allowed;opacity:.5}.hb-tree__title{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.hb-tree__node-content--selected .hb-tree__title{color:var(--hb-color-primary);font-weight:500}@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 HbTreeStyle0 = treeCss;
+
+const Tree = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hbSelect = index.createEvent(this, "hbSelect", 7);
+        this.hbExpand = index.createEvent(this, "hbExpand", 7);
+        this.hbCheck = index.createEvent(this, "hbCheck", 7);
+    }
+    get el() { return index.getElement(this); }
+    /**
+     * 可选项数据源（递归树结构）
+     */
+    data = [];
+    /**
+     * （受控）展开的节点 key 集合
+     */
+    expandedKeys = [];
+    /**
+     * （受控）选中的节点 key 集合
+     */
+    selectedKeys = [];
+    /**
+     * 是否显示 checkbox 复选框
+     * @default false
+     */
+    checkable = false;
+    /**
+     * （受控）勾选的节点 key 集合
+     */
+    checkedKeys = [];
+    /**
+     * 是否默认展开全部节点
+     * @default false
+     */
+    defaultExpandAll = false;
+    /**
+     * 是否显示连接线
+     * @default false
+     */
+    showLine = false;
+    internalExpanded = null;
+    internalSelected = null;
+    internalChecked = null;
+    /**
+     * 选中节点变化事件（detail: 选中节点 key 数组）
+     */
+    hbSelect;
+    /**
+     * 展开节点变化事件（detail: 展开节点 key 数组）
+     */
+    hbExpand;
+    /**
+     * 勾选节点变化事件（detail: 勾选节点 key 数组）
+     */
+    hbCheck;
+    componentWillLoad() {
+        if (this.defaultExpandAll) {
+            const all = [];
+            this.collectExpandableKeys(this.data, all);
+            this.internalExpanded = all;
+        }
+    }
+    /**
+     * data 变化时，若 defaultExpandAll=true，把所有含 children 的节点 key
+     * 合并进 expandedKeys（保留用户已手动展开的节点，不收起任何已展开项）。
+     * 解决「先 mount 再赋 data」时 componentWillLoad 基于空数据计算导致不展开的问题。
+     */
+    handleDataChange() {
+        if (!this.defaultExpandAll) {
+            return;
+        }
+        const current = this.getExpandedKeys();
+        const merged = [...current];
+        this.collectExpandableKeys(this.data, merged);
+        // 去重
+        const deduped = Array.from(new Set(merged));
+        this.internalExpanded = deduped;
+        this.expandedKeys = deduped;
+    }
+    handleExpandedKeysChange() {
+        this.internalExpanded = null;
+    }
+    handleSelectedKeysChange() {
+        this.internalSelected = null;
+    }
+    handleCheckedKeysChange() {
+        this.internalChecked = null;
+    }
+    collectExpandableKeys(nodes, out) {
+        for (const node of nodes) {
+            if (node.children && node.children.length > 0) {
+                out.push(node.key);
+                this.collectExpandableKeys(node.children, out);
+            }
+        }
+    }
+    getExpandedKeys() {
+        return this.internalExpanded !== null ? this.internalExpanded : this.expandedKeys;
+    }
+    getSelectedKeys() {
+        return this.internalSelected !== null ? this.internalSelected : this.selectedKeys;
+    }
+    getCheckedKeys() {
+        return this.internalChecked !== null ? this.internalChecked : this.checkedKeys;
+    }
+    isExpanded = (key) => this.getExpandedKeys().includes(key);
+    isSelected = (key) => this.getSelectedKeys().includes(key);
+    isChecked = (key) => this.getCheckedKeys().includes(key);
+    handleToggleExpand = (node, e) => {
+        e.stopPropagation();
+        if (node.disabled)
+            return;
+        const current = [...this.getExpandedKeys()];
+        const idx = current.indexOf(node.key);
+        if (idx >= 0) {
+            current.splice(idx, 1);
+        }
+        else {
+            current.push(node.key);
+        }
+        this.internalExpanded = current;
+        this.expandedKeys = current;
+        this.hbExpand.emit(current);
+    };
+    handleSelect = (node) => {
+        if (node.disabled)
+            return;
+        const current = [...this.getSelectedKeys()];
+        const idx = current.indexOf(node.key);
+        if (idx >= 0) {
+            current.splice(idx, 1);
+        }
+        else {
+            current.push(node.key);
+        }
+        this.internalSelected = current;
+        this.selectedKeys = current;
+        this.hbSelect.emit(current);
+    };
+    handleCheck = (node, e) => {
+        e.stopPropagation();
+        if (node.disabled)
+            return;
+        const current = [...this.getCheckedKeys()];
+        const wasChecked = current.includes(node.key);
+        // 计算本次操作应进入/移出 checkedKeys 的所有 key 集合（含级联）。
+        // 不可变：始终基于副本计算，绝不原地修改 current。
+        const next = new Set(current);
+        if (wasChecked) {
+            // 取消：取消自身 + 取消所有后代（含禁用后代，因为它们当时是被父级带选的）。
+            this.removeDescendantKeys(node, next);
+            next.delete(node.key);
+        }
+        else {
+            // 勾选：勾选自身 + 勾选所有非禁用后代。
+            next.add(node.key);
+            this.collectCheckableDescendantKeys(node, next);
+        }
+        // 父子联动自底向上修正祖先：所有非禁用子节点全选 → 父加入 checkedKeys；
+        // 子节点部分选/全未选 → 父移出 checkedKeys（部分选体现为 indeterminate，由 detail 暴露）。
+        this.reconcileAncestors(node, next);
+        const result = Array.from(next);
+        this.internalChecked = result;
+        this.checkedKeys = result;
+        this.hbCheck.emit(result);
+    };
+    /**
+     * 从集合中移除某节点所有后代 key（含禁用项），用于取消父级时级联取消。
+     * 不可变：仅修改传入的 Set 副本，不修改树本身。
+     */
+    removeDescendantKeys(node, out) {
+        if (!node.children)
+            return;
+        for (const child of node.children) {
+            out.delete(child.key);
+            this.removeDescendantKeys(child, out);
+        }
+    }
+    /**
+     * 收集某节点所有「可勾选（非禁用）」后代 key，用于勾选父级时级联勾选。
+     * 注意：禁用子节点本身不可手动勾选，但若其下还有非禁用后代，仍应被级联勾选。
+     */
+    collectCheckableDescendantKeys(node, out) {
+        if (!node.children)
+            return;
+        for (const child of node.children) {
+            if (!child.disabled) {
+                out.add(child.key);
+            }
+            // 无论 child 是否禁用，继续向下寻找可勾选后代。
+            this.collectCheckableDescendantKeys(child, out);
+        }
+    }
+    /**
+     * 自底向上修正 checkedKeys 中某节点的所有祖先勾选状态。
+     * 规则：一个祖先节点，当且仅当其所有「非禁用子节点」均被勾选时，自身才被勾选；
+     * 否则移出 checkedKeys（部分选情况由 indeterminate 集合在渲染层暴露，不进入 checkedKeys）。
+     */
+    reconcileAncestors(node, next) {
+        const parents = this.findAncestors(this.data, node.key, []);
+        // parents 为从直接父到根的数组；逐层判断。
+        for (const parent of parents) {
+            if (parent.disabled || !parent.children || parent.children.length === 0)
+                continue;
+            const checkableChildren = parent.children.filter((c) => !c.disabled);
+            if (checkableChildren.length === 0)
+                continue;
+            const allChecked = checkableChildren.every((c) => next.has(c.key));
+            if (allChecked) {
+                next.add(parent.key);
+            }
+            else {
+                next.delete(parent.key);
+            }
+        }
+    }
+    /**
+     * 递归查找某 key 的祖先链（不含自身），返回从直接父到根的数组。
+     * 找不到返回空数组（key 为根节点或不存在时）。
+     */
+    findAncestors(nodes, key, acc) {
+        for (const node of nodes) {
+            if (node.key === key) {
+                return acc;
+            }
+            if (node.children && node.children.length > 0) {
+                const found = this.findAncestors(node.children, key, [node, ...acc]);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    /**
+     * 计算当前 checkedKeys 下处于「部分选中（indeterminate）」的节点 key 集合。
+     * 一个节点为 indeterminate 当：其本身不在 checkedKeys，但其下（递归）存在被勾选的后代。
+     * 用于渲染层暴露三方态（aria-checked="mixed" + class）。
+     */
+    computeIndeterminateKeys() {
+        const checked = this.getCheckedKeys();
+        const result = new Set();
+        const walk = (node) => {
+            if (!node.children || node.children.length === 0) {
+                return { hasCheckedDescendant: false };
+            }
+            let hasCheckedDescendant = false;
+            for (const child of node.children) {
+                const childState = walk(child);
+                if (checked.includes(child.key) || childState.hasCheckedDescendant) {
+                    hasCheckedDescendant = true;
+                }
+            }
+            // 节点本身未勾选，但有被勾选后代 → indeterminate
+            if (hasCheckedDescendant && !checked.includes(node.key)) {
+                result.add(node.key);
+            }
+            return { hasCheckedDescendant };
+        };
+        for (const root of this.data) {
+            walk(root);
+        }
+        return result;
+    }
+    renderNode = (node, level, indeterminateKeys) => {
+        const hasChildren = !!(node.children && node.children.length > 0);
+        const expanded = this.isExpanded(node.key);
+        const selected = this.isSelected(node.key);
+        const checked = this.isChecked(node.key);
+        const indeterminate = indeterminateKeys.has(node.key);
+        const disabled = !!node.disabled;
+        return (index.h("li", { class: {
+                'hb-tree__node': true,
+                'hb-tree__node--disabled': disabled,
+            }, role: "treeitem", "aria-level": level + 1, "aria-expanded": hasChildren ? String(expanded) : undefined, "aria-selected": selected ? 'true' : 'false', "aria-checked": this.checkable
+                ? indeterminate
+                    ? 'mixed'
+                    : checked
+                        ? 'true'
+                        : 'false'
+                : undefined, "aria-disabled": disabled ? 'true' : undefined, tabindex: selected ? 0 : -1 }, index.h("div", { class: {
+                'hb-tree__node-content': true,
+                'hb-tree__node-content--selected': selected,
+            }, style: { paddingLeft: `${level * 18 + 8}px` } }, index.h("span", { class: "hb-tree__switcher", onClick: (e) => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (index.h("span", { class: { 'hb-tree__arrow': true, 'hb-tree__arrow--expanded': expanded } }, "\u25B6")) : this.showLine ? (index.h("span", { class: "hb-tree__line-dot" })) : null), this.checkable && (index.h("span", { class: {
+                'hb-tree__checkbox': true,
+                'hb-tree__checkbox--checked': checked,
+                'hb-tree__checkbox--indeterminate': indeterminate,
+                'hb-tree__checkbox--disabled': disabled,
+            }, onClick: (e) => this.handleCheck(node, e) }, checked ? '✓' : indeterminate ? '–' : '')), index.h("span", { class: "hb-tree__title", onClick: () => this.handleSelect(node) }, node.title)), hasChildren && expanded && (index.h("ul", { class: "hb-tree__children", role: "group" }, node.children.map((child) => this.renderNode(child, level + 1, indeterminateKeys))))));
+    };
+    render() {
+        const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set();
+        return (index.h("ul", { key: '6e40f05b44667fb23f0b6a74f647553fa518cca4', class: { 'hb-tree': true, 'hb-tree--show-line': this.showLine }, role: "tree" }, this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))));
+    }
+    static get watchers() { return {
+        "data": ["handleDataChange"],
+        "expandedKeys": ["handleExpandedKeysChange"],
+        "selectedKeys": ["handleSelectedKeysChange"],
+        "checkedKeys": ["handleCheckedKeysChange"]
+    }; }
+};
+Tree.style = HbTreeStyle0;
+
+exports.hb_tree = Tree;
+
+//# sourceMappingURL=hb-tree.cjs.entry.js.map