huibo-ui 0.3.0

package/dist/collection/components/Space/Space.js

@@ -0,0 +1,212 @@
+import { h } from "@stencil/core";
+/**
+ * Space 间距组件
+ * 设置组件之间的间距
+ */
+export class Space {
+    /**
+     * 间距大小
+     * @default 'small'
+     */
+    size = 'small';
+    /**
+     * 间距方向
+     * @default 'horizontal'
+     */
+    direction = 'horizontal';
+    /**
+     * 是否自动换行，仅在 horizontal 时有效
+     * @default false
+     */
+    wrap = false;
+    /**
+     * 对齐方式
+     */
+    alignment = 'start';
+    /**
+     * 是否填充父容器
+     * @default false
+     */
+    fill = false;
+    /**
+     * 是否填充每行
+     * @default false
+     */
+    fillRatio = 100;
+    getSizeValue() {
+        if (typeof this.size === 'number') {
+            return `${this.size}px`;
+        }
+        const sizeMap = {
+            small: '8px',
+            default: '16px',
+            large: '24px',
+        };
+        return sizeMap[this.size];
+    }
+    render() {
+        const sizeValue = this.getSizeValue();
+        return (h("div", { key: 'c6a3c89f29c25988b47aa100c8d3ac45c44f550e', class: {
+                'hb-space': true,
+                [`hb-space--${this.direction}`]: true,
+                'hb-space--wrap': this.wrap && this.direction === 'horizontal',
+                'hb-space--fill': this.fill,
+            }, style: {
+                '--hb-space-size': sizeValue,
+                '--hb-space-alignment': this.alignment,
+                '--hb-space-fill-ratio': `${this.fillRatio}%`,
+            } }, h("slot", { key: '638d65e135eb572d71d3220183031cb0b18b1078' })));
+    }
+    static get is() { return "hb-space"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["space.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["space.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'default' | 'large' | number",
+                    "resolved": "\"default\" | \"large\" | \"small\" | number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'small'"
+                        }],
+                    "text": "\u95F4\u8DDD\u5927\u5C0F"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'small'"
+            },
+            "direction": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'horizontal' | 'vertical'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'horizontal'"
+                        }],
+                    "text": "\u95F4\u8DDD\u65B9\u5411"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "direction",
+                "reflect": false,
+                "defaultValue": "'horizontal'"
+            },
+            "wrap": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u81EA\u52A8\u6362\u884C\uFF0C\u4EC5\u5728 horizontal \u65F6\u6709\u6548"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "wrap",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "alignment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'start' | 'end' | 'center' | 'baseline'",
+                    "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u5BF9\u9F50\u65B9\u5F0F"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "alignment",
+                "reflect": false,
+                "defaultValue": "'start'"
+            },
+            "fill": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u586B\u5145\u7236\u5BB9\u5668"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "fill",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "fillRatio": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u586B\u5145\u6BCF\u884C"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "fill-ratio",
+                "reflect": false,
+                "defaultValue": "100"
+            }
+        };
+    }
+}
+//# sourceMappingURL=Space.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Space.js","sourceRoot":"","sources":["../../../src/components/Space/Space.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,KAAK;IAChB;;;OAGG;IACK,IAAI,GAA2C,OAAO,CAAC;IAE/D;;;OAGG;IACK,SAAS,GAA8B,YAAY,CAAC;IAE5D;;;OAGG;IACK,IAAI,GAAY,KAAK,CAAC;IAE9B;;OAEG;IACK,SAAS,GAA4C,OAAO,CAAC;IAErE;;;OAGG;IACK,IAAI,GAAY,KAAK,CAAC;IAE9B;;;OAGG;IACK,SAAS,GAAW,GAAG,CAAC;IAExB,YAAY;QAClB,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;QAC1B,CAAC;QACD,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;SACd,CAAC;QACF,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEtC,OAAO,CACL,4DACE,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI;gBAChB,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;gBACrC,gBAAgB,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,YAAY;gBAC9D,gBAAgB,EAAE,IAAI,CAAC,IAAI;aAC5B,EACD,KAAK,EAAE;gBACL,iBAAiB,EAAE,SAAS;gBAC5B,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,uBAAuB,EAAE,GAAG,IAAI,CAAC,SAAS,GAAG;aAC9C;YAED,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Space 间距组件\n * 设置组件之间的间距\n */\n@Component({\n  tag: 'hb-space',\n  styleUrl: 'space.css',\n  shadow: true,\n})\nexport class Space {\n  /**\n   * 间距大小\n   * @default 'small'\n   */\n  @Prop() size: 'small' | 'default' | 'large' | number = 'small';\n\n  /**\n   * 间距方向\n   * @default 'horizontal'\n   */\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * 是否自动换行，仅在 horizontal 时有效\n   * @default false\n   */\n  @Prop() wrap: boolean = false;\n\n  /**\n   * 对齐方式\n   */\n  @Prop() alignment: 'start' | 'end' | 'center' | 'baseline' = 'start';\n\n  /**\n   * 是否填充父容器\n   * @default false\n   */\n  @Prop() fill: boolean = false;\n\n  /**\n   * 是否填充每行\n   * @default false\n   */\n  @Prop() fillRatio: number = 100;\n\n  private getSizeValue(): string {\n    if (typeof this.size === 'number') {\n      return `${this.size}px`;\n    }\n    const sizeMap = {\n      small: '8px',\n      default: '16px',\n      large: '24px',\n    };\n    return sizeMap[this.size];\n  }\n\n  render() {\n    const sizeValue = this.getSizeValue();\n    \n    return (\n      <div\n        class={{\n          'hb-space': true,\n          [`hb-space--${this.direction}`]: true,\n          'hb-space--wrap': this.wrap && this.direction === 'horizontal',\n          'hb-space--fill': this.fill,\n        }}\n        style={{\n          '--hb-space-size': sizeValue,\n          '--hb-space-alignment': this.alignment,\n          '--hb-space-fill-ratio': `${this.fillRatio}%`,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/Space/space.css

@@ -0,0 +1,57 @@
+:host {
+  display: inline-flex;
+  --hb-space-size: 8px;
+  --hb-space-alignment: start;
+  --hb-space-fill-ratio: 100%;
+}
+
+.hb-space {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: var(--hb-space-alignment);
+  gap: var(--hb-space-size);
+}
+
+.hb-space--horizontal {
+  flex-direction: row;
+}
+
+.hb-space--vertical {
+  flex-direction: column;
+}
+
+.hb-space--wrap {
+  flex-wrap: wrap;
+}
+
+.hb-space--fill {
+  width: 100%;
+}
+
+.hb-space--fill.hb-space--horizontal {
+  width: 100%;
+}
+
+.hb-space--fill.hb-space--vertical {
+  height: 100%;
+}
+
+::slotted(*) {
+  display: inline-block;
+  flex-shrink: 0;
+  margin: 0;
+}
+
+/* 分隔符样式 */
+.hb-space__item {
+  display: inline-flex;
+  align-items: center;
+}
+
+.hb-space__item + .hb-space__item::before {
+  content: attr(data-separator);
+  display: inline-block;
+  margin: 0 var(--hb-space-size);
+  color: var(--hb-color-text-placeholder, #c0c4cc);
+}
+

package/dist/collection/components/Statistic/Statistic.js

@@ -0,0 +1,188 @@
+import { h } from "@stencil/core";
+/**
+ * Statistic 统计数值组件
+ * 展示某个统计数据，常用于展示一个指标的当前值
+ */
+export class Statistic {
+    /** 数值标题（使用默认值使其成为 required string，避免与 HTMLElement.title 类型冲突） */
+    title = '';
+    /** 数值内容（数字或字符串） */
+    value = 0;
+    /** 数值小数位数 */
+    precision;
+    /** 数值前缀（如货币符号 ¥）（改名 valuePrefix 避免与 Element.prefix 类型冲突） */
+    valuePrefix = '';
+    /** 数值后缀（如单位） */
+    suffix;
+    /** 数值容器的内联样式 */
+    valueStyle;
+    /**
+     * 将 value 按 precision 格式化为千分位字符串
+     * - 纯数字字符串（含小数）会被当作数值进行格式化（便于 attribute 传入）
+     * - 含非数字字符的字符串原样返回（如 "1.2K"、"N/A"）
+     */
+    getFormattedValue() {
+        // 将 value 归一为数值：number 直接用；纯数字字符串转为 number；否则原样返回
+        let numericValue;
+        if (typeof this.value === 'number') {
+            numericValue = this.value;
+        }
+        else {
+            const trimmed = this.value.trim();
+            if (/^-?\d+(\.\d+)?$/.test(trimmed)) {
+                numericValue = Number(trimmed);
+            }
+            else {
+                return this.value;
+            }
+        }
+        let str;
+        if (typeof this.precision === 'number' && this.precision >= 0) {
+            str = numericValue.toFixed(this.precision);
+        }
+        else {
+            str = String(numericValue);
+        }
+        // 拆分整数/小数部分，仅对整数部分加千分位
+        const [intPart, decPart] = str.split('.');
+        const grouped = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        return decPart !== undefined ? `${grouped}.${decPart}` : grouped;
+    }
+    render() {
+        return (h("div", { key: 'e38db3c8ae83480a933a7a9fd03d4ecb8e3cb07d', class: "hb-statistic" }, this.title && h("div", { key: '2d4af905f79558e98b6db498db1d251d10b64151', class: "hb-statistic__title" }, this.title), h("div", { key: 'f60f0263f6f22ca95d863c1fcd7f94556b351cea', class: "hb-statistic__content", style: this.valueStyle ? { cssText: this.valueStyle } : undefined }, this.valuePrefix && h("span", { key: '4dd5f92066507ad0abf5c5bbeca64001d425b83a', class: "hb-statistic__prefix" }, this.valuePrefix), h("span", { key: '746806287e5f0752263ce913a4b81fa221b0fb3b', class: "hb-statistic__value" }, this.getFormattedValue()), this.suffix !== undefined && h("span", { key: 'a93c66aeb111922903214884e664b425279cc5ac', class: "hb-statistic__suffix" }, this.suffix))));
+    }
+    static get is() { return "hb-statistic"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["statistic.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["statistic.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "title": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6570\u503C\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": "''"
+            },
+            "value": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6570\u503C\u5185\u5BB9\uFF08\u6570\u5B57\u6216\u5B57\u7B26\u4E32\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "precision": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6570\u503C\u5C0F\u6570\u4F4D\u6570"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "precision",
+                "reflect": false
+            },
+            "valuePrefix": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6570\u503C\u524D\u7F00\uFF08\u5982\u8D27\u5E01\u7B26\u53F7 \u00A5\uFF09\uFF08\u6539\u540D valuePrefix \u907F\u514D\u4E0E Element.prefix \u7C7B\u578B\u51B2\u7A81\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value-prefix",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "suffix": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6570\u503C\u540E\u7F00\uFF08\u5982\u5355\u4F4D\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "suffix",
+                "reflect": false
+            },
+            "valueStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u6570\u503C\u5BB9\u5668\u7684\u5185\u8054\u6837\u5F0F"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value-style",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=Statistic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Statistic.js","sourceRoot":"","sources":["../../../src/components/Statistic/Statistic.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,SAAS;IACpB,iEAAiE;IACzD,KAAK,GAAW,EAAE,CAAC;IAE3B,mBAAmB;IACX,KAAK,GAAoB,CAAC,CAAC;IAEnC,aAAa;IACL,SAAS,CAAU;IAE3B,4DAA4D;IACpD,WAAW,GAAW,EAAE,CAAC;IAEjC,gBAAgB;IACR,MAAM,CAAU;IAExB,gBAAgB;IACR,UAAU,CAAU;IAE5B;;;;OAIG;IACK,iBAAiB;QACvB,kDAAkD;QAClD,IAAI,YAAoB,CAAC;QACzB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClC,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpC,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,CAAC,KAAK,CAAC;YACpB,CAAC;QACH,CAAC;QAED,IAAI,GAAW,CAAC;QAChB,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE,CAAC;YAC9D,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC;QACD,uBAAuB;QACvB,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;QAC9D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IACnE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,cAAc;YACtB,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAO;YAClE,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS;gBACjG,IAAI,CAAC,WAAW,IAAI,6DAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,WAAW,CAAQ;gBACjF,6DAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,iBAAiB,EAAE,CAAQ;gBAClE,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,6DAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,MAAM,CAAQ,CACjF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Statistic 统计数值组件\n * 展示某个统计数据，常用于展示一个指标的当前值\n */\n@Component({\n  tag: 'hb-statistic',\n  styleUrl: 'statistic.css',\n  shadow: true,\n})\nexport class Statistic {\n  /** 数值标题（使用默认值使其成为 required string，避免与 HTMLElement.title 类型冲突） */\n  @Prop() title: string = '';\n\n  /** 数值内容（数字或字符串） */\n  @Prop() value: number | string = 0;\n\n  /** 数值小数位数 */\n  @Prop() precision?: number;\n\n  /** 数值前缀（如货币符号 ¥）（改名 valuePrefix 避免与 Element.prefix 类型冲突） */\n  @Prop() valuePrefix: string = '';\n\n  /** 数值后缀（如单位） */\n  @Prop() suffix?: string;\n\n  /** 数值容器的内联样式 */\n  @Prop() valueStyle?: string;\n\n  /**\n   * 将 value 按 precision 格式化为千分位字符串\n   * - 纯数字字符串（含小数）会被当作数值进行格式化（便于 attribute 传入）\n   * - 含非数字字符的字符串原样返回（如 \"1.2K\"、\"N/A\"）\n   */\n  private getFormattedValue(): string {\n    // 将 value 归一为数值：number 直接用；纯数字字符串转为 number；否则原样返回\n    let numericValue: number;\n    if (typeof this.value === 'number') {\n      numericValue = this.value;\n    } else {\n      const trimmed = this.value.trim();\n      if (/^-?\\d+(\\.\\d+)?$/.test(trimmed)) {\n        numericValue = Number(trimmed);\n      } else {\n        return this.value;\n      }\n    }\n\n    let str: string;\n    if (typeof this.precision === 'number' && this.precision >= 0) {\n      str = numericValue.toFixed(this.precision);\n    } else {\n      str = String(numericValue);\n    }\n    // 拆分整数/小数部分，仅对整数部分加千分位\n    const [intPart, decPart] = str.split('.');\n    const grouped = intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    return decPart !== undefined ? `${grouped}.${decPart}` : grouped;\n  }\n\n  render() {\n    return (\n      <div class=\"hb-statistic\">\n        {this.title && <div class=\"hb-statistic__title\">{this.title}</div>}\n        <div class=\"hb-statistic__content\" style={this.valueStyle ? { cssText: this.valueStyle } : undefined}>\n          {this.valuePrefix && <span class=\"hb-statistic__prefix\">{this.valuePrefix}</span>}\n          <span class=\"hb-statistic__value\">{this.getFormattedValue()}</span>\n          {this.suffix !== undefined && <span class=\"hb-statistic__suffix\">{this.suffix}</span>}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Statistic/statistic.css

@@ -0,0 +1,32 @@
+:host { display: block; }
+
+.hb-statistic { display: inline-flex; flex-direction: column; line-height: var(--hb-line-height); }
+
+/* 标题 */
+.hb-statistic__title {
+  color: var(--hb-color-text-secondary);
+  font-size: var(--hb-font-size-base);
+  margin-bottom: var(--hb-spacing-xs);
+}
+
+/* 数值容器 */
+.hb-statistic__content { display: flex; align-items: baseline; color: var(--hb-color-text-primary); }
+
+/* 数值本体：大号 */
+.hb-statistic__value {
+  font-size: var(--hb-font-size-2xl);
+  font-weight: 500;
+  line-height: 1;
+}
+
+/* 前缀（如 ¥） */
+.hb-statistic__prefix {
+  margin-right: var(--hb-spacing-xxs);
+  font-size: var(--hb-font-size-lg);
+}
+
+/* 后缀（如 单位） */
+.hb-statistic__suffix {
+  margin-left: var(--hb-spacing-xxs);
+  font-size: var(--hb-font-size-lg);
+}

package/dist/collection/components/Steps/Step.js

@@ -0,0 +1,95 @@
+import { h } from "@stencil/core";
+export class Step {
+    title = '';
+    description;
+    icon;
+    status = 'wait';
+    render() {
+        return h("div", { key: '8a42e9bcdb6ab736095af526989a331edc76f0bb', class: "hb-step" }, h("slot", { key: 'cff737be2d6690f6edee1b0996c2d49e9621ffaa' }));
+    }
+    static get is() { return "hb-step"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "title": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "title",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "description",
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "icon",
+                "reflect": false
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'wait' | 'process' | 'finish' | 'error'",
+                    "resolved": "\"error\" | \"finish\" | \"process\" | \"wait\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "status",
+                "reflect": false,
+                "defaultValue": "'wait'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=Step.js.map

package/dist/collection/components/Steps/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../src/components/Steps/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGnD,MAAM,OAAO,IAAI;IACP,KAAK,GAAW,EAAE,CAAC;IACnB,WAAW,CAAU;IACrB,IAAI,CAAU;IACd,MAAM,GAA4C,MAAM,CAAC;IACjE,MAAM,KAAK,OAAO,4DAAK,KAAK,EAAC,SAAS;QAAC,8DAAQ,CAAM,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACzD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-step', shadow: true })\nexport class Step {\n  @Prop() title: string = '';\n  @Prop() description?: string;\n  @Prop() icon?: string;\n  @Prop() status: 'wait' | 'process' | 'finish' | 'error' = 'wait';\n  render() { return <div class=\"hb-step\"><slot /></div>; }\n}\n"]}