huibo-ui 0.3.0 → 0.5.0

package/dist/collection/components/InputTag/InputTag.js

@@ -117,7 +117,7 @@ export class InputTag {
         this.hbChange.emit([]);
     };
     render() {
-        return (h("div", { key: '8623f46b1c4b3a6fbc2f3e1238695d34f08eac16', class: {
+        return (h("div", { key: 'eb9c7afe898b95d3b08c068921f50b4848d78ada', class: {
                 'hb-input-tag': true,
                 [`hb-input-tag--${this.size}`]: true,
                 'hb-input-tag--disabled': this.disabled,
@@ -125,7 +125,7 @@ export class InputTag {
             }, style: this.width ? { width: this.width } : undefined }, this.modelValue.map((tag) => (h("span", { class: {
                 'hb-input-tag__tag': true,
                 [`hb-input-tag__tag--${this.type}`]: !!this.type,
-            } }, h("span", { class: "hb-input-tag__tag-text" }, tag), this.closable && (h("span", { class: "hb-input-tag__tag-close", onClick: () => this.removeTag(tag) }, "\u00D7"))))), this.inputVisible && (!this.max || this.modelValue.length < this.max) && (h("input", { key: '16c0936153b04ffb0ad4949f66c7994470b7fb91', ref: (el) => (this.inputRef = el), type: "text", class: "hb-input-tag__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, maxlength: this.maxlength, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur })), this.clearable && this.modelValue.length > 0 && !this.disabled && (h("span", { key: '9995f3650302013f402f8bd3878c5ce974dfbc00', class: "hb-input-tag__clear", onClick: this.handleClearAll }, "\u00D7"))));
+            } }, h("span", { class: "hb-input-tag__tag-text" }, tag), this.closable && (h("span", { class: "hb-input-tag__tag-close", onClick: () => this.removeTag(tag) }, "\u00D7"))))), this.inputVisible && (!this.max || this.modelValue.length < this.max) && (h("input", { key: '4f26ff131300b6afbb6278a8066e33c16197990f', ref: (el) => (this.inputRef = el), type: "text", class: "hb-input-tag__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, maxlength: this.maxlength, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur })), this.clearable && this.modelValue.length > 0 && !this.disabled && (h("span", { key: '2d0156cd68a9d9a11e1e8b78160edfa271bcb188', class: "hb-input-tag__clear", onClick: this.handleClearAll }, "\u00D7"))));
     }
     static get is() { return "hb-input-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Layout/Layout.js

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 /**
  * Layout 布局组件
- * 通过基础的 24 分栏，迅速简便地创建布局
+ * 通过基础的 24 分栏，迅速简便地创建布局。
+ * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。
  */
 export class Layout {
     /**
@@ -25,43 +26,65 @@ export class Layout {
      */
     pull = 0;
     /**
-     * <768px 响应式栅格数或者栅格属性对象
+     * <576px 响应式栅格数或者栅格属性对象
      */
     xs;
     /**
-     * ≥768px 响应式栅格数或者栅格属性对象
+     * ≥576px 响应式栅格数或者栅格属性对象
      */
     sm;
     /**
-     * ≥992px 响应式栅格数或者栅格属性对象
+     * ≥768px 响应式栅格数或者栅格属性对象
      */
     md;
     /**
-     * ≥1200px 响应式栅格数或者栅格属性对象
+     * ≥992px 响应式栅格数或者栅格属性对象
      */
     lg;
     /**
-     * ≥1920px 响应式栅格数或者栅格属性对象
+     * ≥1200px 响应式栅格数或者栅格属性对象
      */
     xl;
+    /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */
+    normalizeResponsive(value) {
+        if (value === undefined || value === null)
+            return {};
+        if (typeof value === 'number')
+            return { span: value };
+        return value;
+    }
     getColClass() {
         const classes = ['hb-col'];
-        if (this.span) {
+        // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）
+        if (this.span)
             classes.push(`hb-col-${this.span}`);
-        }
-        if (this.offset) {
+        if (this.offset)
             classes.push(`hb-col-offset-${this.offset}`);
-        }
-        if (this.push) {
+        if (this.push)
             classes.push(`hb-col-push-${this.push}`);
-        }
-        if (this.pull) {
+        if (this.pull)
             classes.push(`hb-col-pull-${this.pull}`);
+        // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，
+        // CSS 用 @media 在对应断点应用（覆盖基础值）。
+        const bps = ['xs', 'sm', 'md', 'lg', 'xl'];
+        for (const bp of bps) {
+            const v = this[bp];
+            if (v === undefined)
+                continue;
+            const r = this.normalizeResponsive(v);
+            if (r.span !== undefined)
+                classes.push(`hb-col-${bp}-${r.span}`);
+            if (r.offset !== undefined)
+                classes.push(`hb-col-${bp}-offset-${r.offset}`);
+            if (r.push !== undefined)
+                classes.push(`hb-col-${bp}-push-${r.push}`);
+            if (r.pull !== undefined)
+                classes.push(`hb-col-${bp}-pull-${r.pull}`);
         }
         return classes.join(' ');
     }
     render() {
-        return (h("div", { key: 'fc06cef5bbbcb0c108907a16b5c96fe8dc9f4f77', class: this.getColClass() }, h("slot", { key: '9ca9f6e93df8c29dc901f84a39b3eed635b953bb' })));
+        return (h("div", { key: '4a746d8ded47283a969473aa8cfbd65ad174a18f', class: this.getColClass() }, h("slot", { key: '5c6a2eacb1a2c84678e210cc75aec9a085ae902a' })));
     }
     static get is() { return "hb-layout"; }
     static get encapsulation() { return "shadow"; }
@@ -173,15 +196,21 @@ export class Layout {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number | object",
-                    "resolved": "number | object",
-                    "references": {}
+                    "original": "number | ColResponsive",
+                    "resolved": "ColResponsive | number",
+                    "references": {
+                        "ColResponsive": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Layout/Layout.tsx",
+                            "id": "src/components/Layout/Layout.tsx::ColResponsive"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "<768px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
+                    "text": "<576px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
                 },
                 "getter": false,
                 "setter": false,
@@ -192,15 +221,21 @@ export class Layout {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number | object",
-                    "resolved": "number | object",
-                    "references": {}
+                    "original": "number | ColResponsive",
+                    "resolved": "ColResponsive | number",
+                    "references": {
+                        "ColResponsive": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Layout/Layout.tsx",
+                            "id": "src/components/Layout/Layout.tsx::ColResponsive"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u2265768px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
+                    "text": "\u2265576px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
                 },
                 "getter": false,
                 "setter": false,
@@ -211,15 +246,21 @@ export class Layout {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number | object",
-                    "resolved": "number | object",
-                    "references": {}
+                    "original": "number | ColResponsive",
+                    "resolved": "ColResponsive | number",
+                    "references": {
+                        "ColResponsive": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Layout/Layout.tsx",
+                            "id": "src/components/Layout/Layout.tsx::ColResponsive"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u2265992px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
+                    "text": "\u2265768px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
                 },
                 "getter": false,
                 "setter": false,
@@ -230,15 +271,21 @@ export class Layout {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number | object",
-                    "resolved": "number | object",
-                    "references": {}
+                    "original": "number | ColResponsive",
+                    "resolved": "ColResponsive | number",
+                    "references": {
+                        "ColResponsive": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Layout/Layout.tsx",
+                            "id": "src/components/Layout/Layout.tsx::ColResponsive"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u22651200px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
+                    "text": "\u2265992px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
                 },
                 "getter": false,
                 "setter": false,
@@ -249,15 +296,21 @@ export class Layout {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number | object",
-                    "resolved": "number | object",
-                    "references": {}
+                    "original": "number | ColResponsive",
+                    "resolved": "ColResponsive | number",
+                    "references": {
+                        "ColResponsive": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Layout/Layout.tsx",
+                            "id": "src/components/Layout/Layout.tsx::ColResponsive"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u22651920px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
+                    "text": "\u22651200px \u54CD\u5E94\u5F0F\u6805\u683C\u6570\u6216\u8005\u6805\u683C\u5C5E\u6027\u5BF9\u8C61"
                 },
                 "getter": false,
                 "setter": false,

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;GAGG;AAMH,MAAM,OAAO,MAAM;IACjB;;;OAGG;IACK,IAAI,GAAW,EAAE,CAAC;IAE1B;;;OAGG;IACK,MAAM,GAAW,CAAC,CAAC;IAE3B;;;OAGG;IACK,IAAI,GAAW,CAAC,CAAC;IAEzB;;;OAGG;IACK,IAAI,GAAW,CAAC,CAAC;IAEzB;;OAEG;IACK,EAAE,CAAmB;IAE7B;;OAEG;IACK,EAAE,CAAmB;IAE7B;;OAEG;IACK,EAAE,CAAmB;IAE7B;;OAEG;IACK,EAAE,CAAmB;IAE7B;;OAEG;IACK,EAAE,CAAmB;IAErB,WAAW;QACjB,MAAM,OAAO,GAAa,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE;YAC5B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | object;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | object;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | object;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | object;\n\n  /**\n   * ≥1920px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | object;\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n    \n    if (this.span) {\n      classes.push(`hb-col-${this.span}`);\n    }\n    if (this.offset) {\n      classes.push(`hb-col-offset-${this.offset}`);\n    }\n    if (this.push) {\n      classes.push(`hb-col-push-${this.push}`);\n    }\n    if (this.pull) {\n      classes.push(`hb-col-pull-${this.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Layout/Row.js

@@ -34,13 +34,13 @@ export class Row {
     render() {
         const gutter = this.getGutterValue();
         const Tag = this.tag;
-        return (h(Tag, { key: 'e24936c60590569a21ee87a86c387fcc91c27cbc', class: {
+        return (h(Tag, { key: '24c61b29b302f92a1f24ffe7e1efcc82e5f2694d', 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' })));
+            } }, h("slot", { key: '2f5c9b147cafb4d408b7dfbab0dc7ca5141c97e5' })));
     }
     static get is() { return "hb-row"; }
     static get encapsulation() { return "shadow"; }