huibo-ui 0.3.0

package/dist/components/hb-radio.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface HbRadio extends Components.HbRadio, HTMLElement {}
+export const HbRadio: {
+    prototype: HbRadio;
+    new (): HbRadio;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/hb-radio.js

@@ -0,0 +1,149 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
+
+const radioCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-radio-font-size:14px;--hb-radio-color:var(--hb-color-primary);--hb-radio-border-color:var(--hb-border-color,#dcdfe6);--hb-radio-text-color:var(--hb-color-text-regular,#606266);--hb-radio-disabled-color:var(--hb-color-text-disabled,#c0c4cc);display:inline-block}.hb-radio{align-items:center;color:var(--hb-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--hb-radio-font-size);font-weight:500;margin-right:30px;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-radio:last-child{margin-right:0}.hb-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.hb-radio__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.hb-radio__inner{border:1px solid var(--hb-radio-border-color);box-sizing:border-box;cursor:pointer;display:inline-block;height:14px;position:relative;transition:all .2s;width:14px}.hb-radio__inner,.hb-radio__inner:after{background-color:var(--hb-color-white,#fff);border-radius:50%}.hb-radio__inner:after{content:\"\";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);transition:transform .15s ease-in;width:4px}.hb-radio--checked .hb-radio__inner{background:var(--hb-radio-color);border-color:var(--hb-radio-color)}.hb-radio--checked .hb-radio__inner:after{transform:translate(-50%,-50%)scale(1)}.hb-radio__label{font-size:var(--hb-radio-font-size);line-height:1;padding-left:8px}.hb-radio--disabled{cursor:not-allowed}.hb-radio--disabled .hb-radio__inner{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-radio-border-color);cursor:not-allowed}.hb-radio--disabled .hb-radio__label{color:var(--hb-radio-disabled-color);cursor:not-allowed}.hb-radio--border{border:1px solid var(--hb-radio-border-color);border-radius:4px;box-sizing:border-box;padding:9px 15px 9px 9px;white-space:nowrap}.hb-radio--border.hb-radio--checked{border-color:var(--hb-radio-color)}.hb-radio--border.hb-radio--disabled{border-color:var(--hb-radio-border-color);cursor:not-allowed}.hb-radio--small{font-size:12px}.hb-radio--small .hb-radio__inner{height:12px;width:12px}.hb-radio--small .hb-radio__inner:after{height:3px;width:3px}.hb-radio--small .hb-radio__label{padding-left:6px}.hb-radio--large{font-size:16px}.hb-radio--large .hb-radio__inner{height:16px;width:16px}.hb-radio--large .hb-radio__inner:after{height:5px;width:5px}.hb-radio--large .hb-radio__label{padding-left:10px}.hb-radio:hover:not(.hb-radio--disabled) .hb-radio__inner{border-color:var(--hb-radio-color)}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const HbRadioStyle0 = radioCss;
+
+const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.hbChange = createEvent(this, "hbChange", 7);
+    }
+    get el() { return this; }
+    /**
+     * 绑定值
+     */
+    modelValue;
+    /**
+     * 单选框的值
+     */
+    value;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled = false;
+    /**
+     * 是否选中
+     * @default false
+     */
+    checked = false;
+    /**
+     * 原生 name 属性
+     */
+    name;
+    /**
+     * 原生 id 属性
+     */
+    radioId;
+    /**
+     * 文本标签
+     */
+    label;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border = false;
+    /**
+     * 尺寸
+     */
+    size = 'default';
+    /**
+     * 值改变事件
+     */
+    hbChange;
+    isChecked = false;
+    handleValueChange() {
+        this.updateChecked();
+    }
+    componentDidLoad() {
+        this.updateChecked();
+    }
+    updateChecked() {
+        if (this.value !== undefined) {
+            // 在 radio group 中
+            this.isChecked = this.modelValue === this.value;
+        }
+        else {
+            // 单个 radio
+            this.isChecked = this.checked;
+        }
+    }
+    handleChange = (e) => {
+        const target = e.target;
+        if (this.disabled) {
+            e.preventDefault();
+            return;
+        }
+        if (this.value !== undefined) {
+            // 在 radio group 中
+            this.modelValue = this.value;
+            this.isChecked = true;
+            this.hbChange.emit(this.value);
+        }
+        else {
+            // 单个 radio
+            this.isChecked = target.checked;
+            if (target.checked && this.value !== undefined) {
+                this.hbChange.emit(this.value);
+            }
+            else {
+                this.hbChange.emit(target.checked);
+            }
+        }
+    };
+    render() {
+        const inputId = this.radioId || `hb-radio-${Math.random().toString(36).substr(2, 9)}`;
+        return (h("label", { key: '3f069ee164a78574c94d973e06f435d172170d8c', class: {
+                'hb-radio': true,
+                'hb-radio--checked': this.isChecked,
+                'hb-radio--disabled': this.disabled,
+                'hb-radio--border': this.border,
+                [`hb-radio--${this.size}`]: true,
+            } }, h("span", { key: 'e8e0c6976efa57516d14bba9385f2424400c749c', class: "hb-radio__input" }, h("input", { key: '6a5cf424f748330a8b9214a2ee75f154f599a9ca', type: "radio", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, value: this.value, onChange: this.handleChange, class: "hb-radio__original" }), h("span", { key: '7c2d37231c2b7f28001bfb95014ffc638c324633', class: "hb-radio__inner" })), (this.label || this.value !== undefined) && (h("span", { key: '05980e96a3068f1dfd44719f688eb68c715fde85', class: "hb-radio__label" }, h("slot", { key: '96dfbd6157a555033a3f749032a44272c3a8588b' }, this.label || this.value)))));
+    }
+    static get watchers() { return {
+        "modelValue": ["handleValueChange"],
+        "checked": ["handleValueChange"],
+        "value": ["handleValueChange"]
+    }; }
+    static get style() { return HbRadioStyle0; }
+}, [1, "hb-radio", {
+        "modelValue": [1032, "model-value"],
+        "value": [8],
+        "disabled": [4],
+        "checked": [4],
+        "name": [1],
+        "radioId": [1, "radio-id"],
+        "label": [1],
+        "border": [4],
+        "size": [1],
+        "isChecked": [32]
+    }, undefined, {
+        "modelValue": ["handleValueChange"],
+        "checked": ["handleValueChange"],
+        "value": ["handleValueChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hb-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hb-radio":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Radio);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const HbRadio = Radio;
+const defineCustomElement = defineCustomElement$1;
+
+export { HbRadio, defineCustomElement };
+
+//# sourceMappingURL=hb-radio.js.map

package/dist/components/hb-radio.js.map

@@ -0,0 +1 @@
+{"file":"hb-radio.js","mappings":"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","names":[],"sources":["src/components/Radio/radio.css?tag=hb-radio&encapsulation=shadow","src/components/Radio/Radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-radio-font-size: 14px;\n  --hb-radio-color: var(--hb-color-primary);\n  --hb-radio-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-radio-text-color: var(--hb-color-text-regular, #606266);\n  --hb-radio-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-radio {\n  color: var(--hb-radio-text-color);\n  font-weight: 500;\n  font-size: var(--hb-radio-font-size);\n  position: relative;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  user-select: none;\n  margin-right: 30px;\n}\n\n.hb-radio:last-child {\n  margin-right: 0;\n}\n\n.hb-radio__input {\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  position: relative;\n  vertical-align: middle;\n}\n\n.hb-radio__original {\n  opacity: 0;\n  outline: none;\n  position: absolute;\n  margin: 0;\n  width: 0;\n  height: 0;\n  z-index: -1;\n}\n\n.hb-radio__inner {\n  border: 1px solid var(--hb-radio-border-color);\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: var(--hb-color-white, #ffffff);\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  box-sizing: border-box;\n  transition: all 0.2s;\n}\n\n.hb-radio__inner::after {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--hb-color-white, #ffffff);\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) scale(0);\n  transition: transform 0.15s ease-in;\n}\n\n.hb-radio--checked .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n  background: var(--hb-radio-color);\n}\n\n.hb-radio--checked .hb-radio__inner::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.hb-radio__label {\n  padding-left: 8px;\n  line-height: 1;\n  font-size: var(--hb-radio-font-size);\n}\n\n.hb-radio--disabled {\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__inner {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__label {\n  color: var(--hb-radio-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--border {\n  padding: 9px 15px 9px 9px;\n  border-radius: 4px;\n  border: 1px solid var(--hb-radio-border-color);\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n\n.hb-radio--border.hb-radio--checked {\n  border-color: var(--hb-radio-color);\n}\n\n.hb-radio--border.hb-radio--disabled {\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--small {\n  font-size: 12px;\n}\n\n.hb-radio--small .hb-radio__inner {\n  width: 12px;\n  height: 12px;\n}\n\n.hb-radio--small .hb-radio__inner::after {\n  width: 3px;\n  height: 3px;\n}\n\n.hb-radio--small .hb-radio__label {\n  padding-left: 6px;\n}\n\n.hb-radio--large {\n  font-size: 16px;\n}\n\n.hb-radio--large .hb-radio__inner {\n  width: 16px;\n  height: 16px;\n}\n\n.hb-radio--large .hb-radio__inner::after {\n  width: 5px;\n  height: 5px;\n}\n\n.hb-radio--large .hb-radio__label {\n  padding-left: 10px;\n}\n\n.hb-radio:hover:not(.hb-radio--disabled) .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * Radio 单选框组件\n * 在一组备选项中进行单选\n */\n@Component({\n  tag: 'hb-radio',\n  styleUrl: 'radio.css',\n  shadow: true,\n})\nexport class Radio {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string | number;\n\n  /**\n   * 单选框的值\n   */\n  @Prop() value?: string | number;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否选中\n   * @default false\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() radioId?: string;\n\n  /**\n   * 文本标签\n   */\n  @Prop() label?: string;\n\n  /**\n   * 是否显示边框\n   * @default false\n   */\n  @Prop() border: boolean = false;\n\n  /**\n   * 尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string | number | boolean>;\n\n  @State() isChecked: boolean = false;\n\n  @Watch('modelValue')\n  @Watch('checked')\n  @Watch('value')\n  handleValueChange() {\n    this.updateChecked();\n  }\n\n  componentDidLoad() {\n    this.updateChecked();\n  }\n\n  private updateChecked() {\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.isChecked = this.modelValue === this.value;\n    } else {\n      // 单个 radio\n      this.isChecked = this.checked;\n    }\n  }\n\n  private handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    \n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.modelValue = this.value;\n      this.isChecked = true;\n      this.hbChange.emit(this.value);\n    } else {\n      // 单个 radio\n      this.isChecked = target.checked;\n      if (target.checked && this.value !== undefined) {\n        this.hbChange.emit(this.value);\n      } else {\n        this.hbChange.emit(target.checked);\n      }\n    }\n  };\n\n  render() {\n    const inputId = this.radioId || `hb-radio-${Math.random().toString(36).substr(2, 9)}`;\n    \n    return (\n      <label\n        class={{\n          'hb-radio': true,\n          'hb-radio--checked': this.isChecked,\n          'hb-radio--disabled': this.disabled,\n          'hb-radio--border': this.border,\n          [`hb-radio--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-radio__input\">\n          <input\n            type=\"radio\"\n            id={inputId}\n            name={this.name}\n            checked={this.isChecked}\n            disabled={this.disabled}\n            value={this.value}\n            onChange={this.handleChange}\n            class=\"hb-radio__original\"\n          />\n          <span class=\"hb-radio__inner\"></span>\n        </span>\n        {(this.label || this.value !== undefined) && (\n          <span class=\"hb-radio__label\">\n            <slot>{this.label || this.value}</slot>\n          </span>\n        )}\n      </label>\n    );\n  }\n}\n\n"],"version":3}

package/dist/components/hb-rate.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface HbRate extends Components.HbRate, HTMLElement {}
+export const HbRate: {
+    prototype: HbRate;
+    new (): HbRate;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/hb-rate.js

@@ -0,0 +1,161 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
+
+const rateCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-rate-font-size:20px;--hb-rate-color:var(--hb-color-warning,#e6a23c);--hb-rate-void-color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-block}.hb-rate{display:inline-block;height:var(--hb-rate-font-size);line-height:var(--hb-rate-font-size);vertical-align:middle}.hb-rate__item{color:var(--hb-rate-void-color);cursor:pointer;display:inline-block;font-size:var(--hb-rate-font-size);margin-right:6px;position:relative;transition:transform .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{color:var(--hb-rate-void-color);left:0;overflow:hidden;position:absolute;top:0;width:50%}.hb-rate__half--active{color:var(--hb-rate-color)}.hb-rate__text{color:var(--hb-color-text-regular,#606266);font-size:14px;margin-left:8px;vertical-align:middle}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const HbRateStyle0 = rateCss;
+
+const Rate = /*@__PURE__*/ proxyCustomElement(class Rate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.hbChange = createEvent(this, "hbChange", 7);
+    }
+    /**
+     * 绑定值
+     */
+    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 watchers() { return {
+        "modelValue": ["handleValueChange"]
+    }; }
+    static get style() { return HbRateStyle0; }
+}, [1, "hb-rate", {
+        "modelValue": [1026, "model-value"],
+        "max": [2],
+        "disabled": [4],
+        "allowHalf": [4, "allow-half"],
+        "readonly": [4],
+        "showScore": [4, "show-score"],
+        "showText": [4, "show-text"],
+        "texts": [16],
+        "scoreTemplate": [1, "score-template"],
+        "hoverValue": [32],
+        "currentValue": [32]
+    }, undefined, {
+        "modelValue": ["handleValueChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hb-rate"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hb-rate":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Rate);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const HbRate = Rate;
+const defineCustomElement = defineCustomElement$1;
+
+export { HbRate, defineCustomElement };
+
+//# sourceMappingURL=hb-rate.js.map

package/dist/components/hb-rate.js.map

@@ -0,0 +1 @@
+{"file":"hb-rate.js","mappings":"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","names":[],"sources":["src/components/Rate/rate.css?tag=hb-rate&encapsulation=shadow","src/components/Rate/Rate.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-rate-font-size: 20px;\n  --hb-rate-color: var(--hb-color-warning, #e6a23c);\n  --hb-rate-void-color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-rate {\n  display: inline-block;\n  height: var(--hb-rate-font-size);\n  line-height: var(--hb-rate-font-size);\n  vertical-align: middle;\n}\n\n.hb-rate__item {\n  position: relative;\n  display: inline-block;\n  font-size: var(--hb-rate-font-size);\n  margin-right: 6px;\n  color: var(--hb-rate-void-color);\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.hb-rate__item:hover {\n  transform: scale(1.1);\n}\n\n.hb-rate__item--active {\n  color: var(--hb-rate-color);\n}\n\n.hb-rate__icon {\n  display: block;\n}\n\n.hb-rate__half {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 50%;\n  overflow: hidden;\n  color: var(--hb-rate-void-color);\n}\n\n.hb-rate__half--active {\n  color: var(--hb-rate-color);\n}\n\n.hb-rate__text {\n  margin-left: 8px;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n  vertical-align: middle;\n}\n\n","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"],"version":3}

package/dist/components/hb-result.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface HbResult extends Components.HbResult, HTMLElement {}
+export const HbResult: {
+    prototype: HbResult;
+    new (): HbResult;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/hb-result.js

@@ -0,0 +1,77 @@
+import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';
+
+const resultCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-result{flex-direction:column;padding:var(--hb-spacing-xl)var(--hb-spacing-md);text-align:center}.hb-result,.hb-result__icon{align-items:center;display:flex;justify-content:center}.hb-result__icon{font-size:72px;line-height:1;margin-bottom:var(--hb-spacing-md)}.hb-result__icon-symbol{font-size:inherit}.hb-result__title{color:var(--hb-color-text-primary);font-size:var(--hb-font-size-xl);font-weight:500;line-height:1.4}.hb-result__subtitle{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-base);line-height:1.5;margin-top:var(--hb-spacing-xs)}.hb-result__extra{align-items:center;display:flex;flex-wrap:wrap;gap:var(--hb-spacing-xs);justify-content:center;margin-top:var(--hb-spacing-lg)}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const HbResultStyle0 = resultCss;
+
+const Result = /*@__PURE__*/ proxyCustomElement(class Result extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /** 结果状态，决定图标与主题色 */
+    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 style() { return HbResultStyle0; }
+}, [1, "hb-result", {
+        "status": [1],
+        "title": [1],
+        "subTitle": [1, "sub-title"],
+        "icon": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hb-result"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hb-result":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Result);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const HbResult = Result;
+const defineCustomElement = defineCustomElement$1;
+
+export { HbResult, defineCustomElement };
+
+//# sourceMappingURL=hb-result.js.map

package/dist/components/hb-result.js.map

@@ -0,0 +1 @@
+{"file":"hb-result.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+1MAA+1M,CAAC;AACl3M,uBAAe,SAAS;;MCYX,MAAM;;;;;;;IAET,MAAM,GAAiB,MAAM,CAAC;;IAG9B,KAAK,GAAW,EAAE,CAAC;;IAGnB,QAAQ,CAAU;;IAGlB,IAAI,CAAU;;IAGd,OAAO,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;;IAGM,OAAO,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;KAChE;IAEO,OAAO;QACb,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;KACnG;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,QACE,4DAAK,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,cAAc,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,IACpE,4DAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAC3C,6DAAM,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,OAAO,EAAE,CAAQ,CACxD,EACL,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC9D,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,4DAAK,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,QAAQ,CAAO,EACtF,4DAAK,KAAK,EAAC,kBAAkB,IAAC,8DAAQ,CAAM,CACxC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Result/result.css?tag=hb-result&encapsulation=shadow","src/components/Result/Result.tsx"],"sourcesContent":[":host { display: block; }\n\n.hb-result {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--hb-spacing-xl) var(--hb-spacing-md);\n  text-align: center;\n}\n\n/* 图标 */\n.hb-result__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--hb-spacing-md);\n  font-size: 72px;\n  line-height: 1;\n}\n.hb-result__icon-symbol { font-size: inherit; }\n\n/* 标题 */\n.hb-result__title {\n  color: var(--hb-color-text-primary);\n  font-size: var(--hb-font-size-xl);\n  line-height: 1.4;\n  font-weight: 500;\n}\n\n/* 副标题 */\n.hb-result__subtitle {\n  margin-top: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n  font-size: var(--hb-font-size-base);\n  line-height: 1.5;\n}\n\n/* 操作区 */\n.hb-result__extra {\n  margin-top: var(--hb-spacing-lg);\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: var(--hb-spacing-xs);\n}\n","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"],"version":3}

package/dist/components/hb-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface HbRow extends Components.HbRow, HTMLElement {}
+export const HbRow: {
+    prototype: HbRow;
+    new (): HbRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/hb-row.js

@@ -0,0 +1,77 @@
+import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';
+
+const rowCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-row-gutter:0;display:block}.hb-row{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:calc(var(--hb-row-gutter)/-2);margin-right:calc(var(--hb-row-gutter)/-2);position:relative}.hb-row--justify-start{justify-content:flex-start}.hb-row--justify-end{justify-content:flex-end}.hb-row--justify-center{justify-content:center}.hb-row--justify-space-around{justify-content:space-around}.hb-row--justify-space-between{justify-content:space-between}.hb-row--justify-space-evenly{justify-content:space-evenly}.hb-row--align-top{align-items:flex-start}.hb-row--align-middle{align-items:center}.hb-row--align-bottom{align-items:flex-end}::slotted(hb-layout){padding-left:calc(var(--hb-row-gutter)/2);padding-right:calc(var(--hb-row-gutter)/2)}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const HbRowStyle0 = rowCss;
+
+const Row = /*@__PURE__*/ proxyCustomElement(class Row extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /**
+     * 栅格间距
+     */
+    gutter;
+    /**
+     * 布局模式，可选 flex，现代浏览器下有效
+     * @default false
+     */
+    justify = 'start';
+    /**
+     * flex 布局下的垂直对齐方式
+     */
+    align = 'top';
+    /**
+     * 自定义元素标签
+     * @default 'div'
+     */
+    tag = 'div';
+    getGutterValue() {
+        if (typeof this.gutter === 'number') {
+            return this.gutter;
+        }
+        if (typeof this.gutter === 'object' && this.gutter !== null) {
+            return this.gutter.xs || this.gutter.default || 0;
+        }
+        return 0;
+    }
+    render() {
+        const gutter = this.getGutterValue();
+        const Tag = this.tag;
+        return (h(Tag, { key: 'e24936c60590569a21ee87a86c387fcc91c27cbc', class: {
+                'hb-row': true,
+                [`hb-row--justify-${this.justify}`]: true,
+                [`hb-row--align-${this.align}`]: true,
+            }, style: {
+                '--hb-row-gutter': gutter ? `${gutter}px` : '0',
+            } }, h("slot", { key: '32644828e97b7bfdb31e7aba4db3c16511ae8ad0' })));
+    }
+    static get style() { return HbRowStyle0; }
+}, [1, "hb-row", {
+        "gutter": [2],
+        "justify": [1],
+        "align": [1],
+        "tag": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hb-row"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hb-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Row);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const HbRow = Row;
+const defineCustomElement = defineCustomElement$1;
+
+export { HbRow, defineCustomElement };
+
+//# sourceMappingURL=hb-row.js.map

package/dist/components/hb-row.js.map

@@ -0,0 +1 @@
+{"file":"hb-row.js","mappings":";;AAAA,MAAM,MAAM,GAAG,i3MAAi3M,CAAC;AACj4M,oBAAe,MAAM;;MCUR,GAAG;;;;;;;;;IAIN,MAAM,CAAmB;;;;;IAMzB,OAAO,GAAmF,OAAO,CAAC;;;;IAKlG,KAAK,GAAgC,KAAK,CAAC;;;;;IAM3C,GAAG,GAAW,KAAK,CAAC;IAEpB,cAAc;QACpB,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACnC,OAAO,IAAI,CAAC,MAAM,CAAC;SACpB;QACD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,EAAE;YAC3D,OAAQ,IAAI,CAAC,MAAc,CAAC,EAAE,IAAK,IAAI,CAAC,MAAc,CAAC,OAAO,IAAI,CAAC,CAAC;SACrE;QACD,OAAO,CAAC,CAAC;KACV;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAU,CAAC;QAE5B,QACE,EAAC,GAAG,qDACF,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,CAAC,mBAAmB,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;gBACzC,CAAC,iBAAiB,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI;aACtC,EACD,KAAK,EAAE;gBACL,iBAAiB,EAAE,MAAM,GAAG,GAAG,MAAM,IAAI,GAAG,GAAG;aAChD,IAED,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Layout/row.css?tag=hb-row&encapsulation=shadow","src/components/Layout/Row.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-row-gutter: 0;\n}\n\n.hb-row {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: calc(var(--hb-row-gutter) / -2);\n  margin-right: calc(var(--hb-row-gutter) / -2);\n}\n\n.hb-row--justify-start {\n  justify-content: flex-start;\n}\n\n.hb-row--justify-end {\n  justify-content: flex-end;\n}\n\n.hb-row--justify-center {\n  justify-content: center;\n}\n\n.hb-row--justify-space-around {\n  justify-content: space-around;\n}\n\n.hb-row--justify-space-between {\n  justify-content: space-between;\n}\n\n.hb-row--justify-space-evenly {\n  justify-content: space-evenly;\n}\n\n.hb-row--align-top {\n  align-items: flex-start;\n}\n\n.hb-row--align-middle {\n  align-items: center;\n}\n\n.hb-row--align-bottom {\n  align-items: flex-end;\n}\n\n/* 子元素间距 */\n::slotted(hb-layout) {\n  padding-left: calc(var(--hb-row-gutter) / 2);\n  padding-right: calc(var(--hb-row-gutter) / 2);\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Layout Row 组件\n * 行布局组件\n */\n@Component({\n  tag: 'hb-row',\n  styleUrl: 'row.css',\n  shadow: true,\n})\nexport class Row {\n  /**\n   * 栅格间距\n   */\n  @Prop() gutter?: number | object;\n\n  /**\n   * 布局模式，可选 flex，现代浏览器下有效\n   * @default false\n   */\n  @Prop() justify: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' = 'start';\n\n  /**\n   * flex 布局下的垂直对齐方式\n   */\n  @Prop() align: 'top' | 'middle' | 'bottom' = 'top';\n\n  /**\n   * 自定义元素标签\n   * @default 'div'\n   */\n  @Prop() tag: string = 'div';\n\n  private getGutterValue(): number {\n    if (typeof this.gutter === 'number') {\n      return this.gutter;\n    }\n    if (typeof this.gutter === 'object' && this.gutter !== null) {\n      return (this.gutter as any).xs || (this.gutter as any).default || 0;\n    }\n    return 0;\n  }\n\n  render() {\n    const gutter = this.getGutterValue();\n    const Tag = this.tag as any;\n\n    return (\n      <Tag\n        class={{\n          'hb-row': true,\n          [`hb-row--justify-${this.justify}`]: true,\n          [`hb-row--align-${this.align}`]: true,\n        }}\n        style={{\n          '--hb-row-gutter': gutter ? `${gutter}px` : '0',\n        }}\n      >\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n\n"],"version":3}

package/dist/components/hb-scrollbar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface HbScrollbar extends Components.HbScrollbar, HTMLElement {}
+export const HbScrollbar: {
+    prototype: HbScrollbar;
+    new (): HbScrollbar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;