huibo-ui 0.3.0

package/dist/collection/components/Rate/Rate.js

@@ -0,0 +1,357 @@
+import { h } from "@stencil/core";
+/**
+ * Rate 评分组件
+ * 评分组件
+ */
+export class Rate {
+    /**
+     * 绑定值
+     */
+    modelValue = 0;
+    /**
+     * 最大分值
+     * @default 5
+     */
+    max = 5;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled = false;
+    /**
+     * 是否允许半选
+     * @default false
+     */
+    allowHalf = false;
+    /**
+     * 只读
+     * @default false
+     */
+    readonly = false;
+    /**
+     * 是否显示分数
+     * @default false
+     */
+    showScore = false;
+    /**
+     * 是否显示文本
+     * @default false
+     */
+    showText = false;
+    /**
+     * 辅助文字数组
+     */
+    texts;
+    /**
+     * 分数显示模板
+     */
+    scoreTemplate;
+    hoverValue = 0;
+    currentValue = 0;
+    /**
+     * 值改变事件
+     */
+    hbChange;
+    componentDidLoad() {
+        this.currentValue = this.modelValue;
+    }
+    handleValueChange() {
+        this.currentValue = this.modelValue;
+    }
+    handleClick = (value, isHalf) => {
+        if (this.disabled || this.readonly)
+            return;
+        const newValue = isHalf && this.allowHalf ? value - 0.5 : value;
+        this.currentValue = newValue;
+        this.modelValue = newValue;
+        this.hoverValue = 0;
+        this.hbChange.emit(newValue);
+    };
+    handleMouseEnter = (value) => {
+        if (this.disabled || this.readonly)
+            return;
+        this.hoverValue = value;
+    };
+    handleMouseLeave = () => {
+        if (this.disabled || this.readonly)
+            return;
+        this.hoverValue = 0;
+    };
+    getDisplayValue() {
+        return this.hoverValue || this.currentValue;
+    }
+    getText() {
+        const value = Math.ceil(this.currentValue);
+        if (this.texts && this.texts[value - 1]) {
+            return this.texts[value - 1];
+        }
+        return '';
+    }
+    getScoreText() {
+        if (this.scoreTemplate) {
+            return this.scoreTemplate.replace('{value}', String(this.currentValue));
+        }
+        return `${this.currentValue} / ${this.max}`;
+    }
+    render() {
+        const displayValue = this.getDisplayValue();
+        const stars = Array.from({ length: this.max }, (_, i) => i + 1);
+        return (h("div", { key: 'cf15cfe1af8d6f65b2a08a398214dd1f762fc7e7', class: "hb-rate" }, stars.map((value) => {
+            const isFull = displayValue >= value;
+            const isHalf = this.allowHalf && displayValue >= value - 0.5 && displayValue < value;
+            const isActive = isFull || isHalf;
+            return (h("span", { class: {
+                    'hb-rate__item': true,
+                    'hb-rate__item--active': isActive,
+                    'hb-rate__item--half': isHalf,
+                }, onMouseEnter: () => this.handleMouseEnter(value), onMouseLeave: this.handleMouseLeave, onClick: () => this.handleClick(value, false) }, this.allowHalf && (h("span", { class: {
+                    'hb-rate__half': true,
+                    'hb-rate__half--active': isHalf,
+                }, onClick: (e) => {
+                    e.stopPropagation();
+                    this.handleClick(value, true);
+                } }, "\u2605")), h("span", { class: "hb-rate__icon" }, "\u2605")));
+        }), this.showScore && (h("span", { key: '2f3d24aff4a4be719971e6162ae7bc21983cf62f', class: "hb-rate__text" }, this.getScoreText())), this.showText && this.getText() && (h("span", { key: '83107780b12701836a8badbc3139b791b2d9f07a', class: "hb-rate__text" }, this.getText()))));
+    }
+    static get is() { return "hb-rate"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["rate.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["rate.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "modelValue": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u7ED1\u5B9A\u503C"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "model-value",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "5"
+                        }],
+                    "text": "\u6700\u5927\u5206\u503C"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "max",
+                "reflect": false,
+                "defaultValue": "5"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u7981\u7528"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "allowHalf": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u5141\u8BB8\u534A\u9009"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "allow-half",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u53EA\u8BFB"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "readonly",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showScore": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u663E\u793A\u5206\u6570"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-score",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u663E\u793A\u6587\u672C"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-text",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "texts": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u8F85\u52A9\u6587\u5B57\u6570\u7EC4"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "scoreTemplate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u5206\u6570\u663E\u793A\u6A21\u677F"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "score-template",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hoverValue": {},
+            "currentValue": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "hbChange",
+                "name": "hbChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u503C\u6539\u53D8\u4E8B\u4EF6"
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "modelValue",
+                "methodName": "handleValueChange"
+            }];
+    }
+}
+//# sourceMappingURL=Rate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.js","sourceRoot":"","sources":["../../../src/components/Rate/Rate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Rate 评分组件\n * 评分组件\n */\n@Component({\n  tag: 'hb-rate',\n  styleUrl: 'rate.css',\n  shadow: true,\n})\nexport class Rate {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 最大分值\n   * @default 5\n   */\n  @Prop() max: number = 5;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否允许半选\n   * @default false\n   */\n  @Prop() allowHalf: boolean = false;\n\n  /**\n   * 只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 是否显示分数\n   * @default false\n   */\n  @Prop() showScore: boolean = false;\n\n  /**\n   * 是否显示文本\n   * @default false\n   */\n  @Prop() showText: boolean = false;\n\n  /**\n   * 辅助文字数组\n   */\n  @Prop() texts?: string[];\n\n  /**\n   * 分数显示模板\n   */\n  @Prop() scoreTemplate?: string;\n\n  @State() hoverValue: number = 0;\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private handleClick = (value: number, isHalf: boolean) => {\n    if (this.disabled || this.readonly) return;\n    \n    const newValue = isHalf && this.allowHalf ? value - 0.5 : value;\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hoverValue = 0;\n    this.hbChange.emit(newValue);\n  };\n\n  private handleMouseEnter = (value: number) => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = value;\n  };\n\n  private handleMouseLeave = () => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = 0;\n  };\n\n  private getDisplayValue(): number {\n    return this.hoverValue || this.currentValue;\n  }\n\n  private getText(): string {\n    const value = Math.ceil(this.currentValue);\n    if (this.texts && this.texts[value - 1]) {\n      return this.texts[value - 1];\n    }\n    return '';\n  }\n\n  private getScoreText(): string {\n    if (this.scoreTemplate) {\n      return this.scoreTemplate.replace('{value}', String(this.currentValue));\n    }\n    return `${this.currentValue} / ${this.max}`;\n  }\n\n  render() {\n    const displayValue = this.getDisplayValue();\n    const stars = Array.from({ length: this.max }, (_, i) => i + 1);\n\n    return (\n      <div class=\"hb-rate\">\n        {stars.map((value) => {\n          const isFull = displayValue >= value;\n          const isHalf = this.allowHalf && displayValue >= value - 0.5 && displayValue < value;\n          const isActive = isFull || isHalf;\n\n          return (\n            <span\n              class={{\n                'hb-rate__item': true,\n                'hb-rate__item--active': isActive,\n                'hb-rate__item--half': isHalf,\n              }}\n              onMouseEnter={() => this.handleMouseEnter(value)}\n              onMouseLeave={this.handleMouseLeave}\n              onClick={() => this.handleClick(value, false)}\n            >\n              {this.allowHalf && (\n                <span\n                  class={{\n                    'hb-rate__half': true,\n                    'hb-rate__half--active': isHalf,\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.handleClick(value, true);\n                  }}\n                >\n                  ★\n                </span>\n              )}\n              <span class=\"hb-rate__icon\">★</span>\n            </span>\n          );\n        })}\n        {this.showScore && (\n          <span class=\"hb-rate__text\">{this.getScoreText()}</span>\n        )}\n        {this.showText && this.getText() && (\n          <span class=\"hb-rate__text\">{this.getText()}</span>\n        )}\n      </div>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/Rate/rate.css

@@ -0,0 +1,56 @@
+:host {
+  display: inline-block;
+  --hb-rate-font-size: 20px;
+  --hb-rate-color: var(--hb-color-warning, #e6a23c);
+  --hb-rate-void-color: var(--hb-color-text-placeholder, #c0c4cc);
+}
+
+.hb-rate {
+  display: inline-block;
+  height: var(--hb-rate-font-size);
+  line-height: var(--hb-rate-font-size);
+  vertical-align: middle;
+}
+
+.hb-rate__item {
+  position: relative;
+  display: inline-block;
+  font-size: var(--hb-rate-font-size);
+  margin-right: 6px;
+  color: var(--hb-rate-void-color);
+  cursor: pointer;
+  transition: transform 0.2s;
+}
+
+.hb-rate__item:hover {
+  transform: scale(1.1);
+}
+
+.hb-rate__item--active {
+  color: var(--hb-rate-color);
+}
+
+.hb-rate__icon {
+  display: block;
+}
+
+.hb-rate__half {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 50%;
+  overflow: hidden;
+  color: var(--hb-rate-void-color);
+}
+
+.hb-rate__half--active {
+  color: var(--hb-rate-color);
+}
+
+.hb-rate__text {
+  margin-left: 8px;
+  font-size: 14px;
+  color: var(--hb-color-text-regular, #606266);
+  vertical-align: middle;
+}
+

package/dist/collection/components/Result/Result.js

@@ -0,0 +1,146 @@
+import { h } from "@stencil/core";
+/**
+ * Result 结果页组件
+ * 反馈一系列操作任务的处理结果，常用于步骤完成后展示
+ */
+export class Result {
+    /** 结果状态，决定图标与主题色 */
+    status = 'info';
+    /** 标题（使用默认值使其成为 required string，避免与 HTMLElement.title 类型冲突） */
+    title = '';
+    /** 副标题 */
+    subTitle;
+    /** 自定义图标文本（覆盖默认状态图标） */
+    icon;
+    /** 状态 → 默认图标符号 映射 */
+    static ICON_MAP = {
+        success: '✅',
+        error: '❌',
+        warning: '⚠️',
+        info: 'ℹ️',
+        '404': '🔍',
+        '403': '🔒',
+        '500': '🛠️',
+    };
+    /** 状态 → 主题色令牌 映射 */
+    static COLOR_MAP = {
+        success: 'var(--hb-color-success)',
+        error: 'var(--hb-color-danger)',
+        warning: 'var(--hb-color-warning)',
+        info: 'var(--hb-color-info)',
+        '404': 'var(--hb-color-text-secondary)',
+        '403': 'var(--hb-color-text-secondary)',
+        '500': 'var(--hb-color-text-secondary)',
+    };
+    getColor() {
+        return Result.COLOR_MAP[this.status] || 'var(--hb-color-info)';
+    }
+    getIcon() {
+        return this.icon !== undefined ? this.icon : Result.ICON_MAP[this.status] || Result.ICON_MAP.info;
+    }
+    render() {
+        const color = this.getColor();
+        return (h("div", { key: '2c814e1b6953b94d65a6fbf1434263f622bb7286', class: { 'hb-result': true, [`hb-result--${this.status}`]: true } }, h("div", { key: '6065f1880a74904cced635430c1f3b484476cc63', class: "hb-result__icon", style: { color } }, h("span", { key: 'fd61023ad0cdf6436680f20bbcb735f4960ffbe5', class: "hb-result__icon-symbol" }, this.getIcon())), this.title && h("div", { key: '44a7cfc18a4886b1530e9dfbed4764f35f61d143', class: "hb-result__title" }, this.title), this.subTitle !== undefined && h("div", { key: '86c42321700d9a7f3055025dbfbc71b358611739', class: "hb-result__subtitle" }, this.subTitle), h("div", { key: '63fbc78625a878e196acd65aa361440cba746b19', class: "hb-result__extra" }, h("slot", { key: 'cefb1bfb4444bc1d47a37eb4887af9e21fa18a85' }))));
+    }
+    static get is() { return "hb-result"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["result.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["result.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ResultStatus",
+                    "resolved": "\"403\" | \"404\" | \"500\" | \"error\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "ResultStatus": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Result/Result.tsx",
+                            "id": "src/components/Result/Result.tsx::ResultStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u7ED3\u679C\u72B6\u6001\uFF0C\u51B3\u5B9A\u56FE\u6807\u4E0E\u4E3B\u9898\u8272"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "status",
+                "reflect": false,
+                "defaultValue": "'info'"
+            },
+            "title": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6807\u9898\uFF08\u4F7F\u7528\u9ED8\u8BA4\u503C\u4F7F\u5176\u6210\u4E3A required string\uFF0C\u907F\u514D\u4E0E HTMLElement.title \u7C7B\u578B\u51B2\u7A81\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "title",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "subTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u526F\u6807\u9898"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "sub-title",
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u81EA\u5B9A\u4E49\u56FE\u6807\u6587\u672C\uFF08\u8986\u76D6\u9ED8\u8BA4\u72B6\u6001\u56FE\u6807\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "icon",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=Result.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Result.js","sourceRoot":"","sources":["../../../src/components/Result/Result.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAInD;;;GAGG;AAMH,MAAM,OAAO,MAAM;IACjB,oBAAoB;IACZ,MAAM,GAAiB,MAAM,CAAC;IAEtC,+DAA+D;IACvD,KAAK,GAAW,EAAE,CAAC;IAE3B,UAAU;IACF,QAAQ,CAAU;IAE1B,wBAAwB;IAChB,IAAI,CAAU;IAEtB,qBAAqB;IACb,MAAM,CAAC,QAAQ,GAAiC;QACtD,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,KAAK;KACb,CAAC;IAEF,oBAAoB;IACZ,MAAM,CAAC,SAAS,GAAiC;QACvD,OAAO,EAAE,yBAAyB;QAClC,KAAK,EAAE,wBAAwB;QAC/B,OAAO,EAAE,yBAAyB;QAClC,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gCAAgC;QACvC,KAAK,EAAE,gCAAgC;QACvC,KAAK,EAAE,gCAAgC;KACxC,CAAC;IAEM,QAAQ;QACd,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,sBAAsB,CAAC;IACjE,CAAC;IAEO,OAAO;QACb,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IACpG,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO,CACL,4DAAK,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,cAAc,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE;YACpE,4DAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBAC3C,6DAAM,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,OAAO,EAAE,CAAQ,CACxD;YACL,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO;YAC9D,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,4DAAK,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,QAAQ,CAAO;YACtF,4DAAK,KAAK,EAAC,kBAAkB;gBAAC,8DAAQ,CAAM,CACxC,CACP,CAAC;IACJ,CAAC","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nexport type ResultStatus = 'success' | 'error' | 'warning' | 'info' | '404' | '403' | '500';\n\n/**\n * Result 结果页组件\n * 反馈一系列操作任务的处理结果，常用于步骤完成后展示\n */\n@Component({\n  tag: 'hb-result',\n  styleUrl: 'result.css',\n  shadow: true,\n})\nexport class Result {\n  /** 结果状态，决定图标与主题色 */\n  @Prop() status: ResultStatus = 'info';\n\n  /** 标题（使用默认值使其成为 required string，避免与 HTMLElement.title 类型冲突） */\n  @Prop() title: string = '';\n\n  /** 副标题 */\n  @Prop() subTitle?: string;\n\n  /** 自定义图标文本（覆盖默认状态图标） */\n  @Prop() icon?: string;\n\n  /** 状态 → 默认图标符号 映射 */\n  private static ICON_MAP: Record<ResultStatus, string> = {\n    success: '✅',\n    error: '❌',\n    warning: '⚠️',\n    info: 'ℹ️',\n    '404': '🔍',\n    '403': '🔒',\n    '500': '🛠️',\n  };\n\n  /** 状态 → 主题色令牌 映射 */\n  private static COLOR_MAP: Record<ResultStatus, string> = {\n    success: 'var(--hb-color-success)',\n    error: 'var(--hb-color-danger)',\n    warning: 'var(--hb-color-warning)',\n    info: 'var(--hb-color-info)',\n    '404': 'var(--hb-color-text-secondary)',\n    '403': 'var(--hb-color-text-secondary)',\n    '500': 'var(--hb-color-text-secondary)',\n  };\n\n  private getColor(): string {\n    return Result.COLOR_MAP[this.status] || 'var(--hb-color-info)';\n  }\n\n  private getIcon(): string {\n    return this.icon !== undefined ? this.icon : Result.ICON_MAP[this.status] || Result.ICON_MAP.info;\n  }\n\n  render() {\n    const color = this.getColor();\n    return (\n      <div class={{ 'hb-result': true, [`hb-result--${this.status}`]: true }}>\n        <div class=\"hb-result__icon\" style={{ color }}>\n          <span class=\"hb-result__icon-symbol\">{this.getIcon()}</span>\n        </div>\n        {this.title && <div class=\"hb-result__title\">{this.title}</div>}\n        {this.subTitle !== undefined && <div class=\"hb-result__subtitle\">{this.subTitle}</div>}\n        <div class=\"hb-result__extra\"><slot /></div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Result/result.css

@@ -0,0 +1,47 @@
+:host { display: block; }
+
+.hb-result {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--hb-spacing-xl) var(--hb-spacing-md);
+  text-align: center;
+}
+
+/* 图标 */
+.hb-result__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: var(--hb-spacing-md);
+  font-size: 72px;
+  line-height: 1;
+}
+.hb-result__icon-symbol { font-size: inherit; }
+
+/* 标题 */
+.hb-result__title {
+  color: var(--hb-color-text-primary);
+  font-size: var(--hb-font-size-xl);
+  line-height: 1.4;
+  font-weight: 500;
+}
+
+/* 副标题 */
+.hb-result__subtitle {
+  margin-top: var(--hb-spacing-xs);
+  color: var(--hb-color-text-secondary);
+  font-size: var(--hb-font-size-base);
+  line-height: 1.5;
+}
+
+/* 操作区 */
+.hb-result__extra {
+  margin-top: var(--hb-spacing-lg);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--hb-spacing-xs);
+}