huibo-ui 0.4.0 → 0.6.0

package/dist/collection/components/Checkbox/CheckboxGroup.js

@@ -39,6 +39,12 @@ export class CheckboxGroup {
     componentDidLoad() {
         this.updateCheckboxes();
     }
+    // L4：卸载时移除子 checkbox 的 hbChange 监听，规范化 teardown。
+    disconnectedCallback() {
+        this.checkboxes.forEach(checkbox => {
+            checkbox.removeEventListener('hbChange', this.handleCheckboxChange);
+        });
+    }
     handleValueChange() {
         this.updateCheckboxesState();
     }
@@ -48,7 +54,7 @@ export class CheckboxGroup {
     updateCheckboxes() {
         const checkboxes = Array.from(this.el.querySelectorAll('hb-checkbox'));
         this.checkboxes = checkboxes;
-        checkboxes.forEach((checkbox) => {
+        checkboxes.forEach(checkbox => {
             checkbox.disabled = this.disabled || checkbox.disabled;
             checkbox.size = this.size;
             checkbox.border = this.border;
@@ -58,12 +64,10 @@ export class CheckboxGroup {
         this.updateCheckboxesState();
     }
     updateCheckboxesState() {
-        this.checkboxes.forEach((checkbox) => {
+        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);
+                checkbox.modelValue = isChecked ? [...this.modelValue] : this.modelValue.filter(v => v !== checkbox.value);
             }
         });
     }
@@ -74,7 +78,7 @@ export class CheckboxGroup {
             return;
         let newValue;
         if (this.modelValue.includes(value)) {
-            newValue = this.modelValue.filter((v) => v !== value);
+            newValue = this.modelValue.filter(v => v !== value);
             // 取消选中后不能低于最小数量
             if (this.min !== undefined && newValue.length < this.min) {
                 return;
@@ -91,9 +95,9 @@ export class CheckboxGroup {
         this.hbChange.emit(newValue);
     };
     render() {
-        return (h("div", { key: '04b1a84ce9831a6d18c8309d4c79061d125791be', class: {
+        return (h("div", { key: '907e537d44bf915f154c862468e91ea195df7159', class: {
                 'hb-checkbox-group': true,
-            } }, h("slot", { key: 'cda444c6794cdb873a34aaa4e32c0d2307ee9be6' })));
+            } }, h("slot", { key: '823370e5e00a566c375d10bf51ec62f01d77c2f0' })));
     }
     static get is() { return "hb-checkbox-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["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,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["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  // L4：卸载时移除子 checkbox 的 hbChange 监听，规范化 teardown。\n  disconnectedCallback() {\n    this.checkboxes.forEach(checkbox => {\n      checkbox.removeEventListener('hbChange', this.handleCheckboxChange);\n    });\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(this.el.querySelectorAll('hb-checkbox')) 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 ? [...this.modelValue] : 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"]}

package/dist/collection/components/Collapse/Collapse.js

@@ -3,24 +3,29 @@ export class Collapse {
     el;
     /** 是否开启手风琴模式（同时仅展开一项） */
     accordion = false;
+    // L2：抽命名 handler 以便 disconnectedCallback 正确 remove（修复前匿名箭头无法 remove）。
+    handleItemToggle = ((e) => {
+        if (!this.accordion)
+            return;
+        const { active } = e.detail;
+        // 手风琴模式：某项展开时，关闭其余项
+        if (!active)
+            return;
+        const current = e.target;
+        this.el.querySelectorAll('hb-collapse-item').forEach(item => {
+            if (item !== current) {
+                item.active = false;
+            }
+        });
+    });
     componentDidLoad() {
-        this.el.addEventListener('hbCollapseItemToggle', ((e) => {
-            if (!this.accordion)
-                return;
-            const { active } = e.detail;
-            // 手风琴模式：某项展开时，关闭其余项
-            if (!active)
-                return;
-            const current = e.target;
-            this.el.querySelectorAll('hb-collapse-item').forEach((item) => {
-                if (item !== current) {
-                    item.active = false;
-                }
-            });
-        }));
+        this.el.addEventListener('hbCollapseItemToggle', this.handleItemToggle);
+    }
+    disconnectedCallback() {
+        this.el.removeEventListener('hbCollapseItemToggle', this.handleItemToggle);
     }
     render() {
-        return (h("div", { key: '908cf5e3266479599d1923b0ffe5d70509499f1e', class: { 'hb-collapse': true, 'hb-collapse--accordion': this.accordion } }, h("slot", { key: '162114d7a208a99be9d6e4210dc68196ae3ddde7' })));
+        return (h("div", { key: 'c19c726c13bb8192d7f51b1db1e8d630d9dee4eb', class: { 'hb-collapse': true, 'hb-collapse--accordion': this.accordion } }, h("slot", { key: '49d7bd429b307f259820afa2a67eeb8b705cd7c8' })));
     }
     static get is() { return "hb-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../../src/components/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,OAAO,QAAQ;IACR,EAAE,CAAc;IAE3B,yBAAyB;IACA,SAAS,GAAY,KAAK,CAAC;IAEpD,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,gBAAgB,CACtB,sBAAsB,EACtB,CAAC,CAAC,CAAc,EAAE,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;YAC5B,oBAAoB;YACpB,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;YACxC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC5D,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;oBACpB,IAAY,CAAC,MAAM,GAAG,KAAK,CAAC;gBAC/B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAkB,CACpB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,SAAS,EAAE;YAC3E,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-collapse', styleUrl: 'collapse.css', shadow: true })\nexport class Collapse {\n  @Element() el: HTMLElement;\n\n  /** 是否开启手风琴模式（同时仅展开一项） */\n  @Prop({ mutable: true }) accordion: boolean = false;\n\n  componentDidLoad() {\n    this.el.addEventListener(\n      'hbCollapseItemToggle',\n      ((e: CustomEvent) => {\n        if (!this.accordion) return;\n        const { active } = e.detail;\n        // 手风琴模式：某项展开时，关闭其余项\n        if (!active) return;\n        const current = e.target as HTMLElement;\n        this.el.querySelectorAll('hb-collapse-item').forEach((item) => {\n          if (item !== current) {\n            (item as any).active = false;\n          }\n        });\n      }) as EventListener,\n    );\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-collapse': true, 'hb-collapse--accordion': this.accordion }}>\n        <slot />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../../src/components/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,OAAO,QAAQ;IACR,EAAE,CAAc;IAE3B,yBAAyB;IACA,SAAS,GAAY,KAAK,CAAC;IAEpD,sEAAsE;IAC9D,gBAAgB,GAAG,CAAC,CAAC,CAAc,EAAE,EAAE;QAC7C,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC5B,oBAAoB;QACpB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;QACxC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC1D,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;gBACpB,IAAY,CAAC,MAAM,GAAG,KAAK,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAkB,CAAC;IAEpB,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC1E,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC7E,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,SAAS,EAAE;YAC3E,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-collapse', styleUrl: 'collapse.css', shadow: true })\nexport class Collapse {\n  @Element() el: HTMLElement;\n\n  /** 是否开启手风琴模式（同时仅展开一项） */\n  @Prop({ mutable: true }) accordion: boolean = false;\n\n  // L2：抽命名 handler 以便 disconnectedCallback 正确 remove（修复前匿名箭头无法 remove）。\n  private handleItemToggle = ((e: CustomEvent) => {\n    if (!this.accordion) return;\n    const { active } = e.detail;\n    // 手风琴模式：某项展开时，关闭其余项\n    if (!active) return;\n    const current = e.target as HTMLElement;\n    this.el.querySelectorAll('hb-collapse-item').forEach(item => {\n      if (item !== current) {\n        (item as any).active = false;\n      }\n    });\n  }) as EventListener;\n\n  componentDidLoad() {\n    this.el.addEventListener('hbCollapseItemToggle', this.handleItemToggle);\n  }\n\n  disconnectedCallback() {\n    this.el.removeEventListener('hbCollapseItemToggle', this.handleItemToggle);\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-collapse': true, 'hb-collapse--accordion': this.accordion }}>\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Collapse/CollapseItem.js

@@ -2,8 +2,17 @@ import { h } from "@stencil/core";
 import { isActivationKey } from "../../utils/a11y";
 export class CollapseItem {
     el;
-    /** 唯一标识（手风琴模式协调用） */
+    /**
+     * 唯一标识（手风琴模式协调用）。
+     * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，
+     * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key="..." 仍可工作）。
+     */
+    itemKey = '';
     key = '';
+    /** 解析出的有效 key：itemKey 优先，回退到 key */
+    get effectiveKey() {
+        return this.itemKey || this.key;
+    }
     /** 标题 */
     title = '';
     /** 是否禁用 */
@@ -24,7 +33,7 @@ export class CollapseItem {
         this.active = this.isOpen;
         // 通知父级 hb-collapse（composed 穿越 shadow 边界，用于手风琴协调）
         this.el.dispatchEvent(new CustomEvent('hbCollapseItemToggle', {
-            detail: { key: this.key, active: this.isOpen },
+            detail: { key: this.effectiveKey, active: this.isOpen },
             bubbles: true,
             composed: true,
         }));
@@ -38,12 +47,32 @@ export class CollapseItem {
         }
     };
     render() {
-        return (h("div", { key: '98bb39328b3f8286bdc192bafd79fc5745c6e44c', class: { 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled } }, h("div", { key: '777f4d272ac88422ac0035e7f58034535b419ec7', class: "hb-collapse-item__header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.toggle, onKeyDown: this.handleHeaderKeydown }, h("span", { key: 'db1edadb885a81efd8b45d196d05da282a006cc5', class: "hb-collapse-item__title" }, this.title), h("span", { key: '551dd3ecdda882b3bb32c0ee88203e5dfa73239c', class: { 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen } }, "\u25B6")), h("div", { key: '292b47291364947872dc2fa71f470c93ace7fce8', class: { 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen } }, h("div", { key: '051d493b7d5f7f907480aad1c6b0684e83d1bd03', class: "hb-collapse-item__content" }, h("slot", { key: '5f7e1afc4e416d9cf6f88925a7e06ea089572c7c' })))));
+        return (h("div", { key: '8a2c030befa8ddd6488dd8c27ed05cf9c12cb725', class: { 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled } }, h("div", { key: 'bc692bdf0c20a3b6b7ec32bc07df43f987699968', class: "hb-collapse-item__header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.toggle, onKeyDown: this.handleHeaderKeydown }, h("span", { key: 'd3564c3db0f101cca70428ce8fed34931454abcd', class: "hb-collapse-item__title" }, this.title), h("span", { key: '75a8e55ccca5909a25c310c959f02cd0203131d9', class: { 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen } }, "\u25B6")), h("div", { key: 'f52384a7a7b6cb9bc44ee96e9e2be49192b9cab0', class: { 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen } }, h("div", { key: 'd387ab83f70c3292b07659b00b433b8c6891b1f1', class: "hb-collapse-item__content" }, h("slot", { key: '3046ac9233488eab8a5a50af56cac5402b21669f' })))));
     }
     static get is() { return "hb-collapse-item"; }
     static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
+            "itemKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u552F\u4E00\u6807\u8BC6\uFF08\u624B\u98CE\u7434\u6A21\u5F0F\u534F\u8C03\u7528\uFF09\u3002\nO3\uFF1A\u63A8\u8350\u7528 itemKey\u3002\u4FDD\u7559 key \u4F5C\u4E3A\u5411\u540E\u517C\u5BB9\u522B\u540D\uFF08key \u662F Stencil/React \u4FDD\u7559 prop\uFF0C\n\u901A\u8FC7 JSX \u8BBE\u7F6E\u65F6\u53EF\u80FD\u88AB vdom \u62E6\u622A\uFF1BHTML \u5C5E\u6027 key=\"...\" \u4ECD\u53EF\u5DE5\u4F5C\uFF09\u3002"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "item-key",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "key": {
                 "type": "string",
                 "mutable": false,
@@ -56,7 +85,7 @@ export class CollapseItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u552F\u4E00\u6807\u8BC6\uFF08\u624B\u98CE\u7434\u6A21\u5F0F\u534F\u8C03\u7528\uFF09"
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/Collapse/CollapseItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseItem.js","sourceRoot":"","sources":["../../../src/components/Collapse/CollapseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,MAAM,OAAO,YAAY;IACZ,EAAE,CAAc;IAE3B,qBAAqB;IACb,GAAG,GAAW,EAAE,CAAC;IAEzB,SAAS;IACD,KAAK,GAAW,EAAE,CAAC;IAE3B,WAAW;IACH,QAAQ,GAAY,KAAK,CAAC;IAElC,yCAAyC;IAChB,MAAM,GAAY,KAAK,CAAC;IAExC,MAAM,GAAY,KAAK,CAAC;IAEjC,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5B,CAAC;IAGD,kBAAkB,CAAC,GAAY;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;IACpB,CAAC;IAEO,MAAM,GAAG,GAAG,EAAE;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,kDAAkD;QAClD,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YAC9C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC,CAAC;IAEM,mBAAmB,GAAG,CAAC,CAAgB,EAAE,EAAE;QACjD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,CAAC,MAAM,EAAE,4BAA4B,EAAE,IAAI,CAAC,QAAQ,EAAE;YAEzH,4DACE,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACjB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,mBAAmB;gBAEnC,6DAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACzD,6DAAM,KAAK,EAAE,EAAE,yBAAyB,EAAE,IAAI,EAAE,+BAA+B,EAAE,IAAI,CAAC,MAAM,EAAE,aAAU,CACpG;YACN,4DAAK,KAAK,EAAE,EAAE,2BAA2B,EAAE,IAAI,EAAE,iCAAiC,EAAE,IAAI,CAAC,MAAM,EAAE;gBAC/F,4DAAK,KAAK,EAAC,2BAA2B;oBACpC,8DAAQ,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n@Component({ tag: 'hb-collapse-item', shadow: true })\nexport class CollapseItem {\n  @Element() el: HTMLElement;\n\n  /** 唯一标识（手风琴模式协调用） */\n  @Prop() key: string = '';\n\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否展开（受控；由父级 hb-collapse 在手风琴模式下联动） */\n  @Prop({ mutable: true }) active: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  componentDidLoad() {\n    this.isOpen = this.active;\n  }\n\n  @Watch('active')\n  handleActiveChange(val: boolean) {\n    this.isOpen = val;\n  }\n\n  private toggle = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.active = this.isOpen;\n    // 通知父级 hb-collapse（composed 穿越 shadow 边界，用于手风琴协调）\n    this.el.dispatchEvent(\n      new CustomEvent('hbCollapseItemToggle', {\n        detail: { key: this.key, active: this.isOpen },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  };\n\n  private handleHeaderKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  render() {\n    return (\n      <div\n        class={{ 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled }}\n      >\n        <div\n          class=\"hb-collapse-item__header\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : undefined}\n          onClick={this.toggle}\n          onKeyDown={this.handleHeaderKeydown}\n        >\n          <span class=\"hb-collapse-item__title\">{this.title}</span>\n          <span class={{ 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen }}>▶</span>\n        </div>\n        <div class={{ 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen }}>\n          <div class=\"hb-collapse-item__content\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"CollapseItem.js","sourceRoot":"","sources":["../../../src/components/Collapse/CollapseItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n@Component({ tag: 'hb-collapse-item', shadow: true })\nexport class CollapseItem {\n  @Element() el: HTMLElement;\n\n  /**\n   * 唯一标识（手风琴模式协调用）。\n   * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，\n   * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key=\"...\" 仍可工作）。\n   */\n  @Prop() itemKey: string = '';\n  @Prop() key: string = '';\n\n  /** 解析出的有效 key：itemKey 优先，回退到 key */\n  private get effectiveKey(): string {\n    return this.itemKey || this.key;\n  }\n\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否展开（受控；由父级 hb-collapse 在手风琴模式下联动） */\n  @Prop({ mutable: true }) active: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  componentDidLoad() {\n    this.isOpen = this.active;\n  }\n\n  @Watch('active')\n  handleActiveChange(val: boolean) {\n    this.isOpen = val;\n  }\n\n  private toggle = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.active = this.isOpen;\n    // 通知父级 hb-collapse（composed 穿越 shadow 边界，用于手风琴协调）\n    this.el.dispatchEvent(\n      new CustomEvent('hbCollapseItemToggle', {\n        detail: { key: this.effectiveKey, active: this.isOpen },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  };\n\n  private handleHeaderKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  render() {\n    return (\n      <div class={{ 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled }}>\n        <div\n          class=\"hb-collapse-item__header\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : undefined}\n          onClick={this.toggle}\n          onKeyDown={this.handleHeaderKeydown}\n        >\n          <span class=\"hb-collapse-item__title\">{this.title}</span>\n          <span class={{ 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen }}>▶</span>\n        </div>\n        <div class={{ 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen }}>\n          <div class=\"hb-collapse-item__content\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/ColorPicker/ColorPicker.js

@@ -153,10 +153,12 @@ export class ColorPicker {
                     rgb.g = num;
                 else if (index === 2)
                     rgb.b = num;
-                const hex = `#${[rgb.r, rgb.g, rgb.b].map(x => {
+                const hex = `#${[rgb.r, rgb.g, rgb.b]
+                    .map(x => {
                     const hex = x.toString(16);
                     return hex.length === 1 ? '0' + hex : hex;
-                }).join('')}`;
+                })
+                    .join('')}`;
                 this.handleColorSelect(hex);
             }
         }
@@ -167,11 +169,13 @@ export class ColorPicker {
         if (!normalized)
             return null;
         const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
-        return result ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16)
-        } : null;
+        return result
+            ? {
+                r: parseInt(result[1], 16),
+                g: parseInt(result[2], 16),
+                b: parseInt(result[3], 16),
+            }
+            : null;
     }
     // RGB 转 HSV
     rgbToHsv(r, g, b) {
@@ -241,16 +245,18 @@ export class ColorPicker {
         return {
             r: Math.round((r + m) * 255),
             g: Math.round((g + m) * 255),
-            b: Math.round((b + m) * 255)
+            b: Math.round((b + m) * 255),
         };
     }
     // HSV 转 Hex
     hsvToHex(h, s, v) {
         const rgb = this.hsvToRgb(h, s, v);
-        return `#${[rgb.r, rgb.g, rgb.b].map(x => {
+        return `#${[rgb.r, rgb.g, rgb.b]
+            .map(x => {
             const hex = x.toString(16);
             return hex.length === 1 ? '0' + hex : hex;
-        }).join('')}`;
+        })
+            .join('')}`;
     }
     // 从颜色值更新 HSV
     updateHSVFromColor(color) {
@@ -294,27 +300,24 @@ export class ColorPicker {
     }
     render() {
         const rgb = this.hexToRgb(this.currentColor);
-        const predefinedColors = this.predefine || [
-            '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1',
-            '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080',
-        ];
+        const predefinedColors = this.predefine || ['#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080'];
         // 根据当前色相生成饱和度面板的背景色
         const hueColor = this.hsvToHex(this.hue, 100, 100);
-        return (h("div", { key: '52393318617ee172eb5ea6cfbe2a4924a3b6b63e', class: {
+        return (h("div", { key: '8159e1edcb35ac81d9590a6bbe39ee5f386793b0', class: {
                 'hb-color-picker': true,
                 'hb-color-picker--open': this.isOpen,
                 'hb-color-picker--disabled': this.disabled,
-            }, onKeyDown: this.handleKeyDown }, h("div", { key: '58a32dc101b842064bade3fbd44b594bbbec05b5', class: "hb-color-picker__trigger", onClick: this.handleTriggerClick, role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: e => {
+            }, onKeyDown: this.handleKeyDown }, h("div", { key: '719abe5e28e1a2119287423626ae7695233e9fdd', class: "hb-color-picker__trigger", onClick: this.handleTriggerClick, role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: e => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
                     this.handleTriggerClick();
                 }
-            } }, h("div", { key: '5f183c7aa2a29818e13a569f172560a2ee7d475e', class: "hb-color-picker__color", style: { backgroundColor: this.currentColor } }), h("span", { key: 'eb1f178aff0cc1c6eb247322e9162dea60178b60', class: "hb-color-picker__text" }, this.currentColor)), this.isOpen && (h("div", { key: 'cca8bb671e305e262edebf7095128f91dcc78ee0', class: "hb-color-picker__dropdown", role: "dialog" }, h("div", { key: 'ecbbe0b9c3791a2638b0540f49f6cad628a15f64', class: "hb-color-picker__panel" }, h("div", { key: '514850ca7676e52c1fc7385c8cc352e4ad5d0362', class: "hb-color-picker__saturation", onClick: this.handleSaturationClick }, h("div", { key: 'b5e98c45b8a8a750f12e8bea6406a107e235a3be', class: "hb-color-picker__saturation-bg", style: { backgroundColor: hueColor } }), h("div", { key: 'fd7f705ad5e58713adb3dae2892abf830f57051d', class: "hb-color-picker__saturation-white" }), h("div", { key: 'e513305bb22b0753eb0c82829f843d68a19ee4fa', class: "hb-color-picker__saturation-black" }), h("div", { key: '3f44dc010cacd7cac78a88ace1cd86aa253b26f2', class: "hb-color-picker__saturation-pointer", style: {
+            } }, h("div", { key: '93b7fb2f6754556fdd3128050b859ee0cc6ec833', class: "hb-color-picker__color", style: { backgroundColor: this.currentColor } }), h("span", { key: 'd309c1b383d72d658997de577c168dee6f7e361e', class: "hb-color-picker__text" }, this.currentColor)), this.isOpen && (h("div", { key: 'f003b426845acc8b99fd7d511d4a4ba971f2e9f7', class: "hb-color-picker__dropdown", role: "dialog" }, h("div", { key: '33dd2879affc21f80594d89fc289a11627949375', class: "hb-color-picker__panel" }, h("div", { key: '7c2018e2b1d835cac0545dec44e8ae87e2c5ed65', class: "hb-color-picker__saturation", onClick: this.handleSaturationClick }, h("div", { key: 'def94c6e3c46b3ceea88dcadcda4f212abc65b81', class: "hb-color-picker__saturation-bg", style: { backgroundColor: hueColor } }), h("div", { key: '0f0fc45d2f8e41b921243697aae7af2ab024bda3', class: "hb-color-picker__saturation-white" }), h("div", { key: '6437cc9967f46ffacbca1e5128fd921276c3e914', class: "hb-color-picker__saturation-black" }), h("div", { key: '091a01517569d89dc75262da962e46144ac05107', class: "hb-color-picker__saturation-pointer", style: {
                 left: `${this.saturation}%`,
                 top: `${100 - this.value}%`,
-            } })), h("div", { key: '3b91d0d162027b58adb790d5f5ca0243fa3cb07c', class: "hb-color-picker__controls" }, h("div", { key: '1c1fe521f3820e86ed71c331e6da7213db907038', class: "hb-color-picker__hue", onClick: this.handleHueClick }, h("div", { key: 'a2caa8290277ad46c59efd087c255c3a55fe3ca6', class: "hb-color-picker__hue-bar" }), h("div", { key: '36f9bdd607dcc6181a554442e47a5f5574d71649', class: "hb-color-picker__hue-pointer", style: {
+            } })), h("div", { key: '016d2417565eeb443e4d1af01926b4350234e6de', class: "hb-color-picker__controls" }, h("div", { key: '4c3fc5e6290032416c65939ad5f0b847577a1668', class: "hb-color-picker__hue", onClick: this.handleHueClick }, h("div", { key: '4838eaa146e754ad293e07f6ff802651f8032ee6', class: "hb-color-picker__hue-bar" }), h("div", { key: '5e5b64cb048a164ed755d7100b428f6110b5ff8d', class: "hb-color-picker__hue-pointer", style: {
                 left: `${(this.hue / 360) * 100}%`,
-            } })), this.showAlpha && (h("div", { key: 'ced86625cf6f3e461752a61022bbb36015fa3b3a', class: "hb-color-picker__alpha", onClick: this.handleAlphaClick }, h("div", { key: '2de6b6937338ccbdf07a89267ca274e1f04a5b0e', class: "hb-color-picker__alpha-bar", style: { backgroundColor: this.currentColor } }), h("div", { key: '4363ebb73a38c7b657ef80144e33220b0063b438', class: "hb-color-picker__alpha-pointer", style: { left: `${this.alpha}%` } })))), h("div", { key: 'd90829aaf4099621bcb438755ca44718f23652cd', class: "hb-color-picker__input" }, h("input", { key: '7209889a410ac83c73b52a4af3809e621ad4dfef', type: "text", class: "hb-color-picker__input-hex", value: this.currentColor, onInput: this.handleInputChange, "aria-label": "HEX \u989C\u8272\u503C" }), rgb && (h("div", { key: '83b2df101257f8ada13a9006dd9d7140db4123bc', class: "hb-color-picker__input-rgb" }, h("input", { key: '7858c1e35bcbe9e0356c3cab386b2e061a47c9ea', type: "number", min: "0", max: "255", value: rgb.r, onInput: (e) => this.handleRgbInputChange(0, e.target.value), "aria-label": "\u7EA2\u8272\u901A\u9053" }), h("input", { key: 'b03784fb1668bfdd78693b58fe912a121810b855', type: "number", min: "0", max: "255", value: rgb.g, onInput: (e) => this.handleRgbInputChange(1, e.target.value), "aria-label": "\u7EFF\u8272\u901A\u9053" }), h("input", { key: 'd40ae6d0ae271cadbd1e9ddca9e98b071357fc78', type: "number", min: "0", max: "255", value: rgb.b, onInput: (e) => this.handleRgbInputChange(2, e.target.value), "aria-label": "\u84DD\u8272\u901A\u9053" })))), this.predefine && this.predefine.length > 0 && (h("div", { key: '5c858086b250b0db9bea5add8685d3a39e073550', class: "hb-color-picker__predefine" }, predefinedColors.map((color) => {
+            } })), this.showAlpha && (h("div", { key: '8ad1fb26a551f18a3876c3780a007abb6bd711e9', class: "hb-color-picker__alpha", onClick: this.handleAlphaClick }, h("div", { key: '1467ae93bb35de900fe9c8d8c96178361b8047c6', class: "hb-color-picker__alpha-bar", style: { backgroundColor: this.currentColor } }), h("div", { key: '67fa6c3a238892b18a82847260ba4c48b9197bfd', class: "hb-color-picker__alpha-pointer", style: { left: `${this.alpha}%` } })))), h("div", { key: 'bb5853062d46603de849661b656ec85cbd03aba8', class: "hb-color-picker__input" }, h("input", { key: 'f47b3cc4af3d58144c5093629708937a0ed3d69f', type: "text", class: "hb-color-picker__input-hex", value: this.currentColor, onInput: this.handleInputChange, "aria-label": "HEX \u989C\u8272\u503C" }), rgb && (h("div", { key: '166d6a75b6332888318392b645c69ee4385aa7e2', class: "hb-color-picker__input-rgb" }, h("input", { key: '8475ced358e11965a970f9f6c32b9f0e97f838c6', type: "number", min: "0", max: "255", value: rgb.r, onInput: e => this.handleRgbInputChange(0, e.target.value), "aria-label": "\u7EA2\u8272\u901A\u9053" }), h("input", { key: '6fd5090119fb416984640ea0d43af694c2be6557', type: "number", min: "0", max: "255", value: rgb.g, onInput: e => this.handleRgbInputChange(1, e.target.value), "aria-label": "\u7EFF\u8272\u901A\u9053" }), h("input", { key: '1f813b8619f9bc267e5d8939a80df789755b4cd6', type: "number", min: "0", max: "255", value: rgb.b, onInput: e => this.handleRgbInputChange(2, e.target.value), "aria-label": "\u84DD\u8272\u901A\u9053" })))), this.predefine && this.predefine.length > 0 && (h("div", { key: 'c553c83cecd4cc41644d1fe0a76059d91ce5abd6', class: "hb-color-picker__predefine" }, predefinedColors.map(color => {
             const normalized = this.normalizeHex(color) || color;
             return (h("div", { class: {
                     'hb-color-picker__predefine-color': true,

package/dist/collection/components/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\n/**\n * ColorPicker 颜色选择器组件\n * 用于颜色选择，支持多种格式\n */\n@Component({\n  tag: 'hb-color-picker',\n  styleUrl: 'color-picker.css',\n  shadow: true,\n})\nexport class ColorPicker {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 颜色格式\n   */\n  @Prop() colorFormat: 'hsl' | 'hsv' | 'hex' | 'rgb' = 'hex';\n\n  /**\n   * 是否显示透明度\n   * @default false\n   */\n  @Prop() showAlpha: boolean = false;\n\n  /**\n   * 预定义颜色\n   */\n  @Prop() predefine?: string[];\n\n  @State() isOpen: boolean = false;\n  @State() currentColor: string = '#409EFF';\n  @State() hue: number = 210; // 色相值 0-360\n  @State() saturation: number = 100; // 饱和度 0-100\n  @State() value: number = 100; // 明度 0-100\n  @State() alpha: number = 100; // 透明度 0-100（仅 showAlpha=true 时生效）\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  /**\n   * 激活时触发\n   */\n  @Event() hbActiveChange: EventEmitter<string>;\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n      this.updateHSVFromColor(this.modelValue);\n    } else {\n      this.updateHSVFromColor(this.currentColor);\n    }\n    document.addEventListener('click', this.handleDocumentClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleDocumentClick);\n  }\n\n  private handleDocumentClick = (e: MouseEvent) => {\n    if (!this.isOpen) return;\n    const target = e.target as HTMLElement;\n    if (!this.el.contains(target)) {\n      this.isOpen = false;\n    }\n  };\n\n  @Watch('modelValue')\n  handleValueChange() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n      this.updateHSVFromColor(this.modelValue);\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  /** 键盘交互：Escape 关闭面板（对齐 antd / WAI-ARIA） */\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (e.key === 'Escape' && this.isOpen) {\n      e.preventDefault();\n      this.isOpen = false;\n    }\n  };\n\n  /** 把 3 位简写 hex 规范化为 6 位，避免后续 hexToRgb 解析失败 */\n  private normalizeHex(color: string): string | null {\n    if (typeof color !== 'string') return null;\n    const c = color.trim();\n    if (/^#([A-Fa-f0-9]{6})$/.test(c)) return c.toLowerCase();\n    if (/^#([A-Fa-f0-9]{3})$/.test(c)) {\n      const [, r, g, b] = c.match(/^#(.)(.)(.)$/)!;\n      return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();\n    }\n    return null;\n  }\n\n  private handleColorSelect = (color: string) => {\n    const normalized = this.normalizeHex(color);\n    if (!normalized) return; // 非法颜色直接忽略，防止 currentColor 进入不可解析态\n    this.currentColor = normalized;\n    this.modelValue = normalized;\n    this.hbChange.emit(normalized);\n    this.hbActiveChange.emit(normalized);\n  };\n\n  private handleSaturationClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    \n    // X 轴代表饱和度 (0-100%)\n    this.saturation = Math.max(0, Math.min(100, (x / rect.width) * 100));\n    // Y 轴代表明度 (0-100%，从上到下)\n    this.value = Math.max(0, Math.min(100, 100 - (y / rect.height) * 100));\n    \n    const hex = this.hsvToHex(this.hue, this.saturation, this.value);\n    this.handleColorSelect(hex);\n  };\n\n  private handleHueClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    \n    // 色相值 0-360\n    this.hue = Math.max(0, Math.min(360, (x / rect.width) * 360));\n    \n    const hex = this.hsvToHex(this.hue, this.saturation, this.value);\n    this.handleColorSelect(hex);\n  };\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n    // 验证 hex 颜色格式（3 位简写会被 handleColorSelect 内部规范化为 6 位）\n    if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(value)) {\n      this.handleColorSelect(value);\n    }\n  };\n\n  /** 透明度条点击/拖动：X 轴映射到 alpha 0-100 */\n  private handleAlphaClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    this.alpha = Math.max(0, Math.min(100, Math.round((x / rect.width) * 100)));\n    // alpha 变化触发 active 事件（不改变 hex，但通知消费者透明度变化）\n    this.hbActiveChange.emit(this.getFormattedValue());\n  };\n\n  private handleRgbInputChange = (index: number, value: string) => {\n    const rgb = this.hexToRgb(this.currentColor);\n    if (rgb) {\n      const num = parseInt(value, 10);\n      if (!isNaN(num) && num >= 0 && num <= 255) {\n        if (index === 0) rgb.r = num;\n        else if (index === 1) rgb.g = num;\n        else if (index === 2) rgb.b = num;\n        \n        const hex = `#${[rgb.r, rgb.g, rgb.b].map(x => {\n          const hex = x.toString(16);\n          return hex.length === 1 ? '0' + hex : hex;\n        }).join('')}`;\n        this.handleColorSelect(hex);\n      }\n    }\n  };\n\n  private hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n    // 先用 normalizeHex 兜底 3 位简写（#abc → #aabbcc），再解析\n    const normalized = this.normalizeHex(hex);\n    if (!normalized) return null;\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(normalized);\n    return result ? {\n      r: parseInt(result[1], 16),\n      g: parseInt(result[2], 16),\n      b: parseInt(result[3], 16)\n    } : null;\n  }\n\n  // RGB 转 HSV\n  private rgbToHsv(r: number, g: number, b: number): { h: number; s: number; v: number } {\n    r = r / 255;\n    g = g / 255;\n    b = b / 255;\n\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n    const diff = max - min;\n\n    let h = 0;\n    if (diff !== 0) {\n      if (max === r) {\n        h = ((g - b) / diff) % 6;\n      } else if (max === g) {\n        h = (b - r) / diff + 2;\n      } else {\n        h = (r - g) / diff + 4;\n      }\n    }\n    h = Math.round(h * 60);\n    if (h < 0) h += 360;\n\n    const s = max === 0 ? 0 : Math.round((diff / max) * 100);\n    const v = Math.round(max * 100);\n\n    return { h, s, v };\n  }\n\n  // HSV 转 RGB\n  private hsvToRgb(h: number, s: number, v: number): { r: number; g: number; b: number } {\n    s = s / 100;\n    v = v / 100;\n\n    const c = v * s;\n    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n    const m = v - c;\n\n    let r = 0, g = 0, b = 0;\n\n    if (h >= 0 && h < 60) {\n      r = c; g = x; b = 0;\n    } else if (h >= 60 && h < 120) {\n      r = x; g = c; b = 0;\n    } else if (h >= 120 && h < 180) {\n      r = 0; g = c; b = x;\n    } else if (h >= 180 && h < 240) {\n      r = 0; g = x; b = c;\n    } else if (h >= 240 && h < 300) {\n      r = x; g = 0; b = c;\n    } else if (h >= 300 && h < 360) {\n      r = c; g = 0; b = x;\n    }\n\n    return {\n      r: Math.round((r + m) * 255),\n      g: Math.round((g + m) * 255),\n      b: Math.round((b + m) * 255)\n    };\n  }\n\n  // HSV 转 Hex\n  private hsvToHex(h: number, s: number, v: number): string {\n    const rgb = this.hsvToRgb(h, s, v);\n    return `#${[rgb.r, rgb.g, rgb.b].map(x => {\n      const hex = x.toString(16);\n      return hex.length === 1 ? '0' + hex : hex;\n    }).join('')}`;\n  }\n\n  // 从颜色值更新 HSV\n  private updateHSVFromColor(color: string) {\n    const rgb = this.hexToRgb(color);\n    if (rgb) {\n      const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n      this.hue = hsv.h;\n      this.saturation = hsv.s;\n      this.value = hsv.v;\n    }\n  }\n\n  /** 按当前 colorFormat 输出最终颜色字符串（对齐 antd 的 format 行为） */\n  private getFormattedValue(): string {\n    const rgb = this.hexToRgb(this.currentColor);\n    if (!rgb) return this.currentColor;\n    switch (this.colorFormat) {\n      case 'rgb':\n        return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;\n      case 'hsl': {\n        const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n        const [h, s, l] = this.hsvToHsl(hsv.h, hsv.s, hsv.v);\n        return `hsl(${h}, ${s}%, ${l}%)`;\n      }\n      case 'hsv': {\n        const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n        return `hsv(${hsv.h}, ${hsv.s}%, ${hsv.v}%)`;\n      }\n      case 'hex':\n      default:\n        return this.currentColor;\n    }\n  }\n\n  /** HSV → HSL（HSL 字符串输出用） */\n  private hsvToHsl(h: number, s: number, v: number): [number, number, number] {\n    s /= 100;\n    v /= 100;\n    const l = v - (v * s) / 2;\n    const sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);\n    return [Math.round(h), Math.round(sl * 100), Math.round(l * 100)];\n  }\n\n  render() {\n    const rgb = this.hexToRgb(this.currentColor);\n    const predefinedColors = this.predefine || [\n      '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1',\n      '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080',\n    ];\n\n    // 根据当前色相生成饱和度面板的背景色\n    const hueColor = this.hsvToHex(this.hue, 100, 100);\n\n    return (\n      <div\n        class={{\n          'hb-color-picker': true,\n          'hb-color-picker--open': this.isOpen,\n          'hb-color-picker--disabled': this.disabled,\n        }}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div\n          class=\"hb-color-picker__trigger\"\n          onClick={this.handleTriggerClick}\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-haspopup=\"dialog\"\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              this.handleTriggerClick();\n            }\n          }}\n        >\n          <div class=\"hb-color-picker__color\" style={{ backgroundColor: this.currentColor }}></div>\n          <span class=\"hb-color-picker__text\">{this.currentColor}</span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-color-picker__dropdown\" role=\"dialog\">\n            <div class=\"hb-color-picker__panel\">\n              <div class=\"hb-color-picker__saturation\" onClick={this.handleSaturationClick}>\n                <div class=\"hb-color-picker__saturation-bg\" style={{ backgroundColor: hueColor }}></div>\n                <div class=\"hb-color-picker__saturation-white\"></div>\n                <div class=\"hb-color-picker__saturation-black\"></div>\n                <div\n                  class=\"hb-color-picker__saturation-pointer\"\n                  style={{\n                    left: `${this.saturation}%`,\n                    top: `${100 - this.value}%`,\n                  }}\n                ></div>\n              </div>\n              <div class=\"hb-color-picker__controls\">\n                <div class=\"hb-color-picker__hue\" onClick={this.handleHueClick}>\n                  <div class=\"hb-color-picker__hue-bar\"></div>\n                  <div\n                    class=\"hb-color-picker__hue-pointer\"\n                    style={{\n                      left: `${(this.hue / 360) * 100}%`,\n                    }}\n                  ></div>\n                </div>\n                {this.showAlpha && (\n                  <div class=\"hb-color-picker__alpha\" onClick={this.handleAlphaClick}>\n                    <div class=\"hb-color-picker__alpha-bar\" style={{ backgroundColor: this.currentColor }}></div>\n                    <div\n                      class=\"hb-color-picker__alpha-pointer\"\n                      style={{ left: `${this.alpha}%` }}\n                    ></div>\n                  </div>\n                )}\n              </div>\n              <div class=\"hb-color-picker__input\">\n                <input\n                  type=\"text\"\n                  class=\"hb-color-picker__input-hex\"\n                  value={this.currentColor}\n                  onInput={this.handleInputChange}\n                  aria-label=\"HEX 颜色值\"\n                />\n                {rgb && (\n                  <div class=\"hb-color-picker__input-rgb\">\n                    <input\n                      type=\"number\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={rgb.r}\n                      onInput={(e) => this.handleRgbInputChange(0, (e.target as HTMLInputElement).value)}\n                      aria-label=\"红色通道\"\n                    />\n                    <input\n                      type=\"number\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={rgb.g}\n                      onInput={(e) => this.handleRgbInputChange(1, (e.target as HTMLInputElement).value)}\n                      aria-label=\"绿色通道\"\n                    />\n                    <input\n                      type=\"number\"\n                      min=\"0\"\n                      max=\"255\"\n                      value={rgb.b}\n                      onInput={(e) => this.handleRgbInputChange(2, (e.target as HTMLInputElement).value)}\n                      aria-label=\"蓝色通道\"\n                    />\n                  </div>\n                )}\n              </div>\n              {this.predefine && this.predefine.length > 0 && (\n                <div class=\"hb-color-picker__predefine\">\n                  {predefinedColors.map((color) => {\n                    const normalized = this.normalizeHex(color) || color;\n                    return (\n                      <div\n                        class={{\n                          'hb-color-picker__predefine-color': true,\n                          'hb-color-picker__predefine-color--selected': normalized === this.currentColor,\n                        }}\n                        style={{ backgroundColor: color }}\n                        onClick={() => this.handleColorSelect(color)}\n                        title={color}\n                      ></div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"]}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\n/**\n * ColorPicker 颜色选择器组件\n * 用于颜色选择，支持多种格式\n */\n@Component({\n  tag: 'hb-color-picker',\n  styleUrl: 'color-picker.css',\n  shadow: true,\n})\nexport class ColorPicker {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 颜色格式\n   */\n  @Prop() colorFormat: 'hsl' | 'hsv' | 'hex' | 'rgb' = 'hex';\n\n  /**\n   * 是否显示透明度\n   * @default false\n   */\n  @Prop() showAlpha: boolean = false;\n\n  /**\n   * 预定义颜色\n   */\n  @Prop() predefine?: string[];\n\n  @State() isOpen: boolean = false;\n  @State() currentColor: string = '#409EFF';\n  @State() hue: number = 210; // 色相值 0-360\n  @State() saturation: number = 100; // 饱和度 0-100\n  @State() value: number = 100; // 明度 0-100\n  @State() alpha: number = 100; // 透明度 0-100（仅 showAlpha=true 时生效）\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  /**\n   * 激活时触发\n   */\n  @Event() hbActiveChange: EventEmitter<string>;\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n      this.updateHSVFromColor(this.modelValue);\n    } else {\n      this.updateHSVFromColor(this.currentColor);\n    }\n    document.addEventListener('click', this.handleDocumentClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleDocumentClick);\n  }\n\n  private handleDocumentClick = (e: MouseEvent) => {\n    if (!this.isOpen) return;\n    const target = e.target as HTMLElement;\n    if (!this.el.contains(target)) {\n      this.isOpen = false;\n    }\n  };\n\n  @Watch('modelValue')\n  handleValueChange() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n      this.updateHSVFromColor(this.modelValue);\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  /** 键盘交互：Escape 关闭面板（对齐 antd / WAI-ARIA） */\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (e.key === 'Escape' && this.isOpen) {\n      e.preventDefault();\n      this.isOpen = false;\n    }\n  };\n\n  /** 把 3 位简写 hex 规范化为 6 位，避免后续 hexToRgb 解析失败 */\n  private normalizeHex(color: string): string | null {\n    if (typeof color !== 'string') return null;\n    const c = color.trim();\n    if (/^#([A-Fa-f0-9]{6})$/.test(c)) return c.toLowerCase();\n    if (/^#([A-Fa-f0-9]{3})$/.test(c)) {\n      const [, r, g, b] = c.match(/^#(.)(.)(.)$/)!;\n      return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();\n    }\n    return null;\n  }\n\n  private handleColorSelect = (color: string) => {\n    const normalized = this.normalizeHex(color);\n    if (!normalized) return; // 非法颜色直接忽略，防止 currentColor 进入不可解析态\n    this.currentColor = normalized;\n    this.modelValue = normalized;\n    this.hbChange.emit(normalized);\n    this.hbActiveChange.emit(normalized);\n  };\n\n  private handleSaturationClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n\n    // X 轴代表饱和度 (0-100%)\n    this.saturation = Math.max(0, Math.min(100, (x / rect.width) * 100));\n    // Y 轴代表明度 (0-100%，从上到下)\n    this.value = Math.max(0, Math.min(100, 100 - (y / rect.height) * 100));\n\n    const hex = this.hsvToHex(this.hue, this.saturation, this.value);\n    this.handleColorSelect(hex);\n  };\n\n  private handleHueClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n\n    // 色相值 0-360\n    this.hue = Math.max(0, Math.min(360, (x / rect.width) * 360));\n\n    const hex = this.hsvToHex(this.hue, this.saturation, this.value);\n    this.handleColorSelect(hex);\n  };\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n    // 验证 hex 颜色格式（3 位简写会被 handleColorSelect 内部规范化为 6 位）\n    if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(value)) {\n      this.handleColorSelect(value);\n    }\n  };\n\n  /** 透明度条点击/拖动：X 轴映射到 alpha 0-100 */\n  private handleAlphaClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    this.alpha = Math.max(0, Math.min(100, Math.round((x / rect.width) * 100)));\n    // alpha 变化触发 active 事件（不改变 hex，但通知消费者透明度变化）\n    this.hbActiveChange.emit(this.getFormattedValue());\n  };\n\n  private handleRgbInputChange = (index: number, value: string) => {\n    const rgb = this.hexToRgb(this.currentColor);\n    if (rgb) {\n      const num = parseInt(value, 10);\n      if (!isNaN(num) && num >= 0 && num <= 255) {\n        if (index === 0) rgb.r = num;\n        else if (index === 1) rgb.g = num;\n        else if (index === 2) rgb.b = num;\n\n        const hex = `#${[rgb.r, rgb.g, rgb.b]\n          .map(x => {\n            const hex = x.toString(16);\n            return hex.length === 1 ? '0' + hex : hex;\n          })\n          .join('')}`;\n        this.handleColorSelect(hex);\n      }\n    }\n  };\n\n  private hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n    // 先用 normalizeHex 兜底 3 位简写（#abc → #aabbcc），再解析\n    const normalized = this.normalizeHex(hex);\n    if (!normalized) return null;\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(normalized);\n    return result\n      ? {\n          r: parseInt(result[1], 16),\n          g: parseInt(result[2], 16),\n          b: parseInt(result[3], 16),\n        }\n      : null;\n  }\n\n  // RGB 转 HSV\n  private rgbToHsv(r: number, g: number, b: number): { h: number; s: number; v: number } {\n    r = r / 255;\n    g = g / 255;\n    b = b / 255;\n\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n    const diff = max - min;\n\n    let h = 0;\n    if (diff !== 0) {\n      if (max === r) {\n        h = ((g - b) / diff) % 6;\n      } else if (max === g) {\n        h = (b - r) / diff + 2;\n      } else {\n        h = (r - g) / diff + 4;\n      }\n    }\n    h = Math.round(h * 60);\n    if (h < 0) h += 360;\n\n    const s = max === 0 ? 0 : Math.round((diff / max) * 100);\n    const v = Math.round(max * 100);\n\n    return { h, s, v };\n  }\n\n  // HSV 转 RGB\n  private hsvToRgb(h: number, s: number, v: number): { r: number; g: number; b: number } {\n    s = s / 100;\n    v = v / 100;\n\n    const c = v * s;\n    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n    const m = v - c;\n\n    let r = 0,\n      g = 0,\n      b = 0;\n\n    if (h >= 0 && h < 60) {\n      r = c;\n      g = x;\n      b = 0;\n    } else if (h >= 60 && h < 120) {\n      r = x;\n      g = c;\n      b = 0;\n    } else if (h >= 120 && h < 180) {\n      r = 0;\n      g = c;\n      b = x;\n    } else if (h >= 180 && h < 240) {\n      r = 0;\n      g = x;\n      b = c;\n    } else if (h >= 240 && h < 300) {\n      r = x;\n      g = 0;\n      b = c;\n    } else if (h >= 300 && h < 360) {\n      r = c;\n      g = 0;\n      b = x;\n    }\n\n    return {\n      r: Math.round((r + m) * 255),\n      g: Math.round((g + m) * 255),\n      b: Math.round((b + m) * 255),\n    };\n  }\n\n  // HSV 转 Hex\n  private hsvToHex(h: number, s: number, v: number): string {\n    const rgb = this.hsvToRgb(h, s, v);\n    return `#${[rgb.r, rgb.g, rgb.b]\n      .map(x => {\n        const hex = x.toString(16);\n        return hex.length === 1 ? '0' + hex : hex;\n      })\n      .join('')}`;\n  }\n\n  // 从颜色值更新 HSV\n  private updateHSVFromColor(color: string) {\n    const rgb = this.hexToRgb(color);\n    if (rgb) {\n      const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n      this.hue = hsv.h;\n      this.saturation = hsv.s;\n      this.value = hsv.v;\n    }\n  }\n\n  /** 按当前 colorFormat 输出最终颜色字符串（对齐 antd 的 format 行为） */\n  private getFormattedValue(): string {\n    const rgb = this.hexToRgb(this.currentColor);\n    if (!rgb) return this.currentColor;\n    switch (this.colorFormat) {\n      case 'rgb':\n        return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;\n      case 'hsl': {\n        const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n        const [h, s, l] = this.hsvToHsl(hsv.h, hsv.s, hsv.v);\n        return `hsl(${h}, ${s}%, ${l}%)`;\n      }\n      case 'hsv': {\n        const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n        return `hsv(${hsv.h}, ${hsv.s}%, ${hsv.v}%)`;\n      }\n      case 'hex':\n      default:\n        return this.currentColor;\n    }\n  }\n\n  /** HSV → HSL（HSL 字符串输出用） */\n  private hsvToHsl(h: number, s: number, v: number): [number, number, number] {\n    s /= 100;\n    v /= 100;\n    const l = v - (v * s) / 2;\n    const sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);\n    return [Math.round(h), Math.round(sl * 100), Math.round(l * 100)];\n  }\n\n  render() {\n    const rgb = this.hexToRgb(this.currentColor);\n    const predefinedColors = this.predefine || ['#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080'];\n\n    // 根据当前色相生成饱和度面板的背景色\n    const hueColor = this.hsvToHex(this.hue, 100, 100);\n\n    return (\n      <div\n        class={{\n          'hb-color-picker': true,\n          'hb-color-picker--open': this.isOpen,\n          'hb-color-picker--disabled': this.disabled,\n        }}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div\n          class=\"hb-color-picker__trigger\"\n          onClick={this.handleTriggerClick}\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-haspopup=\"dialog\"\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              this.handleTriggerClick();\n            }\n          }}\n        >\n          <div class=\"hb-color-picker__color\" style={{ backgroundColor: this.currentColor }}></div>\n          <span class=\"hb-color-picker__text\">{this.currentColor}</span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-color-picker__dropdown\" role=\"dialog\">\n            <div class=\"hb-color-picker__panel\">\n              <div class=\"hb-color-picker__saturation\" onClick={this.handleSaturationClick}>\n                <div class=\"hb-color-picker__saturation-bg\" style={{ backgroundColor: hueColor }}></div>\n                <div class=\"hb-color-picker__saturation-white\"></div>\n                <div class=\"hb-color-picker__saturation-black\"></div>\n                <div\n                  class=\"hb-color-picker__saturation-pointer\"\n                  style={{\n                    left: `${this.saturation}%`,\n                    top: `${100 - this.value}%`,\n                  }}\n                ></div>\n              </div>\n              <div class=\"hb-color-picker__controls\">\n                <div class=\"hb-color-picker__hue\" onClick={this.handleHueClick}>\n                  <div class=\"hb-color-picker__hue-bar\"></div>\n                  <div\n                    class=\"hb-color-picker__hue-pointer\"\n                    style={{\n                      left: `${(this.hue / 360) * 100}%`,\n                    }}\n                  ></div>\n                </div>\n                {this.showAlpha && (\n                  <div class=\"hb-color-picker__alpha\" onClick={this.handleAlphaClick}>\n                    <div class=\"hb-color-picker__alpha-bar\" style={{ backgroundColor: this.currentColor }}></div>\n                    <div class=\"hb-color-picker__alpha-pointer\" style={{ left: `${this.alpha}%` }}></div>\n                  </div>\n                )}\n              </div>\n              <div class=\"hb-color-picker__input\">\n                <input type=\"text\" class=\"hb-color-picker__input-hex\" value={this.currentColor} onInput={this.handleInputChange} aria-label=\"HEX 颜色值\" />\n                {rgb && (\n                  <div class=\"hb-color-picker__input-rgb\">\n                    <input type=\"number\" min=\"0\" max=\"255\" value={rgb.r} onInput={e => this.handleRgbInputChange(0, (e.target as HTMLInputElement).value)} aria-label=\"红色通道\" />\n                    <input type=\"number\" min=\"0\" max=\"255\" value={rgb.g} onInput={e => this.handleRgbInputChange(1, (e.target as HTMLInputElement).value)} aria-label=\"绿色通道\" />\n                    <input type=\"number\" min=\"0\" max=\"255\" value={rgb.b} onInput={e => this.handleRgbInputChange(2, (e.target as HTMLInputElement).value)} aria-label=\"蓝色通道\" />\n                  </div>\n                )}\n              </div>\n              {this.predefine && this.predefine.length > 0 && (\n                <div class=\"hb-color-picker__predefine\">\n                  {predefinedColors.map(color => {\n                    const normalized = this.normalizeHex(color) || color;\n                    return (\n                      <div\n                        class={{\n                          'hb-color-picker__predefine-color': true,\n                          'hb-color-picker__predefine-color--selected': normalized === this.currentColor,\n                        }}\n                        style={{ backgroundColor: color }}\n                        onClick={() => this.handleColorSelect(color)}\n                        title={color}\n                      ></div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/ColorPicker/color-picker.css

@@ -133,9 +133,15 @@
 
 .hb-color-picker__alpha-bar {
   height: 100%;
-  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
+  background-image:
+    linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%),
+    linear-gradient(-45deg, transparent 75%, #ccc 75%);
   background-size: 8px 8px;
-  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
+  background-position:
+    0 0,
+    0 4px,
+    4px -4px,
+    -4px 0px;
   border-radius: 2px;
 }
 
@@ -213,4 +219,3 @@
 .hb-color-picker--disabled .hb-color-picker__trigger {
   cursor: not-allowed;
 }
-